body.small-header .cp-header{padding:24px 0}
body.lock-scroll{overflow-y:hidden}
header{display:block;position:relative;z-index:11}
.cp-header .page-container{padding:0 120px}
.header-wrapper{max-width:1020px;margin:0 auto;align-items:center}
.header-wrapper .nav-mb-show{display:none}
.header-wrapper-line{max-width:1020px;margin:5px auto}
.cp-header .h-line{opacity:.1;height:1px;width:100%;background-color:#333;display:inline-block}
.header-wrapper.downside{margin:12px auto 0 auto}
.header-wrapper.downside .h-logoham{margin:0 20px 0 0;width:20px}
.header-wrapper.downside .h-logoham img{width:100%;height:100%}
body.mess-strip-present{padding-top:130px}
.cp-header.popup-open{z-index:1;transition:all 0 ease-in-out}
.cp-header.popup-open.typ-transparent{z-index:1}
.header-wrapper{position:relative;display:flex;justify-content:space-between}
hr{opacity:.08}
.top-bar .navbar .item.sub-dropdown a{display:flex}
.top-bar .navbar .item.sub-dropdown a .icon{font-size:12px;margin-top:8px;margin-left:8px}
.navbar .list .item-icon{margin-left:6px}
.navbar .list .item-icon .nav-link .cart-wrap .icon{width:18px;height:18px}
.navbar .list .item-icon .nav-link .cart-wrap .icon:hover{color:#0054ac}
.subMenu{position:relative;padding-left:17px}
.subMenu::before{content:"\e900";font-family:"icomoon";font-size:8px;left:0;top:5px;position:absolute;cursor:pointer;transform:rotate(90deg);width:12px;height:5px;font-weight:bold}
.subMenu .fa{transform:rotate(90deg);font-size:15px;font-style:inherit;font-weight:600;font-family:"Poppins-SemiBold"}
.subMenu a{font-size:14px;color:#252525}
.subMenu a:last-child{font-weight:600;font-family:"Poppins-SemiBold"}
.navbar .custom-width-navbar img{width:32px;height:32px}
.menu-container-sec{display:none;position:absolute;width:679px;min-height:326px;background:#fff;border-radius:0 0 5px 5px}
.menu-list-sec{display:flex}
.sec-menu-title h4{font-family:'Poppins-Regular';font-style:normal;font-weight:400;font-size:14px;line-height:130%;margin-bottom:24px;margin-left:40px}
.sec-menu-title .tyres-image{margin-right:20px}
.menu-list-sec .menu-sec-item img,.sec-menu-title .tyres-image,.menu-first .item a img{width:unset;font-size:unset;line-height:unset;display:unset;margin-left:10px}
.sec-menu-title .tyres-image{width:26px;height:15px;margin-left:0;margin-right:10px}
.menu-sec-item{padding:14px 40px;font-size:14px;line-height:150%;color:#333;min-width:201px;height:40px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.menu-sec-item li{font-family:"Poppins-Medium"}
.menu-left-item .view-tyres{font-family:"Poppins-Regular";font-weight:400;letter-spacing:.05em;text-transform:uppercase;margin-top:5px}
.menu-left-item .view-tyres::after{background-image:url(../../../content/dam/ceat/ceat-revemp/icons/know-more-next-black.svg);content:"";display:inline-flex;margin-left:6px;width:9px;height:10px;background-repeat:no-repeat}
.sec-menu-title{border-right:1px solid #f0f0f0}
.menu-sec-item.active{background:#f0f0f0;cursor:pointer}
.menu-first{cursor:pointer}
.menu-first:hover .item+.menu-container-sec{display:flex}
.menu-first:hover .menu-container-sec.corporate{display:flex;right:0;top:20px;z-index:1}
.menu-first.active:nth-child(5) .menu-container-sec{right:0}
.menu-first.active:nth-child(6) .menu-container-sec{right:0}
.menu-first:hover .down-arrow{transform:rotate(180deg)}
.menu-left-container{display:none}
.menu-left-container.active{display:flex;justify-content:space-between;overflow:hidden}
.menu-left-container{flex-wrap:wrap;gap:12px;padding-left:40px;padding-right:40px}
.menu-left-container.corporate{flex-wrap:wrap;gap:12px;padding-left:40px;padding-right:40px}
.menu-left-container.corporate h2{font-weight:500;font-size:14px;font-family:"Poppins-Medium"}
.menu-left-container.corporate .corporate-image{margin-left:20px;margin-left:20px;height:9px;width:9px;display:unset}
.menu-left-container.corporate .menu-left-item{margin:8px 0}
.menu-left-container.corporate h3{font-weight:300;font-size:14px;font-family:'Poppins-Light';margin:0}
.menu-inner-container{position:relative;width:100%;padding:40px;padding-left:0;padding-right:0}
.menu-inner-container .sec-menu-title .menu-list-sec{overflow-y:auto;max-height:425px}
.menu-inner-container .sec-menu-title .menu-list-sec::-webkit-scrollbar{width:5px;height:5px}
.menu-inner-container .sec-menu-title .menu-list-sec::-webkit-scrollbar-track{-webkit-box-shadow:#8c8c8c;box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c;-webkit-border-radius:10px;border-radius:10px}
.menu-inner-container .sec-menu-title .menu-list-sec::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#8c8c8c;-webkit-box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c}
.menu-left-item{width:150px}
.menu-list-sec .left{border-right:1px solid #f0f0f0}
.menu-left-item h3{font-family:'Poppins-Semibold';font-style:normal;font-weight:600;font-size:16px;margin:10px 0}
.menu-left-item p{font-family:"Poppins-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:155%;margin-top:16px}
.findtyre-box{width:232px;height:94px;background:#f2f2f2;padding:20px;border-radius:5px}
.findtyre-box h4{font-family:'Poppins-Light';font-style:normal;font-weight:300;font-size:14px;line-height:120%;color:#434c5b;margin:0}
.findtyre-box a{font-family:"Poppins-Regular";font-style:normal;font-weight:400;font-size:14px;line-height:155%;letter-spacing:.05em;text-transform:uppercase;color:#333;margin-top:16px}
.cp-header{padding:26px 0 10px;position:fixed;top:0;left:0;width:100%;z-index:11;background:#fff;transition:all .4s ease;box-shadow:0 2px 4px 0 rgba(143,143,143,0.13)}
.cp-header.mess-strip-present{top:30px}
.cp-header .top-bar{display:flex;align-items:center}
.cp-header .menu-btn{font-size:25px;cursor:pointer}
.cp-header .logo{max-width:100px;display:flex}
.cp-header .logo a{display:inline-block}
.cp-header .logo .typ-white{display:none}
.cp-header .logo .typ-blue{display:block;max-height:24px}
.cart-wrap .count{position:absolute;right:-17px;top:-12px;width:20px;height:20px;background:#f58228;border-radius:50%;color:#fff;font-size:12px;font-family:"Poppins-Regular";display:flex;justify-content:center;align-items:center}
.navbar .custom-width-navbar img{width:32px;height:32px}
.cp-header .navbar .list{display:flex}
.cp-header .navbar .list .item:hover .icon,.cp-header .navbar .list .item:hover .text{color:#f58228}
.cp-header .navbar .list .item.sub-dropdown{position:relative}
.cp-header .navbar .list .item.sub-dropdown:hover .sub-nav{opacity:1;visibility:visible}
.cp-header .navbar .list .sub-nav{background-color:#fff;position:absolute;opacity:0;visibility:hidden;transition:all .3s ease-in-out;min-width:150px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.15);right:0;margin-top:5px;padding:8px 0}
.cp-header .navbar .list .sub-nav .list{display:block}
.cp-header .navbar .list .sub-nav .item{padding:0;margin:0;text-align:left}
.cp-header .navbar .list .sub-nav .item a{display:block;padding:10px 16px;font-size:14px;line-height:18px;color:#000;transition:color .3s ease-in-out}
.cp-header .navbar .list .sub-nav .item a:hover{color:#f58228}
.cp-header .navbar .show-on-mobile{display:none}
.cp-header .navbar .text{display:block;font-size:12px;line-height:normal;color:#333;margin-top:5px;transition:color .3s ease-in-out}
.cp-header .navbar .cart-wrap{position:relative}
.cp-header .navbar .cart-wrap .icon-cart{font-size:32px}
.cp-header .container{position:relative}
.cp-header .navbar .list{font-size:14px;display:flex;justify-content:flex-end;align-items:center;gap:24px}
.cp-header .navbar .item{margin-left:32px;position:relative}
.cp-header .navbar .item:first-child{margin-left:0}
.cp-header .navbar .item a{position:relative;display:block;transition:all .3s ease-in-out;font-family:"Poppins-Regular";font-size:14px;font-weight:400}
.cp-header .header-wrapper .down-arrow{margin-left:8px;width:11px;height:8px}
.cp-header .navbar .item a:before{content:"";bottom:0;position:absolute;width:30px;height:3px;border-radius:4px;background:0;transition:all .3s ease-in-out}
.cp-header .navbar .item a.active::after{content:"";position:absolute;width:100%;height:3px;background-color:#0054ac;bottom:-30px;left:0;transition:all .3s ease-in-out}
.cp-header .navbar .item a.active{color:#0054ac !important}
.cp-header .navbar .item a:hover{color:#0054ac;font-weight:bold}
.cp-header.typ-transparent{box-shadow:0 2px 4px 0 rgba(143,143,143,0.13);z-index:11;min-height:123.66px}
.cp-header.typ-transparent .logo .typ-blue{display:block;max-height:30px;width:100%;height:100%}
.cp-header.typ-transparent .logo .typ-white{display:block}
.cp-header.typ-transparent .navbar .item a{color:#333}
.cp-header.typ-transparent .navbar .item a:hover{color:#333;font-weight:700;font-family:"Poppins-Bold"}
.cp-header.typ-transparent .breadcrumb .list .item{color:#000}
.cp-header.typ-transparent .breadcrumb .list .item:before{background-color:#000}
.cp-header .breadcrumb{margin:20px 0 3px}
.cp-header .breadcrumb .list{display:flex}
.cp-header .breadcrumb .list .item{color:#000;font-size:12px;font-weight:400;padding-right:10px;padding-left:10px;position:relative;transition:color .3s ease-in-out;font-family:"Poppins-Regular"}
.cp-header .breadcrumb .list .item a{font-family:"Poppins-Regular"}
.cp-header .breadcrumb .list .item:hover{color:#f58228}
.cp-header .breadcrumb .list .item:before{content:"";position:absolute;width:1px;height:14px;right:0;background-color:#000;top:50%;transform:translateY(-50%) rotate(20deg)}
.cp-header .breadcrumb .list .item:first-child{padding-left:0}
.cp-header .breadcrumb .list .item:first-child a:before{content:"";font-family:icomoon !important;font-size:8px;transform:rotate(90deg);display:inline-block;vertical-align:middle;margin-right:5px;margin-top:-1px}
.cp-header .breadcrumb .list .item:last-child{padding-right:0;font-weight:500;font-family:"Poppins-Medium";pointer-events:none}
.cp-header .breadcrumb .list .item:last-child:before{content:none}
.cp-header.slick-header .navbar .icon{font-size:26px}
.cp-header.slick-header .menu-btn{font-size:20px}
.cp-header.slick-header .logo{max-width:80px}
.cp-header.slick-header .navbar{top:0}
.cp-header.slick-header .breadcrumb{display:none}
.pg-order-sticky.typ-checkout .cp-header .logo{margin-left:0}
body.small-header .cp-header{padding:24px 0}
.cp-menu{position:fixed;left:0;top:0;transform:translateX(-100%);bottom:0;width:300px;background:#fff;overflow:hidden;transition:all .3s ease;z-index:12}
.cp-menu.active{transform:translateX(0)}
.cp-menu.active .menu-cont{position:relative;overflow-y:scroll;height:100%;max-width:100%;outline:0;direction:ltr;padding-right:6px;max-height:none;padding:0 5px 80px 10px}
.cp-menu .menu-cont::-webkit-scrollbar{width:5px;height:5px}
.cp-menu .menu-cont::-webkit-scrollbar-track{-webkit-box-shadow:#8c8c8c;box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c;-webkit-border-radius:10px;border-radius:10px}
.cp-menu .menu-cont::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#8c8c8c;-webkit-box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c}
.cp-menu .menu-head{padding:8px 45px 8px 20px;box-shadow:1px 2px 5px 0 rgba(0,0,0,0.08);position:relative}
.cp-menu .menu-head .menu-close{position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);right:8px;width:35px;height:35px;text-align:center;line-height:35px}
.cp-menu .menu-head .input-group{position:relative}
.cp-menu .menu-head .input-group .search{height:40px;border-radius:28px;box-shadow:0 0 30px -10px rgba(0,0,0,0.15);background-color:#fff;width:100%;border:0;padding:0 50px 0 18px;font-size:12px}
.cp-menu .menu-head .input-group .icon-search{position:absolute;right:10px;top:0;height:40px;font-size:12px;width:40px;text-align:center;line-height:40px;font-size:16px}
.cp-menu .menu-cont{position:absolute;top:58px;bottom:0;left:0;right:0;padding:0 0 0 10px}
.cp-menu .menu-cont .login-wrap{padding:0 4px 30px 14px;border-bottom:1px dashed #979797}
.cp-menu .menu-cont .login-wrap .title{font-weight:600;font-family:"Poppins-SemiBold";margin-bottom:16px}
.cp-menu .menu-cont .loggedin-user .user-name{font-size:16px;font-weight:600;font-family:"Poppins-SemiBold";position:relative;cursor:pointer;line-height:20px;padding:6px 20px 6px 0}
.cp-menu .menu-cont .loggedin-user .user-name:hover{color:#f58228}
.cp-menu .menu-cont .loggedin-user .user-name:before{content:"";display:block;background:url(../../../content/dam/ceat/ceat-revemp/icons/dropdown-arrow.svg);background-position:center;background-repeat:no-repeat;background-size:contain;width:15px;height:15px;color:#252525;position:absolute;top:50%;right:0;margin-top:-10px;transform:rotate(0);transition:all .2s ease}
.cp-menu .menu-cont .loggedin-user .user-name.active:before{transform:rotate(180deg)}
.cp-menu .menu-cont .loggedin-user .acc-links{display:none}
.cp-menu .menu-cont .pincode-wrap{padding:15px 0 0 0;display:flex;align-items:center;justify-content:space-between}
.cp-menu .menu-cont .pincode-wrap .pcode{display:flex;align-items:center}
.cp-menu .menu-cont .change-pincode{cursor:pointer;margin-left:15px;width:20px;height:20px;margin-top:0}
.cp-menu .menu-cont .change-pincode .link-3{margin-top:3px}
.cp-menu .menu-cont .change-pincode:hover{color:#f58228}
.cp-menu .menu-cont .menu-accord{padding:12px}
.cp-menu .menu-cont .menu-accord .menu-accord-head{font-size:14px;font-weight:600;font-family:"Poppins-SemiBold";position:relative}
.cp-menu .menu-cont .menu-accord .menu-accord-head a{padding:12px 0;display:block;font-family:"Poppins-SemiBold";font-weight:600;font-size:14px}
.cp-menu .menu-cont .menu-accord .menu-accord-head a::before{content:"";display:block;background:url(../../../content/dam/ceat/ceat-revemp/icons/dropdown-arrow.svg);background-position:center;background-repeat:no-repeat;background-size:contain;width:15px;height:15px;color:#252525;position:absolute;top:50%;right:0;margin-top:-10px;transform:rotate(0);transition:all .2s ease}
.cp-menu .menu-cont .menu-accord .menu-accord-cont{display:none}
.cp-menu .menu-cont .menu-accord .menu-accord-head.active a::before{transform:rotate(180deg)}
.cp-menu .menu-accord-cont .list{padding:6px 0}
.cp-menu .menu-accord-cont .item{padding:7px 0}
.cp-menu .menu-accord-content .item{padding:7px 0}
.cp-menu a{display:block;line-height:17px;text-transform:capitalize}
.cp-menu .menu-cont .menu-accord .nav-bar ul li a{font-size:14px}
.cp-menu .menu-cont .menu-accord .nav-bar ul li{padding:12px 0}
.cp-menu .link-1{font-size:14px;color:#252525}
.cp-menu .link-2{font-size:12px;color:#000;font-family:"Poppins-Regular";font-weight:400}
.cp-menu .link-3{font-size:12px;color:#8c8c8c;font-family:"Poppins-Regular";font-weight:400}
.cp-menu a:hover{color:#f58228}
.cp-menu .location-wrap{padding:30px 4px 30px 14px;border-top:1px dashed #979797;border-bottom:1px dashed #979797}
.cp-menu .location-wrap .lc-item{padding:4px 0;display:flex;align-items:center;justify-content:space-between}
.cp-menu .location-wrap .bs-select{min-width:80px}
.cp-menu .other-link-wrap{padding:30px 4px 10px 14px}
.cp-menu .other-link-wrap .item{padding:3px 0}
.cp-menu .other-link-wrap .item a{text-transform:initial}
.cp-menu .other-link-wrap .list{margin-bottom:20px}
.cp-menu .other-link-wrap .link-1{font-weight:400;margin-bottom:12px;font-family:"Poppins-Regular"}
.menu-overlay{z-index:4}
.menu-overlay,.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);visibility:hidden;opacity:0;z-index:0;transition:all .2s ease-in-out}
#modalBackdrop{display:none;position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.menu-overlay.active,.overlay.active{visibility:visible;opacity:1;z-index:11}
.collapse{display:none}
.collapse.show{display:block}
.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
@media screen and (max-width:1024px){.cp-header.typ-transparent{min-height:65px}
.cp-header{padding:20px 0}
.cp-header .header-wrapper.downside,.cp-header .header-wrapper-line{display:none}
.cp-header .page-container{padding:0 55px}
.cp-header .top-bar{gap:20px}
.cp-header.typ-transparent .logo .typ-blue{height:22px;width:78px}
.header-wrapper .nav-mb-show{display:block}
}
@media only screen and (max-width:767px) and (min-width:320px){.cp-header.typ-transparent{min-height:57.4px}
.subMenu a{font-size:12px}
.navbar .list .item{display:none}
.navbar .list .item-icon{margin-left:0}
.navbar .list .item-icon:first-child{margin-left:0}
.navbar .list .item-icon .nav-link .cart-wrap .icon{font-size:24px;padding:0;width:20px;height:20px}
.navbar .custom-width-navbar img{width:unset;height:unset}
.navbar .list .item-icon img{width:28px;height:28px}
}
@media only screen and (max-width:768px){.cp-header{padding:20px 0 15px;margin-top:0 !important}
.cp-header .menu-btn{font-size:18px;display:block}
.cp-header .logo{max-width:74px}
.cp-header .breadcrumb{margin-top:20px}
.cp-header .navbar .list{font-size:12px}
.cp-header .navbar .list .item{min-width:inherit;margin-left:20px}
.cp-header .navbar .icon{font-size:22px}
.cp-header .navbar .text{display:none}
.cp-header .navbar .show-on-mobile{display:block}
.cp-header .navbar .show-on-desktop{display:none}
.cp-header .navbar .item{margin-left:20px}
.cp-header .navbar .item a{padding-bottom:8px}
.cp-header .navbar .item a:before{height:2px}
.cp-header .navbar .item:first-child{margin-left:0}
.cp-header .breadcrumb .list .item{font-size:12px;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:8px}
.cp-header .breadcrumb .list .item:last-child{max-width:160px}
.cp-header .breadcrumb .list .item:before{right:2px}
.cp-header.typ-nav2 .navbar{position:static;margin-top:24px}
.cp-header.slick-header{padding-top:15px;padding-bottom:15px}
.cp-header.slick-header .menu-btn{font-size:17px}
.cp-header.slick-header .navbar .icon{font-size:18px}
.cp-header.slick-header .logo{max-width:66px}
.cp-header.slick-header .navbar{margin-top:0}
body.small-header .cp-header.typ-nav2{padding-bottom:0}
.cp-header .logo .typ-blue{max-height:19px}
.cp-header .page-container{padding:0 20px}
}
@media only screen and (max-width:576px){.cp-header .navbar .list{font-size:12px}
.cp-header .navbar .sub-nav{right:auto;left:50%;transform:translateX(-50%)}
}
@media only screen and (max-width:320px){.cp-header .navbar .item{margin-left:13px;font-size:12px}
}