.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: 3.125rem;color: var(--card-color); } .card-title {margin-bottom: 3.125rem; } .card-subtitle {margin-top: -1.5625rem;margin-bottom: 0; } .card-text:last-child {margin-bottom: 0; } .card-link:hover {text-decoration: none; } .card-link + .card-link {margin-left: 3.125rem; } .card-header {padding: 3.125rem 3.125rem;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.125rem 3.125rem;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: -1.5625rem;margin-bottom: -1.5625rem;margin-left: -1.5625rem;border-bottom: 0; } .card-header-pills {margin-right: -1.5625rem;margin-left: -1.5625rem; } .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: 3.125rem; } @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; } .card {text-decoration: none !important; } .card .card-footer {border-top: 0; } .card.card-1 {border: 0;height: 100%; } .card.card-1 .card-img-top {position: relative; } .card.card-1 .card-img-top .img-fluid {aspect-ratio: 345/285;object-fit: cover; } .card.card-1 .card-img-top::after {content: " ";position: absolute;top: 0.875rem;right: 0.875rem;width: 4.375rem;height: 4.375rem;border-top: solid 2px var(--primary);border-right: solid 2px var(--primary); } .card.card-1 .card-body {padding: 2.0625rem 0 0.8125rem 0;font-size: 0.875rem;line-height: 1.4285714286;color: #6B7280;font-weight: 500;flex-grow: 1; } .card.card-1 .card-body h3, .card.card-1 .card-body .h3 {font-size: 1.5rem;line-height: 1.3333333333;margin-bottom: 0.25rem; } .card.card-1 .card-footer {padding: 0 0 1.125rem 0;display: flex;flex-direction: row;justify-content: space-between; } .card.card-1 .card-footer .btn-link {font-size: 1rem;line-height: 1.5;font-weight: 400;padding: 0;border: 0;box-shadow: none;color: var(--black);text-decoration: none; } .card.card-1 .card-footer .btn-link svg {color: var(--primary);width: 1rem;height: 1rem;margin-right: 0.6875rem; } .card.card-1 .card-footer .btn-link:hover {color: var(--primary); } .card.card-1:hover .card-footer .btn-link {color: var(--primary); } .card.card-2 {background: linear-gradient(0deg, rgba(30, 30, 30, 0.06), rgba(30, 30, 30, 0.06));border: 2px solid rgba(0, 0, 0, 0.3);font-size: 0.875rem;line-height: 1.4285714286;padding: 1.75rem 1.875rem 1.75rem 2.75rem; } .card.card-2 .row .col {display: flex;flex-direction: column;justify-content: center; } .card.card-2 h2, .card.card-2 .h2 {font-weight: 700;font-size: 1.5rem;line-height: 1.3333333333;margin-bottom: 0; } .card.card-2 h2:not(:last-child), .card.card-2 .h2:not(:last-child) {margin-bottom: 0.625rem; } @media (min-width: 992px) {.card.card-2 p {margin-bottom: 0;} } .card.card-2 p:not(:first-child) {margin-bottom: 0.375rem; } .card.card-2 a:not(.btn) {font-weight: 700;font-size: 1rem;line-height: 1.41125;color: var(--black);margin-bottom: 0.375rem; } @media (min-width: 992px) {.card.card-2 a:not(.btn) {margin-bottom: 0;} } .card.card-2 a:not(.btn) svg {width: 1.25rem;height: auto;margin-right: 0.25rem;position: relative;top: -1px; } .card.card-2 .btn {padding: 0.8125rem 1.6875rem; } @media (min-width: 992px) {.card.card-2 .btn {margin-left: 2.625rem;} } .card.card-2 .btn svg {margin-left: 0.625rem;margin-right: -0.625rem; } .card.card-3, .card.card-4 {color: var(--white);font-size: 1rem;line-height: 1.5;padding-bottom: 2.875rem;height: 100%; } .card.card-3 .row .col, .card.card-4 .row .col {display: flex;flex-direction: column;justify-content: center; } .card.card-3 .card-body, .card.card-4 .card-body {padding: 2.3125rem 3.25rem 0 3.25rem;flex-grow: 1; } .card.card-3 .card-footer, .card.card-4 .card-footer {background: transparent;border: 0;padding: 0.5rem 3.25rem 0 3.25rem; } .card.card-3 .card-footer .row, .card.card-4 .card-footer .row {margin-bottom: -1.5rem; } .card.card-3 .card-footer .row .col, .card.card-4 .card-footer .row .col {padding-bottom: 1.5rem; } .card.card-3 h3, .card.card-3 .h3, .card.card-4 h3, .card.card-4 .h3 {color: var(--white);font-weight: 700;font-size: 2.25rem;line-height: 1.1111111111;margin-bottom: 1.875rem; } .card.card-3 address, .card.card-4 address {padding-left: 2.5rem;position: relative;color: var(--white); } .card.card-3 address::first-line, .card.card-4 address::first-line {font-weight: 700;font-size: 1.125rem;line-height: 1.5555555556; } .card.card-3 address svg, .card.card-4 address svg {width: 2.1875rem;height: auto;position: absolute;left: -0.25rem; } .card.card-3 a:not(.btn), .card.card-4 a:not(.btn) {font-weight: 700;font-size: 24px;line-height: 1.3333333333;color: var(--white);white-space: nowrap; } .card.card-3 a:not(.btn) svg, .card.card-4 a:not(.btn) svg {height: 1.875rem;width: auto;position: relative;top: -2px; } .card.card-3 .btn, .card.card-4 .btn {padding: 0.875rem 2.0625rem; } .card.card-3 {background: var(--primary);border-color: var(--primary); } .card.card-4 {background: #1E1E1E;border-color: #1E1E1E; } .card.card-4 address svg {color: var(--primary); } .card.card-4 a:not(.btn) svg {color: var(--primary); } .card.card-5 {border: 0; } .card.card-5 .card-img-top .img-fluid {aspect-ratio: 345/285;object-fit: cover;object-position: top; } .card.card-5 .card-body {padding: 1.875rem 0; } .card.card-5 h3, .card.card-5 .h3 {font-weight: 700;font-size: 1.5rem;line-height: 1.3333333333;margin-bottom: 0.1875rem; } .card.card-5 p {font-weight: 500;font-size: 0.875rem;line-height: 1.4285714286;letter-spacing: 0.04375rem;color: #6B7280;margin-bottom: 1rem; } .card.card-5 a {display: block;width: fit-content;font-weight: 400;font-size: 1rem;line-height: 1.5;margin-bottom: 0.4375rem;color: #6B6B6B; } .card.card-5 a svg {width: 1.25rem;height: auto;color: var(--primary); } .card.card-6 {background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.3);height: 100%;padding: 2rem 2.1875rem; } .card.card-6 .card-body {font-weight: 400;font-size: 0.875rem;line-height: 1.8571428571;color: var(--white);text-align: left;padding: 0; } .card.card-6 h3, .card.card-6 .h3 {font-weight: 700;font-size: 1rem;line-height: 1.75;color: var(--white);margin-bottom: 0.75rem; } .card.card-6 p {margin-bottom: 0; } .card.card-6 .number {width: 3.5rem;height: 3.5rem;background: var(--primary);color: var(--white);display: flex;align-items: center;justify-content: center;margin-bottom: 1.4375rem; } .card.card-7 {width: 100%;height: 100%;border: 0;background: transparent;color: var(--white);text-align: left; } .card.card-7::before {content: " ";position: absolute;top: 0;left: 0;width: 5rem;height: 5rem;border-top: solid 2px var(--primary);border-left: solid 2px var(--primary);z-index: 1; } .card.card-7::after {content: " ";position: absolute;bottom: 0;right: 0;width: 6rem;height: 6rem;border-bottom: solid 2px var(--primary);border-right: solid 2px var(--primary); } .card.card-7 .card-img {flex-grow: 0;flex-shrink: 1;flex-basis: 100%;position: absolute;inset: 0;width: 100%;height: 100%; } .card.card-7 .card-img::after {content: " ";position: absolute;inset: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); } .card.card-7 .card-img .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .card.card-7 .card-body {position: relative;display: flex;flex-direction: column;justify-content: flex-end;padding: 1.3125rem 2.5625rem; } .card.card-7 .card-body h2, .card.card-7 .card-body .h2, .card.card-7 .card-body h3, .card.card-7 .card-body .h3 {color: var(--white);font-size: 1.0625rem;line-height: 1.6470588235;margin-bottom: 0;display: flex;flex-direction: column;position: relative; } .card.card-7 .card-body h2 small, .card.card-7 .card-body .h2 small, .card.card-7 .card-body h3 small, .card.card-7 .card-body .h3 small {order: -1;font-size: 1rem;line-height: 1.568627451;font-weight: 700;color: var(--primary);display: block;margin-bottom: 0.6875rem; } .card.card-7 .card-body h2::before, .card.card-7 .card-body .h2::before, .card.card-7 .card-body h3::before, .card.card-7 .card-body .h3::before {content: " ";position: absolute;inset: 0;top: 0;width: 2px;height: 100%;background: var(--primary);left: -1.625rem; } .card.card-7 .card-body .number {position: absolute;top: 0.3125rem;right: 1.5rem;font-size: 1.9125rem;font-weight: 700;color: rgba(255, 255, 255, 0.1); } .card.card-8 {background: var(--primary);padding: 0;color: var(--white);font-weight: 500;font-size: 0.75rem;line-height: 1.6666666667;padding: 1.9375rem 2.0625rem 0.625rem 2.0625rem;aspect-ratio: 195/128;width: 12.1875rem;box-shadow: 0 1.5625rem 3.125rem -0.75rem rgba(0, 0, 0, 0.25); } .card.card-8 b {display: block;font-weight: 700;font-size: 2rem;line-height: 1.25; } .card.card-9 {background: #1E1E1E;color: var(--white);padding: 2.0625rem; } .card.card-9::after {content: " ";position: absolute;top: 0.125rem;left: 0.125rem;width: 3rem;height: 3rem;border-top: solid 2px var(--primary);border-left: solid 2px var(--primary); } .card.card-9 p {margin-bottom: 0.4375rem; } .card.card-9 .btn {margin-top: 1rem;width: fit-content; } .card.card-9 .btn svg {margin-left: 1rem;margin-right: -1.0625rem; } .card.card-10 {background: var(--white);border: 1px solid #D8D8D8;height: 100%;padding: 1.875rem 1.875rem 2.0625rem 1.875rem; } .card.card-10 .card-body {font-weight: 400;font-size: 0.875rem;line-height: 1.6;color: #6B6B6B;text-align: left;padding: 0; } .card.card-10 h3, .card.card-10 .h3 {font-weight: 700;font-size: 1rem;line-height: 1.75;color: var(--black);margin-bottom: 0.25rem; } .card.card-10 p {margin-bottom: 0; } .card.card-10 .icon {width: 3.875rem;height: 3.875rem;background: rgba(242, 107, 29, 0.1);color: var(--primary);border: 0.1875rem solid var(--primary);display: flex;align-items: center;justify-content: center;margin-bottom: 0.875rem; } .card.card-10::after {content: " ";width: 25%;height: 0.125rem;background: var(--primary);position: absolute;bottom: 0;left: 0; } .card.card-11 {height: 100%;border: 0; } .card.card-11 .card-img-top {order: 2;position: relative; } .card.card-11 .card-img-top .img-fluid {aspect-ratio: 596/288;object-fit: cover; } .card.card-11 .card-img-top::before {content: " ";position: absolute;width: 3rem;height: 3rem;left: 0;top: 0;border-left: solid 2px var(--primary);border-top: solid 2px var(--primary); } .card.card-11 .card-img-top::after {content: " ";position: absolute;width: 3rem;height: 3rem;right: 0;bottom: 0;border-right: solid 2px var(--primary);border-bottom: solid 2px var(--primary); } .card.card-11 .card-img-top .btn {position: absolute;left: 25px;bottom: 25px; } .card.card-11 .card-img-top .btn svg {margin-left: 1rem;margin-right: -1.0625rem; } .card.card-11 .card-body {order: 1;background: var(--primary);padding: 0.6875rem 1.25rem; } .card.card-11 .card-body h3, .card.card-11 .card-body .h3 {color: var(--white);margin-bottom: 0;text-align: left; } .card.card-11.card-odd .card-img-top::before {top: auto;bottom: 0;border-top: 0;border-bottom: solid 2px var(--primary); } .card.card-11.card-odd .card-img-top::after {top: 0;bottom: auto;border-top: solid 2px var(--primary);border-bottom: 0; } .card.card-11.card-odd .card-body {background: #2D2D2D; } .card.card-11:hover .card-img-top .btn {background-color: var(--primary-hover);color: var(--primary-yiq);border-color: var(--primary-hover-border); } .card.card-12 {border: 0;height: 100%;text-align: left;background: var(--white); } .card.card-12 .highlight {position: absolute;top: -2rem;width: calc(100% + 0.25rem);left: -0.125rem;font-weight: 700;font-size: 0.75rem;line-height: 1.3333333333;text-align: center;background: var(--primary);color: var(--white);padding: 0.4375rem; } .card.card-12 .card-img-top {aspect-ratio: 284/192;background: #F9FAFB;position: relative; } .card.card-12 .card-img-top .img-fluid {width: 100%;height: 100%;object-fit: cover; } .card.card-12 .card-body {font-size: 0.75rem;line-height: 1.5833333333;color: #6B6B6B;padding: 1.4375rem 1.75rem 2.1875rem 1.75rem; } .card.card-12 .card-body h3, .card.card-12 .card-body .h3 {font-weight: 700;font-size: 0.875rem;line-height: 1.7142857143;margin-bottom: 0.6875rem; } .card.card-12 .card-body .badge {font-weight: 700;font-size: 0.75rem;line-height: 1.6666666667;background: #F4F4F4;color: var(--black);padding: 0.1875rem 0.8125rem;margin-bottom: 0.75rem; } @media (min-width: 992px) {.card.card-12 .card-body p {max-width: 8.75rem;} } .card.card-12 .number {position: absolute;top: 0.5rem;right: 0.625rem;font-size: 1.5rem;font-weight: 700;color: #D1D5DB; } .card.card-12.card-highlight {border: 2px solid var(--primary); } .card.card-12.card-highlight .card-body {padding-bottom: 0.3125rem; } .card.card-12.card-highlight .card-body .badge {background: var(--primary);color: var(--white); } .card.card-13 {height: 100%;border: 0; } .card.card-13 .card-img {position: absolute;inset: 0;width: 100%;height: 100%; } .card.card-13 .card-img .slide {position: absolute;width: 100%;height: 100%;inset: 0;top: 0;overflow: clip; } .card.card-13 .card-img .slide .img-fluid {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover; } .card.card-13 .card-img .slide.slide-left {clip-path: inset(0 50% 0 0); } .card.card-13 .card-img .slide.slide-right {clip-path: inset(0 0 0 50%); } .card.card-13 .card-img .slider {background: var(--white);width: 0.25rem;position: absolute;left: calc(50% - 0.125rem);height: 100%;border-radius: 0.25rem;z-index: 1;cursor: col-resize; } .card.card-13 .card-img .slider .btn {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;padding: 0;width: 4.3125rem;height: 4.3125rem;flex-direction: row;align-items: center;justify-content: space-evenly;background: var(--primary);border-radius: 200px;color: var(--white); } .card.card-13 .card-img .slider .btn::before {content: " ";position: absolute;width: 6.1875rem;height: 6.1875rem;border-radius: 200px;background: rgba(242, 107, 29, 0.2); } .card.card-13 .card-body {position: relative;display: flex;flex-direction: column;justify-content: flex-end;padding: 1.3125rem 2.5625rem; } .card.card-13 .card-body h2, .card.card-13 .card-body .h2, .card.card-13 .card-body h3, .card.card-13 .card-body .h3 {color: var(--white);font-size: 1.0625rem;line-height: 1.6470588235;margin-bottom: 0;display: flex;flex-direction: column;position: relative; } .card.card-13 .card-body h2 small, .card.card-13 .card-body .h2 small, .card.card-13 .card-body h3 small, .card.card-13 .card-body .h3 small {order: -1;font-size: 1rem;line-height: 1.568627451;font-weight: 700;color: var(--primary);display: block;margin-bottom: 0.6875rem; } .card.card-13 .card-body h2::before, .card.card-13 .card-body .h2::before, .card.card-13 .card-body h3::before, .card.card-13 .card-body .h3::before {content: " ";position: absolute;inset: 0;top: 0;width: 2px;height: 100%;background: var(--primary);left: -1.625rem; } .card.card-14 {font-weight: 400;border: 1px solid #E5E7EB;position: relative;text-align: left; } .card.card-14 .card-body {padding: 2.375rem 5.3125rem 2.375rem 2.9375rem;font-size: 1rem;line-height: 1.625;color: #6B6B6B; } .card.card-14 .card-body p {display: none;padding-top: 2.0625rem;margin-bottom: -0.5625rem; } .card.card-14 h3, .card.card-14 .h3 {font-weight: 700;font-size: 1.25rem;line-height: 1.4;margin-bottom: 0;margin-left: 2.375rem; } .card.card-14 .number {position: absolute;width: 2.5rem;height: 2.5rem;top: 2rem;left: 1.625rem;background: #F5F3F0;color: var(--primary);display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.875rem;line-height: 1.4285714286; } .card.card-14 .btn-collapse {color: var(--black);border-color: var(--black);border-color: rgba(30, 30, 30, 0.2);position: absolute;width: 2.5rem;height: 2.5rem;top: 2rem;right: 1.625rem;display: flex;align-items: center;justify-content: center;padding: 0; } .card.card-14 .btn-collapse:hover {color: var(--black);background-color: var(--black);border-color: var(--black); } .card.card-14 .btn-collapse:focus, .card.card-14 .btn-collapse.focus {box-shadow: 0 0 0 0.2rem rgba(var(--black), 0.5); } .card.card-14 .btn-collapse.disabled, .card.card-14 .btn-collapse:disabled {color: var(--black);background-color: transparent; } .card.card-14 .btn-collapse:not(:disabled):not(.disabled):active, .card.card-14 .btn-collapse:not(:disabled):not(.disabled).active, .show > .card.card-14 .btn-collapse.dropdown-toggle {background-color: var(--black);border-color: var(--black); } .card.card-14 .btn-collapse:not(:disabled):not(.disabled):active:focus, .card.card-14 .btn-collapse:not(:disabled):not(.disabled).active:focus, .show > .card.card-14 .btn-collapse.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--black), 0.5); } .card.card-14 .btn-collapse:hover, .card.card-14 .btn-collapse:focus, .card.card-14 .btn-collapse:active {background-color: var(--white) !important; } .card.card-14.show {border-color: var(--primary); } .card.card-14.show .card-body p {display: block; } .card.card-14.show h3, .card.card-14.show .h3 {color: var(--primary); } .card.card-14.show .number {background: var(--primary);color: var(--white); } .card.card-14.show .btn-collapse {color: var(--primary-yiq);background-color: var(--primary);border-color: var(--primary-border); } .card.card-14.show .btn-collapse:hover {color: var(--primary-yiq);background-color: var(--primary-hover);border-color: var(--primary-hover-border); } .card.card-14.show .btn-collapse.disabled, .card.card-14.show .btn-collapse:disabled {background-color: var(--primary);border-color: var(--primary-border); } .card.card-14.show .btn-collapse:not(:disabled):not(.disabled):active, .card.card-14.show .btn-collapse:not(:disabled):not(.disabled).active, .show > .card.card-14.show .btn-collapse.dropdown-toggle {background-color: var(--primary-active);border-color: var(--primary-active-border); } .card.card-14.show .btn-collapse:hover, .card.card-14.show .btn-collapse:focus, .card.card-14.show .btn-collapse:active {background-color: var(--primary) !important; } .card.card-14.show .btn-collapse svg {transform: rotate(180deg); }