.section.compares > .container {padding-top: 6.5625rem;padding-bottom: 4.75rem;position: relative; } .section.compares > .container h1, .section.compares > .container .h1, .section.compares > .container h2, .section.compares > .container .h2 {color: var(--black);max-width: 450px;line-height: 1.2;display: flex;flex-direction: column;position: relative; } .section.compares > .container h1 small, .section.compares > .container .h1 small, .section.compares > .container h2 small, .section.compares > .container .h2 small {order: -1;font-size: 0.9375rem;line-height: 1.6806722689;font-weight: 500;color: var(--primary);display: flex;flex-direction: row;align-items: center;margin-bottom: 0.6875rem; } .section.compares > .container h1 small::before, .section.compares > .container .h1 small::before, .section.compares > .container h2 small::before, .section.compares > .container .h2 small::before {content: " ";display: block;width: 3rem;height: 1px;background: var(--primary);margin-right: 0.625rem; } .section.compares > .container .row-link {margin-bottom: 1.875rem; } .section.compares > .container .row-link .btn {color: var(--gray-400);border-color: var(--gray-400);color: var(--black) !important;width: 100%; } .section.compares > .container .row-link .btn:hover {color: var(--gray-400);background-color: var(--gray-400);border-color: var(--gray-400); } .section.compares > .container .row-link .btn:focus, .section.compares > .container .row-link .btn.focus {box-shadow: 0 0 0 0.2rem rgba(var(--gray-400), 0.5); } .section.compares > .container .row-link .btn.disabled, .section.compares > .container .row-link .btn:disabled {color: var(--gray-400);background-color: transparent; } .section.compares > .container .row-link .btn:not(:disabled):not(.disabled):active, .section.compares > .container .row-link .btn:not(:disabled):not(.disabled).active, .show > .section.compares > .container .row-link .btn.dropdown-toggle {background-color: var(--gray-400);border-color: var(--gray-400); } .section.compares > .container .row-link .btn:not(:disabled):not(.disabled):active:focus, .section.compares > .container .row-link .btn:not(:disabled):not(.disabled).active:focus, .show > .section.compares > .container .row-link .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(var(--gray-400), 0.5); } @media (min-width: 576px) {.section.compares > .container .row-link .btn {width: auto;} } @media (min-width: 768px) {.section.compares > .container .row-link .btn {margin-top: -5.6875rem;} } .section.compares > .container .row-link .btn svg {margin-left: 1rem;margin-right: -1.0625rem;color: var(--primary); } .section.compares > .container .row-card {display: grid;align-items: stretch;gap: 1.5rem;grid-template-areas: "item-1" "item-2" "item-3";margin: 0; } @media (min-width: 768px) {.section.compares > .container .row-card {grid-template-areas: "item-1 item-2" "item-1 item-3";} } @media (min-width: 992px) {.section.compares > .container .row-card {grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));grid-template-areas: "item-1 item-1 item-2" "item-1 item-1 item-3";} } .section.compares > .container .row-card .col-card {padding: 0;max-width: none; } .section.compares > .container .row-card .col-card.item-1 {grid-area: item-1;aspect-ratio: 690/430; } @media (min-width: 768px) {.section.compares > .container .row-card .col-card.item-1 .card .card-body {padding: 2.0625rem 4.0625rem;} } @media (min-width: 768px) {.section.compares > .container .row-card .col-card.item-1 .card .card-body h2, .section.compares > .container .row-card .col-card.item-1 .card .card-body .h2, .section.compares > .container .row-card .col-card.item-1 .card .card-body h3, .section.compares > .container .row-card .col-card.item-1 .card .card-body .h3 {font-size: 1.9125rem;line-height: 1.3071895425;} } .section.compares > .container .row-card .col-card.item-2, .section.compares > .container .row-card .col-card.item-3 {aspect-ratio: 690/430; } @media (min-width: 768px) {.section.compares > .container .row-card .col-card.item-2, .section.compares > .container .row-card .col-card.item-3 {aspect-ratio: 486/238;} } @media (min-width: 768px) {.section.compares > .container .row-card .col-card.item-2 .card .card-img .slider .btn, .section.compares > .container .row-card .col-card.item-3 .card .card-img .slider .btn {width: 2.625rem;height: 2.625rem;} } @media (min-width: 768px) {.section.compares > .container .row-card .col-card.item-2 .card .card-img .slider .btn::before, .section.compares > .container .row-card .col-card.item-3 .card .card-img .slider .btn::before {width: 3.8125rem;height: 3.8125rem;} } .section.compares > .container .row-card .col-card.item-2 .card .card-img .slider .btn svg, .section.compares > .container .row-card .col-card.item-3 .card .card-img .slider .btn svg {width: 0.9375rem;height: auto; } .section.compares > .container .row-card .col-card.item-2 .card .card-body h2::before, .section.compares > .container .row-card .col-card.item-2 .card .card-body .h2::before, .section.compares > .container .row-card .col-card.item-2 .card .card-body h3::before, .section.compares > .container .row-card .col-card.item-2 .card .card-body .h3::before, .section.compares > .container .row-card .col-card.item-3 .card .card-body h2::before, .section.compares > .container .row-card .col-card.item-3 .card .card-body .h2::before, .section.compares > .container .row-card .col-card.item-3 .card .card-body h3::before, .section.compares > .container .row-card .col-card.item-3 .card .card-body .h3::before {left: -1.0625rem; } .section.compares > .container .row-card .col-card.item-2 {grid-area: item-2; } .section.compares > .container .row-card .col-card.item-3 {grid-area: item-3; }