.section.guides {background: var(--secondary);position: relative;width: 100%;max-width: 1920px;margin-left: auto;margin-right: auto; } .section.guides:after {content: "";background: url("/static/img/bg_light.png");background-position: bottom;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1; } .section.guides h1 {line-height: 1.2;color: var(--white);text-transform: uppercase; } @media (max-width: 767.98px) {.section.guides h1 {font-size: 3rem;} } .section.guides > .container {position: relative;text-align: center;background: transparent;transform: translateY(-80px);z-index: 2; } .section.guides > .container .row {padding: 1.0714285714rem 0.5rem; } .section.guides > .container .row > * {margin-bottom: 1.4285714286rem; } .section.guides > .container .row .card {justify-content: flex-start;padding: 1.7857142857rem 1.0714285714rem;border: 0;background: transparent;border: 2px solid transparent;overflow: hidden;align-items: center;border: 1px solid rgba(230, 230, 230, 0.168627451); } .section.guides > .container .row .card:hover {text-decoration: none;border: 2px solid var(--primary); } .section.guides > .container .row .card:hover .card-body .mdi {display: block; } .section.guides > .container .row .card:hover .card-img-top {transform: scale(1.05); } .section.guides > .container .row .card .card-img-top {transition: transform 1s;flex-grow: 1;flex-shrink: 0;height: 14.2857142857rem; } .section.guides > .container .row .card .card-img-top .img-fluid {inset: 0;width: 100%;height: 100%;object-fit: contain; } .section.guides > .container .row .card .card-body {background: transparent;flex-grow: 1;align-items: center;position: relative;transition: all 0.5s;text-align: center;padding: 1.4285714286rem 1.7857142857rem 0 1.7857142857rem;flex-grow: 0;flex-shrink: 1; } .section.guides > .container .row .card .card-title {display: none; } .section.guides > .container .row .card .card-text {margin-bottom: 0;color: #B7BABF;font-weight: 600;text-transform: uppercase; } .section.guides .section-admin {z-index: 2; }