@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cards-carousel-container{width:100%;max-width:1440px;padding:0;margin:0 auto;position:relative}
.cards-carousel-container .cards-container{display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:1440px;background:#00142e;margin:auto;padding:0 0 0 34px}
@media screen and (max-width:1040px){.cards-carousel-container .cards-container{padding:0}
}
@media screen and (max-width:768px){.cards-carousel-container .cards-container{padding:0}
}
.cards-carousel-container .cards-container .cards-margin{display:inline-block;width:100%;max-width:1440px;margin:auto;position:relative}
@media screen and (max-width:768px){.cards-carousel-container .cards-container .cards-margin{max-width:768px}
}
.cards-carousel-container .cards-container .cards-margin .card{display:flex;flex-direction:column;gap:20px;padding:0 24px}
@media screen and (max-width:768px){.cards-carousel-container .cards-container .cards-margin .card{gap:16px;padding:0 8px}
}
.cards-carousel-container .cards-container .cards-margin .card img{width:272px;height:272px;border-radius:6px}
@media screen and (max-width:768px){.cards-carousel-container .cards-container .cards-margin .card img{width:218px;height:218px}
}
.cards-carousel-container .cards-container .cards-margin .card__title{width:272px;height:fit-content;font-family:var(--font-f1);font-style:normal;font-weight:500;font-size:20px;line-height:28px;color:#f0f0f0;margin:0}
@media screen and (max-width:768px){.cards-carousel-container .cards-container .cards-margin .card__title{font-size:16px;line-height:24px;font-weight:600;width:218px}
}
.cards-carousel-container .cards-container .cards-margin .card a{font-family:var(--font-f1);font-style:normal;font-weight:700;font-size:16px;line-height:24px;display:flex;align-items:center;text-transform:capitalize;color:#388cf2;text-decoration:none;gap:7px}
.cards-carousel-container .cards-container .cards-margin .card a:hover{color:var(--fill-interactive-hover-onDark)}
.cards-carousel-container .cards-container .cards-margin .card a:hover:after{border-bottom:2px solid var(--fill-interactive-hover-onDark);border-right:2px solid var(--fill-interactive-hover-onDark)}
.cards-carousel-container .cards-container .cards-margin .card a:after{content:" ";display:inline-block;border-bottom:2px solid #388cf2;border-right:2px solid #388cf2;height:7px;width:7px;transform:rotate(-45deg);margin:0 0 3px 3px}
.cards-carousel-container .cards-container .cards-margin .slick-list{margin-bottom:24px}
@media screen and (max-width:768px){.cards-carousel-container .cards-container .cards-margin .slick-list{margin-left:8px}
}
.cards-carousel-container .card-buttons{display:inline-block;position:relative;padding:132px 0 48px;margin:auto;z-index:0}
@media(max-width:768px){.cards-carousel-container .card-buttons{padding:10px 0 48px}
}
.cards-carousel-container .card-buttons .color-button-blue .link-banner{position:relative;background-color:transparent;border:0;padding:var(--spacing-12) var(--spacing-20);color:var(--white);text-decoration:none;z-index:1}
.cards-carousel-container .card-buttons .color-button-blue .link-banner span{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2}
.cards-carousel-container .card-buttons .color-button-blue .link-banner:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transform:skewX(-20deg);background:var(--skyview-1000);font-weight:var(--font-weight-bold);z-index:1}
.cards-carousel-container .card-buttons .color-button-blue .link-banner:hover:after{background:var(--fill-interactive-hover-onLight)}
@media(min-width:769px){.cards-carousel-container .card-buttons .color-button-blue .link-banner span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cards-carousel-container .card-buttons .color-button-grey{background:#fff}
.cards-carousel-container .card-buttons .color-button-grey .link-banner{display:flex;justify-content:center;align-items:center;width:144.9px;height:48px;background:#fff;border-radius:0;font-family:var(--font-f1);font-style:normal;font-weight:700;font-size:16px;line-height:24px;text-transform:capitalize;color:#00142e;text-decoration:none}
.cards-carousel-container .card-buttons .color-button-grey .link-banner:before{content:"";width:181.19px;height:48px;position:absolute;z-index:-1;transform:skewX(-20deg);background:#fff}
.cards-carousel-container .slick-slider{position:relative}
.cards-carousel-container .slick-prev,.cards-carousel-container .slick-next{position:absolute;bottom:37px;font-size:0;line-height:0;border:0;width:55.7px;height:36px}
.cards-carousel-container .slick-prev{background:url(../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/back.png) no-repeat center center;right:79px}
.cards-carousel-container .slick-next{background:url(../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/next.svg) no-repeat center center;right:26px}
.cards-carousel-container .slick-dots li button{background:url('../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 7079.svg') no-repeat center center;font-size:0;line-height:0;border:0;width:100%;height:10px;background-size:contain}
.cards-carousel-container .slick-dots{margin:36px 0;display:flex;gap:12px;padding:0 26px}
.cards-carousel-container .slick-dots li{width:10.5px}
.cards-carousel-container .slick-dots li.slick-active{width:23px}
.cards-carousel-container .slick-dots li.slick-active button{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 6.svg") no-repeat center center;height:8px;border:0;width:100%;background-size:contain}