.pdp-tyre-detail-banner-cont{background-image:url("../../../../../../../content/dam/ceat-usa-website/ceat-us-pdp/pdp-tyre-detail-banner-assets/pdpDetailBannerBGimg.png");background-position:center;background-repeat:no-repeat;background-size:cover;padding:80px 80px 56px 80px}
.pdp-tyre-detail-banner_breadCrumb{margin-bottom:32px}
.pdp-tyre-detail-banner_breadCrumb .list{display:flex}
.pdp-tyre-detail-banner_breadCrumb .list .item{font-family:"Poppins-Regular";font-size:12px;line-height:15px;text-align:left;color:#b9b9b9}
.pdp-tyre-detail-banner_breadCrumb .container{max-width:1160px;margin:0 auto;padding-inline:20px}
.pdp-tyre-detail-banner_breadCrumb .list .item.active{font-family:"Poppins-Medium";font-size:12px;line-height:15px;text-align:left;color:var(--btn--primary-text-color)}
.pdp-tyre-detail-banner_breadCrumb .list .item img{width:8px;height:8px;margin-inline:4px 7px}
.pdp-tyre-detail-banner_detailAndCarousel-cont{display:flex;justify-content:space-between;margin-left:95px;gap:30px;max-width:1120px;margin:0 auto}
.pdp-tyre-detail-banner_tyreDetails{max-width:431px;margin-left:95px}
.detail-banner-logo{max-width:54px;height:auto;margin-bottom:16px}
.detail-banner-logo img{width:100%;height:100%}
.detail-banner-title{font-family:"Poppins-Regular";font-size:50px;line-height:50px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:16px}
.detail-banner-subtTitle{font-family:"Poppins-Regular";font-size:16px;line-height:24px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:32px;max-width:297px}
.detail-banner-icon-cont ul{flex-wrap:wrap;gap:12px;list-style-type:none}
.detail-banner-icon-cont ul li{text-transform:capitalize;display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:36px;padding:6px 10px;gap:8px}
.detail-banner-icon-cont ul li img{width:20px;height:20px}
.detail-banner-icon-cont .pdp-tyre-card-icon-text{font-family:"Poppins-Regular";font-size:14px;line-height:21px;text-wrap:nowrap;color:var(--btn--primary-text-color)}
.detail-banner_tyreCarousel-slider{max-width:502px;width:100%}
.detail-banner_tyreCarousel-slider .slick-list{padding:0}
.detail-banner_tyreCarousel-slider .slick-track{display:block;min-width:13000px}
.detail-banner_tyreCarousel-slider .slick-slide{display:flex;justify-content:center}
.detail-banner_tyreCarousel-slider .slick-slide img{display:block;width:auto;height:352px;object-fit:contain}
.pdp-tyre-detail-banner_tyreCarousel{display:flex;max-width:50%}
.pdp-tyre-detail-banner_tyreCarousel .dots-container{position:absolute;position:relative;width:2px;right:0}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-track{height:100%}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots{display:flex;justify-content:center;align-items:center;bottom:200px;right:-174px;rotate:90deg;width:351px;position:absolute}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots li button:before{content:" ";background:#bdbdbd;width:100%;height:2px;font-family:"slick";font-size:6px;line-height:20px;margin:0;padding:0;text-align:center;color:black;opacity:.25;-webkit-font-smoothing:antialiased}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots .slick-active{background-color:var(--btn--primary-text-color);width:100%}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots li button{padding:0;width:0;height:0}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots li{display:inline-block;height:2px;width:100%;margin:0;padding:0;cursor:pointer;transition:all .3s ease}
.pdp-tyre-detail-banner_tyreCarousel .dots-scroll-count{font-family:"Poppins-Regular";font-size:16px;line-height:24px;text-align:right;position:absolute;bottom:0;right:0;min-width:52px;color:var(--btn--primary-text-color)}
.ceat-pdp-ux3-overview-section.fixed{position:fixed;width:100%;z-index:10}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-div{display:flex;background-color:#f4f4f4;box-shadow:0 2px 0 0 #0000001f}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list{display:flex;justify-content:space-evenly;list-style:none;width:100%;padding:19px 20px 13px;max-width:1160px;margin-inline:auto}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item{font-family:"Poppins-Regular";font-size:16px;line-height:24px}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.ActiveDot a{color:var(--accent-color)}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.ActiveDot a::after{content:" ";background-color:var(--accent-color);display:block;width:6px;height:6px;border-radius:50%;margin:0 auto}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.inActiveDot a::after{content:" ";background-color:transparent;display:block;width:6px;height:6px;border-radius:50%;margin:0 auto}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item a{text-decoration:none;color:var(--btn--secondary-text-color)}
@media screen and (max-width:1024.5px){.pdp-tyre-detail-banner_detailAndCarousel-cont{display:flex;justify-content:flex-end;margin-left:95px;gap:10px;max-width:1120px;margin:0 auto}
.pdp-tyre-detail-banner_tyreDetails{max-width:328px;margin-left:95px}
.pdp-tyre-detail-banner-cont{background-image:url("../../../../../../../content/dam/ceat-usa-website/ceat-us-pdp/pdp-tyre-detail-banner-assets/pdpDetailBannerBGimg-tab.png");background-position:center;background-repeat:no-repeat;background-size:cover;padding:74px 48px 26px 48px}
.pdp-tyre-detail-banner_tyreDetails{margin-left:0}
.detail-banner_tyreCarousel-slider{margin-right:0;max-width:226px;width:100%}
.detail-banner_tyreCarousel-slider .slick-slide img{height:236px}
.pdp-tyre-detail-banner_breadCrumb .container{padding-inline:0}
.detail-banner-title{font-family:'Poppins-Bold';font-size:24px;line-height:24px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:10px}
.detail-banner-subtTitle{font-family:"Poppins-Regular";font-size:12px;line-height:15px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:12px;max-width:297px}
.detail-banner-icon-cont ul{flex-wrap:wrap;gap:7px;list-style-type:none}
.detail-banner-icon-cont ul li{text-transform:capitalize;display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:36px;padding:3px 7px;gap:7px}
.detail-banner-icon-cont .pdp-tyre-card-icon-text{font-family:"Poppins-Regular";font-size:10px;line-height:12px;text-wrap:nowrap;color:var(--btn--primary-text-color)}
.detail-banner-icon-cont ul li img{width:14px;height:14px}
.pdp-tyre-detail-banner_tyreCarousel .dots-container{display:none}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item{font-family:'Poppins-SemiBold';font-size:12px;line-height:15px}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list{display:flex;justify-content:space-evenly;list-style:none;width:100%;padding:15px 20px 10px;max-width:1160px;margin-inline:auto}
}
@media screen and (max-width:767.5px){.pdp-tyre-detail-banner-cont{background-image:url("../../../../../../../content/dam/ceat-usa-website/ceat-us-pdp/pdp-tyre-detail-banner-assets/pdpDetailBannerBGimg-mobile.png");background-position:center;background-repeat:no-repeat;background-size:cover;padding:76px 16px 21px}
.pdp-tyre-detail-banner_detailAndCarousel-cont{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:21px}
.pdp-tyre-detail-banner_breadCrumb{margin-bottom:23px}
.pdp-tyre-detail-banner_breadCrumb .container{padding-inline:0}
.pdp-tyre-detail-banner_breadCrumb .breadcrumb{margin-top:8px}
.detail-banner-logo{display:none}
.detail-banner-title{font-family:"Poppins-Regular";font-size:26px;line-height:31px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:9px}
.detail-banner-subtTitle{font-family:"Poppins-Regular";font-size:14px;line-height:18px;text-align:left;color:var(--btn--primary-text-color);margin-bottom:22px}
.detail-banner-icon-cont .pdp-tyre-card-icon-text{font-family:"Poppins-Medium";font-size:14px;line-height:21px}
.detail-banner-icon-cont ul{margin-bottom:22px}
.pdp-tyre-detail-banner_tyreCarousel{display:flex;flex-direction:column;max-width:100%}
.detail-banner_tyreCarousel-slider{max-width:100%;display:flex;margin-bottom:39px;justify-content:center}
.pdp-tyre-detail-banner_tyreCarousel .dots-container{position:relative;display:flex;width:100%;height:auto;flex-direction:row-reverse;align-items:center;justify-content:center;gap:8px}
.pdp-tyre-detail-banner_tyreCarousel .dots-scroll-count{font-family:"Poppins-Regular";font-size:12px;line-height:18px;text-align:left;min-width:35px;color:var(--btn--primary-text-color);position:static}
.pdp-tyre-detail-banner_tyreCarousel .dots-container .slick-dots{display:flex;justify-content:center;align-items:center;rotate:none;width:283px;position:static}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-div{display:flex;overflow-x:scroll;margin:16px 0 16px;padding:0 16px 12px}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list{display:flex;justify-content:space-evenly;list-style:none;width:100%;padding:0;background-color:transparent;box-shadow:none}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item{font-family:"Poppins-SemiBold";font-size:14px;line-height:16px;text-wrap:nowrap;margin-right:29px}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item a{text-decoration:none;color:var(--lightGrey)}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.ActiveDot a{color:var(--btn--secondary-text-color)}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.ActiveDot a::after{display:none}
.pdp-tyre-detail-banner .ceat-pdp-ux3-overview-section .nav-list-item.inActiveDot a::after{display:none}
.detail-banner_tyreCarousel-slider .slick-slide img{height:250px}
.detail-banner_tyreCarousel-slider .slick-slide{display:flex;justify-content:center}
}