.component_content_3 {
display: flex;
}
.component_content_3 > .container {
z-index: 2;
}
.component_content_3 .component__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.component_content_3 .component__link {
width: fit-content;
min-width: 220px;
flex-shrink: 0;
}
.component_content_3 .component__title {
padding-right: 15px;
line-height: 120%;
}
.component_content_3 .component__title.style_1 {
color: var(--color-dark);
font-family: var(--font-1_Bold);
font-size: 48px;
line-height: 100%;
}
@media (max-width: 1199px) {
.component_content_3 .component__head {
margin-bottom: calc(0.0227272727 * 100vw + 12.7272727273px);
}
.component_content_3 .component__title.style_1 {
font-size: calc(0.0181818182 * 100vw + 26.1818181818px);
}
}
@media (max-width: 767px) {
.component_content_3 .component__title {
text-align: center;
padding-right: 0px;
}
.component_content_3 .component__head.type_1 {
flex-direction: column;
}
.component_content_3 .component__head.type_2 {
flex-direction: column;
justify-content: center;
}
.component_content_3 .component__link {
margin-top: 15px;
}
}
.component_content_3 .component__cards {
display: contents;
}
.component_content_3 .component__inner {
display: grid;
grid-row-gap: 50px;
}
.component_content_3 .component__head {
margin-bottom: 0px;
}
.component_content_3 .table {
display: grid;
grid-auto-rows: minmax(80px, auto);
grid-gap: 1px;
background-color: var(--color-shade_3);
border-radius: 20px;
overflow: hidden;
}
.component_content_3 .table__header {
display: grid;
grid-auto-rows: minmax(80px, auto);
height: calc(100% + 1px);
}
.component_content_3 .table__header .cell {
font-family: var(--font-1_Black);
font-size: 20px;
line-height: 100%;
color: var(--color-light);
background-color: var(--color-primary);
}
.component_content_3 .table__body {
display: contents;
}
.component_content_3 .table__body .cell {
font-family: var(--font-1_SemiBold);
background-color: var(--color-light);
}
.component_content_3 .table__body b {
color: var(--color-dark);
font-family: var(--font-1_Black);
font-size: 24px;
line-height: 100%;
}
.component_content_3 .table__body i {
font-family: var(--font-1_SemiBold);
font-size: 20px;
line-height: 100%;
}
.component_content_3 .table plus,
.component_content_3 .table minus {
display: flex;
align-items: center;
justify-content: center;
color: transparent;
}
.component_content_3 .table plus::before,
.component_content_3 .table minus::before {
position: absolute;
content: "";
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 20px;
height: 20px;
}
.component_content_3 .table plus:before {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2V22" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22 12L2 12" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
filter: invert(46%) sepia(97%) saturate(986%) hue-rotate(73deg) brightness(112%) contrast(92%);
}
.component_content_3 .table minus:before {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="4" viewBox="0 0 24 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 2L2 2" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
filter: invert(40%) sepia(0%) saturate(1857%) hue-rotate(198deg) brightness(97%) contrast(78%);
}
.component_content_3 .table .row {
display: contents;
}
.component_content_3 .table .cell {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 10px;
line-height: 150%;
text-align: center;
position: relative;
}
.component_content_3 .card {
display: grid;
justify-items: center;
align-items: center;
border-radius: 20px;
background-color: var(--color-primary);
padding: 25px 35px;
}
.component_content_3 .card img {
filter: var(--color-primary--filter);
}
.component_content_3 .card__image {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--color-light);
max-width: 70px;
max-height: 70px;
}
.component_content_3 .card__title {
color: var(--color-light);
font-family: var(--font-1_Black);
font-size: 46px;
line-height: 100%;
}
@media (max-width: 1199px) {
.component_content_3 .card__title {
font-size: calc(0.0295454545 * 100vw + 10.5454545455px);
}
}
@media (min-width: 1200px) {
.component_content_3 .card {
grid-template-columns: 70px 1fr;
grid-auto-rows: minmax(70px, auto);
grid-gap: 30px;
}
}
@media (max-width: 1199px) {
.component_content_3 .card {
grid-row-gap: 20px;
grid-template-columns: 100%;
}
.component_content_3 .card__title {
text-align: center;
}
.component_content_3 .card__image {
height: 70px;
}
}
@media (max-width: 575px) {
.component_content_3 .card {
padding: 15px;
}
}
@media (max-width: 1199px) {
.component_content_3 .component__inner {
grid-row-gap: calc(0.0227272727 * 100vw + 22.7272727273px);
}
}