@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.carousel-3d{width:100%;margin:auto;display:flex;justify-content:center;flex-direction:column;max-width:1440px}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d{width:390px;height:fit-content}
}
.carousel-3d .carousel-3d-container{position:relative;overflow:hidden;padding-top:48px}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container{width:390px;height:fit-content;padding-top:0}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin{position:relative;display:flex;flex-direction:row;height:433px;width:90%;gap:0}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin{margin:48px 0 32px 0}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel{position:relative;width:787px;height:433px;background:url(../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/backgraound-crop-grey.png) no-repeat,#38485c;background-size:203%;background-position-x:-211px;border-radius:6px;background-position-y:340px}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel{background-position-x:-134px;width:264px;background-position-y:357px;background-size:272%}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .carrousel-tag{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 30px 5px 10px;gap:10px;width:fit-content;max-width:50%;background:#d1d5d9;font-family:var(--font-f1);font-style:normal;font-weight:600;font-size:16px;line-height:16px;color:#00142e;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,92% 100%,0 100%);top:47px;position:relative}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .carrousel-tag{top:191px;position:relative;font-family:var(--font-f1);font-style:normal;font-weight:600;font-size:14px;display:flex;align-items:center;text-transform:capitalize;background:#d1d5d9;color:#00142e;padding:12px 30px 5px 10px;max-width:80%}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .icono-banner{position:absolute;left:455px;width:286px;height:361px;border-radius:6px;object-fit:cover}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .icono-banner{left:0;top:0;object-fit:cover;width:264px;height:197px;border-radius:6px 6px 0 0;object-position:top}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .card-title-link{position:absolute;width:50%;left:31px;top:141px;font-family:var(--font-f1);font-style:normal;font-weight:600;font-size:48px;line-height:56px;color:#fff;text-decoration:none;display:flex;flex-direction:column}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .card-title-link{font-family:var(--font-f1);font-style:normal;font-size:24px;line-height:32px;top:246px;left:10px;flex-direction:row;width:95%;gap:10px}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .carrousel-3d-number p{position:absolute;width:61.16px;left:36px;top:185.14px;color:#38485c;font-size:120px;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;font-family:var(--font-f1)}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel .carrousel-3d-number p{width:72px;height:72px;font-family:var(--font-f1);font-style:normal;font-weight:600;font-size:62px;line-height:72px;display:flex;align-items:flex-end;text-transform:capitalize;top:274px;left:12px}
}
@media(min-width:350px) and (max-width:1040px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide{opacity:0}
}
@media(min-width:350px) and (max-width:1040px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide.swiper-slide-visible{opacity:1}
}
@media(max-width:900px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-prev:after,.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-next:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4d5b6d;opacity:1;pointer-events:none;z-index:10}
}
.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-prev .swiper-slide-shadow-left,.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-next .swiper-slide-shadow-left,.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-prev .swiper-slide-shadow-right,.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-next .swiper-slide-shadow-right{background-image:linear-gradient(to left,rgba(0,20,46,0.8),rgba(0,20,46,0.8))}
@media(min-width:900px) and (max-width:1200px){.carousel-3d .carousel-3d-container .carrousel-3d-margin .carrousel.swiper-slide-active{transform:scale(0.8) !important;opacity:1}
}
.carousel-3d [btn_group]{text-align:center;display:flex}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d [btn_group]{margin-top:0}
}
.carousel-3d [btn_group] button{padding:10px 16px;border-width:0;cursor:pointer;opacity:.4;transition:opacity .5s linear}
.carousel-3d [next]{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/control_desktop_next.png") no-repeat center center;height:44px;width:71px}
.carousel-3d [prev]{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/control_desktop_back.png") no-repeat center center;height:44px;width:48px}
.carousel-3d [btn_group] button:hover{opacity:1}
.carousel-3d [btn_group] svg{color:white}
.carousel-3d .container-buttons{display:flex;margin-top:120px}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .container-buttons{margin-top:0}
}
.carousel-3d .container-buttons .blog-slider__pagination{width:85%;display:flex;align-items:center;margin-left:30px}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .container-buttons .blog-slider__pagination{width:52%}
}
.carousel-3d .container-buttons .blog-slider__pagination .swiper-pagination-bullet{width:11px;height:11px;display:block;border-radius:10px;background:#062744;padding:6.5px;margin:0;transition:all .3s}
.carousel-3d .container-buttons .blog-slider__pagination .swiper-pagination-bullet-active{box-shadow:0 0 20px rgba(252,56,56,0.3)}
@media screen and (max-width:768px){.carousel-3d .container-buttons .blog-slider__pagination .swiper-pagination-bullet-active{height:11px;width:30px}
}
.carousel-3d .container-buttons .blog-slider__pagination .swiper-pagination-bullet-active{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 6.svg") no-repeat center center;width:24px;height:11px;box-shadow:none}
.carousel-3d .container-buttons .blog-slider__pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 7079.svg") no-repeat center center;width:11px;height:11px;opacity:1}
.carousel-3d .button-container{display:flex;flex-direction:row;justify-content:center;gap:8px;position:relative;margin:48px auto 64px}
.carousel-3d .button-container:hover:before{background:var(--fill-interactive-hover-onDark)}
@media only screen and (min-width:300px) and (max-width:900px){.carousel-3d .button-container{margin:32px auto}
}
.carousel-3d .button-container .carousel-link{position:relative;background-color:transparent;border:0;padding:var(--spacing-12) var(--spacing-20);color:var(--white);text-decoration:none;z-index:1}
.carousel-3d .button-container .carousel-link 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}
.carousel-3d .button-container .carousel-link: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}
.carousel-3d .button-container .carousel-link:hover:after{background:var(--fill-interactive-hover-onLight)}
@media(min-width:769px){.carousel-3d .button-container .carousel-link span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}