.section.socials {padding: 3.3333333333rem 0; } .section.socials + .actions {margin-top: 0; } .section.socials h2 {color: var(--black);margin-bottom: 2.2222222222rem; } .section.socials .row {display: grid;grid-template-columns: 1fr;gap: 1.1111111111rem;margin: 0; } @media (min-width: 992px) {.section.socials .row {grid-template-columns: repeat(3, 1fr);} } .section.socials .grid-item {aspect-ratio: 1;padding: 0;overflow: hidden;border-radius: 1rem;opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); } .section.socials .grid-item .card {padding: 0; } .section.socials .grid-item .card-img-top {object-fit: cover;position: absolute;inset: 0;width: 100%;height: 100%; } .section.socials .grid-item svg {position: absolute;top: 1.0555555556rem;left: 1.4444444444rem;color: var(--white); } @media (min-width: 992px) {.section.socials .grid-item.big {grid-column: span 2;grid-row: span 2;} } .section.socials .grid-item .card-body {position: absolute;bottom: 0;background: rgba(255, 255, 255, 0.9);padding: 1.4444444444rem;transition: ease-in-out 0.25s bottom; } .section.socials .grid-item .card-body .card-text {margin-bottom: 0;-webkit-line-clamp: 3; } @media (min-width: 992px) {.section.socials .grid-item .card-body {bottom: -100%;} } .section.socials .grid-item:hover .card-body {bottom: 0; } .section.socials.active .grid-item {opacity: 1;transform: translate3d(0, 0, 0); } .section.socials.active .grid-item:nth-child(1) {transition-delay: 0.1s; } .section.socials.active .grid-item:nth-child(2) {transition-delay: 0.5s; } .section.socials.active .grid-item:nth-child(3) {transition-delay: 0.9s; } .section.socials.active .grid-item:nth-child(4) {transition-delay: 1.3s; } .section.socials.active .grid-item:nth-child(5) {transition-delay: 1.7s; } .section.socials.active .grid-item:nth-child(6) {transition-delay: 2.1s; }