.originalOilComponent{background-color:#fff;padding-top:20px;padding-bottom:10px}
.oilComponent{max-width:900px;margin:0 auto}
.oilStep{margin-top:20px}
.oilTitle{width:100%;margin:20px auto;font-size:33px;font-weight:bold;text-align:center}
.oilTitleInfo{text-align:center;font-size:14px}
.oilStepbar{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #cdd0d2;cursor:pointer}
.oilStepTitle{margin:0 20px;font-size:23px;font-weight:bold}
.oilStepArrow{margin-left:auto}
.oilStepArrow::after{content:"";background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -79px -36px no-repeat;display:block;float:right;width:16px;height:16px;background-color:#000;margin-top:3px;margin-left:10px}
.oilStepArrow.rtt::after{background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -104px -36px no-repeat;background-color:#000}
.oilStepNumber{width:35px;height:35px;border:1px solid #cdd0d2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px}
.complete .oilStepNumber{color:#fff;background-color:#05141f}
.oilStepContentTitle{text-align:center;font-size:27px;font-weight:bold;margin:25px 0}
.oilStepContentOptions{display:flex;justify-content:space-between}
.selectDropdown{flex-basis:44%;position:relative}
.selectDropdown.close,.shade .close{pointer-events:none}
.selectDropdown.close .oildropdownOptionBox{display:none}
.oildropdown{background-color:#fff;border:1px solid #cdd0d2;padding:10px;display:flex;justify-content:space-between;color:#cdd0d2;pointer-events:none;font-size:13px}
.oildropdown.active{pointer-events:auto;cursor:pointer;color:#05141f}
.oildropdown.active+.oildropdownOptionBox{cursor:pointer;z-index:2}
.oildropdownOptionBox{position:absolute;width:100%;box-sizing:border-box;font-size:13px}
.selectEngineTypeDropdownOptionBox{border:0}
.oildropdownOptionBox p{padding:7px 14px 0;padding-bottom:7px;border-bottom:1px solid #cdd0d2}
.oildropdownOptionBox p:last-child{border-bottom:0}
.oilCarDiv{display:flex;justify-content:center}
.oilCar{max-width:100%;margin:10px 0;margin:40px 0;max-height:270px}
.oilNextBtn{position:relative;margin:0 auto;background-color:#05141f;color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;width:max-content;min-width:170px;padding:14px 50px 14px 25px;display:flex;justify-content:center;cursor:pointer}
.oilNextBtn.inactive{background-color:#9ba1a5;pointer-events:none}
.oilDisclaimer{margin:35px auto;text-align:center;font-size:12px;line-height:13px;color:#697279}
.oilStep2ContentOptions{justify-content:center}
.oilStep3ContentOptions{justify-content:center;flex-direction:column;max-width:44%;margin:0 auto}
.carStep3Popup{align-self:end;cursor:pointer}
.carStep3Popup:hover{text-decoration:underline}
.oilCard{display:flex;justify-content:space-between;flex-direction:column;flex:0 1 30%;position:relative;text-align:center;padding:14px;margin:20px;box-shadow:0 4px 48px rgb(5 20 31 / 30%);border-radius:16px;margin-top:120px;transition:.5s cubic-bezier(0.22,0.61,0.36,1)}
.oilStep4ContentTitle{margin-bottom:110px}
.oilStep4ContentOptions{justify-content:center;align-items:center}
.oilCard .title{font-size:24px;line-height:28px;font-weight:bold;margin:150px auto 20px}
.oilCard .description{font-size:16px;line-height:22px;margin-bottom:20px}
.oilbtn{display:flex;flex-direction:column;margin:10px auto;max-width:90%;width:70%}
.oilCard .btn{margin-bottom:10px;margin-top:0;padding:10px 30px;border-radius:24px;text-align:center;border:1px solid #05141f;font-size:12px;line-height:16px;position:relative;display:flex;justify-content:space-evenly;align-items:center}
.oilbtn .nextArro{position:absolute;right:3%}
.whitebtn .nextArro{border:1px solid;border-radius:50%}
.oilCard .blackbtn{background-color:#05141f;color:#fff}
.oilCard .whitebtn{color:#05141f;background-color:#fff}
.oilBoxImage{max-height:220px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 -1mm 2mm rgb(5 20 31 / 30%))}
.carouselDots,.arrow{display:none}
.oilStep3 table{width:100%;border-collapse:collapse}
.oilStep3 th{width:50%;margin:14px 14px 0;padding:10px 30px;text-align:left;border:1px solid #ddd;font-size:14px;line-height:20px;font-weight:bold}
.oilStep3 td{border:1px solid #ddd;margin:14px 14px 0;padding:10px 30px;font-size:13px;line-height:17px}
.shade .oilStepbar{opacity:.4}
.shade .oilStep2Content,.shade .oilStep3Content,.shade .oilStep4Content{opacity:.4;pointer-events:none;display:none}
.complete .oilStep1Content,.complete .oilStep2Content,.complete .oilStep3Content,.complete .oilStep4Content{display:none}
.oilStep1Content.preview,.oilStep2Content.preview,.oilStep3Content.preview,.oilStep4Content.preview{display:block}
tr.anOption:hover{background-color:aquamarine}
.selectModelDropdownOptionBox.morethanfive .anOption,.selectModelYearDropdownOptionBox.morethanfive .anOption{display:inline-table;width:33.33%;border:1px solid #cdd0d2;border-top:0;background-color:#fff;box-sizing:border-box}
.previewChoice{margin-left:30px;color:#595b5c;font-weight:bold}
@media screen and (max-width:1024px){.oilbtn{width:90%}
.addm{margin-left:16px;margin-right:16px}
}
@media screen and (max-width:768px){.oilbtn{width:50%}
.oilTitle{font-size:27px;line-height:28px}
.oilStep4ContentOptions:not(.showHorizontal) .oilCard{width:60%}
.oilCard{padding:0}
.oilCard .title{font-size:18px;line-height:24px}
.oilTitleInfo{font-size:12px;line-height:16px}
.oilStepNumber{font-size:18px;line-height:24px}
.oilStepTitle{font-size:20px;line-height:28px}
.oilStepContentTitle{font-size:24px;line-height:28px}
.oildropdown{font-size:14px;line-height:17px}
.oildropdownOptionBox{font-size:14px;line-height:20px}
.nextText{font-size:14px;line-height:20px}
.oilDisclaimer{font-size:12px;line-height:16px}
.oilStep4ContentTitle{margin-bottom:30px}
.oilStep1ContentOptions{flex-direction:column}
.oilStep3ContentOptions,.selectFuelTypeDropdown{max-width:100%;width:100%;flex-basis:unset}
.selectModelDropdown{margin-bottom:10px}
.oilStep4ContentOptions{flex-direction:column}
.oilStep4ContentOptions.showHorizontal{justify-content:flex-start;flex-direction:row;width:100%;margin:0 auto;overflow:hidden;position:relative;padding-bottom:30px}
.oilStep4ContentOptions.showHorizontal .oilCard{min-width:65vw}
.showHorizontal .arrow{display:block;position:absolute}
.showHorizontal .leftArrow{left:0}
.showHorizontal .rightArrow{right:0}
.leftArrow::after{content:'\2190';vertical-align:text-bottom;color:#fff}
.rightArrow::after{content:'\2192';color:#fff;vertical-align:text-bottom}
.showHorizontal+.carouselDots{display:flex;justify-content:center}
.showHorizontal+.carouselDots .dot{margin-left:5px;margin-right:5px;content:"";width:7px;height:7px;border:1px solid #cdd0d2;background-color:#cdd0d2;border-radius:50%}
.showHorizontal+.carouselDots .dot.active{border:1px solid #05141f;background-color:#05141f}
}
@media screen and (max-width:520px){.oilbtn{width:80%}
.oilStep4ContentOptions:not(.showHorizontal) .oilCard{width:90%}
.selectModelDropdownOptionBox.morethanfive .anOption,.selectModelYearDropdownOptionBox.morethanfive .anOption{width:50%}
.previewChoice{margin-left:4px}
}
@media screen and (max-width:320px){.oilbtn{width:95%}
.oilStep4ContentOptions:not(.showHorizontal) .oilCard{width:95%}
}
.oildropdownOptionBox tr:first-child{background-color:#dddddd33}
.ddarrow::after{content:"";background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -79px -36px no-repeat;display:block;float:right;width:16px;height:16px;background-color:#000;margin-top:3px;margin-left:10px}
.oildropdown:not(.active) .ddarrow::after{background-color:#cdd0d2}
.selectDropdown:not(.close) .ddarrow::after{background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -104px -36px no-repeat;background-color:#000}
.nextArro::after{content:"";background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -132px -31px no-repeat;display:block;float:right;width:21px;height:21px;border-radius:50%;background-color:#000}
.nextText{width:100%;margin-left:10px;white-space:nowrap;text-align:center}
.nextArro{position:absolute;right:10px}
#eut_container div.LegalTextPopUp div.eut_cmly_section{position:static}
.PopUP .shade{z-index:1;position:fixed;width:100vw;height:100vh;opacity:.4;background-color:#a2a2a7;top:0}
.PopUP .legal_pop_up{max-width:720px;min-width:320px;z-index:200;position:absolute;transform:translateX(-50%);left:50%}
.PopUP .legal_pop_up sup{cursor:pointer}
.PopUP .legal_pop_up .head{position:absolute;right:0;display:flex;justify-content:space-between;padding:10px}
.PopUP .legal_pop_up .title{margin-top:20px;margin-bottom:20px;font-size:22px;line-height:28px;font-weight:bold}
.PopUP .legal_pop_up .cb{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}
.PopUP .legal_pop_up .text_content{background-color:#fff;padding:5px 20px}
.PopUP .hide{display:none !important}
.PopUP .legal_pop_up .cross{margin-left:auto;top:9px;left:12px;width:13px;height:15px;background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-common-large.png) -11px -49px no-repeat;background-size:227px 208px;display:block;background-color:#fff}
.sk-fading-circle{margin:20px auto;width:20px;height:20px;position:relative}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}
@-webkit-keyframes sk-circleFadeDelay{0,39%,100%{opacity:0}
40%{opacity:1}
}
@keyframes sk-circleFadeDelay{0,39%,100%{opacity:0}
40%{opacity:1}
}
@media screen and (min-width:769px){.PopUP .pop_up_content{width:620px}
}
@media screen and (max-width:768px){}
.PopUP sup{border-top-left-radius:13px;border:1px solid white;padding:2px 6px;border-bottom-left-radius:13px;border-bottom-right-radius:13px;border-top-right-radius:13px;top:-8px;cursor:pointer}
.oilStep1Content,.oilStep2Content,.oilStep3Content,.oilStep4Content{display:none}
.arrow{background-color:#000;z-index:2;padding:3px 7px;border-radius:50%}
.arrow.inactive{opacity:.3;pointer-events:none}
.understand{position:relative;margin-left:auto;margin-top:20px;margin-bottom:20px;background-color:#05141f;color:#fff;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;width:max-content;min-width:110px;padding:8px 50px 8px 25px;display:flex;justify-content:center;cursor:pointer}
.understandtxt{width:100%;margin-left:10px;white-space:nowrap;text-align:center;font-size:14px;line-height:20px}
.understandarr{position:absolute;right:10px}
.understandarr::after{content:"";background:url(../../../../../../../../etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/spr-button.png) -132px -31px no-repeat;display:block;float:right;width:21px;height:21px;border-radius:50%;background-color:#000}
@media screen and (max-width:1024px){.understand{margin:20px auto}
}
.img_content img{max-width:100%;width:100%;vertical-align:top}
.carloader{position:absolute;display:none}
.oilStep4:not(.complete) .showHorizontal .arrow{display:none}
.selectEngineTypeDropdownOptionBox tr.formattedEngineInfo:hover,.anOption:hover{background-color:#e5e5e5 !important}
.selectEngineTypeDropdownOptionBox th:nth-child(1){border-right:0}
.selectEngineTypeDropdownOptionBox th:nth-child(2){border-left:0}
.selectEngineTypeDropdownOptionBox td:nth-child(1){border-right:0}
.selectEngineTypeDropdownOptionBox td:nth-child(2){border-left:0}
.selectEngineTypeDropdownOptionBox,.selectFuelTypeDropdownOptionBox{background-color:#fff}
.selectFuelTypeDropdownOptionBox{border:1px solid #cdd0d2}
.selectModelDropdownOptionBox:not(.morethanfive),.selectModelYearDropdownOptionBox:not(.morethanfive){border:1px solid #cdd0d2;background-color:#fff}
.oilCard:hover{background-color:#05141f;color:#fff}
.oilCard:hover .oilbtn .btn{color:#05141f;background-color:#fff}
.oilCard:hover .nextArro{border:1px solid;border-radius:50%}