.openlane-three-column-cards { padding: 96px 0; }
.openlane-three-column-cards .heading h4 { color: #99C0FF; text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 500; line-height: 34.8px;  letter-spacing: -0.24px; margin-bottom: 24px; }
.openlane-three-column-cards .heading h2 { color: #ffffff; text-align: center; font-family: Poppins; font-size: 56px; font-style: normal; font-weight: 600; line-height: 61.6px;  letter-spacing: -0.56px; margin-bottom: 24px; }
.openlane-three-column-cards .heading p { color: #ffffff; text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px;  max-width: 580px; margin: 0 auto; }
.openlane-three-column-cards .heading { max-width: 800px; margin: 0 auto 48px; width: 100%; }
.openlane-three-column-cards-slider .card-item { padding: 0 16px; }
.card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 17.72%, rgba(0, 97, 255, 0.05) 94.22%); }
.card-body figure.card-image img { width: 100%; border-radius: 16px; }
figure.card-image { margin: 0; }
.card-content { padding: 24px; }
.card-content h4 { color: #ffffff; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 600; line-height: 28.8px;  letter-spacing: -0.24px; margin-bottom: 8px; }
.card-content p { color: #ffffff; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;  margin-bottom: 0; }

.openlane-three-column-cards .openlane-button { text-align: center; margin-top: 48px; }
.openlane-three-column-cards .openlane-button a.btn { padding: 16px 40px; color: #fff; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; background-color: #0061FF;  }
.openlane-three-column-cards .openlane-button a.btn:hover { color: #0A1B5F;  background-color: #fff; border-color: #fff; }


.openlane-three-column-cards-wrap.image-card-top .card-item .card-body { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--Openlane-Secondary-Blue-50, #E5EFFF); display: flex; flex-direction: column; height: 100%; }
.openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content { order: 2; }
.openlane-three-column-cards-wrap.image-card-top .card-item .card-body figure.card-image { order: 1; }
.openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content h4 { color: #0A1B5F; }
.openlane-three-column-cards-wrap.image-card-top .card-item .card-body .card-content p { color: #0A1B5F; }
.openlane-three-column-cards-wrap.image-card-top .slick-arrow { color: #0A1B5F; }
.openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-current { color: #0A1B5F; }
.openlane-three-column-cards-wrap.image-card-top .slick-pagination .slick-pagination-count { color: #C3C3C3; }
.openlane-three-column-cards.image-card-top .heading h4 { color: #0061FF; }
.openlane-three-column-cards.image-card-top .heading h2 { color: #0A1B5F; }
.openlane-three-column-cards.image-card-top .heading p { color: #0A1B5F; }

.openlane-three-column-cards-wrap.more-padding { padding-bottom: 60px; }
.openlane-three-column-cards-wrap .slick-pagination { display: none; left: 20px; }
.openlane-three-column-cards-wrap .slick-pagination.slick-pagination-active { display: block; bottom: 0; }
.openlane-three-column-cards-wrap .slick-arrow { bottom: -75px; color: #fff; background: transparent; }
.openlane-three-column-cards-wrap .slick-arrow.slick-next { right: 10px; }
.openlane-three-column-cards-wrap .slick-arrow.slick-prev { right: 65px; }
.openlane-three-column-cards-wrap .slick-arrow:hover { background: #0061FF; }
.openlane-three-column-cards-wrap.image-card-top .slick-arrow:hover { color: #fff; }
.openlane-three-column-cards-wrap { position: relative; }
.openlane-three-column-cards-wrap .slick-pagination .slick-pagination-current { border-right: 2px solid #C3C3C3; }

.openlane-three-column-cards-slider .slick-track { display: grid; grid-auto-flow: column; }


@media only screen and (max-width: 1199px) {
    .openlane-three-column-cards .heading h2 { font-size: 48px; line-height: 52.8px; letter-spacing: -0.48px; }
    .openlane-three-column-cards { padding: 80px 0; }
    .openlane-three-column-cards .heading h4 { font-size: 20px; line-height: 29px; letter-spacing: -0.2px; }
    .openlane-three-column-cards .heading p { font-size: 18px; line-height: 27px; }

    .openlane-three-column-cards-slider .card-item { padding: 0 12px; }
    .card-content h4 { font-size: 20px; line-height: 24px; letter-spacing: -0.2px; }

    .openlane-three-column-cards .heading { max-width: 640px; margin: 0 auto 40px; }
    .openlane-three-column-cards .openlane-button { margin-top: 40px; }
    
}
@media only screen and (max-width: 991px) {
    .openlane-three-column-cards .container { max-width: 100%; padding: 0; }
    .openlane-three-column-cards .heading h2 { font-size: 40px; line-height: 44px; letter-spacing: -0.4px; margin-bottom: 16px; }
    .openlane-three-column-cards { padding: 72px 0; }
    .openlane-three-column-cards .heading h4 { font-size: 18px; line-height: 26px; letter-spacing: -0.18px; margin-bottom: 16px; }
    .openlane-three-column-cards-slider .card-item { padding: 0 16px; }
}
@media only screen and (max-width: 767px) {
    .openlane-three-column-cards .heading { max-width: 390px; margin: 0 auto 40px; padding: 0 16px; }

    .openlane-three-column-cards .heading h2 { font-size: 32px; line-height: 35px; letter-spacing: -0.32px; margin-bottom: 16px; }
    .openlane-three-column-cards .heading p { font-size: 16px; line-height: 24px; }
    .openlane-three-column-cards-slider .card-item { padding: 0 16px; }
    .openlane-three-column-cards .openlane-button { margin-top: 40px; }
    .openlane-three-column-cards-wrap { margin: 0 60px; }
}
@media only screen and (max-width: 575px) {
    .openlane-three-column-cards-wrap { margin: 0 0; }
}