.banner-carousel-teaser{width:100%}
.hero-banner-teaser{margin-top:124px;overflow:hidden;max-height:438px}
.hero-banner-teaser .aem-Grid{display:flex}
.hero-banner-teaser .swiper{width:100%}
.hero-banner-teaser .swiper-wrapper{display:flex}
.hero-banner-teaser .swiper-slide{flex-shrink:0;width:100%}
.hero-banner-teaser .slick-list,.banner-carousel-teaser .slick-list{width:100%}
.hero-banner-teaser .slick-track{display:flex}
.hero-banner-teaser .slick-slide{min-height:438px}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser__content{max-width:1020px;margin-inline:auto;position:absolute;width:100%;left:0;right:0;margin:0 auto;bottom:150px}
.banner-carousel-teaser .cmp-teaser{position:relative;height:100%;display:flex;justify-content:flex-start;align-items:flex-start;min-height:438px}
.banner-carousel-teaser .cmp-teaser__content .cmp-teaser__title{font-family:"Poppins-Bold";font-weight:700;font-size:64px;line-height:77px;max-width:545px;color:#333;margin:20px 0}
.banner-carousel-teaser .cmp-teaser__content .cmp-teaser__action-container{bottom:150px}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser__link{position:absolute;top:0;left:0;width:100%;height:100%}
.banner-carousel-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link{background:#333;border-radius:40px;font-family:"Poppins-Regular";font-weight:400;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#fff;border:1px solid #333;text-decoration:none;padding:9px 20px;flex-direction:row;display:inline-flex;height:32px}
.enduro-banner-teaser .banner-carousel-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link{background:#f5822d;border-radius:40px;font-family:"Poppins-Regular";font-weight:400;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-decoration:none;padding:12px 20px;flex-direction:row;display:inline-flex;height:40px;line-height:unset;border:unset}
.hero-banner-teaser.enduro-banner-teaser .banner-carousel-teaser .cmp-teaser__content{max-width:1020px;margin-inline:auto;position:absolute;width:100%;left:100px;margin:0 auto;bottom:30px;right:unset}
.hero-banner-teaser .slick-dots{display:flex;justify-content:flex-start;margin:0;list-style-type:none;bottom:84px;left:50%;width:100%;max-width:1060px;transform:translateX(-50%);padding-inline:20px}
.hero-banner-teaser .slick-dots li{height:unset;width:unset;margin:0}
.hero-banner-teaser .slick-dots button{display:block;width:20px;height:2px;background:#a6a6a6;text-indent:-9999px;padding:0;margin:0 4px}
.hero-banner-teaser .slick-dots li.slick-active button{margin:0 5px;width:40px;height:2px;background:#616161}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser picture{display:block;position:absolute;top:0;height:100%;left:0;width:100%;z-index:-1;cursor:pointer}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser picture img{width:100%;height:100%;max-width:100%;margin:0 auto;object-fit:cover}
#mute-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:0;border-radius:50px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;justify-content:center;position:absolute;right:20px;top:20px;width:30px;z-index:999}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser video{display:block;position:absolute;top:0;height:100%;left:0;width:100%;z-index:-1;cursor:pointer;object-fit:cover}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser video source{max-width:100%;margin:0 auto}
@media screen and (max-width:991px){.banner-carousel-teaser .cmp-teaser__title{font-size:40px;line-height:48px;margin-bottom:16px}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser__content{max-width:355px;width:100%;margin-inline:48px auto}
.hero-banner-teaser .slick-dots{padding-inline:48px}
.banner-carousel-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link{font-size:12px;line-height:22px}
.banner-carousel-teaser .cmp-teaser{min-height:350px}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser picture{height:100%}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser picture img{width:100%;height:100%;object-fit:cover}
.ceat-makemodel-search{margin-top:-54px}
}
@media screen and (max-width:1024px){.hero-banner-teaser{margin-top:57px;max-height:415px}
}
@media screen and (max-width:767px){.ind-commercial-comm{margin-bottom:37px}
.hero-banner-teaser .cmp-teaser__content{margin:0 16px;top:30px;max-width:calc(100vw - 32px)}
.hero-banner-teaser.enduro-banner-teaser .banner-carousel-teaser .cmp-teaser__content{bottom:25px;left:15px;display:flex;align-items:end;justify-content:start}
.shop-by .tabs-container{width:100%}
.hero-banner-teaser .slick-dots{padding:0 16px;bottom:65px}
.banner-carousel-teaser .cmp-teaser__content .cmp-teaser__title{font-size:32px;line-height:38px;margin-bottom:24px;width:100%;max-width:100%}
.banner-carousel-teaser .cmp-teaser{min-height:415px}
}
.hero-banner-teaser.make-model-banner .cmp-teaser__content .cmp-teaser__title{color:#fff;margin-bottom:10px;max-width:800px;font-size:56px;font-weight:700;font-family:"Poppins-Bold";line-height:120%}
.hero-banner-teaser.make-model-banner{margin-top:0}
.hero-banner-teaser.make-model-banner .cmp-teaser__description p{font-family:'Poppins-Semibold';font-size:20px;line-height:20px;color:#fff}
.hero-banner-teaser.make-model-banner .cmp-teaser__action-container{position:relative;bottom:0;margin-top:32px}
.hero-banner-teaser.make-model-banner .cmp-teaser__action-container .cmp-teaser__action-link{color:#333;background-color:#fff}
@media screen and (max-width:991px){.hero-banner-teaser.make-model-banner .banner-carousel-teaser .cmp-teaser__content{max-width:500px}
.hero-banner-teaser .slick-slide{min-height:350px}
.hero-banner-teaser.make-model-banner .cmp-teaser__content .cmp-teaser__title{font-size:36px}
.hero-banner-teaser.make-model-banner .cmp-teaser__description p{font-size:16px;line-height:21px}
.hero-banner-teaser.make-model-banner .cmp-teaser__action-container{margin-top:21px}
.banner-carousel-teaser .cmp-teaser__action-link{height:40px}
}
@media screen and (max-width:767px){.hero-banner-teaser.make-model-banner .cmp-teaser__content .cmp-teaser__title{font-size:28px}
.hero-banner-teaser.make-model-banner .cmp-teaser__description p{font-size:14px;line-height:17px}
.hero-banner-teaser.make-model-banner .cmp-teaser__action-container{margin-top:24px}
.hero-banner-teaser.make-model-banner .banner-carousel-teaser .cmp-teaser__content{max-width:calc(100vw - 32px)}
}
.video-popup{position:relative}
.video-popup .play-btn{background:url('../../../../../content/dam/ceat/website/play-btn.svg') center center no-repeat;background-size:cover;width:55px;height:55px;cursor:pointer;transition:all 1.6s cubic-bezier(0.075,0.82,0.165,1);transition-delay:.9s;border:0}
.video-popup .bs-modal.new-popup.typ-center .modal-dialog .modal-content{border-radius:10px}
.video-popup .show-on-mobile{display:none}
.video-popup .modal-btn-wrap{position:absolute;bottom:80px;left:120px}
.video-popup .bs-modal .modal-body .iframe-container{height:368px}
.video-popup .iframe-container{background-size:cover;background-repeat:no-repeat;background-position:center center}
.video-popup .iframe-container .play-btn .icon{color:#000;font-size:1.5rem;display:block}
.video-popup .iframe-container .play-btn{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:991px){.video-popup .show-on-mobile{display:block}
.video-popup .hide-on-mobile{display:none}
.video-popup .modal-btn-wrap{left:30px}
.hero-banner-teaser .banner-carousel-teaser .cmp-teaser video{max-width:100%;height:auto;display:block}
}
.hero-banner-teaser .swiper-pagination{color:grey;position:relative;opacity:inherit;width:100%;right:20px;z-index:999;top:-85px;display:flex;left:240px}
@media(max-width:991px){.hero-banner-teaser .swiper-pagination{left:35px}
}
.swiper-pagination-bullet{width:18px;height:2px;background-color:#ccc;opacity:.7;margin:0 5px;border-radius:0}
.swiper-pagination-bullet-active{background-color:#333;opacity:1}
.banner-carousel-teaser{picture{width:100%;img{width:inherit}
}
}