.section.links {z-index: 151;padding: 3.3333333333rem 0;margin-top: 0 !important;background-color: var(--white);text-align: center;color: var(--secondary); } .section.links .col-card {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.links .col .card {border: 0;padding-bottom: 0;text-decoration: none;border: 1px solid #E8E4DF;padding: 1.9444444444rem;border-radius: 1rem;align-items: center;text-align: center; } .section.links .col .card .number {background: var(--black);border: 3px solid white;box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);border-radius: 999px;width: 3.1111111111rem;height: 3.1111111111rem;display: flex;justify-content: center;align-items: center;margin-bottom: 1.1111111111rem; } .section.links .col .card .number span {font-size: 0.8888888889rem;font-weight: 700;color: var(--white); } .section.links .col .card .img-fluid {max-width: 4.4444444444rem;padding-right: 1.1111111111rem; } .section.links .col .card svg {width: 2.6666666667rem;height: 2.6666666667rem; } .section.links .col .card .card-title {margin-bottom: 0.5555555556rem;font-weight: bold;position: relative;line-height: 2rem; } @media (min-width: 768px) {.section.links .col .card .card-title {font-size: 0.9444444444rem;} } .section.links .col .card .card-text {color: black;margin-bottom: 0;line-height: 1.9;color: var(--secondary);flex-grow: 1; } @media (min-width: 768px) {.section.links .col .card .card-text {font-size: 0.6666666667rem;} } .section.links .col .card .btn {margin-top: 0.8333333333rem; } .section.links.active .col-card {opacity: 1;transform: translate3d(0, 0, 0); } .section.links.active .col-card:nth-child(1) {transition-delay: 0.1s; } .section.links.active .col-card:nth-child(2) {transition-delay: 0.5s; } .section.links.active .col-card:nth-child(3) {transition-delay: 0.9s; } .section.links-style1 {background-color: var(--color1); } .section.links-style1 .col .card {text-align: left;align-items: flex-start;background-color: var(--white); } .section.links-style1 .col .card .number {background-color: #F5F0EB;border: 0; } .section.links-style1 .col .card .number span {color: var(--color2); } .section.links-style1 .col:nth-child(2) .card {background-color: var(--black); } .section.links-style1 .col:nth-child(2) .card .card-title {color: var(--white); } .section.links-style1 .col:nth-child(2) .card .btn-outline-black {background-color: var(--color2);color: var(--white); }