https://psopk.com/pso-on-wheels/

Scan ID:
19052f1c-3966-43cd-8cc6-aa64df529402Finished
Submitted URL:
https://psopk.com/pso-on-wheels/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 48 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
$string
jQuerystring
UIkitstring
UIkitIconsstring
Sweetalert2string
SweetAlertstring
Swalstring

Console log messages · 10 found

Messages logged to the web console

TypeCategoryLog
errorother
URL
https://psopk.com/pso-on-wheels/
Text
Refused to apply style from 'https://psopk.com/themes/pso/assets/css/font-awesome.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/6.png?v=1.9
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/2.png?v=1
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/DEO-Bottle-6000.png?v=1.9
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/4.png?v=1
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/blaze.png?v=1
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/DEO-Bottle-3000.png?v=1.9
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/10.png?v=1
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/public/assets/images/motor-oils/1.png?v=1
Text
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://psopk.com/favicon.ico
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta content="text/html" charset="utf-8" http-equiv="Content-Type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="https://psopk.com/public/assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="https://psopk.com/themes/pso/assets/css/style.css?a=8.63" rel="stylesheet">
<link href="https://psopk.com/public/assets/css/custom.css?v=1.634" rel="stylesheet">
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/EGbODne6buzpTnWrrBprcfAY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-zYfvuq6xV6aLevocYkVfLId59jcIkDZniQX2TsTt9LIa0Tf1ORHFh4oKI1naLgGF"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
<style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style></head>
<body>

<style type="text/css">
 .product_range h3,.product_range h4{
    text-transform: capitalize;
  }
  .product_range h4{
    margin-top: 10px;
    font-size: 22px;
  }
    .product_range h5{
        margin-top: 10px;
        margin-bottom: 10px;
      text-align: left;
      font-weight: bold;
      font-family: "Poppins";
      color: #333333;
      font-size: 18px;
    }
    .product_range .image{
      padding: 15px;
    }   
  .side_sociallinks {
  position: fixed;
  left: 0px;
  bottom: 50%;
  z-index:999;
}
.side_sociallinks ul{
  padding-left: 0px;
  margin: 0;
  float: left;
  width: 32px;
  list-style: none;
}
.side_sociallinks ul li {
  float: left;
  width: 32px;
  margin: 2px 0;
}
.side_sociallinks ul li a {
    float: left;
    color: #fff;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}
.fb{background:#244786}.utube{background:#c4302b}.twit{background:#00aee9}.g_plus{background:#d14231}.linkdn{background:#319ad1}

.d_btn{
  display: block;
  margin-top: 20px;
  background: url('https://psopk.com/themes/pso/assets/images/banner_img.jpg');
  background-size: cover;
  background-position: right;
  padding: 8px 0px;
  margin-bottom: 10px;
  box-shadow: 0 0 0 0 rgba(0, 132, 49, 0.7);
  -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}
.d_btn a{
  display: block;
  text-align: center;
  color:#FFF;
  text-transform: capitalize;
    font-size: 12px;

}
.d_btn a:focus{
  outline: 0;
  text-decoration:none;
}
.d_btn a:hover{
  text-decoration: none;
}
.d_btn:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 132, 49, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 132, 49, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(0, 132, 49, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(0, 132, 49, 0);}}

.banner2.banner-about .iner-head{
  position: relative;
}
.banner2 .button_order{
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
}
.button_order {
  display: none;
  bottom: 20px;
  right: 50px;
}
.button_order a{
  font-size: 18px;
  width: 100%;
  text-align: center;
  display: block;
  background-color: #11a74f;
  color: white;
  padding: 10px 25px;
  font-family: "Poppins";
  font-weight: 400;
  margin-bottom: 10px;
}
.button_order a:hover{
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .button_order{ display: none; }
  .tabs .next_btn {
    width: 100%;
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
  }

  .user_details .payment_method li{
    width: 100%;
  }

}


@media screen and (max-width: 800px) {
#product_img {
    padding: 0px;
}  
.banner2 .button_order{
  display: none;
}
.button_order {
  width: 90%;
  margin: 0 auto;
  display: block;
}

.uk-switcher {
    padding: 0 0px 0 20px;
}
.headingColor p.product_namestyle {
    margin-top: 0px !important;
}
#product_img {
    padding: 0;
}
.user_details .payment_method li {
    margin: 0 0px 0 0;
    width: 100%;
}
.headingColor h4 {
    font-size: 20px;
    text-align: left;
}

.mobileAlign{
   margin-left: 18px !important;
}
}


@media screen and (max-width: 600px) {
.d_btn{
  float: none !important;
}
}
.banner2.banner-about .iner-head{
   display: inline-block;
   width: 100%;
}
.dg_bn{
  display: inline-block;
  width: 100%;
}

.iner-head video{
  width: 100%;
 }
</style>

<div class="marginal">
  
  
<!-- poppins fonts start -->

<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">

<!-- poppins fonts end -->

 
   
<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>



<script src="https://psopk.com/themes/pso/assets/pow/jquery.min.js"></script>

<script src="https://psopk.com/themes/pso/assets/pow/jquery-ui.js"></script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script src="https://psopk.com/themes/pso/assets/pow/jquery.inputmask.bundle.js"></script>

<link rel="stylesheet" href="https://psopk.com/themes/pso/assets/pow/jquery-ui.css">

<style type="text/css">
.bgColor p, .bgColor h3 {
    text-align: left;
}
.prefix{ 

  display: inline-block; 

  width: 50px;

  background-color: #transparent !important;

  border-right: none;

  float: left;

  padding-right: 0px;

}

.mob{

  width: calc(100% - 50px);

  display: inline-block;

  border-left: none;

  float: left;

  margin-left: -5px;

  padding-left: 5px;

}

.mob.form-control:focus {

    border: 1px solid #ccc;

    border-left: none;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow:  none;

}

.dec .parsley-errors-list.filled{

  display: inline-block;

    margin-left: 241px;

}

.form-control.parsley-error {

     border-color: none; 

     -webkit-box-shadow: none; 

     box-shadow: none; 

}

select#time_slot option[disabled="disabled"] {

    color: #555;

    background-color: #eee;

} 

.form-control.parsley-error{

  border-color:  #ccc !important;

}

.swal-title {

    font-size: 16px !important;

}

.swal2-popup {

    width: 32em;

  }

.swal2-html-container {

    font-size: 16px;

}

.swal2-styled.swal2-confirm {

    background-color: #4c9f64;

}

  .form-horizontal .control-label {

    text-align: left;

    font-family: "Poppins";

    font-weight: 400;

    color: #333333;

    margin-bottom: 10px;

    font-size: 16px;

} 

table tr td:nth-child(2){

  text-align: right;

}

.pro_thumb{

  text-align: center;

}

.pro_thumb input[type="radio"]{

  display: none;

}

.pro_thumb label {

  border: 1px solid #6e737b;

  padding: 10px;

  display: block;

  position: relative;

  margin: 10px;

  cursor: pointer;

}



.pro_thumb label:before {

  color: white;

  content: " ";

  display: block;

  border: 1px solid #4c9f64;

  position: absolute;

  top: -5px;

  left: -5px;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 28px;

  transition-duration: 0.4s;

  transform: scale(0);

}



.pro_thumb label img {

  width: 104px;

  transition-duration: 0.2s;

  transform-origin: 50% 50%;

}



.pro_thumb :checked + label {

  border-color: #6e737b;

}



.pro_thumb :checked + label:before {

  content: "✓";

  background-color: #4c9f64;

  transform: scale(1);

}



.pro_thumb :checked + label img {

  transform: scale(0.9);

  z-index: -1;

}

.pro_thumb .title{

  margin-top: 15px;

}

.pro_thumb .title p{

   color: #0c51a0;

   font-size: 14px;

   text-align: center;

}

.pro_thumb .title p:nth-child(2){

  color: #11a74f;

  font-size: 18px;

  text-align: center;

}

.pro_thumb .title p strong {

  display: inline-block;

  width: 100%;

}
span{

  font-family: "Poppins";

}

.headingColor h3 {

    font-size: 24px;

    color: #0c51a0;

    font-family: "Poppins";

    font-weight: 400;

    line-height: 40px;
    text-align: left;

}

.headingColor h3 b{

  font-size: 40px;

}

.headingColor .package_selection h3 {

  font-size: 28px;

  font-weight: 500;

}

.headingColor p {

    color: #333333;

    font-size: 14px;

    line-height: 23px;

    font-family: "Poppins";

    font-weight: 400;

    margin-top: 0px;

}

.bgColor{

    background-color: #edf0f1;

}

.sidebarBg{

    margin-top: 6px;

    background-color: #0c51a0;

}

.uk-subnav>* {

    flex: none;

    padding-left: 0px !important; 

    position: relative;

}

.uk-subnav-pill>*>:first-child {

    padding: 10px 10px !important;

}

.uk-subnav {

    background-color: #ffffff;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-left: -20px;

    padding: 0;

    list-style: none;

    width: 101%;

}

.U-input {

    width: 190px;

}

.tabs{

  overflow: hidden;

  display: inline-block;

  width: calc(100% + 80px);

  margin-left: -20px;

}
.tabs ul li{
    margin-bottom: 0px;
}

.border-div {

    padding: 0 50px 50px 20px;

}

.divfl {

 display: inline-block;

  width: 100%;

}

.tabs .next_btn{

    color: white;

    background-color: #0c51a0;

    padding: 10px 35px;

    font-family: "Poppins";

    text-transform: uppercase;

    margin-top: 15px;

    display: inline-block;
    font-weight: 400;

}
.tabs .next_btn.desc{
    background-color: #11a74f;
    padding: 10px 0px;
    font-size: 11px;
    display: block;
}

.tabs .next_btn:hover, .tabs .next_btn:focus {

  text-decoration: none;

      outline: inherit;

    outline: indianred;

    outline-offset: inherit;

}

.tabs .uk-subnav{

  margin-left: 0px;

}

.uk-subnav-pill>.uk-active>a {

    background-color:transparent;

    color: #1e87f0 !important;

    font-family: "Poppins";

    font-weight: 400;

}

ul.uk-subnav.uk-subnav-pill li a {

    text-transform: capitalize;

    font-size: 14px;

    color: #000;

    font-family: "Poppins";

    font-weight: 400;

}

ul.uk-subnav.uk-subnav-pill li:last-child a {

    background-color: #11a74f;

    color: #ffffff;

    float: right;

    padding: 10px 12px !important;

}

ul.uk-subnav.uk-subnav-pill li:last-child.uk-active a {

  color: white !important;

}

.uk-subnav-pill>*>a:active{

    background-color: transparent;

}

.main-ul li a{

    font-family: "Poppins";

    font-weight: 400;

}

ul.up-menu {

    padding-left: 20px;

}

.U-sidebar_heading h2 {
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    background: white;
    padding: 6px;
    margin-top: 20px;
    font-family: "Poppins";
    font-weight: 400;
}

.list-group-item{

    background-color: transparent;

    border: none;
    margin-left: 15px;

}

.fa-circle:before {

    font-size: 10px;

    content: "\f111";

    color: #11a74f;

    padding-right: 10px;

}

.list-back{

    background: none !important;
    padding-bottom: 25px;
    /*min-height: 700px;*/

}

.list-back ul li{

    border-bottom: none !important;

}

.list-back ul li a {

    color: #fff;

    display: block;

    padding: 10px 25px;

    text-decoration: none;

    font-size: 14px;

    position: relative;

    text-align: left;

    line-height: 25px;

    font-family: "Poppins";

    font-weight: 400;

}

h4.U-Boxheading {

    color: #fff !important;

    background-color: #10a54d;

    padding: 10px 10px;

    font-size: 24px;

    font-family: "Poppins";

    font-weight: 500;

    margin-top: 25px;

}

.U-list-door {

  list-style: disc;

}

ul.U-list-door li {

    font-size: 14px;

    color: #000;

    padding: 5px;

    font-family: "Poppins";

    font-weight: 400;

}

ul.U-list-door li::marker {

    color: #1c5ca5;

}

.form-control{

  font-family: "Poppins";

  background-color: transparent;

  border: 1px solid #bec0c1 !important;

  border-radius: 0;

}

.service_check b{

     text-align: left;

    font-family: "Poppins";

    font-weight: 400;

    color: #333333;

    margin-bottom: 10px;

    font-size: 14px;

}

.service_check span{

  display: inline-block;

  margin-right: 5px;

  vertical-align: text-bottom;

}

.service_check p{

  padding-left: 7px;

}

.products{

  max-height: 600px;

  overflow: auto;

}

input.next_btn{

  border: none;

}

.product_details {

  border: 1px solid #6e737b;

  padding: 10px;

  margin-bottom: 20px;

}

.user_details{

  border: 1px solid #6e737b;

  padding: 10px;

}

.user_details .det ul{

  margin-bottom: 20px;

}

.user_details .det li{

  padding: 10px 0px;

  text-align: left;

}

.user_details ul{

 padding-left: 0px;

 font-family: "Poppins";

 list-style: none;

 margin-bottom: 20px;
 float: left;
 width: 100%;

}

.user_details ul li{

  font-size: 14px;

}

p.product_name{

  margin-top: 40px;

}

p.product_name,.airfilter_name,.oilfilter_name{

  color: #0c51a0 !important;

  margin-bottom: 10px;

  margin-top: 15px !important;

  text-align: left !important;

}

.headingColor p.product_namestyle {

  color: #0c51a0 !important;

  margin-bottom: 10px;

  margin-top: 45px !important;

  text-align: left !important;

}

.headingColor p.product_namestyle strong {

  color: #333333 !important;

  display: inline-block;

  width: 100%;

    font-weight: 400;

    margin-top: 10px;

}

.headingColor p.filter_namestyle {

  color: #0c51a0 !important;

  margin-bottom: 10px;

  text-align: left !important;

}

.headingColor p.filter_namestyle strong {

  color: #333333 !important;

  display: inline-block;

  width: 100%;

    font-weight: 400;

    margin-top: 10px;

}

#product_img{

  padding: 12px;

}

.user_details{

  display: inline-block;

  width: 100%;

}

.user_details .payment_method li{

  position: relative;

    margin: 0 30px 0 0;

    width: 145px;

    height: 45px;

    padding: 0;

    float: left;

}

.user_details .payment_method li:last-child {
  margin-right: 0;
}

.user_details .payment_method li input {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



.user_details .payment_method li input[type="radio"] {

  opacity: 0;

  z-index: 100;

}






.user_details .payment_method li label {

  padding: 10px 15px;

  border: 1px solid #CCC;

  background-color: #0c953e;

  cursor: pointer;

  color: white;

  text-align: center;

  z-index: 90;

  font-weight: 400;
  position: relative;
  float: left;
  width: 100%;

}


.user_details .payment_method li input[type="radio"]:checked+label {

  background: #0c51a0;

}

.user_details .payment_method li label:hover {

  background: #2852a0;

}

.total_sec{

  width: 100%;

  max-width: 310px;

  display: block;

  margin: 15px auto;

  clear: both;

}

.total_sec ul{

  list-style: none;

  margin-top: 25px;

}

.total_sec ul li{

  display: inline-block;

  width: 100%;

  font-size: 16px;

}

.total_sec ul li span:first-child{

  color: #0c51a0;

  text-align: left;

  float: left;

}

.total_sec ul li span:nth-child(2){

  float: right;

  color: #333333;

  font-weight: 500;

}

.total_sec ul li:last-child {

  margin-top: 20px;

}

input.prefix.form-control{

border-right: none !important;

}

input.prefix.form-control{

  border-right: none !important;

}

.form-control {

    padding: 6px 10px !important;

}

.iconlabel {

  float: left;

    width: 20px;

    margin-right: 5px;

}

.uk-switcher {

  padding: 0 50px 0 20px;

}

.service_check p.getDiscountTxt {

  font-size: 16px;

  color: #11a74f;

  margin: 20px 0 0;

  font-weight: 500;

  padding: 0;

}

.positionrelative {

  position: relative;

}

.positionrelative .iconcc {

  position: absolute;

    right: 14px;

    width: 30px;

    height: 100%;

    border-left: 1px solid #bec0c1;

    top: 0;

    line-height: 30px;

    text-align: center;

}

.positionrelative select {

  -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

}

.positionrelative select option:disabled {

    color: #b3b1b1;

}

.noalt {

  display: none;

}

.user_details p {

  text-align: left;

  margin: 0;

}

.user_details p.clrblue {

  color: #0c51a0;

}

.border-div .tabs h4 {

  color: #11a74f;

}
#choose_your_own{
  background-color: #11a74f;
}
#choose_your_own_para{
  margin-top: 20px;
}
.stps:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 11;
  display: none;
}
.dsbl:before {
  display: block;
}
.user_details .col-md-7 p {
 word-break: break-all;
}
span.oilf_price,span.air_price{
  color: #333333;
}
@media screen and (max-width: 1440px) {
.uk-subnav-pill>*>:first-child {
  padding: 10px 9px !important;
}
}
@media screen and (max-width: 1359px) {

  ul.uk-subnav.uk-subnav-pill li a {

    font-size: 13px;

  }

}
@media screen and (max-width: 1024px) {
.uk-switcher {
    padding: 0 15px;
}
.tabs{
  width: calc(100% + 30px);

  margin-left: -15px;

}
.border-div {
    padding: 0 15px 50px 15px;
}
.form-horizontal .form-group{
  padding: 0px 0px;
}
.tabs .next_btn.desc {
    width: 90%;
    margin: 10px auto;
}

}
@media screen and (max-width: 1024px) {

.banner2{

  height: auto !important;

}  

.tabs {

    padding: 0 15px;

}

.tabs .uk-subnav li{

  display: block;

  width: 100%;

}

ul.uk-subnav.uk-subnav-pill li a{

  display: block;

  width: 100%;

  text-align: center;

}

.headingColor h3 b {
    font-size: 30px;
}
.headingColor h3 {
    line-height: 30px;
}
.headingColor .package_selection h3 {
    font-size: 24px;
}
h4.U-Boxheading {
    font-size: 18px;
}

}
@media screen and (max-width: 9910px) {
    .package_selection .col-md-3 {
        margin-bottom: 15pz;
    }
    .col-md-6 {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 800px) {
.side_sociallinks{ display: none; }    
.list-back {
    height: inherit;
    padding-top: 25px;
}
.U-sidebar_heading h2 {
    margin-top: 30px;
}
.tabs {
    width: 100%;
    margin-left: 0;
}

}
</style>

     
      <div class="uk-container">
   <div class="uk-grid uk-grid-collapse">
      <div class="border-div bgColor uk-width-expand" id="side0">
         <div class="uk-width-1-1 no-mar upper-mar">
            <div id="psoonwheels" class="address_box headingColor">
               <h3>Introducing<br><b> PSO On Wheels</b></h3>
               <p>PSO brings a doorstep oil change and car care solution to meet all your
                  car maintenance needs amid your busy lifestyle. The service provides
                  oil &amp; filter change, car wash, wax polish and vacuum cleaning services
                  at the convenience of your home or office. Just pick up your phone and
                  call at 0800-03000 or fill out the online form given below to book your
                  order. It is as easy as it gets!
               </p>
               <br>
               
                              <form method="post" id="apply_form" enctype="multipart/form-data" action="#" class="form-horizontal" data-parsley-validate="">
                  <div class="tabs">
                     <ul class="uk-subnav uk-subnav-pill" uk-switcher="">
                        <li class="uk-active"><a href="javascript:;" aria-expanded="true">Select your Service</a></li>
                        <li class="stps stp3 dsbl"><a href="javascript:;" aria-expanded="false">Select your Vehicle </a></li>
                        <li class="stps stp4 dsbl"><a href="javascript:;" aria-expanded="false">Select your Product </a></li>
                        <li class="stps stp5 dsbl"><a href="javascript:;" aria-expanded="false">Enter your Details    </a></li>
                        <li class="stps stp2 dsbl"><a href="javascript:;" aria-expanded="false"> Schedule your Appointment </a></li>
                        <li class="stps stp6 dsbl"><a href="javascript:;" aria-expanded="false">Place Order</a></li>
                     </ul>
                     <ul class="uk-switcher uk-margin" style="touch-action: pan-y pinch-zoom;">
                        <li class="uk-active">
                           <div class="package_selection">
                              <h3>Please Choose your Service</h3>
                              <div class="oil_head">
                                 <img src="https://psopk.com/public/assets/images/psoonwheelnew/main.png">
                              </div>
                              <div style="" class="uk-container uk-grid form-group" data-sr="enter top, ease-in 30px">
                                 <div class="uk-grid uk-margin-remove service_check">
                                    <input style="display: inline-block;
                                       width: 20px; height: 20px;  vertical-align: top;" type="radio" checked="" value="1" class="form-control uk-width-auto" id="lubs" name="lubs" onclick="firststep()">
                                    <p class="uk-width-expand" style="display: inline-block; width: calc(100% - 30px); margin-bottom: 0; line-height: 25px">
                                       <span><img src="https://psopk.com/public/assets/images/ext-body-wash.png?v=1"> </span>
                                       <b>PSO Lubricant (mandatory)</b>
                                    </p>
                                 </div>
                              </div>
                              <div style="" class="form-group uk-margin-top uk-grid" data-sr="enter top, ease-in 30px">
                                 <label for="air_filter" class="uk-width-1-1 control-label"><img class="iconlabel" src="https://psopk.com/public/assets/images/airfilter_icon.png"> Air Filter</label>
                                 <div class="uk-width-auto">
                                    <select class="form-control" id="airfilter_made" name="airfilter_made">
                                       <option value="0">Select Made</option>
                                       <option value="Original">Original</option>
                                       <option value="Thailand Made">Thailand Made</option>
                                    </select>
                                 </div>
                                 <div class="uk-width-1-3@m uk-width-1-1@s">
                                    <select style="display:none;" class="form-control" id="airfilter" name="airfilter" onchange="calculateTotal()">
                                       <option value="0">Select Air Filter</option>
                                    </select>
                                 </div>
                              </div>
                              <div style="" class="form-group uk-margin-top uk-grid" data-sr="enter top, ease-in 30px">
                                 <label for="air_filter" class="uk-width-1-1 control-label"><img class="iconlabel" src="https://psopk.com/public/assets/images/oilfilter_icon.png?v=1"> Oil Filter</label>
                                 <div class="uk-width-auto">
                                    <select class="form-control" id="oilfilter_made" name="oilfilter_made">
                                       <option value="0">Select Made</option>
                                       <option value="Original">Original</option>
                                       <option value="Thailand Made">Thailand Made</option>
                                    </select>
                                 </div>
                                 <div class="uk-width-1-3@m uk-width-1-1@s">
                                    <select style="display:none;" class="form-control" id="oilfilter" name="oilfilter" onchange="calculateTotal()">
                                       <option value="0">Select Oil Filter</option>
                                    </select>
                                 </div>
                              </div>
                              <div class="form-group dec uk-padding" style="padding-top: 20px;" data-sr="enter top, ease-in 30px">
                                 <div class="uk-grid uk-margin-remove service_check">
                                    <input style="display: inline-block;width: 20px; height: 20px;  vertical-align: top;" type="checkbox" value="22" class="form-control uk-width-auto" id="bodywash" name="bodywash" onclick="calculateTotal()">
                                    <p class="uk-width-expand" style=" line-height: 25px">
                                       <span><img src="https://psopk.com/public/assets/images/ext-body-wash.png?v=1"> </span>
                                       <b>Exterior Body Wash (Rs. 700)</b>
                                    </p>
                                 </div>
                                 <div class="uk-grid uk-margin-remove service_check">
                                    <div class="uk-width-1-1" style="padding-left: 0px; padding-top: 7px;">
                                       <div class="uk-grid uk-margin-remove">
                                          <input style="    display: inline-block;
                                             width: 20px; height: 20px; vertical-align: top;" type="checkbox" value="23" class="form-control uk-width-auto" id="waxpolish" name="waxpolish" onclick="calculateTotal()">
                                          <p class="uk-width-expand" style=" line-height: 25px">
                                             <span><img src="https://psopk.com/public/assets/images/wax-polish.png?v=1"> </span>
                                             <b>Wax Polish (Rs. 700)</b> 
                                          </p>
                                       </div>
                                    </div>
                                    <div class="uk-width-1-1" style="padding-left: 0px; padding-top: 7px;">
                                       <div class="uk-grid uk-margin-remove">
                                          <input style="display: inline-block;width: 20px; height: 20px; vertical-align: top;" type="checkbox" value="24" class="form-control uk-width-auto" id="vaccum" name="vaccum" onclick="calculateTotal()">
                                          <p class="uk-width-expand" style="line-height: 25px">
                                             <span><img src="https://psopk.com/public/assets/images/vacuum.png?v=1"> </span>
                                             <b>Vacuum Cleaning (Rs. 300)</b> 
                                          </p>
                                       </div>
                                    </div>
                                    
                                    <div class="uk-width-1-1 uk-margin-top" style="padding-left:0px">
                                       <p><strong>Premium Package</strong><br>
                                          Avail Exterior Body Wash, Vacuum Cleaning and Wax Polish and get 30% off on the same. 
                                       </p>
                                       <p></p>
                                       <p><strong>Standard Package</strong><br>
                                          Avail Exterior Body Wash and Vacuum Cleaning and get 30% flat off on the same.
                                       </p>
                                    </div>
                                    <div class="divfl uk-padding-remove">
                                       <a style="" class="next_btn first_step" href="javascript:;" uk-switcher-item="next">Proceed</a>
                                    </div>
                                 </div>
                              </div>
                              <h4 class="U-Boxheading">Free Services with Every Oil Change</h4>
                              <ul class="U-list-door">
                                 <li>Tyre Pressure Check</li>
                                 <li>Battery Water Check</li>
                                 <li>Radiator Fluid Check</li>
                                 <li>Wind Shield Water Check</li>
                              </ul>
                           </div>
                        </li>
                        <li>
                           <div class="vehicle_information">
                            <div class="uk-padding-small">
                              <div class="package_selection">
                                 <h3>Please Select your Vehicle</h3>
                              </div>
                              <h4>Vehicle Details</h4>
                              <div class="form-group" data-sr="enter top, ease-in 30px">
                                 <label for="University" class="uk-width-1-1 control-label">Vehicle Make<span>*</span></label>
                                 <div class="uk-width-2-3@m uk-width-1-1 uk-margin-small-top">
                                    <input placeholder="Enter Vehicle Name" type="text" id="car_make" class="form-control" name="car_make" onchange="get_val()">
                                 </div>
                              </div>
                              <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                                 <label for="car_model" class="uk-width-1-1 control-label">Model<span>*</span></label>
                                 <div class="uk-width-2-3@m uk-width-1-1 uk-margin-small-top">
                                    <select onchange="get_val()" class="form-control" id="car_model" name="car_model">
                                       <option value="0">Model Number</option>
                                       <option value="2021">2021</option>
                                       <option value="2020">2020</option>
                                       <option value="2019">2019</option>
                                       <option value="2018">2018</option>
                                       <option value="2017">2017</option>
                                       <option value="2016">2016</option>
                                       <option value="2015">2015</option>
                                       <option value="2014">2014</option>
                                       <option value="2013">2013</option>
                                       <option value="2012">2012</option>
                                       <option value="2011">2011</option>
                                       <option value="2010">2010</option>
                                       <option value="2009">2009</option>
                                       <option value="2008">2008</option>
                                       <option value="2007">2007</option>
                                       <option value="2006">2006</option>
                                       <option value="2005">2005</option>
                                       <option value="2004">2004</option>
                                       <option value="2003">2003</option>
                                       <option value="2002">2002</option>
                                       <option value="2001">2001</option>
                                       <option value="2000">2000</option>
                                       <option value="1999">1999</option>
                                       <option value="1998">1998</option>
                                       <option value="1997">1997</option>
                                       <option value="1996">1996</option>
                                       <option value="1995">1995</option>
                                       <option value="1994">1994</option>
                                       <option value="1993">1993</option>
                                       <option value="1992">1992</option>
                                       <option value="1991">1991</option>
                                       <option value="1989">1989</option>
                                       <option value="1988">1988</option>
                                       <option value="1987">1987</option>
                                       <option value="1986">1986</option>
                                       <option value="1985">1985</option>
                                    </select>
                                 </div>
                              </div>
                              <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                                 <label for="enginetype" class="uk-width-1-1 control-label">Engine Type<span>*</span></label>
                                 <div class="uk-width-2-3@m uk-width-1-1 uk-margin-small-top">
                                    <select onchange="get_val()" class="form-control" id="enginetype" name="enginetype">
                                       <option value="0">Engine Type</option>
                                       <option value="petrol">Petrol</option>
                                       <option value="diesel">Diesel</option>
                                    </select>
                                 </div>
                              </div>
                              <div class="form-group uk-margin-top " data-sr="enter top, ease-in 30px">
                                 <label for="car_mileage" class="uk-width-1-1 control-label">Mileage<span>*</span></label>
                                 <div class="uk-width-2-3@m uk-width-1-1 uk-margin-small-top">
                                    <select onchange="get_val()" class="form-control" id="car_mileage" name="car_mileage">
                                       <option value="0">Select Mileage</option>
                                       <option value="Less than 50,000 KM">Less than 50,000 KM</option>
                                       <!-- <option value="2">Greater Than 50,000 KM</option> -->
                                       <option value="50,000  - 120,000 KM">50,000  - 120,000 KM</option>
                                       <option value="Greater than 120,000 KM">Greater than 120,000 KM</option>
                                    </select>
                                 </div>
                              </div>
                              </div>

                           </div>
                           <a class="next_btn" href="javascript:;" uk-switcher-item="previous">Back</a> 
                           <a class="next_btn select_pro" style="display: none;" href="javascript:;" onclick="suggestion()">Select your Product</a>
                        </li>
                        <li class="stp4cont">
                                                      <img width="100%" src="https://psopk.com/public/assets/images/psoonwheelnew/suggest.png">
                           <h3>Please Select your Oil</h3>
                           <div class="products">
                              <div class="uk-child-width-1-3@l uk-child-width-1-2@s uk-flex uk-flex-center uk-grid uk-grid-stack" uk-grid="">
                                                                  <div class="sug_products" id="sug_product_1">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="8000" data-title="Carient Fully Synthetic SAE 5W30 SN/CF - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/1.png" id="oil1" name="oil" title="Carient Fully Synthetic SAE 5W30 SN/CF - 4 Litres - Rs. 8000" onclick="calculateTotal()" value="1">
                                       <label for="oil1">
                                          <img src="https://psopk.com/files/products_services/motor-oils/1.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient Fully Synthetic SAE 5W30 SN/CF - 4 Litres  <strong>Rs. 8000</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20CARIENT%20FS.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20FULLY%20SYNTHETIC.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_2">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="5660" data-title="Carient Ultra SAE 10W-30 SN/CF - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/2.png" id="oil2" name="oil" title="Carient Ultra SAE 10W-30 SN/CF - 4 Litres - Rs. 5660" onclick="calculateTotal()" value="2">
                                       <label for="oil2">
                                          <img src="https://psopk.com/files/products_services/motor-oils/2.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient Ultra SAE 10W-30 SN/CF - 4 Litres  <strong>Rs. 5660</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20CARIENT%20ULTRA.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20ULTRA.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_3">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="4245" data-title="Carient Ultra SAE 10W-30 SN/CF - 3 Litres" data-img="https://psopk.com/files/products_services/motor-oils/3.png" id="oil3" name="oil" title="Carient Ultra SAE 10W-30 SN/CF - 3 Litres - Rs. 4245" onclick="calculateTotal()" value="3">
                                       <label for="oil3">
                                          <img src="https://psopk.com/files/products_services/motor-oils/3.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient Ultra SAE 10W-30 SN/CF - 3 Litres  <strong>Rs. 4245</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20CARIENT%20ULTRA.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20ULTRA.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_4">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="4440" data-title="Carient Plus SAE 20W-50 SL/CF - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/4.png" id="oil4" name="oil" title="Carient Plus SAE 20W-50 SL/CF - 4 Litres - Rs. 4440" onclick="calculateTotal()" value="4">
                                       <label for="oil4">
                                          <img src="https://psopk.com/files/products_services/motor-oils/4.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient Plus SAE 20W-50 SL/CF - 4 Litres  <strong>Rs. 4440</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/pds_pso_carient_plus_01.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20PLUS.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_5">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="3330" data-title="Carient Plus SAE 20W-50 SL/CF - 3 Litres - Rs. 1,801" data-img="https://psopk.com/files/products_services/motor-oils/5.png" id="oil5" name="oil" title="Carient Plus SAE 20W-50 SL/CF - 3 Litres - Rs. 1,801 - Rs. 3330" onclick="calculateTotal()" value="5">
                                       <label for="oil5">
                                          <img src="https://psopk.com/files/products_services/motor-oils/5.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient Plus SAE 20W-50 SL/CF - 3 Litres - Rs. 1,801  <strong>Rs. 3330</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/pds_pso_carient_plus_01.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20PLUS.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_6">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="4800" data-title="DEO 8000 SAE 15W-40 CI-4/SL - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/6.png" id="oil6" name="oil" title="DEO 8000 SAE 15W-40 CI-4/SL - 4 Litres - Rs. 4800" onclick="calculateTotal()" value="6">
                                       <label for="oil6">
                                          <img src="https://psopk.com/files/products_services/motor-oils/6.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 8000 SAE 15W-40 CI-4/SL - 4 Litres  <strong>Rs. 4800</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%208000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%208000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_7">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="12000" data-title="DEO 8000 SAE 15W-40 CI-4/SL - 10 Litres" data-img="https://psopk.com/files/products_services/motor-oils/7.png" id="oil7" name="oil" title="DEO 8000 SAE 15W-40 CI-4/SL - 10 Litres - Rs. 12000" onclick="calculateTotal()" value="7">
                                       <label for="oil7">
                                          <img src="https://psopk.com/files/products_services/motor-oils/7.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 8000 SAE 15W-40 CI-4/SL - 10 Litres  <strong>Rs. 12000</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%208000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%208000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_8">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="4200" data-title="DEO 6000 SAE 20W-50 CF-4/SG - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/8.png" id="oil8" name="oil" title="DEO 6000 SAE 20W-50 CF-4/SG - 4 Litres - Rs. 4200" onclick="calculateTotal()" value="8">
                                       <label for="oil8">
                                          <img src="https://psopk.com/files/products_services/motor-oils/8.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 6000 SAE 20W-50 CF-4/SG - 4 Litres  <strong>Rs. 4200</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%206000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%206000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_9">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="10500" data-title="DEO 6000 SAE 20W-50 CF-4/SG - 10 Litres" data-img="https://psopk.com/files/products_services/motor-oils/9.png" id="oil9" name="oil" title="DEO 6000 SAE 20W-50 CF-4/SG - 10 Litres - Rs. 10500" onclick="calculateTotal()" value="9">
                                       <label for="oil9">
                                          <img src="https://psopk.com/files/products_services/motor-oils/9.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 6000 SAE 20W-50 CF-4/SG - 10 Litres  <strong>Rs. 10500</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%206000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%206000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_10">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="3620" data-title="DEO 3000 4L" data-img="https://psopk.com/files/products_services/motor-oils/DEO-Bottle-3000.png" id="oil10" name="oil" title="DEO 3000 4L - Rs. 3620" onclick="calculateTotal()" value="10">
                                       <label for="oil10">
                                          <img src="https://psopk.com/files/products_services/motor-oils/DEO-Bottle-3000.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 3000 4L  <strong>Rs. 3620</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%203000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%203000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_11">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="9050" data-title="DEO 3000 10L" data-img="https://psopk.com/files/products_services/motor-oils/DEO-Bottle-3000-10.png" id="oil11" name="oil" title="DEO 3000 10L - Rs. 9050" onclick="calculateTotal()" value="11">
                                       <label for="oil11">
                                          <img src="https://psopk.com/files/products_services/motor-oils/DEO-Bottle-3000-10.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>DEO 3000 10L  <strong>Rs. 9050</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20DEO%203000.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20DEO%203000.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_12">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="3940" data-title="Carient CNG Plus SG/CD SAE 20W-50 - 4 Litres" data-img="https://psopk.com/files/products_services/motor-oils/Carient-CNG-Bottle.png" id="oil12" name="oil" title="Carient CNG Plus SG/CD SAE 20W-50 - 4 Litres - Rs. 3940" onclick="calculateTotal()" value="12">
                                       <label for="oil12">
                                          <img src="https://psopk.com/files/products_services/motor-oils/Carient-CNG-Bottle.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient CNG Plus SG/CD SAE 20W-50 - 4 Litres  <strong>Rs. 3940</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20CARIENT%20CNG%20PLUS.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20CNG%20PLUS.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                                  <div class="sug_products" id="sug_product_13">
                                    <div class="pro_thumb">
                                       <input type="radio" data-price="2955" data-title="Carient CNG Plus SG/CD SAE 20W-50 - 3 Litres" data-img="https://psopk.com/files/products_services/motor-oils/Carient-CNG-Bottle.png" id="oil13" name="oil" title="Carient CNG Plus SG/CD SAE 20W-50 - 3 Litres - Rs. 2955" onclick="calculateTotal()" value="13">
                                       <label for="oil13">
                                          <img src="https://psopk.com/files/products_services/motor-oils/Carient-CNG-Bottle.png?v=3.4" alt="">
                                          <div class="title">
                                             <p>Carient CNG Plus SG/CD SAE 20W-50 - 3 Litres  <strong>Rs. 2955</strong></p>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/PDS/PSO%20CARIENT%20CNG%20PLUS.pdf?v=2" target="_blank" class="next_btn desc">Product Data Sheet</a>
                                             <a href="https://psopk.com/files/product_and_services/lubricant/MSDS/PSO%20CARIENT%20CNG%20PLUS.pdf" target="_blank" class="next_btn desc">Material Safety Data Sheet</a>
                                          </div>
                                       </label>
                                    </div>
                                 </div>
                                                               </div>
                           </div>
                           <a class="next_btn" style="" href="javascript:;" uk-switcher-item="previous">Back</a>
                           <a class="next_btn product_btn" style="display:none" href="javascript:;" uk-switcher-item="next">Proceed</a>
                           <a id="choose_your_own" style="display:none" class="next_btn" href="javascript:;">Choose your own product</a>
                           <br>
                           <p id="choose_your_own_para" style="display:none">The suggestion is only for directional purpose and is based on the provided information. PSO accepts no responsibility for the suitability or accuracy 
                              of suggestion. Any decision made based on this information is you sole responsibility
                           </p>
                        </li>
                        <li>
                           <div class="package_selection">
                              <h3>Personal Information</h3>
                           </div>

                           <div class="uk-padding-small">

                           <div class="form-group uk-margin-small-top" data-sr="enter top, ease-in 30px">
                              <label for="Name" class="uk-width-1-1 control-label">Customer Name<span>*</span></label>
                              <div class="uk-width-1-1 uk-margin-small-top">
                                 <input onchange="get_val_persnol()" type="text" class="uk-width-1-1 form-control" id="Name" name="name" placeholder="Full Name" required="" data-parsley-error-message="Please fill this field">
                              </div>
                           </div>
                           <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                              <label for="city" class="uk-width-1-1 control-label">Select City<span>*</span></label>
                              <div class="uk-width-1-1 uk-margin-small-top">
                                 <select onchange="get_val_persnol()" class="uk-width-1-3@m uk-width-1-1 form-control" id="city" name="city">
                                    <option value="Karachi">Karachi</option>
                                    <option value="Lahore">Lahore</option>
                                    <option value="Islamabad">Islamabad</option>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                              <label for="area" class="uk-width-1-1 control-label">Area<span>*</span></label>
                              <div class="uk-width-1-1 uk-margin-small-top">
                                 <input onchange="get_val_persnol()" type="text" class="uk-width-1-1 form-control" id="area" name="area" placeholder="Area" required="" data-parsley-error-message="Please fill this field">
                              </div>
                           </div>
                           <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                              <label for="address" class="uk-width-1-1 control-label">Destination Address<span>*</span></label>
                              <div class="uk-width-1-1 uk-margin-small-top">
                                 <input onchange="get_val_persnol()" type="text" class="uk-width-1-1 form-control" id="address" name="address" placeholder="Destination Address" required="" data-parsley-error-message="Please fill this field">
                              </div>
                           </div>
                           <div class="uk-grid uk-margin-top">
                              <label for="MobileNumber" class="uk-width-1-1@m uk-width-1-1@s control-label">Mobile Number<span>*</span></label>
                              <div class="form-group uk-width-1-3@m uk-width-1-1@s mobileAlign" data-sr="enter top, ease-in 30px">
                                 <select onchange="get_val_persnol()" id="telco" class="form-control" name="telco" required="required">
                                    <option value="">Select mobile operator</option>
                                    <option value="ufone">Ufone</option>
                                    <option value="moblink">Mobilink</option>
                                    <option value="telenor">Telenor</option>
                                    <option value="zong">Zong</option>
                                    <option value="warid">Warid</option>
                                 </select>
                              </div>
                              <div class="form-group uk-width-expand@m uk-width-1-1@s mobileAlign" data-sr="enter top, ease-in 30px">
                                 <div class="uk-width-1-2@m uk-width-1-1@s">
                                    <div class="uk-grid uk-margin-remove">
                                       <input type="text" value="+92" class="prefix uk-width-auto  form-control" disabled="" name="">
                                       <input style="display:inline-block;" onchange="get_val_persnol()" data-inputmask="'mask': '399-9999999'" type="text" maxlength="13" class=" uk-width-auto form-control mob" id="MobileNumber" name="mobile_number" placeholder="XXX-XXXXXXX" required="" data-parsley-error-message="Please fill this field">
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                              <label for="AlternateMobileNumber" class="uk-width-1-1 control-label">Alternate Mobile Number</label>
                              <div class="uk-grid uk-margin-remove">
                                 <div class="uk-margin-small-top uk-padding-remove uk-width-1-1">
                                    <input type="text" value="+92" class="prefix uk-width-auto form-control" disabled="" name="">
                                    <input onchange="get_val_persnol()" data-inputmask="'mask': '399-9999999'" type="text" maxlength="13" class="uk-width-auto form-control mob" id="AlternateMobileNumber" name="alternate_mobile_number" placeholder="XXX-XXXXXXX">
                                 </div>
                              </div>
                           </div>
                           <div class="form-group uk-margin-top" data-sr="enter top, ease-in 30px">
                              <label for="Emailaddress" class="uk-width-1-1 control-label">Email Address<span>*</span></label>
                              <div class="uk-width-1-1 uk-margin-small-top">
                                 <input onchange="get_val_persnol()" type="email" class="uk-width-1-1 form-control" id="Emailaddress" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" placeholder="Email Address" required="" data-parsley-error-message="Please fill this field">
                              </div>
                           </div>
                           <input type="hidden" id="subtotal" value="" name="subtotal">
                           <div class="form-group" data-sr="enter top, ease-in 30px">
                              <a class="next_btn" style="" href="javascript:;" uk-switcher-item="previous">back</a>
                              <a class="next_btn confirm_details" style="display: none;" href="javascript:;" uk-switcher-item="next">confirm</a> 
                           </div>

                       </div>

                        </li>
                        <li>
                           <div class="package_selection">
                              <h3>Schedule your Appointment </h3>
                           </div>
                           <div class="form-group" data-sr="enter top, ease-in 30px">
                              <div class="row">
                                 <div class="col-md-12">
                                    <label for="car_model" class="col-md-12  text-left control-label">Date<span>*</span></label>
                                    <div class="col-md-5 positionrelative">
                                       <input class="form-control hasDatepicker" style="line-height: 27px;" type="text" id="date" name="date" placeholder="YYYY-MM-DD" required="">
                                       <span class="iconcc"><i class="fa fa-calendar" aria-hidden="true"></i></span>
                                    </div>
                                 </div>
                                 <div class="col-md-12 time_slot" style="display:none">
                                    <label for="time" class="col-md-12 text-left control-label">Time<span>*</span></label>
                                    <div class="col-md-5 positionrelative">
                                       <select onchange="get_time()" class="form-control" required="required" disabled="" name="time_slot" id="time_slot">
                                          <option value="">Select Time Slot</option>
                                          <option id="1" value="1">09:30 am to 11:00 am</option>
                                          <option id="2" value="2">11:30 am to 01:00 pm</option>
                                          <option id="3" value="3">02:00 pm to 03:30 pm</option>
                                          <option id="4" value="4">04:00 pm to 05:30 pm</option>
                                       </select>
                                       <span class="iconcc"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <a class="next_btn" href="javascript:;" uk-switcher-item="previous">Back</a> 
                           <a class="next_btn dt_cn" style="display: none;" href="javascript:;" uk-switcher-item="next">Confirm</a>
                        </li>
                        <li>
                           <div class="row">
                              <div class="col-md-6">
                                 <div class="package_selection">
                                    <h3>Place Order</h3>
                                 </div>
                                 <div id="product_details" class="product_details" style="display: none;">
                                    <div class="row">
                                       <div class="col-xs-4">
                                          <img id="product_img" src="">
                                       </div>
                                       <div class="col-xs-8">
                                          <p class="product_namestyle">
                                             <span class="product_name"></span>
                                             <strong class="product_price"></strong>
                                          </p>
                                       </div>
                                    </div>
                                 </div>
                                 <div id="filter_details" class="product_details" style="display:none">
                                    <div class="row">
                                       <div class="col-xs-4">
                                          <img id="product_img" src="https://psopk.com/public/assets/images/motor-oil/Air-Filter.png?v=1">
                                       </div>
                                       <div class="col-xs-8">
                                          <p class="airfilter_name"><span class="air_name"></span> <span class="air_made"></span><br><span class="air_price"></span></p>
                                       </div>
                                    </div>
                                 </div>
                                 <div id="oilfilter_details" class="product_details" style="display:none">
                                    <div class="row">
                                       <div class="col-md-4">
                                          <img id="product_img" src="https://psopk.com/public/assets/images/motor-oil/oil-filter-1.png?v=1">
                                       </div>
                                       <div class="col-md-8">
                                          <p class="oilfilter_name"><span class="oilf_name"></span> <span class="oil_made"></span><br><span class="oilf_price"></span> </p>
                                       </div>
                                    </div>
                                 </div>
                                 <p id="extwash" style="display: none; ">
                                    <span><img src="https://psopk.com/public/assets/images/ext-body-wash.png?v=1"> </span>
                                    <span style="vertical-align: sub;">Exterior Body Wash (Rs. 700)</span>
                                 </p>
                                 <p id="wax" style="display: none; ">
                                    <span><img src="https://psopk.com/public/assets/images/wax-polish.png?v=1"> </span>
                                    <span style="vertical-align: sub;">Wax Polish (Rs. 700)</span> 
                                 </p>
                                 <p id="vacc" style="display: none; ">
                                    <span><img src="https://psopk.com/public/assets/images/vacuum.png?v=1"> </span>
                                    <span style="vertical-align: sub;">Vacuum Cleaning (Rs. 300)</span> 
                                 </p>
                              </div>
                              <div class="col-md-6">
                                 <div class="package_selection">
                                    <h3>Address &amp; Detail</h3>
                                 </div>
                                 <div class="user_details">
                                    <div class="col-md-12">
                                       <ul class="det">
                                          <li>
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Name</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_name"></p>
                                                </div>
                                             </div>
                                          </li>
                                          <li class="">
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Area</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_area"></p>
                                                </div>
                                             </div>
                                          </li>
                                          <li class="">
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Address</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_address"></p>
                                                </div>
                                             </div>
                                          </li>
                                          <li class="">
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Mobile No.</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_mob"></p>
                                                </div>
                                             </div>
                                          </li>
                                          <li class="altcls noalt">
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Alternative No.</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_a_mob"></p>
                                                </div>
                                             </div>
                                          </li>
                                          <li class="">
                                             <div class="row">
                                                <div class="col-md-5">
                                                   <p class="clrblue">Email Address</p>
                                                </div>
                                                <div class="col-md-7">
                                                   <p class="usr_email"></p>
                                                </div>
                                             </div>
                                          </li>
                                       </ul>
                                    </div>
                                    <div class="col-md-12">
                                       <h4>Payment Collection Method</h4>
                                    </div>
                                    <div class="col-md-12">
                                       <ul class="payment_method">
                                          <li>
                                             <input id="cash" checked="checked" type="radio" value="Pay via Cash" name="payment">
                                             <label for="cash">Pay via Cash</label>
                                          </li>
                                          <li>
                                             <input id="card" type="radio" value="Pay via Card" name="payment">
                                             <label for="card">Pay via Card</label>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                                 <br>
                                 <div class="feedback">
                                    <label for="feedback" style="padding-left:0px" class="col-md-12 control-label">Feedback</label>
                                    <textarea id="feedback" style="min-height:75px" class="form-control" name="feedback"></textarea>
                                 </div>
                              </div>
                           </div>
                           <div class="total_sec" id="total_sec" style="display:none;">
                              <ul>
                                 <li><span class="total_title">Subtotal:</span> <span id="sub"></span></li>
                                 <!-- <li><span class="total_title">Delivery Charges:</span><span>300</span></li> -->
                                 <li id="show_dis" style="display:none"><span class="total_title">Discount:</span><span id="discounted"></span></li>
                                 <li><span class="total_title">Total Payable Amount:</span><span id="totalPrice"></span></li>
                              </ul>
                           </div>
                           <div class="col-md-12 text-center">
                              <input type="submit" style="display: none;" class="next_btn" name="subm" value="Confirm" id="submit_btn">
                           </div>
                        </li>
                     </ul>
                  </div>
               </form>
                           </div>
         </div>
      </div>

      <div class="border-div bgColor uk-width-expand" id="side1" style="display:none">
         <div class="col-sm-12 col-md-12 no-mar upper-mar">
            <div class="address_box headingColor">
               <h3>About<br><b> PSO On Wheels</b></h3>
               <p>PSO brings a doorstep oil change and car care solution to meet all your car maintenance needs amid your busy lifestyle. 
                  The service provides oil &amp; filter change, car wash, wax polish and vacuum cleaning services at the convenience of your 
                  home or office. Just pick up your phone and call at 0800-03000 or fill out the online form given below to book your order. 
                  It is as easy as it gets!
               </p>
               <br>
               <div class="text-center">
                  <img width="70%" src="https://psopk.com/files/products_services/pso-on-wheels/images/car.png?v=1.1">
               </div>
            </div>
         </div>
      </div>
      <div class="border-div bgColor uk-width-expand" id="side2" style="display:none">
         <div class="col-sm-12 col-md-12 no-mar upper-mar">
            <div class="address_box headingColor">
               <h2>PSO's Product Range</h2>
               <div class="banner_product_range">
                  <img width="100%" src="https://psopk.com/files/products_services/pso-on-wheels/images/product-banner.png?v=1">
               </div>
               <p>PSO offers the following range of PCMO, MCO &amp; DEO Grades of Automotive Lubricants.</p>
               <h3>PASSENGER CAR MOTOR OIL</h3>
               <div class="product_range">
                  <table>
                     <tbody>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/1.png?v=1">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">CARIENT FULLY SYNTHETIC</h4>
                              <p>API: SN/CF | SAE: 5W-30 | Pack size: 4 Liters</p>
                              <h5>Benefits:</h5>
                              <p>Polyalphaolefin synthetic base stock with most advanced additive package ensures ultimate engine protection at peak performance.<br>
                                 Active anti-sludge agent in product formulation increase oil drain interval.
                              </p>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/2.png?v=1">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">CARIENT ULTRA</h4>
                              <p>API: SN/CF | ILSAC: GF-5 | SAE: 10W-30 | Pack size: 1, 3 &amp; 4 Liters</p>
                              <h5>Benefits:</h5>
                              <p>Premium quality synthetic formula multi-grade engine oil suitable for modern passenger cars.<br>
                                 Outstanding strength of protective oil film at extreme temperatures and load conditions.
                              </p>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/4.png?v=1">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">CARIENT PLUS</h4>
                              <p>API: SL/CF | SAE: 20W-50 | Pack size: 1, 3 &amp; 4 Liters</p>
                              <h5>Benefits:</h5>
                              <p>Provides extra engine cleanliness and enhances service life of the engine parts.<br>
                                 Provides superior protection against wear and tear at high temperature.
                              </p>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/10.png?v=1">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">CARIENT CNG PLUS</h4>
                              <p>API: SG/CD | SAE: 20W-50 | Pack size: 1,3 &amp;4 Liters</p>
                              <h5>Benefits:</h5>
                              <p>Superior protection of engine parts against high temperature in CNG vehicles.<br>
                                 Equally suited for both CNG and gasoline engines.
                              </p>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
               <br>
               <h3>MOTORCYCLE OIL</h3>
               <div class="product_range">
                  <table>
                     <tbody>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/blaze.png?v=1">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">BLAZE</h4>
                              <p>JASO MA2, API: SG/CD | SAE: 20W-50</p>
                              <p>Pack size: 0.7 &amp; 1 Liter </p>
                              <h5>Benefits:</h5>
                              <p>Tri-facet additive technology provides outstanding resistance against clutch slippage, ensure protection against engine wear and pitting in gear box.<br>
                                 Low friction MA2 additive technology ideally compatible with wet-clutch and facilitates smooth gear shifts.<br>
                                 Easy starting at low temperature and maintains adequate oil film at high temperature to protect engine components from wear.
                              </p>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
               <br>
               <h3>DIESEL ENGINE OIL</h3>
               <div class="product_range">
                  <table>
                     <tbody>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/6.png?v=1.9">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">DEO 8000</h4>
                              <p>API: CI-4/SL | ACEA: E7-16 | SAE: 15W-40 | Pack size: 1, 4 &amp; 10 Liters</p>
                              <p>Pack size: 0.7 &amp; 1 Liter </p>
                              <h5>Benefits:</h5>
                              <p>Heavy Duty Engine Oil formulated to exhibit higher level of protection against soot and viscosity loss due to shear in vehicle powered by diesel engines.<br>
                                 Excellent protection against wear at start-up and at high temperature conditions.
                              </p>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/DEO-Bottle-6000.png?v=1.9">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">DEO 6000</h4>
                              <p>API: CF-4/SG | SAE: 20W-50 | Packs: 1, 4 &amp; 10 Liters</p>
                              <p>Pack size: 0.7 &amp; 1 Liter </p>
                              <h5>Benefits:</h5>
                              <p>High performance multi-grade oil specially formulated for use with or without turbocharged heavy duty diesel engines.<br>
                                 Enhance engine efficiency with improved control over sludge, soot and varnish properties.
                              </p>
                           </td>
                        </tr>
                        <tr>
                           <td>
                              <div class="image">
                                 <img src="https://psopk.com/public/assets/images/motor-oils/DEO-Bottle-3000.png?v=1.9">
                              </div>
                           </td>
                           <td>
                              <h4 class="text-left">DEO 3000</h4>
                              <p>API: CD/SE | SAE: 40 &amp; 50 | Packs: 4 &amp; 10 Liters |</p>
                              <p>Pack size: 0.7 &amp; 1 Liter </p>
                              <h5>Benefits:</h5>
                              <p>Formulated for diesel engines operating under the most demanding service conditions.<br>
                                 Provides extra engine protection and performance.<br>
                                 Keep the engine clean and extends oil drain intervals.
                              </p>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </div>
      </div>
      <div class="border-div bgColor uk-width-expand" id="side3" style="display:none">
         <div class="col-sm-12 col-md-12 no-mar upper-mar">
            <div class="address_box headingColor">
               <h2>Frequently Asked Questions</h2>
               <div class="tab_container">
                  <div class="panel-group" id="accordion">
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <h4 class="panel-title">
                              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                              Q1: What is the offer about?
                              </a>
                           </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in">
                           <div class="panel-body">
                              <p>"PSO On Wheels" offers oil change and car care services to our customers at the convenience of their doorstep. The offer includes oil and filter change, car health check, exterior body wash, wax polish and interior vacuum cleaning.</p>
                           </div>
                        </div>
                     </div>
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <h4 class="panel-title">
                              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                              Q2: How do I place order?
                              </a>
                           </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                           <div class="panel-body">
                              <p>Order can be placed by filling out an online form available on PSO website or calling up PSO Ta’aluq Care Line at 0800-03000. Our team will get back to you within 24 hours for confirmation of your order details.</p>
                           </div>
                        </div>
                     </div>
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <h4 class="panel-title">
                              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                              Q3: Which cities is the service currently available in?
                              </a>
                           </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                           <div class="panel-body">
                              <p>The service is currently available in Karachi.</p>
                           </div>
                        </div>
                     </div>
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <h4 class="panel-title">
                              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                              Q4: What does the offering entail and how much does each service cost?
                              </a>
                           </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse">
                           <div class="panel-body">
                              <p>The following services are being offered at the mentioned rates:</p>
                              <br>
                              <h5>Oil Change</h5>
                              <ul>
                                 <li><span>Motor Oil</span> <span> Charged on Actuals</span></li>
                                 <li><span>Air &amp; Oil Filter</span> <span> Charged on Actuals</span></li>
                              </ul>
                              <h5>Car Care</h5>
                              <ul>
                                 <li><span>Exterior Body Wash</span> <span> Rs. 700</span></li>
                                 <li><span>Wax Polish</span> <span> Rs. 700</span></li>
                                 <li><span>Interior Vacuum Cleaning</span> <span> Rs. 300</span></li>
                              </ul>
                              <h5>Complimentary Services</h5>
                              <ul>
                                 <li>Tyre Pressure Check</li>
                                 <li>Battery Water Check</li>
                                 <li>Windshield Water Check</li>
                                 <li>Radiator Fluid Check</li>
                              </ul>
                              <h5>You can get 30% off on car care services on availing our standard or premium package.</h5>
                           </div>
                        </div>
                     </div>
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <h4 class="panel-title">
                              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                              Q5: What product range is being offered?
                              </a>
                           </h4>
                        </div>
                        <div id="collapseFive" class="panel-collapse collapse">
                           <div class="panel-body">
                              <p>We offer complete range of PSO’s Carient Motor Oil for petrol engines and Diesel Engine Oil (DEO) for diesel engines.</p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- end container -->
            </div>
         </div>
      </div>
      <div class="border-div bgColor uk-width-expand" id="side4" style="display:none">
         <div class="col-sm-12 col-md-12 no-mar upper-mar">
            <div class="address_box headingColor">
               <h2>Terms &amp; Conditions</h2>
               <ol>
                  <li>This service can be availed in the selected cities only.</li>
                  <li>Only PSO’s Lubricants can be used to avail the services of oil change facility.</li>
                  <li>PSO at all times reserves the right to modify and change the prices of the products and services offered herein with or without any prior intimation.</li>
                  <li>Cash and debit/credit card payments are accepted.</li>
                  <li>It is the sole responsibility of the Customer to properly inspect the vehicle before handing it over to the staff. PSO shall not bear any responsibility of any loss or damage of whatsoever nature to the Vehicle or any valuables of the Customer in any manner.</li>
                  <li>During the provision of the service, PSO is not responsible to ensure safety and security of the vehicle/premises and it will be the sole responsibility of the Customer to ensure such safety and security measures.</li>
                  <li>PSO reserves the right to refuse the provision of the service at any point in time without incurring any liability or cost whatsoever.</li>
                  <li>Any change in the order details should be communicated by the Customer to our Ta’aluq customer services team prior to the arrival of the “PSO On Wheels Van”. Customer will be informed via call about whether or not the proposed changes could be accommodated.</li>
                  <li>This is to clarify that the product suggestion provided in the Order Booking Form is only for directional purpose and PSO bears no responsibility for the suitability or accuracy of suggestion. Any decision made based on this information is customer’s sole responsibility.</li>
                  <li>Customer has to acknowledge the services rendered and order details by signing off on the Work Order.</li>
                  <li>In the event of any dispute, the decision made by PSO will be final and binding upon all concerned parties.</li>
                  <li>PSO reserves the right to add, delete or make amendments at any time in these terms and conditions which shall be binding upon the customers.</li>
                  <li>These terms and conditions shall be solely governed by the substantive and procedural laws of Pakistan and the Courts at Karachi shall have the exclusive jurisdiction in respect of any dispute relating to any matter contained herein.</li>
                  <li>By using the services, all customers agree to abide by the above-mentioned terms and conditions in letter and spirit.</li>
               </ol>
               <p><b>Disclaimer:</b><br>Notwithstanding anything contained in the terms &amp; conditions hereof or any inference, whether express or implied, PSO hereby expressly excluded from any warranties, representations or undertakings relating to any loss or damage to the vehicle or customer property or any third party or its property, and in no event shall PSO be liable for any claims, disputes, complaints, issues, losses, damages, expenses of whatsoever nature in providing the services to the customer.</p>
               <br>
            </div>
         </div>
      </div>
      <div class="border-div bgColor uk-width-expand" id="side5" style="display:none">
         <div class="col-sm-12 col-md-12 no-mar upper-mar">
            <div class="address_box headingColor">
               <h2>Contact Us</h2>
               <ul class="contact_list">
                  <li><b>Ta'aluq Care Line: </b><span>0800-03000</span></li>
                  <li><b>UAN: </b><span>021-111 111 PSO (776)</span></li>
                  <li><b>Email: </b><span>[email protected]</span></li>
               </ul>
            </div>
         </div>
      </div> 






      <div class="side-panel uk-width-1-4" data-sr="enter top, ease-in 30px">
         <div class="button_order">
            <a href="https://psopk.com/pso-on-wheels/">ORDER NOW</a>
         </div>
         <div class="2 afix sidebarBg">
            <div class="list-back">
               <a class="sidebar_heading U-sidebar_heading" href="javascript:;">
                  <h2>
                     <img width="100%" src="https://psopk.com/public/assets/images/PSO-Wheel.png?v=1">
                  </h2>
               </a>
               <ul class="list-group">
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="1">About PSO on Wheels</a>
                  </li>
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="2">PSO’s product range</a>
                  </li>
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="3">FAQs</a>
                  </li>
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="4">Terms and conditions</a>
                  </li>
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="5">Contact us</a>
                  </li>
                  <li class="list-group-item "><i class="fa fa-circle"></i><i class="pls_mns"></i>
                     <a class="bar" href="javascript:;" data-id="0">Order Now</a>
                  </li>
               </ul>
            </div>
         </div>
      </div>

      
   </div>
</div>
</div>


      

<script type="text/javascript">
$('.bar').click(function(){
      var id = $(this).attr("data-id");
      var side_id = "side"+id;
    
      $(".border-div").css('display', 'none');
      
      $("#"+side_id).css('display', 'block');
      
      
      
 });
function firststep(){
if ($('#lubs').is(':checked')) {

  $('.stp3 ').removeClass('dsbl');
  $('.first_step').show();
}else{
  $('.stp3 ').addClass('dsbl');
  $('.first_step').hide();
}

}
function get_time(){

var time_slot = $('#time_slot').val();

if(time_slot !== ''){
  $('.stp6 ').removeClass('dsbl');
  $('a.dt_cn').show();
  

}else{
  $('.stp6 ').addClass('dsbl');
  $('a.dt_cn').hide();
  

}





}



function suggestion(){
	
	

  var car_make = $('#car_make').val();

  var car_model = $('#car_model').val();

  var car_mileage = $('#car_mileage').val();
  
  var enginetype = $('#enginetype').val();
  
  $('.sug_products').hide();
  
  if((car_model >= '2016' && car_model <= '2021')
  && enginetype == 'petrol' && car_mileage == '1'){
	$('#sug_product_1').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show();  
  }
  
 //  else if((car_model >= '2016' && car_model <= '2021')
 //  && enginetype == 'petrol' && car_mileage == '2'){
	// $('#sug_product_1').show(); 
	// $('#sug_product_2').show();  
	// $('#sug_product_3').show();
 //  $('#choose_your_own').show();
 //  $('#choose_your_own_para').show();  
 //  }

 else if((car_model >= '2016' && car_model <= '2021')
  && enginetype == 'petrol' && car_mileage == '3'){
    $('#sug_product_1').show(); 
    $('#sug_product_2').show();  
    $('#sug_product_3').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show();  
  }
  
  else if((car_model >= '2010' && car_model <= '2015')
  && enginetype == 'petrol' && car_mileage == '3'){
	$('#sug_product_2').show();
	$('#sug_product_3').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  
  else if((car_model >= '2010' && car_model <= '2015')
  && enginetype == 'petrol' && car_mileage == '4'){
	$('#sug_product_2').show();  
	$('#sug_product_3').show();
	$('#sug_product_4').show();
	$('#sug_product_5').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  
   else if((car_model >= '2016' && car_model <= '2021')
  && enginetype == 'petrol' && car_mileage == '4'){
	$('#sug_product_1').show(); 
    $('#sug_product_2').show();  
    $('#sug_product_3').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  
  else if(car_model < '2010' && enginetype == 'petrol'){
	$('#sug_product_2').show();  
	$('#sug_product_3').show();
	$('#sug_product_4').show();
	$('#sug_product_5').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  
  else if((car_model >= '2016' && car_model <= '2021')
  && enginetype == 'diesel'){
	$('#sug_product_6').show();  
	$('#sug_product_7').show();
  $('#choose_your_own').show(); 
  $('#choose_your_own_para').show(); 
  }
  
  else if((car_model >= '2000' && car_model <= '2015')
  && enginetype == 'diesel'){
	$('#sug_product_6').show();  
	$('#sug_product_7').show(); 
	$('#sug_product_8').show();  
	$('#sug_product_9').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  
  else if(car_model < '2000' && enginetype == 'diesel'){
	$('#sug_product_8').show();  
	$('#sug_product_9').show();
    $('#sug_product_10').show();  
    $('#sug_product_11').show();
  $('#choose_your_own').show();
  $('#choose_your_own_para').show(); 
  }
  else{
	$('.sug_products').show();
  $('#choose_your_own').hide();
  $('#choose_your_own_para').hide();  
  }
  
  $('#choose_your_own').click(function(){
    $('#choose_your_own').hide();
  $('#choose_your_own_para').hide();
     $('.sug_products').show();

  });

 $('.stp3').removeClass('uk-active'); 
 $('.stp4').addClass('uk-active');
 $('.uk-switcher li').removeClass('uk-active'); 
 $('.stp4cont').addClass('uk-active');
 
  // UIkit.switcher('.uk-switcher').show(3);
  
 
  
  //alert(car_model+"-"+car_make+"-"+car_mileage);

  /*if(car_mileage !== '0' && car_model !== '0' && car_make !== '0' && enginetype !== '0'){

    $('.select_pro').show();

  }else{

    $('.select_pro').hide();

  }*/

}


function get_val(){

  var car_make = $('#car_make').val();

  var car_model = $('#car_model').val();

  var car_mileage = $('#car_mileage').val();
  
  var enginetype = $('#enginetype').val();
  
  

  //alert(car_model+"-"+car_make+"-"+car_mileage);

  if(car_mileage !== '0' && car_model !== '0' && car_make !== '' && enginetype !== '0'){

    $('.select_pro').show();
    $('.stp4 ').removeClass('dsbl');

  }else{

    $('.select_pro').hide();
    $('.stp4').addClass('dsbl');

  }

}



function get_val_persnol(){

  var name = $('#Name').val();

  var area = $('#area').val();

  var address = $('#address').val();

  var telco = $('#telco').val();

  var MobileNumber = $('#MobileNumber').val();

  var Emailaddress = $('#Emailaddress').val();

  var AlternateMobileNumber = $('#AlternateMobileNumber').val();

  //alert(car_model+"-"+car_make+"-"+car_mileage);

  if(name !== '' && area !== '' && address !== '' && telco !== '' && MobileNumber !== '' && Emailaddress !== ''){

    $('.usr_name').text(name);

    $('.usr_area').text(area);

    $('.usr_address').text(address);

    $('.usr_mob').text('92-'+MobileNumber);

    if(AlternateMobileNumber !== ''){

       $('.altcls').removeClass('noalt');

      $('.usr_a_mob').text('92-'+AlternateMobileNumber);

    }

    $('.usr_email').text(Emailaddress);

    $('.confirm_details').show();

    $('.user_details').show();

    $('.stp2').removeClass('dsbl');

  }else{

    $('.confirm_details').hide();

    // $('.user_details').hide();

    $('.stp2').addClass('dsbl');

  }

}













  var airfilter_prices = new Array();

      airfilter_prices["0"]=0;

$("#airfilter_made").on("change", function () {

var air_m = $("#airfilter_made option:selected").text();

$('span.air_made').text('('+air_m+')');

$('#airfilter').show();

     $('#airfilter').find('option').remove().end();

     $("#airfilter").append(new Option("Select Air filter", "0"));



     var airfilter = $("#airfilter_made").val();

     

     $.post("fetch_slot.php",{airfilter: airfilter,}, function(result) {

      //var result = JSON.parse(result);

          if(result !== null) {

            var result = JSON.parse(result);

            //console.log(result);

          $.each(result, function(index, value){

            //console.log(result[index]);

            

            $('#airfilter').append('<option data-name="'+result[index].title+'" data-price="'+result[index].price+'" value="'+result[index].id+'">'+result[index].title +' -  Rs. '+ result[index].price+'</option>');



               airfilter_prices[result[index].id] = result[index].price;



          });



          } else {



          }

        });

});



$("#airfilter").on("change", function () {

var ar = $(this).val();

  if(ar == 0){

    $('#filter_details').hide();

  }else{

    $('#filter_details').show();

  }

  var air_text = $("#airfilter option:selected").val();

  var air_f = $("#airfilter option:selected").attr('data-price');
  var air_n = $("#airfilter option:selected").attr('data-name');

if( air_text == 0){

    $('.airfilter_name').hide();

} else{

    $('span.air_name').text('Air Filter: '+air_n);
    $('span.air_price').text('Rs.'+air_f);

}

 

//   $('span.air_name').text('Air Filter: '+air_f);

 });



$("#oilfilter").on("change", function () {



var ol = $(this).val();

  if(ol == 0){

    $('#oilfilter_details').hide();

  }else{

    $('#oilfilter_details').show();

  }





var oil_text = $("#oilfilter option:selected").val();

var oil_f = $("#oilfilter option:selected").attr('data-price');
var oil_n = $("#oilfilter option:selected").attr('data-name');

if( oil_text == 0){

    $('.oilf_name').hide();

} else{

    $('span.oilf_name').text('Oil Filter: '+oil_n);
    $('span.oilf_price').text('Rs.'+oil_f);

}



  





});



  

function getairfilterPrice() {

  var airfilterSelect = document.getElementById('airfilter');

  var integer_af = airfilter_prices[airfilterSelect.value];

  console.log(integer_af);

  return Number(integer_af);

}



var oilfilter_prices = new Array();

oilfilter_prices["0"]=0;

$("#oilfilter_made").on("change", function () {

var oil_m = $("#oilfilter_made option:selected").text();

$('span.oil_made').text('('+oil_m+')');



    // $('#oilfilter').attr('disabled',false);

    $('#oilfilter').show();

     $('#oilfilter').find('option').remove().end();

     $("#oilfilter").append(new Option("Select Oil filter", "0"));



     var oilfilter = $("#oilfilter_made").val();

     

     $.post("fetch_slot.php",{oilfilter: oilfilter,}, function(result) {

      //var result = JSON.parse(result);

          if(result !== null) {

            var result = JSON.parse(result);

            //console.log(result);

          $.each(result, function(index, value){

            //console.log(result[index]);

            $('#oilfilter').append('<option value="'+result[index].id+'" data-name="'+result[index].title+'" data-price="'+result[index].price+'">'+result[index].title +' - Rs. '+ result[index].price+'</option>');



               oilfilter_prices[result[index].id] = result[index].price;



          });



          } else {



          }

        });

});





function getoilfilterPrice() {

  var oilfilterSelect = document.getElementById('oilfilter');

  var integer_of =  oilfilter_prices[oilfilterSelect.value];

  return Number(integer_of);

}









</script>

<script type="text/javascript">



// var oil_prices = new Array();

// oil_prices["0"]=0;

// oil_prices["1"]=4815;

// oil_prices["2"]=3125;

// oil_prices["3"]=2343;

// oil_prices["4"]=2401;

// oil_prices["5"]=1801;

// oil_prices["6"]=2363;

// oil_prices["7"]=5908;

// oil_prices["8"]=2281;

// oil_prices["9"]=5703;





// function getOilPrice() {

//   var oilSelect = document.getElementById('oil');

//   var oilPrice = oil_prices[oilSelect.value];

//   if(typeof oilPrice === 'undefined'){

//     return(0);

//   }else{

//   return oilPrice;

//   }

// }













function getoilPrice1() {

  var oil1 = document.getElementById('oil1');

  if(oil1.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil1"]:checked').attr("data-title");

    $("span.product_name").text('Carient Fully Synthetic SAE 5W30 SN/CF - 4 Litres');
    $(".product_price").text('Rs. 8000');

    var img = $('input[id="oil1"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(8000);

  } else {

    return(0);

  }

}

function getoilPrice2() {

  var oil2 = document.getElementById('oil2');

  if(oil2.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil2"]:checked').attr("data-title");

    $("span.product_name").text('Carient Ultra SAE 10W-30 SN/CF - 4 Litres');
    $(".product_price").text('Rs. 5660');

    var img = $('input[id="oil2"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(5660);

    

  } else {

    return(0);

  }

}

function getoilPrice3() {

  var oil3 = document.getElementById('oil3');

  if(oil3.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil3"]:checked').attr("data-title");

    $("span.product_name").text('Carient Ultra SAE 10W-30 SN/CF - 3 Litres');
    $(".product_price").text('Rs. 4245');

    var img = $('input[id="oil3"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(4245);

    

  } else {

    return(0);

  }

}

function getoilPrice4() {

  var oil4 = document.getElementById('oil4');

  if(oil4.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil4"]:checked').attr("data-title");

    $("span.product_name").text('Carient Plus SAE 20W-50 SL/CF - 4 Litres');
    $(".product_price").text('Rs. 4440');

    var img = $('input[id="oil4"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(4440);

    

  } else {

    return(0);

  }

}

function getoilPrice5() {

  var oil5 = document.getElementById('oil5');

  if(oil5.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil5"]:checked').attr("data-title");

    $("span.product_name").text('Carient Plus SAE 20W-50 SL/CF - 3 Litres - Rs. 1,801');
    $(".product_price").text('Rs. 3330');

    var img = $('input[id="oil5"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(3330);

    

  } else {

    return(0);

  }

}

function getoilPrice6() {

  var oil6 = document.getElementById('oil6');

  if(oil6.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil6"]:checked').attr("data-title");

    $("span.product_name").text('DEO 8000 SAE 15W-40 CI-4/SL - 4 Litres');
    $(".product_price").text('Rs. 4800');

    var img = $('input[id="oil6"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(4800);
    
  } else {

    return(0);

  }

}

function getoilPrice7() {

  var oil7 = document.getElementById('oil7');

  if(oil7.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil7"]:checked').attr("data-title");

    $("span.product_name").text('DEO 8000 SAE 15W-40 CI-4/SL - 10 Litres');
    $(".product_price").text('Rs. 12000');

    var img = $('input[id="oil7"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(12000);

    

  } else {

    return(0);

  }

}

function getoilPrice8() {

  var oil8 = document.getElementById('oil8');

  if(oil8.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil8"]:checked').attr("data-title");

    $("span.product_name").text('DEO 6000 SAE 20W-50 CF-4/SG - 4 Litres');
    $(".product_price").text('Rs. 4200');

    var img = $('input[id="oil8"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(4200);

  } else {

    return(0);

  }

}



function getoilPrice9() {

  var oil9 = document.getElementById('oil9');

  if(oil9.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil9"]:checked').attr("data-title");

    $("span.product_name").text('DEO 6000 SAE 20W-50 CF-4/SG - 10 Litres');
    $(".product_price").text('Rs. 10500');

    var img = $('input[id="oil9"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(10500);

    

  } else {
    
    return(0);

  }

}

function getoilPrice10() {

  var oil10 = document.getElementById('oil10');

  if(oil10.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil10"]:checked').attr("data-title");

    $("span.product_name").text('DEO 3000 4L');
    $(".product_price").text('Rs. 3620');

    var img = $('input[id="oil10"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(3620);

    

  } else {
    
    return(0);

  }

}

function getoilPrice11() {

  var oil11 = document.getElementById('oil11');

  if(oil11.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil11"]:checked').attr("data-title");

    $("span.product_name").text('DEO 3000 10L');
    $(".product_price").text('Rs. 9050');

    var img = $('input[id="oil11"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(9050);

    

  } else {
    
    return(0);

  }

}

function getoilPrice12() {

  var oil12 = document.getElementById('oil12');

  if(oil12.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil12"]:checked').attr("data-title");

    $("span.product_name").text('Carient CNG Plus SG/CD SAE 20W-50 - 4 Litres');
    $(".product_price").text('Rs. 3940');

    var img = $('input[id="oil12"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(3940);

    

  } else {
    
    return(0);

  }

}

function getoilPrice13() {

  var oil13 = document.getElementById('oil13');

  if(oil13.checked) {

    $('a.product_btn').show();
    $('.stp5').removeClass('dsbl');

    var title = $('input[id="oil13"]:checked').attr("data-title");

    $("span.product_name").text('Carient CNG Plus SG/CD SAE 20W-50 - 3 Litres');
    $(".product_price").text('Rs. 2955');

    var img = $('input[id="oil13"]:checked').attr("data-img");

    $('#product_img').attr('src',img);

    $('#product_details').show();

    return(2955);

    

  } else {
    
    return(0);

  }

}



function getbodywashPrice() {

  var bodywash = document.getElementById('bodywash');



  if(bodywash.checked) {
    
    $('#extwash').show();
    return(700);

  } else {
    $('#extwash').hide();
    return(0);

  }

}



function getwaxpolishPrice() {

  var waxpolish = document.getElementById('waxpolish');



  if(waxpolish.checked) {
    $('#wax').show();
    return(700);

  } else {
    $('#wax').hide();
    return(0);

  }

}

function getvaccumPrice() {

  var vaccum = document.getElementById('vaccum');



  if(vaccum.checked) {
    $('#vacc').show();
    return(300);

  } else {
    $('#vacc').hide();
    return(0);

  }

}





function calculateTotal() {

  var bodyw = getbodywashPrice();

  var waxp = getwaxpolishPrice();

  var interior_vaccum = getvaccumPrice();
  
  if( bodyw && waxp && interior_vaccum > 0 ){
    $discount = 510;
    var totalss =  getbodywashPrice() +  getvaccumPrice() + getwaxpolishPrice()  + getoilPrice1() + getoilPrice2() + getoilPrice3() + getoilPrice4() + getoilPrice5() + getoilPrice6() + getoilPrice7() + getoilPrice8() + getoilPrice9() + getoilPrice10() + getoilPrice11() + getoilPrice12() + getoilPrice13() + getoilfilterPrice() + getairfilterPrice();
    var total = totalss - $discount;
     

  }else if(bodyw && interior_vaccum > 0){
     $discount = 300;
     var totalss =  getbodywashPrice() +  getvaccumPrice() + getwaxpolishPrice() + getoilPrice1() + getoilPrice2() + getoilPrice3() + getoilPrice4() + getoilPrice5() + getoilPrice6() + getoilPrice7() + getoilPrice8() + getoilPrice9() + getoilPrice10() + getoilPrice11() + getoilPrice12() + getoilPrice13() + getoilfilterPrice() + getairfilterPrice();

     var total = totalss - $discount;

  }else{
    $discount = 0;
    var totalss =  getbodywashPrice() +  getvaccumPrice() + getwaxpolishPrice()  + getoilPrice1() + getoilPrice2() + getoilPrice3() + getoilPrice4() + getoilPrice5() + getoilPrice6() + getoilPrice7() + getoilPrice8() + getoilPrice9() + getoilPrice10() + getoilPrice11() + getoilPrice12() + getoilPrice13() + getoilfilterPrice() + getairfilterPrice();
    var total = totalss - $discount;
  }

  
  if($discount > 0){
   $('#show_dis').show();
   $('#discounted').text($discount);
  }else{
    $('#show_dis').hide();
  }
  var totalEl = document.getElementById('totalPrice');

  var submit_btn = document.getElementById('submit_btn');

  var total_sec = document.getElementById('total_sec');

  $('#sub').text(totalss);

   var totals = parseInt(total);

  document.getElementById('totalPrice').innerHTML = "Rs. " + totals;

  document.getElementById('subtotal').value = totals;

  totalEl.style.display = 'block';

  

  if(totals > 300){

    submit_btn.style.display = 'inline-block';

    total_sec.style.display = 'block';

  }else{

    submit_btn.style.display = 'none';

    total_sec.style.display = 'none';

  }

  

}



function hideTotal() {

  var totalEl = document.getElementById('totalPrice');

  totalEl.style.display = 'none';

  submit_btn.style.display = 'none';

  total_sec.style.display = 'none';

}



  </script>



<script>

    $(":input").inputmask();

   </script>

<script>

    $("#date").on("change", function () {
    
    var date = $("#date").val();

    var city = $("#city").find(":selected").val(); 
     
    if(date !== ''){
     
     $('.time_slot').show();
     var values = $("#time_slot>option").map(function() { return $(this).removeAttr("disabled"); });
     

     $.post("fetch_slot.php",{date: date,}, function(result) {

      var result = JSON.parse(result);
          
          if(result !== null) {

          $.each(result, function(index, value){

              //console.log(value);

              //console.log("option"+myOpts[index].value);

              //console.log(myOpts[index].value);



              var op = document.getElementById("time_slot").getElementsByTagName("option");

              if(op[index].value == value){

                op[index].disabled = true ;

              }
              else{

                op[index].disabled = false ;

              } 

          });

            var dropdown = document.getElementById("time_slot");

            dropdown.removeAttribute("disabled");


          } else {
            

            var dropdown = document.getElementById("time_slot");

            dropdown.removeAttribute("disabled");            

          }

        });
}
else{
  $('.time_slot').hide();
  $('a.dt_cn').hide();
}




});





</script>



  

 



<script type="text/javascript">

   $(".swal2-confirm.swal2-styled").click(function () {

     $('#apply_form')[0].reset();

          // window.location.replace("https://psopk.com/en/product-and-services/doorstep-oil-change");

        });





</script>

<script type="text/javascript">

  var days = 1;

  var newDate = new Date(Date.now() + days * 24*60*60*1000);

  

  var dates = $("#date").datepicker({

      changeMonth: true,

      numberOfMonths: 1,

      minDate: newDate,

      dateFormat: "yy-mm-dd"

  });

</script><div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>





<!--for Urdu-->




 
 
<script src="https://psopk.com/public/assets/js/bootstrap.min.js"></script>


 


        <!--Place this code where you want VIP widget to be rendered -->




</body></html>