.model-mt{margin-top:80px}
.model-mt.marginadjust{margin-top:50px}
.model-mt p{margin-top:16px}
.makeModel .primary-view-btn.active-btn{opacity:1}
.makeModel-lhs .model-input-box.mb-0{margin-bottom:0}
.makeModel{display:flex;padding:40px 38px;gap:8px;position:relative;max-width:1016.03px;height:100%;background:#fff;border:1px solid #d6d6d6;border-radius:5px;margin:0 auto 76px;margin-top:100px}
.makeModel-form{width:100%;display:flex;flex-direction:column}
.makeModel-container{width:100%;display:flex;position:relative}
.accordion-title{display:none}
.model-toggle{opacity:.4;cursor:pointer}
.model-toggle.active{opacity:1}
.input-label{opacity:1;pointer-events:visible}
.input-label.disabled{opacity:.4;pointer-events:none}
.makeModel .shop-by{display:flex;flex-direction:column;align-items:flex-start;padding:16px;width:288px;height:84px;background:#f0f0f0;border-bottom:1px solid #d6d6d6;border-radius:3px 3px 0 0;position:absolute;top:-84px}
.makeModel.makemodel-align{margin-top:28px}
.makeModel .shop-by h3{font-family:'Poppins-Regular';font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#333}
.makeModel .shop-by-container{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:6px}
.makeModel .shop-by button{outline:0;border:0;display:flex;justify-content:center;align-items:center;padding:8px 20px;gap:10px;width:114px;height:30px;font-size:14px;line-height:14px;border-radius:40px;font-family:"Poppins-Regular";font-weight:400;background-color:rgba(217,217,217,0.4);color:#333;cursor:pointer}
.makeModel .shop-by button.active{background:#333;color:#fff;font-size:14px;line-height:14px}
.shop-by .line-bet{width:1px;height:21px;background-color:#333}
.makeModel-lhs{display:flex;width:50%;flex-direction:column;margin-left:20px}
.makeModel-lhs h3{font-family:'Poppins-Semibold';font-style:normal;font-weight:600;font-size:16px;line-height:24px;margin-bottom:15px}
.makeModel-lhs .model-input-box{display:flex;flex-direction:column;margin-bottom:24px;position:relative}
.makeModel-lhs .model-input-box label{font-family:"Poppins-Regular";font-style:normal;font-weight:400;font-size:12px;line-height:130%;color:#888;margin-bottom:3px;display:inline-flex;align-items:center;position:relative;width:max-content}
.makeModel-lhs .tooltip{margin-left:4px;display:inline-block;height:15px;width:15px}
.makeModel-lhs .tooltip .tooltip-icon{width:100%;position:static;height:100%;transform:none}
.makeModel-lhs .tooltip-content-container{padding-inline:10px;position:absolute;z-index:10;width:310px;opacity:0;visibility:hidden;transition:all .3s ease;left:100%;top:-11px;display:block}
.makeModel-lhs .tooltip:hover+.tooltip-content-container{opacity:1;visibility:visible}
.makeModel-lhs .model-input-box:nth-child(2) .tooltip-content-container{left:30%;top:0;transform:translate(11px,-14px)}
.makeModel-lhs .tooltip-content{display:block;box-sizing:border-box;padding:22px 25px;background:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,0.15));border-radius:4px}
.makeModel-lhs .tooltip-content::before{left:-14px;top:23px}
.makeModel-lhs .tooltip-content::before{content:"";position:absolute;width:15px;height:15px;display:block;top:20px;left:-14px;background:#fff;rotate:45deg;transform:translateY(-71%);border-radius:2px}
.makeModel-lhs .model-input-box .error{font-size:12px;color:#e00;font-family:'Poppins-Regular';margin-top:5px;font-style:italic}
.makeModel-lhs .model-input-box #variant-error,.makeModel-lhs .model-input-box #manufactureYear-error{position:absolute;top:58px;left:0}
.makeModel-lhs .model-input-box input,.makeModel-lhs .model-input-box .select2{outline:0}
.makeModel-lhs .model-input-box input[type='text']{display:flex;align-items:center;padding:14px;gap:8px;width:100%;background:#fff;border:1px solid #d5d5d5;border-radius:3px}
.makeModel-lhs .model-input-box input::placeholder{font-family:"Poppins-Regular";color:#333;font-weight:400;opacity:.3}
.makeModel-lhs .model-input-box img{position:absolute;top:30px;right:15px;width:20px;height:20px}
.makeModel-container .model-input-box.check{display:flex;flex-direction:row;align-items:center}
.model-input-box.check .radio-para{font-family:"Poppins-Regular";font-weight:400;font-size:12px;line-height:19px;color:#333;margin:0}
.model-input-box.check .switch{position:relative;display:inline-block;width:30px;height:10px;margin-left:8px}
.makeModel-lhs .model-input-box.check label{margin-bottom:0}
.makeModel-container .model-input-box.check .switch input{opacity:0;width:0;height:0;border:1px solid black;outline:0;vertical-align:middle}
.model-input-box.check .switch .slider.round{border:0;border-radius:34px}
.model-input-box.check .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d1d6;transition:.4s}
.model-input-box.check .switch .slider::before{position:absolute;content:"";height:14px;width:14px;left:-3px;top:-3px;bottom:0;background:#fff;border:1px solid #333;box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius:50%;transition:.4s}
.model-input-box.check .switch input:checked+.slider::before{transform:translateX(26px)}
.model-input-box.check .switch input:checked+.slider{background-color:#333;border:0}
.tire-type-container{display:flex}
.tire-type-container input[type='radio']{visibility:hidden;height:0;width:0;position:absolute;top:12px;left:20px;opacity:.4;cursor:pointer}
.tire-type-container .input-label{padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;color:#333;font-family:"Poppins-Regular";font-weight:400;font-size:14px;cursor:pointer;line-height:1;transition:all .3s ease;background-color:rgba(217,217,217,0.4);white-space:nowrap;margin-right:12px}
.tire-type-container .input-label.active{border-bottom:0;margin-bottom:0;background-color:#333;color:#fff}
.makeModel-lhs .select2-container .select2-selection--single{height:46px;background:#fff;border:1px solid #d6d6d6;border-radius:5px;line-height:46px}
.makeModel-lhs .model-input-box .model-type .input-label{color:#333;font-family:'Poppins-Medium'}
.makeModel-lhs .model-input-box .model-type .input-label.active{color:#fff}
.makeModel-rhs{display:flex;width:39%;flex-direction:column;background:#ecece6;border-radius:5px;align-items:center;padding:20px;height:max-content}
.makeModel-rhs h3{font-family:'Poppins-Semibold';font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#333;width:100%;text-align:center}
.tire-size-img{width:209.84px;margin-top:35px}
.makeModel-rhs span{text-align:center}
.makeModel-rhs .tyre-size-tooltip .tooltip-content-container.active{opacity:1;pointer-events:auto;visibility:visible}
.makeModel-rhs .tyre-size-tooltip .tooltip-content-container{top:60px;right:25px;left:unset;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;position:absolute;z-index:1;width:310px}
.makeModel-rhs .tooltip-content{box-sizing:border-box;display:block;padding:22px 25px;background:#fff;filter:drop-shadow(0 2px 10px rgba(0,0,0,0.15));border-radius:4px;padding:20px 40px}
.tooltip-content>img{height:94px;object-fit:cover;width:100%;object-position:top;margin-bottom:20px}
.tyre-size-tooltip li{font-size:14px;font-family:"Poppins-Light";line-height:20px;text-align:left}
.tyre-size-tooltip .tooltip-content::before{left:unset;right:30px}
.makeModel-rhs .tooltip-content::before{content:"";position:absolute;width:15px;height:15px;display:block;top:0;right:74px;background:#fff;rotate:45deg;transform:translateY(-71%);border-radius:2px}
.or{display:flex;align-items:center;position:relative;justify-content:center;margin:0 38px}
.or::before{content:"";width:1px;top:0;position:absolute;height:45%;background-color:#e0e0e0}
.makeModel-or{font-family:"Poppins-Regular";font-weight:400;font-size:14px;line-height:21px;color:#333;display:flex;margin:0;position:relative}
.or::after{content:"";width:1px;height:45%;background-color:#e0e0e0;position:absolute;bottom:0}
.tire-size-input{margin-block:37px 12px;outline:0;width:216.77px;height:37.2px;background:#fff;border:1px solid #d6d6d6;border-radius:4.65184px;padding:8px}
.makeModel .primary-view-btn{font-family:"Poppins-Regular";padding:9px 26px;gap:10px;height:40px;background:#333;border-radius:30px;font-size:14px;text-transform:uppercase;color:#fff;cursor:pointer;margin:0 auto;margin-top:40px;opacity:.3;border:1px solid #333;line-height:22px}
.makeModel .primary-view-btn:disabled{cursor:not-allowed}
.makeModel-lhs .btn-toggle{display:none}
.tire-size-input{text-align:center}
.model-mt .descprition-title{max-width:1020px;margin:0 auto}
.model-mt .descprition-title .title{font-family:"Poppins-Regular";font-weight:400;font-size:16px;line-height:24px;color:#4f4f4f;margin-bottom:24px}
@media(max-width:992px){.makeModel-rhs{width:42%}
.model-mt{margin-top:60px}
.model-mt .descprition-title{padding:0 48px}
.model-mt .descprition-title .title{line-height:21px;margin-bottom:16px;margin-top:16px}
}
@media(max-width:767px){.model-mt .descprition-title{padding:0 20px}
.model-mt .descprition-title .title{line-height:17px;font-size:14px;margin-bottom:25px}
.model-mt{margin-top:25px}
.model-mt.marginadjust{margin-top:30px}
h3.details-heading{display:none}
}
@media screen and (max-width:1020px){.makeModel{max-width:88%;padding:32px 36px 32px 36px;margin-bottom:62px}
.makeModel .shop-by button{font-size:12px}
.makeModel .shop-by button.active{font-size:12px}
.makeModel .shop-by h3{font-size:12px}
.makeModel .shop-by{width:288px}
.makeModel-container{justify-content:space-between}
.makeModel-lhs{width:70%;margin-left:0}
.makeModel-rhs h3{margin-top:0;line-height:normal}
.model-lhs .model-input-box label{font-size:10px}
.makeModel-lhs .model-input-box input[type='text'],.makeModel-lhs .model-input-box{width:100%}
.tire-type-container .input-label{padding:7px 16px;margin-right:5px}
.makeModel-lhs .model-input-box label{font-size:12px}
.makeModel-lhs .model-input-box input[type='text']{padding:11px}
.makeModel-lhs .model-input-box img{top:27px}
.makeModel-lhs .select2-container .select2-selection--single{height:38px;line-height:38px}
.makeModel-lhs .model-input-box{margin-bottom:22px}
.makeModel-rhs{justify-content:center;padding:20px}
.tire-size-img{margin-top:39px;width:169px}
.tire-size-input{margin-top:40px;width:100%;height:auto}
.or{margin:0 15px}
.primary-view-btn{margin-top:25px}
.makeModel-rhs .tyre-size-tooltip .tooltip-content-container{top:60px;right:-40px}
}
@media screen and (max-width:767px){.makeModel{margin-bottom:47px;padding:25px 20px}
.makeModel .shop-by button.active{font-size:12px;line-height:12px}
.makeModel-lhs .model-input-box label{font-size:12px}
.makeModel .shop-by button{font-size:12px;line-height:12px}
.makeModel-container{flex-direction:column}
.makeModel-lhs .model-input-box{padding:0;margin-bottom:18px}
.or::before{width:50%;left:-20px;top:50%;height:1px}
.or::after{width:50%;right:-20px;top:50%;height:1px}
.makeModel-lhs,.makeModel-rhs{width:100%}
.makeModel-rhs{padding:20px;margin-top:20px}
.makeModel-lhs h3,.makeModel-rhs h3{margin-top:0}
.accordion-title{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:'Poppins-Regular';font-size:14px;line-height:24px;margin-top:20px;margin-bottom:0}
.model-toggle,.accordion-title.active .plus-icon,.accordion-title .minus-icon{display:none}
.model-toggle.active,.accordion-title .plus-icon,.accordion-title.active .minus-icon{display:flex}
.makeModel .primary-view-btn{margin-top:0;width:100%;margin-bottom:20px;margin-top:20px}
.makeModel-lhs .btn-toggle{display:flex;justify-content:center;align-items:center}
.makeModel .primary-view-btn.mb-toggle{display:none}
.makeModel.makemodel-align{margin-top:40px}
.makeModel-lhs .tooltip-content-container{left:-7%;top:31px}
.makeModel-lhs .tooltip-content::before{top:0;left:40%}
.accordion-title:nth-of-type(1){margin-bottom:15px;margin-top:0}
.makeModel-rhs .tyre-size-tooltip .tooltip-content-container{top:170px;right:-10px}
}