{"id":13,"date":"2021-10-12T08:23:58","date_gmt":"2021-10-12T08:23:58","guid":{"rendered":"http:\/\/korsel.bold-themes.com\/main-demo\/?page_id=13"},"modified":"2025-11-27T08:06:13","modified_gmt":"2025-11-27T08:06:13","slug":"services","status":"publish","type":"page","link":"https:\/\/gsstations.ae\/krsel\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<p><section id=\"bt_bb_section6a90105d1069b\" class=\"bt_bb_section bt_bb_layout_boxed_1700 bt_bb_vertical_align_top bt_bb_top_spacing_no_spacing bt_bb_bottom_spacing_50\"  data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_no_spacing&quot;,&quot;def&quot;:&quot;no_spacing&quot;,&quot;xl&quot;:&quot;no_spacing&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_50&quot;,&quot;def&quot;:&quot;50&quot;,&quot;xl&quot;:&quot;50&quot;}}\"><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div data-bb-version=\"5.4.7\" class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"5.4.7\"  class=\"bt_bb_column col-xxl-12 col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_vertical_align_bottom bt_bb_align_center bt_bb_padding_normal bt_bb_animation_fade_in animate\" style=\"z-index: 2;; --column-width:12;\" data-width=\"12\" data-bt-override-class=\"{&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_center&quot;,&quot;def&quot;:&quot;center&quot;},&quot;bt_bb_padding_&quot;:{&quot;current_class&quot;:&quot;bt_bb_padding_normal&quot;,&quot;def&quot;:&quot;normal&quot;,&quot;xl&quot;:&quot;normal&quot;}}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div data-bb-version=\"5.4.7\" class=\"bt_bb_raw_content\"><section id=\"why-gss\">\n  <div class=\"why-container\">\n    \n    <!-- BACKGROUND TITLE -->\n    <h1 class=\"why-bg-title\">CAR WASH<\/h1>\n\n    <!-- 3 COLUMNS -->\n    <div class=\"why-columns\">\n\n      <div class=\"why-col\">\n        <p>We use top-grade lubricants, advanced diagnostic tools, and genuine parts to keep your vehicle running smoother, longer, and more efficiently on every drive.<\/p>\n      <\/div>\n\n      <div class=\"why-col\">\n        <p>Thousands of customers rely on GSS daily for fast, transparent, and reliable car maintenance  backed by decades of automotive expertise and commitment to excellence.<\/p>\n      <\/div>\n\n      <div class=\"why-col\">\n        <p>From oil changes to full engine diagnostics, our certified technicians ensure your car receives dealership-level service with unmatched precision and care.<\/p>\n      <\/div>\n\n    <\/div>\n\n  \n\n  <\/div>\n<\/section>\n\n<style>\n\/* ===================================\n   SECTION BASE\n=================================== *\/\n#why-gss {\n  position: relative;\n  background: \n    linear-gradient(\n      to bottom,\n      rgba(0,0,0,0.95) 0%,\n      rgba(0,0,0,0.85) 40%,\n      rgba(0,0,0,0.95) 100%\n    ),\n    url('https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200296-scaled.jpg');\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  padding: 200px 0 160px;\n  overflow: hidden;\n  font-family: 'Inter', sans-serif;\nmargin-top:-170px;\n}\n\n\n\/* ===================================\n   GOLD GLOW\n=================================== *\/\n#why-gss::before {\n  content: \"\";\n  position: absolute;\n  width: 1300px;\n  height: 1300px;\n  background: radial-gradient(\n    circle,\n    rgba(255,183,0,0.10) 0%,\n    rgba(255,183,0,0.05) 40%,\n    transparent 75%\n  );\n  top: 58%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  filter: blur(70px);\n  z-index: 0;\n}\n\n\/* ===================================\n   BACKGROUND TITLE (more visible)\n=================================== *\/\n.why-bg-title {\n  font-size: 135px;\n  font-weight: 900;\n  letter-spacing: -3px;\n  text-align: center;\nmargin-top:170px;\n\n  \/* more visible + premium *\/\n  background: linear-gradient(\n    to bottom,\n    rgba(255,255,255,0.20),\n    rgba(255,255,255,0.10)\n  );\n  -webkit-background-clip: text;\n  color: transparent;\n\n  margin-bottom: 85px;\n  z-index: 1;\n  position: relative;\n}\n\n\/* ===================================\n   COLUMNS\n=================================== *\/\n.why-columns {\n  display: flex;\n  justify-content: center;\n  gap: 80px;\n  max-width: 1200px;\n  margin: auto;\n  z-index: 2;\n  position: relative;\n}\n\n.why-col {\n  flex: 1;\n  max-width: 320px;\n  position: relative;\n  padding-top: 25px;\n}\n\n\/* subtle gold separator *\/\n.why-col::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 34px;\n  height: 2px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    #ffb700,\n    transparent\n  );\n  transform: translateX(-50%);\n  opacity: 0.8;\n}\n\n\/* refined text feel *\/\n.why-col p {\n  color: #f2f2f2;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1.65;\n  text-align: center;\n  text-shadow: 0 0 18px rgba(255,255,255,0.03);\n}\n\n\n\/* ===================================\n   CTA BUTTON\n=================================== *\/\n.why-btn-wrapper {\n  text-align: center;\n  margin-top: 60px;\n  position: relative;\n  z-index: 3;\n}\n\n.why-btn {\n  display: inline-block;\n  padding: 14px 34px;\n  border: 2px solid #ffb700;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: 600;\n  color: #ffb700;\n  text-decoration: none;\n  transition: 0.3s ease;\n}\n\n.why-btn:hover {\n  background: #ffb700;\n  color: #000;\n}\n\n\/* \/* ===================================\n   MOBILE FIXES (Perfect UX)\n=================================== *\/\n@media (max-width: 992px) {\n\n  #why-gss {\n    padding: 140px 0 120px;\n  }\n\n  .why-bg-title {\n    font-size: 95px;              \/* smaller *\/\n    opacity: 0.7;                 \/* more visible but not overpowering *\/\n    margin-bottom: 40px;\n  }\n\n  .why-columns {\n    flex-direction: column;\n    gap: 30px;                    \/* reduced gap *\/\n    padding: 0 30px;\n  }\n\n  .why-col p {\n    font-size: 18px;\n    line-height: 1.55;\n    max-width: 400px;\n    margin: 0 auto;               \/* center paragraphs *\/\n  }\n\n  .why-btn-wrapper {\n    margin-top: 40px;\n  }\n\n  .why-btn {\n    padding: 12px 26px;\n    font-size: 16px;\n  }\n\n  #why-gss::before {\n    width: 700px;                 \/* shrink glow *\/\n    height: 700px;\n    top: 60%;\n    filter: blur(40px);\n  }\n}\n\n@media (max-width: 600px) {\n\n  #why-gss {\n    padding: 120px 0 110px;\n  }\n\n  .why-bg-title {\n    font-size: 65px;              \/* perfect mobile size *\/\n    margin-bottom: 35px;\n  }\n\n  .why-columns {\n    gap: 26px;\n    padding: 0 22px;\n  }\n\n  .why-col p {\n    font-size: 16.5px;\n    line-height: 1.5;\n  }\n\n  #why-gss::before {\n    width: 550px;\n    height: 550px;\n    filter: blur(35px);\n    top: 62%;\n  }\n}\n#why-gss {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n}\n\n\/* Kill internal BoldThemes padding *\/\n#why-gss .why-container {\n  width: 100% !important;\n  max-width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin: 0 !important;\n}\n\n\/* Remove surrounding theme gutters *\/\n.bt_bb_section_inner,\n.bt_bb_port,\n.btContentHolder {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n<\/style>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><!-- cell_inner --><\/div><!-- cell --><\/div><!-- port --><\/section><section id=\"bt_bb_section6a90105d10a18\" class=\"bt_bb_section bt_bb_layout_boxed_1700 bt_bb_vertical_align_top bt_bb_top_spacing_no_spacing bt_bb_bottom_spacing_50\"  data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_no_spacing&quot;,&quot;def&quot;:&quot;no_spacing&quot;,&quot;xl&quot;:&quot;no_spacing&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_50&quot;,&quot;def&quot;:&quot;50&quot;,&quot;xl&quot;:&quot;50&quot;}}\"><div class=\"bt_bb_port\"><div class=\"bt_bb_cell\"><div class=\"bt_bb_cell_inner\"><div data-bb-version=\"5.4.7\" class=\"bt_bb_row \"  data-bt-override-class=\"{}\"><div class=\"bt_bb_row_holder\" ><div data-bb-version=\"5.4.7\"  class=\"bt_bb_column col-xxl-12 col-xl-12 col-xs-12 col-sm-12 col-md-12 col-lg-12 bt_bb_vertical_align_bottom bt_bb_align_center bt_bb_padding_normal bt_bb_animation_fade_in animate\" style=\"z-index: 2;; --column-width:12;\" data-width=\"12\" data-bt-override-class=\"{&quot;bt_bb_align_&quot;:{&quot;current_class&quot;:&quot;bt_bb_align_center&quot;,&quot;def&quot;:&quot;center&quot;},&quot;bt_bb_padding_&quot;:{&quot;current_class&quot;:&quot;bt_bb_padding_normal&quot;,&quot;def&quot;:&quot;normal&quot;,&quot;xl&quot;:&quot;normal&quot;}}\"><div class=\"bt_bb_column_content\"><div class=\"bt_bb_column_content_inner\"><div class=\"bt_bb_separator bt_bb_top_spacing_no_spacing bt_bb_bottom_spacing_40 bt_bb_border_style_none\" data-bt-override-class=\"{&quot;bt_bb_top_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_top_spacing_no_spacing&quot;,&quot;def&quot;:&quot;no_spacing&quot;,&quot;xl&quot;:&quot;no_spacing&quot;},&quot;bt_bb_bottom_spacing_&quot;:{&quot;current_class&quot;:&quot;bt_bb_bottom_spacing_40&quot;,&quot;def&quot;:&quot;40&quot;,&quot;xl&quot;:&quot;40&quot;}}\"><\/div><div data-bb-version=\"5.4.7\" class=\"bt_bb_raw_content\"><style>\n\/* ================================\n   \u2705 GLOBAL LAYOUT\n================================ *\/\n.gss-ceramic-wrapper {\n  display: flex;\n  height: 100vh;\n  overflow: hidden !important;\n  position: relative;\n  background: #000;\n  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n\/* ================================\n   \u2705 LEFT FIXED MENU\n================================ *\/\n.gss-ceramic-nav {\n  width: 260px;\n  padding-left: 40px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  height: 100%;\n}\n\n.gss-ceramic-nav ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.gss-ceramic-nav li {\n  font-size: 20px;\n  font-weight: 700;\n  color: #bfbfbf;\n  padding: 15px 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  transition: 0.3s ease;\n  position: relative;\n}\n\n.gss-ceramic-nav li:hover {\n  color: #fff;\n  text-shadow: 0 0 10px rgba(255,200,0,0.5);\n}\n\n.gss-ceramic-nav li::before {\n  content: \"\";\n  width: 0;\n  height: 3px;\n  background: #ffce00;\n  border-radius: 2px;\n  transition: width 0.35s ease;\n}\n\n.gss-ceramic-nav li:hover::before {\n  width: 30px;\n}\n\n.gss-ceramic-nav li.active {\n  color: #ffce00;\n  text-shadow: 0 0 18px rgba(255,200,0,0.7);\n}\n\n.gss-ceramic-nav li.active::before {\n  width: 60px;\n}\n\n\/* ================================\n   \u2705 RIGHT SIDE AREA\n================================ *\/\n.gss-ceramic-content {\n  flex: 1;\n  position: relative;\n  overflow: hidden !important;\n}\n\n.ceramic-page {\n  position: absolute;\n  inset: 0;\n  padding: 80px;\n  box-sizing: border-box;\n  opacity: 0;\n  transform: translateX(40px);\n  transition: transform 0.6s cubic-bezier(0.25, 0.6, 0.4, 1), opacity 0.45s;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  gap: 60px;\n  pointer-events: none;\n}\n\n.ceramic-page.active {\n  opacity: 1;\n  z-index: 3;\n  pointer-events: auto;\n  transform: translateX(0);\n}\n\n\/* ================================\n   \u2705 2-COLUMN LAYOUT\n================================ *\/\n.ceramic-left {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 620px;\n}\n\n.ceramic-left h1 {\n  font-size: 42px;\n  color: #fff;\n  margin: 0 0 10px 0;\n  display: flex;\n  gap: 12px;\n  white-space: nowrap;\n}\n\n.ceramic-left h1 .page-id {\n  font-size: 34px;\n  color: #ffce00;\n  opacity: 0.9;\n  font-weight: 700;\n}\n\n.ceramic-left p {\n  font-size: 20px;\n  color: #d0d0d0;\n  line-height: 1.6;\n  margin-bottom: 18px;\n}\n\n\/* \u2705 Availability Styling *\/\n.availability {\n  font-size: 18px;\n  color: #ffffff;\n  margin-top: 10px;\n  text-align: left;\n}\n\n.availability span {\n  color: #ffce00;\n  font-weight: 600;\n}\n\n\/* ================================\n   \u2705 RIGHT IMAGE\n================================ *\/\n.ceramic-right {\n  flex: 1.2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ceramic-right img {\n  width: 100%;\n  height: 800px;\n  object-fit: cover;\n  box-shadow: 0 0 25px rgba(0,0,0,0.4);\n  cursor: zoom-in;\n  transition: transform 0.3s ease;\n}\n\n.ceramic-right img:hover {\n  transform: scale(1.02);\n}\n\n\/* ================================\n   \u2705 FULLSCREEN IMAGE MODAL\n================================ *\/\n.modal-fullscreen {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.85);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999;\n}\n\n.modal-fullscreen img {\n  max-width: 90%;\n  max-height: 90%;\n  border-radius: 10px;\n}\n\n.modal-fullscreen.active {\n  display: flex;\n}\n\n\/* ================================\n   \u2705 BUY PACKAGE UI\n================================ *\/\n.buy-package {\n  margin-top: 25px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.buy-title {\n  font-size: 14px;\n  color: #cfcfcf;\n  margin-left: 2px;\n  margin-bottom: 12px;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n}\n\n.package-buttons {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.package-buttons button {\n  background: rgba(0,0,0,0.6);\n  border: 1px solid rgba(255,206,0,0.8);\n  color: #ffce00;\n  padding: 8px 16px;\n  border-radius: 16px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 13px;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  transition: 0.25s ease;\n}\n\n.package-buttons button[data-package=\"silver\"] {\n  border-color: #cfcfcf;\n  color: #d8d8d8;\n  background: #000;\n}\n\n.package-buttons button[data-package=\"gold\"] {\n  border-color: #ffce00;\n  color: gold;\n  background: #000;\n}\n\n.package-buttons button[data-package=\"platinum\"] {\n  border-color: #9fb6c3;\n  color: #000;\n  background: linear-gradient(145deg, #e5f1f7, #b8d4e2);\n}\n\n.package-buttons button:hover {\n  background: #ffce00;\n  color: #000;\n  box-shadow: 0 0 20px rgba(255,255,255,0.25);\n  transform: translateY(-1px);\n}\n\n\/* ================================\n   \u2705 WASH PACKAGE MODAL\n================================ *\/\n.wash-modal {\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,0.8);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999;\n}\n\n.wash-modal.active {\n  display: flex;\n}\n\n.wash-modal-box {\n  position: relative;\n  background: #111;\n  padding: 32px 38px;\n  border-radius: 18px;\n  color: #fff;\n  min-width: 480px;\n  max-width: 520px;\n  text-align: center;\n  box-shadow: 0 0 40px rgba(0,0,0,0.6);\n}\n\n.wash-modal-box h3 {\n  margin: 0 0 22px 0;\n  font-size: 22px;\n}\n\n.close-wash {\n  position: absolute;\n  top: 14px;\n  right: 18px;\n  font-size: 26px;\n  cursor: pointer;\n  color: #aaa;\n}\n\n.close-wash:hover {\n  color: #fff;\n}\n\n.wash-modal-box table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.wash-modal-box th,\n.wash-modal-box td {\n  padding: 14px 16px;\n  font-size: 17px;\n}\n\n.wash-modal-box th {\n  text-align: left;\n  color: #ffce00;\n}\n\n.wash-modal-box td {\n  text-align: right;\n}\n\n\/* ================================\n   \u2705 RESPONSIVE\n================================ *\/\n@media (max-width: 1200px) {\n  .ceramic-page {\n    flex-direction: column;\n    padding: 50px 40px;\n  }\n  .ceramic-right img {\n    height: 420px;\n  }\n  .gss-ceramic-nav {\n    width: 200px;\n  }\n}\n\n@media (max-width: 900px) {\n  .gss-ceramic-wrapper {\n    flex-direction: column;\n    height: auto;\n  }\n\n  .gss-ceramic-nav {\n    width: 100%;\n    height: auto;\n    padding: 18px 0 10px;\n    justify-content: flex-start;\n  }\n\n  .gss-ceramic-nav ul {\n    display: flex;\n    overflow-x: auto;\n    gap: 24px;\n    padding: 0 20px;\n  }\n\n  .gss-ceramic-content {\n    position: relative;\n    overflow: visible !important;\n  }\n\n  \/* On mobile we DON'T use absolute slides; we show only the active one as a normal block *\/\n  .ceramic-page {\n    position: relative;\n    inset: auto;\n    padding: 32px 20px 48px;\n    height: auto;\n    flex-direction: column;\n    gap: 24px;\n    opacity: 0;\n    display: none;\n    transform: none !important;\n  }\n\n  .ceramic-page.active {\n    opacity: 1;\n    display: flex;\n  }\n\n  .ceramic-left {\n    max-width: 100%;\n    align-items: flex-start;\n  }\n\n  .ceramic-left h1 {\n    font-size: 30px;\n    white-space: normal;\n  }\n\n  .ceramic-left h1 .page-id {\n    font-size: 24px;\n  }\n\n  .ceramic-left p {\n    font-size: 16px;\n  }\n\n  .availability {\n    font-size: 15px;\n  }\n\n  .ceramic-right img {\n    height: 260px;\n  }\n\n  .wash-modal-box {\n    min-width: 88vw;\n    max-width: 88vw;\n    padding: 24px 20px;\n  }\n}\n<\/style>\n\n<!-- \u2705 FULLSCREEN IMAGE MODAL -->\n<div class=\"modal-fullscreen\" id=\"imgModal\">\n  <img decoding=\"async\" id=\"modalImage\" src=\"\">\n<\/div>\n\n<!-- \u2705 WASH PACKAGE MODAL -->\n<div class=\"wash-modal\" id=\"washModal\">\n  <div class=\"wash-modal-box\">\n    <span class=\"close-wash\">\u00d7<\/span>\n    <h3 id=\"modalTitle\"><\/h3>\n    <table>\n      <tr><th>Wash<\/th><td id=\"modalWashName\"><\/td><\/tr>\n      <tr><th>Washes<\/th><td id=\"modalWashes\"><\/td><\/tr>\n      <tr><th>Validity<\/th><td id=\"modalValidity\"><\/td><\/tr>\n      <tr><th>Price<\/th><td id=\"modalPrice\"><\/td><\/tr>\n    <\/table>\n  <\/div>\n<\/div>\n\n<section class=\"gss-ceramic-wrapper\">\n  <!-- \u2705 LEFT MENU -->\n  <div class=\"gss-ceramic-nav\">\n    <ul>\n      <li class=\"active\" data-target=\"p1\">Classic Wash<\/li>\n      <li data-target=\"p2\">Executive Wash<\/li>\n      <li data-target=\"p3\">360 Wash<\/li>\n      <li data-target=\"p4\">360 Pro Wash<\/li>\n      <li data-target=\"p5\">Glossy Wash<\/li>\n      <li data-target=\"p6\">City Wash<\/li>\n      <li data-target=\"p7\">360 Cold Wash<\/li>\n      <li data-target=\"p8\">360 Hot Wash<\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- \u2705 RIGHT CONTENT -->\n  <div class=\"gss-ceramic-content\">\n\n    <!-- \u2705 PAGE 1 -->\n    <div id=\"p1\" class=\"ceramic-page active\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">01<\/span> Classic Wash<\/h1>\n        <p>A thorough standard wash that provides a complete clean for your car\u2019s exterior and interior surfaces. It includes underbody wash, wheel cleaning, vacuuming, and dashboard wipe-down \u2014 adding an extra protective layer to your car\u2019s body and keeping it fresh and spotless.<\/p>\n        <p class=\"availability\">Available in: <span>Jumeirah, Al Warqa, Al Barsha<\/span><\/p>\n\n        <div class=\"buy-package\">\n          <div class=\"buy-title\">consider a package<\/div>\n          <div class=\"package-buttons\">\n            <button data-package=\"silver\">Silver<\/button>\n            <button data-package=\"gold\">Gold<\/button>\n            <button data-package=\"platinum\">Platinum<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200300-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 2 -->\n    <div id=\"p2\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">02<\/span> Executive Wash<\/h1>\n        <p>Our most refined package for those who expect top-tier care. The Executive Wash goes beyond cleaning \u2014 it helps mask imperfections and fine scratches, with added waxing and finishing touches to restore a sleek, polished look.<\/p>\n        <p class=\"availability\">Available in: <span>Jumeirah, Al Warqa, Al Barsha<\/span><\/p>\n\n        <div class=\"buy-package\">\n          <div class=\"buy-title\">consider a package<\/div>\n          <div class=\"package-buttons\">\n            <button data-package=\"silver\">Silver<\/button>\n            <button data-package=\"gold\">Gold<\/button>\n            <button data-package=\"platinum\">Platinum<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200173-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 3 (NO PACKAGES) -->\n    <div id=\"p3\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">03<\/span> 360 Wash<\/h1>\n        <p>An enhanced exterior wash that focuses on reviving your vehicle\u2019s paint color and gloss. It includes full body washing, waxing, and surface enhancement to bring back the original brilliance of your car\u2019s appearance.<\/p>\n        <p class=\"availability\">Available in: <span>Jumeirah, Al Warqa, Al Barsha<\/span><\/p>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200287-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 4 -->\n    <div id=\"p4\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">04<\/span> 360 Pro Wash<\/h1>\n        <p>A premium detailing wash designed to maintain the overall quality and shine of your car\u2019s paint. This service includes deep cleaning, high-pressure rinsing, and professional-grade polishing to preserve your vehicle\u2019s finish.<\/p>\n        <p class=\"availability\">Available in: <span>Jumeirah, Al Warqa, Al Barsha<\/span><\/p>\n\n        <div class=\"buy-package\">\n          <div class=\"buy-title\">consider a package<\/div>\n          <div class=\"package-buttons\">\n            <button data-package=\"silver\">Silver<\/button>\n            <button data-package=\"gold\">Gold<\/button>\n            <button data-package=\"platinum\">Platinum<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200138-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 5 -->\n    <div id=\"p5\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">05<\/span> Glossy Wash<\/h1>\n        <p>A high-shine exterior wash designed to enhance your vehicle\u2019s gloss and surface clarity. Using premium foam and gentle hand-washing techniques, this service removes dirt and road film while boosting reflectiveness.<\/p>\n        <p class=\"availability\">Available in: <span>Qusais, Ajman<\/span><\/p>\n\n        <div class=\"buy-package\">\n          <div class=\"buy-title\">consider a package<\/div>\n          <div class=\"package-buttons\">\n            <button data-package=\"silver\">Silver<\/button>\n            <button data-package=\"gold\">Gold<\/button>\n            <button data-package=\"platinum\">Platinum<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200296-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 6 -->\n    <div id=\"p6\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">06<\/span> City Wash<\/h1>\n        <p>A fast, efficient wash tailored for drivers who want a quick refresh without compromising quality. City Wash includes exterior washing, high-pressure rinsing, and wheel cleaning for everyday maintenance.<\/p>\n        <p class=\"availability\">Available in: <span>Qusais, Ajman<\/span><\/p>\n\n        <div class=\"buy-package\">\n          <div class=\"buy-title\">consider a package<\/div>\n          <div class=\"package-buttons\">\n            <button data-package=\"silver\">Silver<\/button>\n            <button data-package=\"gold\">Gold<\/button>\n            <button data-package=\"platinum\">Platinum<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200164-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 7 (NO PACKAGES) -->\n    <div id=\"p7\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">07<\/span> 360 Cold Wash<\/h1>\n        <p>A deep exterior wash using temperature-controlled cold water pressure to safely remove dirt and contaminants without affecting the paint layer.<\/p>\n        <p class=\"availability\">Available in: <span>Qusais, Ajman<\/span><\/p>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200245-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2705 PAGE 8 (NO PACKAGES) -->\n    <div id=\"p8\" class=\"ceramic-page inactive\">\n      <div class=\"ceramic-left\">\n        <h1><span class=\"page-id\">08<\/span> 360 Hot Wash<\/h1>\n        <p>A premium high-temperature wash that uses hot water pressure to break down stubborn grime, grease, and road residues for a deeper clean.<\/p>\n        <p class=\"availability\">Available in: <span>Qusais, Ajman<\/span><\/p>\n      <\/div>\n      <div class=\"ceramic-right\">\n        <img decoding=\"async\" src=\"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/7C200160-scaled.jpg\" class=\"zoomable\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const tabs = document.querySelectorAll(\".gss-ceramic-nav li\");\n  const pages = document.querySelectorAll(\".ceramic-page\");\n  let currentIndex = 0;\n\n  function isMobile() {\n    return window.innerWidth <= 900;\n  }\n\n  tabs.forEach((tab, index) => {\n    tab.addEventListener(\"click\", () => {\n      if (index === currentIndex) return;\n\n      \/\/ Desktop: slide animation\n      if (!isMobile()) {\n        const direction = index > currentIndex ? -80 : 80;\n\n        pages[currentIndex].style.transform = `translateX(${direction}px)`;\n        pages[currentIndex].classList.remove(\"active\");\n        pages[currentIndex].classList.add(\"inactive\");\n\n        tab.closest(\"ul\").querySelectorAll(\"li\").forEach(li => li.classList.remove(\"active\"));\n        tab.classList.add(\"active\");\n\n        pages[index].style.transform = `translateX(${-direction}px)`;\n        setTimeout(() => {\n          pages[index].classList.add(\"active\");\n          pages[index].classList.remove(\"inactive\");\n          pages[index].style.transform = \"translateX(0)\";\n        }, 50);\n      } else {\n        \/\/ Mobile: no transforms, just swap visibility\n        pages[currentIndex].classList.remove(\"active\");\n        pages[currentIndex].classList.add(\"inactive\");\n\n        tab.closest(\"ul\").querySelectorAll(\"li\").forEach(li => li.classList.remove(\"active\"));\n        tab.classList.add(\"active\");\n\n        pages[index].classList.add(\"active\");\n        pages[index].classList.remove(\"inactive\");\n      }\n\n      currentIndex = index;\n    });\n  });\n\n  window.addEventListener(\"resize\", () => {\n    \/\/ When resizing between desktop\/mobile, ensure only current page is visible correctly\n    pages.forEach((page, i) => {\n      if (i === currentIndex) {\n        page.classList.add(\"active\");\n        page.classList.remove(\"inactive\");\n      } else {\n        page.classList.remove(\"active\");\n        page.classList.add(\"inactive\");\n      }\n    });\n  });\n\n  \/* \u2705 FULLSCREEN IMAGE MODAL *\/\n  const modal = document.getElementById(\"imgModal\");\n  const modalImage = document.getElementById(\"modalImage\");\n\n  document.querySelectorAll(\".zoomable\").forEach(img => {\n    img.addEventListener(\"click\", () => {\n      modalImage.src = img.src;\n      modal.classList.add(\"active\");\n    });\n  });\n\n  modal.addEventListener(\"click\", () => modal.classList.remove(\"active\"));\n\n  \/* \u2705 WASH PACKAGE MODAL LOGIC *\/\n  const washModal = document.getElementById(\"washModal\");\n  const closeWash = document.querySelector(\".close-wash\");\n  const modalTitle = document.getElementById(\"modalTitle\");\n  const modalWashName = document.getElementById(\"modalWashName\");\n  const modalWashes = document.getElementById(\"modalWashes\");\n  const modalValidity = document.getElementById(\"modalValidity\");\n  const modalPrice = document.getElementById(\"modalPrice\");\n\n  const packageData = {\n    silver: {\n      washes: 5,\n      validity: \"3 Months\",\n      prices: {\n        \"City Wash\": \"AED 175\",\n        \"Glossy Wash\": \"AED 220\",\n        \"Classic Wash\": \"AED 220\",\n        \"Executive Wash\": \"AED 260\",\n        \"360 Wash\": \"AED 570\",\n        \"360 Pro Wash\": \"AED 570\",\n        \"360 Cold Wash\": \"AED 570\",\n        \"360 Hot Wash\": \"AED 570\"\n      }\n    },\n    gold: {\n      washes: 10,\n      validity: \"6 Months\",\n      prices: {\n        \"City Wash\": \"AED 340\",\n        \"Glossy Wash\": \"AED 425\",\n        \"Classic Wash\": \"AED 420\",\n        \"Executive Wash\": \"AED 500\",\n        \"360 Wash\": \"AED 1,105\",\n        \"360 Pro Wash\": \"AED 1,105\",\n        \"360 Cold Wash\": \"AED 1,105\",\n        \"360 Hot Wash\": \"AED 1,105\"\n      }\n    },\n    platinum: {\n      washes: 15,\n      validity: \"12 Months\",\n      prices: {\n        \"City Wash\": \"AED 500\",\n        \"Glossy Wash\": \"AED 600\",\n        \"Classic Wash\": \"AED 600\",\n        \"Executive Wash\": \"AED 720\",\n        \"360 Wash\": \"AED 1,560\",\n        \"360 Pro Wash\": \"AED 1,560\",\n        \"360 Cold Wash\": \"AED 1,560\",\n        \"360 Hot Wash\": \"AED 1,560\"\n      }\n    }\n  };\n\n  document.querySelectorAll(\".package-buttons button\").forEach(btn => {\n    btn.addEventListener(\"click\", () => {\n      const pkgKey = btn.dataset.package;\n      const pkgLabel = btn.textContent.trim();\n\n      const leftBlock = btn.closest(\".ceramic-left\");\n      const heading = leftBlock.querySelector(\"h1\");\n      let washName = \"\";\n\n      if (heading) {\n        washName = heading.textContent.replace(\/\\s*\\d+\\s*\/, \"\").trim();\n      }\n\n      const data = packageData[pkgKey];\n      const price = data.prices[washName] || \"\u2014\";\n\n      modalTitle.textContent = `${pkgLabel} Package`;\n      modalWashName.textContent = washName;\n      modalWashes.textContent = data.washes;\n      modalValidity.textContent = data.validity;\n      modalPrice.textContent = price;\n\n      washModal.classList.add(\"active\");\n    });\n  });\n\n  closeWash.addEventListener(\"click\", () => {\n    washModal.classList.remove(\"active\");\n  });\n\n  washModal.addEventListener(\"click\", (e) => {\n    if (e.target === washModal) {\n      washModal.classList.remove(\"active\");\n    }\n  });\n});\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><!-- cell_inner --><\/div><!-- cell --><\/div><!-- port --><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quickly coordinate e-business applications through revolutionary catalysts for change. Seamlessly underwhelm optimal testing procedures whereas bricks-and-clicks processes and objectively integrate emerging core competencies.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Services - Grand Service Station<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gsstations.ae\/krsel\/services\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services - Grand Service Station\" \/>\n<meta property=\"og:description\" content=\"Quickly coordinate e-business applications through revolutionary catalysts for change. Seamlessly underwhelm optimal testing procedures whereas bricks-and-clicks processes and objectively integrate emerging core competencies.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gsstations.ae\/krsel\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"Grand Service Station\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/grandservicestation\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T08:06:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/services\\\/\",\"url\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/services\\\/\",\"name\":\"Services - Grand Service Station\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#website\"},\"datePublished\":\"2021-10-12T08:23:58+00:00\",\"dateModified\":\"2025-11-27T08:06:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/services\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/services\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#website\",\"url\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/\",\"name\":\"Grand Service Station\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#organization\",\"name\":\"Grand Service Station\",\"url\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/gss-pnglogo.png\",\"contentUrl\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/gss-pnglogo.png\",\"width\":370,\"height\":472,\"caption\":\"Grand Service Station\"},\"image\":{\"@id\":\"https:\\\/\\\/gsstations.ae\\\/krsel\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/grandservicestation\\\/\",\"https:\\\/\\\/www.instagram.com\\\/grandservicestation\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Services - Grand Service Station","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gsstations.ae\/krsel\/services\/","og_locale":"en_US","og_type":"article","og_title":"Services - Grand Service Station","og_description":"Quickly coordinate e-business applications through revolutionary catalysts for change. Seamlessly underwhelm optimal testing procedures whereas bricks-and-clicks processes and objectively integrate emerging core competencies.","og_url":"https:\/\/gsstations.ae\/krsel\/services\/","og_site_name":"Grand Service Station","article_publisher":"https:\/\/www.facebook.com\/grandservicestation\/","article_modified_time":"2025-11-27T08:06:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gsstations.ae\/krsel\/services\/","url":"https:\/\/gsstations.ae\/krsel\/services\/","name":"Services - Grand Service Station","isPartOf":{"@id":"https:\/\/gsstations.ae\/krsel\/#website"},"datePublished":"2021-10-12T08:23:58+00:00","dateModified":"2025-11-27T08:06:13+00:00","breadcrumb":{"@id":"https:\/\/gsstations.ae\/krsel\/services\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gsstations.ae\/krsel\/services\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gsstations.ae\/krsel\/services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gsstations.ae\/krsel\/"},{"@type":"ListItem","position":2,"name":"Services"}]},{"@type":"WebSite","@id":"https:\/\/gsstations.ae\/krsel\/#website","url":"https:\/\/gsstations.ae\/krsel\/","name":"Grand Service Station","description":"","publisher":{"@id":"https:\/\/gsstations.ae\/krsel\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gsstations.ae\/krsel\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/gsstations.ae\/krsel\/#organization","name":"Grand Service Station","url":"https:\/\/gsstations.ae\/krsel\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gsstations.ae\/krsel\/#\/schema\/logo\/image\/","url":"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/gss-pnglogo.png","contentUrl":"https:\/\/gsstations.ae\/krsel\/wp-content\/uploads\/2025\/10\/gss-pnglogo.png","width":370,"height":472,"caption":"Grand Service Station"},"image":{"@id":"https:\/\/gsstations.ae\/krsel\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/grandservicestation\/","https:\/\/www.instagram.com\/grandservicestation\/"]}]}},"_links":{"self":[{"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":63,"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":4534,"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/pages\/13\/revisions\/4534"}],"wp:attachment":[{"href":"https:\/\/gsstations.ae\/krsel\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}