.ceat-pdp-ux3-compatibility-section{max-width:1060px;padding-inline:20px;margin:0 auto 80px auto}
.ceat-pdp-section-title .ceat-pdp-section-heading{font-family:"Poppins-Regular";font-style:normal;font-weight:400;font-size:50px;line-height:60px;color:#333;margin-bottom:35px}
.ceat-pdp-section-title .ceat-pdp-section-heading .borderBottomOrange{border-bottom:5px solid #f5822d}
.ceat-pdp-ux3-compatibility-section .btn-list{display:flex;list-style:none;flex-wrap:wrap;gap:10px}
.ceat-pdp-ux3-compatibility-section .btn-list-item a{display:flex;width:fit-content;align-items:center;font-family:"Poppins-Regular";font-size:14px;line-height:22px;padding:8px 20px 8px;background-color:#f0f0f0;color:#333;border-radius:40px;text-decoration:none;font-weight:bold;text-transform:capitalize}
.ceat-pdp-ux3-compatibility-section .btn-list-item a img{margin-right:10px}
@media(max-width:1024px){.ceat-pdp-ux3-compatibility-section{max-width:712px;margin:0 auto 60px auto}
.ceat-pdp-ux3-compatibility-section .btn-list-item a{padding:5px 16px;line-height:15px;font-size:12px}
.ceat-pdp-section-title .ceat-pdp-section-heading{font-size:32px;line-height:40px}
}
@media(max-width:767px){.ceat-pdp-ux3-compatibility-section{max-width:100%;margin:0 auto 40px auto}
.ceat-pdp-section-title .ceat-pdp-section-heading{position:relative;font-size:26px;line-height:32px;margin-bottom:35px}
.ceat-pdp-section-title .ceat-pdp-section-heading::after{content:"";bottom:-10px;left:0;width:65px;height:5px;background:#f5822d;position:absolute}
.ceat-pdp-section-title .ceat-pdp-section-heading .borderBottomOrange{border-bottom:unset}
.ceat-pdp-ux3-compatibility-section .btn-list{flex-direction:column;gap:8px}
}
.sidenav .notify-form-container{padding:0 20px 0 21px}
.sidenav .notify-form-container form{margin-top:40px}
.sidenav .notify-form-container form fieldset{width:100%;margin-bottom:40px;position:relative}
.sidenav .notify-form-container form fieldset label{display:block;font-size:12px;color:#252525;font-weight:400;font-family:"Poppins-Regular"}
.sidenav .notify-form-container form fieldset .error{display:block;font-size:12px;padding:5px 0;color:#e00}
.sidenav .notify-form-container form fieldset input{border:0;border-bottom:1px solid #252525;width:100%;font-size:16px;color:#333;font-weight:400;font-family:"Poppins-Regular"}
.sidenav .notify-form-container .communication{margin-bottom:68px}
.sidenav .notify-form-container .communication .social{display:flex;align-items:center}
.sidenav .notify-form-container .communication .cm-label{display:block;font-size:18px;font-weight:600;font-family:"Poppins-SemiBold";color:#252525;margin-bottom:13px}
.sidenav .notify-form-container .communication .notification{display:flex;align-items:center}
.sidenav .notify-form-container .communication input{display:none}
.sidenav .notify-form-container .communication span{font-size:16px;font-weight:500;font-family:"Poppins-Medium";color:#252525;margin-right:36px;position:relative}
.sidenav .notify-form-container .communication span::before{content:"";-webkit-appearance:none;background-color:transparent;border-radius:2px;border:solid 1px #8c8c8c;padding:8px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:12px}
.sidenav .notify-form-container .communication input:checked+span::before{border:solid 1px #f5822e}
.sidenav .notify-form-container .communication input:checked+span:after{content:"";display:block;position:absolute;top:0;left:6px;width:6px;height:13px;border:solid 1px #f5822e;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sidenav .notify-form-container button{font-size:14px;font-weight:bold;display:block;margin:0 auto;text-align:center;color:#fff;padding:10px 198px 10px 202px;margin-bottom:26px;border-radius:20px;background-color:#f5822e;text-transform:uppercase;border:0;cursor:pointer}
#sidenav-notify .ceat-availability-card{display:flex;justify-content:flex-start;gap:39px;width:100%;padding:16px 37px;max-width:100%;border-radius:5px;border:solid 1px #d8d8d8}
#sidenav-notify .ceat-availability-card .lhs{display:flex}
#sidenav-notify .ceat-availability-card .tyre-details p{margin-bottom:8px;font-weight:400;font-family:"Poppins-Regular";font-size:12px;color:#333}
#sidenav-notify .ceat-availability-card .tyre-price{font-size:26px;font-weight:700;margin-bottom:6px;font-family:"Poppins-Bold";display:flex;align-items:center}
#sidenav-notify .ceat-availability-card .tyre-img{width:20%}
#sidenav-notify .ceat-availability-card .tyre-details{width:80%}
#sidenav-notify .ceat-availability-card .tyre-price i{font-weight:400;font-family:"Poppins-Regular"}
#sidenav-notify .ceat-availability-card .tyre-price h2{font-size:40px;font-weight:bold;margin-bottom:5px;white-space:nowrap}
#sidenav-notify .ceat-availability-card .quantity-container{display:flex;align-items:center;margin-bottom:0;gap:5px;font-size:12px}
#sidenav-notify .ceat-availability-card .tyre-model{font-weight:700;font-size:26px;color:#252525;margin-bottom:8px;font-family:"Poppins-Bold"}
#sidenav-notify .ceat-availability-card .tyre-size{margin-bottom:16px;font-weight:400;font-family:"Poppins-Regular";font-size:16px}
#sidenav-notify .ceat-availability-card .tyre-img img{height:137px;width:81px;-o-object-fit:contain;object-fit:contain}
#sidenav-notify .ceat-card-container{padding:0 20px 0 21px}
.sidenav{height:100%;width:100%;max-width:620px;display:none;position:fixed;z-index:99;top:0;background-color:#fff;overflow:auto;right:0;font-family:"Poppins-Regular"}
.sidenav:target{visibility:visible;opacity:1;-webkit-transition-delay:0;transition-delay:0;z-index:11}
.close-popup{background:rgba(0,0,0,0.7);cursor:default;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0,visibility 0 linear 0;transition:opacity 0,visibility 0 linear 0}
.close-popup.active{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;z-index:11}
.sidenav.active{display:block}
.sidenav .header{background-color:#f5f7f9;padding:19px 20px 18px 20px;margin-bottom:32px}
.sidenav .header h2{display:inline-block;font-size:16px;font-weight:600;font-family:"Poppins-SemiBold";color:#333}
.sidenav .header .icon-arrow-left{display:none}
.sidenav .header .icon-cross{display:block;float:right;color:#000;transition:color .3s;font-size:13px;line-height:.6em;font-weight:bold;margin:-5px 0;cursor:pointer}
.sidenav .icon-cross:hover{color:#f5822e}
.sidenav::-webkit-scrollbar{width:5px;height:5px}
.sidenav::-webkit-scrollbar-track{-webkit-box-shadow:#8c8c8c;box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c;-webkit-border-radius:10px;border-radius:10px}
.sidenav::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#8c8c8c;-webkit-box-shadow:#8c8c8c;-moz-box-shadow:#8c8c8c}
.sidenav .bank{align-items:center;display:flex;justify-content:space-between;padding:0 20px 0 21px;margin-bottom:51px}
.sidenav .bank .bank-info{flex:0 0 50%}
.sidenav .bank .bank-info h3{font-size:16px;font-weight:600;font-family:"Poppins-SemiBold";color:#252525;margin-bottom:4px}
.sidenav .bank .bank-info p{font-size:12px;color:#8c8c8c}
.sidenav .bank .coupon-code h3{font-size:14px;font-weight:500;font-family:"Poppins-Medium";text-align:center;color:#252525;padding:11px 0 11px 0;border:dashed 1.1px #7bc3f9;background-color:#f8feff;width:100px}
.sidenav .bank .copy-btn{padding-top:10px}
.sidenav .bank .copy-btn a{font-size:16px;font-weight:600;font-family:"Poppins-SemiBold";color:#f5822e;text-transform:uppercase;padding-top:10px}
.sidenav .qty-wrap .qty{margin-right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.sidenav .qty-countable{font-size:12px;font-weight:400;color:#333;display:inline-block;font-family:"Poppins-Regular"}
.sidenav .delivery-services-container .delivery-services-section .delivery-options label{padding:10px;flex:0 0 33.33%}
.select-dropdown.qty .select2-container .select2-selection--single{height:30px;line-height:30px}
@media(max-width:992px){#sidenav-notify .ceat-availability-card .tyre-price{font-size:24px}
#sidenav-notify .ceat-availability-card .tyre-model{font-size:24px}
}
@media only screen and (max-width:767px) and (min-width:320px){.bottom-toggle-monly{bottom:0;height:60%;top:unset}
.sidenav .bank{padding:0 16px;margin-bottom:23px}
.sidenav .bank .bank-info{margin-right:33px}
.sidenav .bank .bank-info h3{font-size:14px;margin-bottom:2px}
.sidenav .bank .bank-info p{font-size:10px}
.sidenav .bank .coupon-code{margin-right:16px}
.sidenav .bank .coupon-code h3{font-size:12px}
.sidenav .bank .copy-btn{padding-top:10px}
.sidenav .bank .copy-btn a{font-size:14px;padding-top:6px}
.ceat-bank-tyre{margin-top:32px}
.sidenav .header .icon-cross{display:none}
.sidenav .notify-form-container{padding:0 16px}
.sidenav .notify-form-container form{margin-top:32px}
.sidenav .notify-form-container form fieldset{margin-bottom:32px}
.sidenav .notify-form-container form fieldset label{font-size:10px}
.sidenav .notify-form-container form fieldset input{font-size:14px}
.sidenav .notify-form-container .communication .cm-label{font-size:14px;margin-bottom:9px}
.sidenav .notify-form-container .communication span{font-size:14px;margin-right:40px}
.sidenav .notify-form-container button{font-size:12px;padding:11px 131px;margin-bottom:20px}
#sidenav-notify .ceat-availability-card .tyre-price{font-size:20px}
#sidenav-notify .ceat-availability-card .tyre-model{font-size:20px}
#sidenav-notify .ceat-availability-card{padding:12px 18px}
}