.guides {max-width: 1920px;padding: 3.3333333333rem 0; } .guides .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); } .guides .card {border: 1px solid #E8E4DF; } .guides .card .card-body {padding-left: 0;padding-right: 0; } .guides .card .card-body .d-flex {gap: 2.7777777778rem; } .guides .card .card-title {font-weight: 700;margin-bottom: 0.8888888889rem; } @media (min-width: 768px) {.guides .card .card-title {margin-bottom: 0.5555555556rem;} } .guides .card .card-text {color: #6B6B6B;margin-bottom: 0;line-height: 1.7;-webkit-line-clamp: 4; } @media (min-width: 768px) {.guides .card .card-text {font-size: 0.6666666667rem;} } .guides .card .icon svg {width: 2.3333333333rem; } .guides .no-padding-cards .card {padding: 0; } .guides .no-padding-cards .card .img-fluid {border-top-left-radius: 0.8888888889rem;border-top-right-radius: 0.8888888889rem; } .guides .no-padding-cards .card .card-body {padding: 1.6666666667rem; } .guides .no-padding-cards .card .icon {display: none; } .guides.active .col-card {opacity: 1;transform: translate3d(0, 0, 0); } .guides.active .col-card:nth-child(1) {transition-delay: 0.1s; } .guides.active .col-card:nth-child(2) {transition-delay: 0.5s; } .guides.active .col-card:nth-child(3) {transition-delay: 0.9s; }