{"id":112,"date":"2026-06-12T12:42:06","date_gmt":"2026-06-12T12:42:06","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=112"},"modified":"2026-08-05T12:52:21","modified_gmt":"2026-08-05T12:52:21","slug":"case-studies","status":"publish","type":"page","link":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"112\" class=\"elementor elementor-112\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f411d8 e-con e-atomic-element e-flexbox-base e-0eb9dc6 \" data-id=\"5f411d8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5f411d8\">\n    <div class=\"elementor-element elementor-element-5801d7d e-flex e-con-boxed e-con e-parent\" data-id=\"5801d7d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-956c1cb e-con e-atomic-element e-flexbox-base e-1dd7c35 \" data-id=\"956c1cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"956c1cb\">\n    \t\t\t<h1 data-interaction-id=\"146d811\" class=\"e-146d811-d132aef e-heading-base\">Gallery<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c3dea3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9c3dea3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb51a74 e-flex e-con-boxed e-con e-parent\" data-id=\"cb51a74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f10d723 elementor-widget elementor-widget-html\" data-id=\"f10d723\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n<style>\r\nbody{\r\n  background:#f4f6fb;\r\n}\r\n\r\n.card-carousel-wrapper{\r\n  padding:10px 10px;\r\n  perspective: 1200px;\r\n}\r\n\r\n.swiper {\r\n  width: 100%;\r\n  padding: 40px 10px;\r\n}\r\n\r\n.swiper-slide {\r\n  display:flex;\r\n  justify-content:center;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n\/* 3D CARD *\/\r\n.card {\r\n  width: 290px;\r\n  height: 310px;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  background: #FFF;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n  transform-style: preserve-3d;\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n  position: relative;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card img {\r\n  width: 100%;\r\n  height: 180px;\r\n  object-fit: cover;\r\n  transform: translateZ(30px);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.card-content {\r\n  padding: 15px;\r\n  transform: translateZ(40px);\r\n}\r\n\r\n.card-content h3 {\r\n  margin: 0 0 8px;\r\n  font-size: 18px;\r\n  color: #111;\r\n}\r\n\r\n.card-content p {\r\n  font-size: 13px;\r\n  color: #666;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* HOVER 3D EFFECT *\/\r\n.card:hover {\r\n  transform: rotateX(10deg) rotateY(-10deg) scale(1.05);\r\n  box-shadow: 0 30px 60px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* ACTIVE CENTER CARD POP *\/\r\n.swiper-slide-active .card{\r\n  transform: scale(1.15);\r\n  box-shadow: 0 35px 70px rgba(0,0,0,0.25);\r\n}\r\n\r\n\/* PAGINATION *\/\r\n.swiper-pagination-bullet-active{\r\n  background:#111 !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"card-carousel-wrapper\">\r\n\r\n  <div class=\"swiper mySwiper\">\r\n    <div class=\"swiper-wrapper\">\r\n\r\n      <!-- 10 CARDS -->\r\n      <!-- You can replace images\/content easily -->\r\n\r\n      <div class=\"swiper-slide\">\r\n        <div class=\"card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\">\r\n          <div class=\"card-content\">\r\n            <h3>Enviromental Impact<\/h3>\r\n            <p>Working Group on\r\n3D Dispersion and 3D Explosion<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\">\r\n        <div class=\"card-content\"><h3>Safety and Risk<\/h3><p>Elegant daily wear with comfort sole.<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-two.jpg\">\r\n        <div class=\"card-content\"><h3>Process Optimization<\/h3><p>Slip-on premium leather finish.<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Fluidyn-Panroad.png\">\r\n        <div class=\"card-content\"><h3>Ventilation<\/h3><p>Stylish perforated design for office wear.<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"#\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"#\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"#\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n      <div class=\"swiper-slide\"><div class=\"card\">\r\n        <img decoding=\"async\" src=\"#\">\r\n        <div class=\"card-content\"><h3>#<\/h3><p>#<\/p><\/div>\r\n      <\/div><\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"swiper-pagination\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\nconst swiper = new Swiper(\".mySwiper\", {\r\n  slidesPerView: 3,\r\n  spaceBetween: 25,\r\n  loop: true,\r\n  centeredSlides: true,\r\n  autoplay: {\r\n    delay: 2200,\r\n    disableOnInteraction: false,\r\n  },\r\n  pagination: {\r\n    el: \".swiper-pagination\",\r\n    clickable: true,\r\n  },\r\n  breakpoints: {\r\n    0: { slidesPerView: 1 },\r\n    768: { slidesPerView: 2 },\r\n    1024: { slidesPerView: 3 }\r\n  }\r\n});\r\n\r\n\/* EXTRA DYNAMIC TILT (mouse move effect) *\/\r\ndocument.querySelectorAll(\".card\").forEach(card => {\r\n  card.addEventListener(\"mousemove\", (e) => {\r\n    let x = e.offsetX;\r\n    let y = e.offsetY;\r\n    let centerX = card.clientWidth \/ 2;\r\n    let centerY = card.clientHeight \/ 2;\r\n\r\n    let rotateX = (y - centerY) \/ 20;\r\n    let rotateY = (centerX - x) \/ 20;\r\n\r\n    card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\r\n  });\r\n\r\n  card.addEventListener(\"mouseleave\", () => {\r\n    card.style.transform = \"rotateX(0deg) rotateY(0deg) scale(1)\";\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-07cb0d7 e-con e-atomic-element e-flexbox-base e-f9b6618 \" data-id=\"07cb0d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"07cb0d7\">\n    <div class=\"elementor-element elementor-element-764483c e-flex e-con-boxed e-con e-parent\" data-id=\"764483c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce28322 elementor-widget elementor-widget-button\" data-id=\"ce28322\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Process Optimization<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-287750a elementor-widget elementor-widget-button\" data-id=\"287750a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviromental Impact<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-928f15e elementor-widget elementor-widget-button\" data-id=\"928f15e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Safety and Risk<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da9f828 elementor-widget elementor-widget-button\" data-id=\"da9f828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ventilation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f348883 e-con e-atomic-element e-flexbox-base e-d3f4811 \" data-id=\"f348883\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f348883\">\n    <div class=\"elementor-element elementor-element-9d99128 e-flex e-con-boxed e-con e-parent\" data-id=\"9d99128\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b5ea07b e-con-full e-flex e-con e-child\" data-id=\"b5ea07b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-2264049-c0f7a0e\" data-interaction-id=\"2264049\" id=\"505\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" width=\"1024\" height=\"800\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"16fb843\" class=\"e-16fb843-d90f20f e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0965bd elementor-widget elementor-widget-text-editor\" data-id=\"d0965bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec8c7d0 e-con-full e-flex e-con e-child\" data-id=\"ec8c7d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"8c05dd6\" id=\"356\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\" width=\"385\" height=\"262\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"0ea3775\" class=\"e-0ea3775-7bbb622 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-74db106 elementor-widget elementor-widget-text-editor\" data-id=\"74db106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f5f7da e-con-full e-flex e-con e-child\" data-id=\"2f5f7da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"5b78057\" id=\"355\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-two.jpg\" width=\"775\" height=\"615\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"37a0587\" class=\"e-37a0587-562c06e e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-1abc527 elementor-widget elementor-widget-text-editor\" data-id=\"1abc527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29de3d7 e-flex e-con-boxed e-con e-parent\" data-id=\"29de3d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9cb0b6f e-con-full e-flex e-con e-child\" data-id=\"9cb0b6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"534a27b\" id=\"505\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" width=\"1024\" height=\"800\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"1e5126e\" class=\"e-1e5126e-20b5efc e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-01e69a8 elementor-widget elementor-widget-text-editor\" data-id=\"01e69a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d42cab e-con-full e-flex e-con e-child\" data-id=\"5d42cab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"ff344d4\" id=\"356\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\" width=\"385\" height=\"262\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"1cbe010\" class=\"e-1cbe010-efe8287 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e6da12 elementor-widget elementor-widget-text-editor\" data-id=\"8e6da12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-444a1d9 e-con-full e-flex e-con e-child\" data-id=\"444a1d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"35b9810\" id=\"355\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-two.jpg\" width=\"775\" height=\"615\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"3bff769\" class=\"e-3bff769-ac23b52 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-76f0c01 elementor-widget elementor-widget-text-editor\" data-id=\"76f0c01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77ebacc e-flex e-con-boxed e-con e-parent\" data-id=\"77ebacc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-820cbb7 e-con-full e-flex e-con e-child\" data-id=\"820cbb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"6248474\" id=\"505\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" width=\"1024\" height=\"800\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"0ec0aaa\" class=\"e-0ec0aaa-9ec0d13 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-919a1ec elementor-widget elementor-widget-text-editor\" data-id=\"919a1ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dbb425 e-con-full e-flex e-con e-child\" data-id=\"9dbb425\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"0f58800\" id=\"356\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\" width=\"385\" height=\"262\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"2fdf5a7\" class=\"e-2fdf5a7-e17121e e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-410daa4 elementor-widget elementor-widget-text-editor\" data-id=\"410daa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14b16bf e-con-full e-flex e-con e-child\" data-id=\"14b16bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"e90e874\" id=\"355\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-two.jpg\" width=\"775\" height=\"615\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"e183e1a\" class=\"e-e183e1a-6724243 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-7543aaf elementor-widget elementor-widget-text-editor\" data-id=\"7543aaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dadce2e e-flex e-con-boxed e-con e-parent\" data-id=\"dadce2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9caee58 e-con-full e-flex e-con e-child\" data-id=\"9caee58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"806c187\" id=\"505\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" width=\"1024\" height=\"800\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"4786bd3\" class=\"e-4786bd3-c90bb57 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-b13947c elementor-widget elementor-widget-text-editor\" data-id=\"b13947c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d24acaf e-con-full e-flex e-con e-child\" data-id=\"d24acaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"8c4780f\" id=\"356\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\" width=\"385\" height=\"262\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"0b8190a\" class=\"e-0b8190a-eeed771 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d3a53b elementor-widget elementor-widget-text-editor\" data-id=\"5d3a53b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c6534 e-con-full e-flex e-con e-child\" data-id=\"59c6534\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"487774c\" id=\"355\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-two.jpg\" width=\"775\" height=\"615\" srcset=\"\" alt=\"\"\/>\t\t\t\t\t<h2 data-interaction-id=\"b6df228\" class=\"e-b6df228-63d04c6 e-heading-base\">Working Group on<br>3D Dispersion and 3D Explosion<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecd1130 elementor-widget elementor-widget-text-editor\" data-id=\"ecd1130\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>French National Program headed by INERIS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-97c996a e-con e-atomic-element e-flexbox-base e-a4bb934 \" data-id=\"97c996a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97c996a\">\n    <div class=\"elementor-element elementor-element-23cd006 e-flex e-con-boxed e-con e-parent\" data-id=\"23cd006\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c095168 elementor-widget elementor-widget-button\" data-id=\"c095168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/index.php\/case-studies-2\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Next<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e94799f e-con e-atomic-element e-flexbox-base e-bed0abf \" data-id=\"e94799f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e94799f\">\n    \t\t<div class=\"elementor-element elementor-element-e196d48 elementor-widget elementor-widget-html\" data-id=\"e196d48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n    <meta charset=\"UTF-8\">\r\n\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>Project Gallery<\/title>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"gallery-section\">\r\n\r\n    <div class=\"gallery-header\">\r\n\r\n        <h1>Project Gallery<\/h1>\r\n\r\n        <p>\r\n            Explore our CFD simulations, engineering analyses, industrial safety,\r\n            ventilation, fire, smoke and multiphysics projects.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n\r\n        <!-- Card 1 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/fluidyn-Paneia-1.png\" alt=\"Project\">\r\n\r\n            <h3>3D Dispersion Analysis<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Dust-dispersion-from-a-query.jpg\" alt=\"Project\">\r\n\r\n            <h3>Explosion Simulation<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/DIFLU.png\">\r\n\r\n            <h3>Industrial Ventilation<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 4 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Discard-Image.png\" alt=\"Project\">\r\n\r\n            <h3>Fire & Smoke Modelling<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 5 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Enviromental-Impact-1.jpeg\" alt=\"Project\">\r\n\r\n            <h3>Hydrogen Safety<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 6 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Fluidyn-Ventilation.jpeg\" alt=\"Project\">\r\n\r\n            <h3>HVAC Airflow Analysis<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 7 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Risk.jpeg\" alt=\"Project\">\r\n\r\n            <h3>Gas Leakage Study<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 8 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Ventil.png\" alt=\"Project\">\r\n\r\n            <h3>CFD Tank Farm Analysis<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 9 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Panfire.jpg\" alt=\"Project\">\r\n\r\n            <h3>Process Safety Engineering<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 10 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Panache.png\" alt=\"Project\">\r\n\r\n            <h3>Wind Engineering<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 11 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" alt=\"Project\">\r\n\r\n            <h3>Tunnel Ventilation<\/h3>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 12 -->\r\n\r\n        <div class=\"gallery-card\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Training-3.gif\" alt=\"Project\">\r\n\r\n            <h3>Combustion Analysis<\/h3>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script src=\"script.js\"><\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n<style>\r\n    \/* ======================================================\r\n   GOOGLE FONT\r\n====================================================== *\/\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n\r\n    font-family:'Poppins',sans-serif;\r\n\r\n    background:#fafafa;\r\n\r\n    color:#222;\r\n\r\n    overflow-x:hidden;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n.gallery-section{\r\n\r\n    width:92%;\r\n\r\n    max-width:1650px;\r\n\r\n    margin:70px auto;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   HEADER\r\n====================================================== *\/\r\n\r\n.gallery-header{\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:60px;\r\n\r\n}\r\n\r\n.gallery-header h1{\r\n\r\n    font-size:48px;\r\n\r\n    font-weight:700;\r\n\r\n    color:#1F2732;\r\n\r\n    margin-bottom:15px;\r\n\r\n}\r\n\r\n.gallery-header p{\r\n\r\n    max-width:800px;\r\n\r\n    margin:auto;\r\n\r\n    color:#777;\r\n\r\n    line-height:1.8;\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   MASONRY GALLERY\r\n====================================================== *\/\r\n\r\n.gallery-grid{\r\n\r\n    column-count:4;\r\n\r\n    column-gap:22px;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   CARD\r\n====================================================== *\/\r\n\r\n.gallery-card{\r\n\r\n    display:inline-block;\r\n\r\n    width:100%;\r\n\r\n    margin-bottom:22px;\r\n\r\n    break-inside:avoid;\r\n\r\n    background:#fff;\r\n\r\n    border-radius:18px;\r\n\r\n    overflow:hidden;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.35s;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   IMAGE\r\n====================================================== *\/\r\n\r\n.gallery-card img{\r\n\r\n    width:100%;\r\n\r\n    display:block;\r\n\r\n    transition:.5s;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n.gallery-card h3{\r\n\r\n    padding:16px 18px;\r\n\r\n    font-size:18px;\r\n\r\n    font-weight:500;\r\n\r\n    color:#1F2732;\r\n\r\n    transition:.3s;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   HOVER\r\n====================================================== *\/\r\n\r\n.gallery-card:hover{\r\n\r\n    transform:translateY(-10px);\r\n\r\n    box-shadow:0 18px 40px rgba(0,0,0,.12);\r\n\r\n}\r\n\r\n.gallery-card:hover img{\r\n\r\n    transform:scale(1.06);\r\n\r\n}\r\n\r\n.gallery-card:hover h3{\r\n\r\n    color:#ff6b00;\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   RESPONSIVE\r\n====================================================== *\/\r\n\r\n@media(max-width:1300px){\r\n\r\n.gallery-grid{\r\n\r\n    column-count:3;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:900px){\r\n\r\n.gallery-grid{\r\n\r\n    column-count:2;\r\n\r\n}\r\n\r\n.gallery-header h1{\r\n\r\n    font-size:40px;\r\n\r\n}\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n.gallery-grid{\r\n\r\n    column-count:1;\r\n\r\n}\r\n\r\n.gallery-section{\r\n\r\n    width:94%;\r\n\r\n}\r\n\r\n.gallery-header{\r\n\r\n    margin-bottom:40px;\r\n\r\n}\r\n\r\n.gallery-header h1{\r\n\r\n    font-size:32px;\r\n\r\n}\r\n\r\n.gallery-header p{\r\n\r\n    font-size:15px;\r\n\r\n}\r\n\r\n.gallery-card h3{\r\n\r\n    font-size:16px;\r\n\r\n}\r\n\r\n}\r\n\r\n\/* ======================================================\r\n   SCROLLBAR\r\n====================================================== *\/\r\n\r\n::-webkit-scrollbar{\r\n\r\n    width:10px;\r\n\r\n}\r\n\r\n::-webkit-scrollbar-thumb{\r\n\r\n    background:#ff6b00;\r\n\r\n    border-radius:50px;\r\n\r\n}\r\n\r\n::-webkit-scrollbar-track{\r\n\r\n    background:#ececec;\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ ==========================================\r\n\/\/ SELECT ELEMENTS\r\n\/\/ ==========================================\r\n\r\nconst galleryCards = document.querySelectorAll(\".gallery-card img\");\r\n\r\n\/\/ ==========================================\r\n\/\/ CREATE LIGHTBOX\r\n\/\/ ==========================================\r\n\r\nconst lightbox = document.createElement(\"div\");\r\nlightbox.className = \"lightbox\";\r\n\r\nlightbox.innerHTML = `\r\n    <span class=\"close\">&times;<\/span>\r\n\r\n    <span class=\"prev\">&#10094;<\/span>\r\n\r\n    <img class=\"lightbox-img\">\r\n\r\n    <span class=\"next\">&#10095;<\/span>\r\n`;\r\n\r\ndocument.body.appendChild(lightbox);\r\n\r\n\/\/ ==========================================\r\n\r\nconst lightboxImg = lightbox.querySelector(\".lightbox-img\");\r\n\r\nconst closeBtn = lightbox.querySelector(\".close\");\r\n\r\nconst nextBtn = lightbox.querySelector(\".next\");\r\n\r\nconst prevBtn = lightbox.querySelector(\".prev\");\r\n\r\nlet currentIndex = 0;\r\n\r\n\/\/ ==========================================\r\n\/\/ OPEN IMAGE\r\n\/\/ ==========================================\r\n\r\ngalleryCards.forEach((img,index)=>{\r\n\r\n    img.addEventListener(\"click\",()=>{\r\n\r\n        currentIndex=index;\r\n\r\n        showImage();\r\n\r\n        lightbox.classList.add(\"show\");\r\n\r\n        document.body.style.overflow=\"hidden\";\r\n\r\n    });\r\n\r\n});\r\n\r\n\/\/ ==========================================\r\n\/\/ SHOW IMAGE\r\n\/\/ ==========================================\r\n\r\nfunction showImage(){\r\n\r\n    lightboxImg.src=galleryCards[currentIndex].src;\r\n\r\n}\r\n\r\n\/\/ ==========================================\r\n\/\/ CLOSE\r\n\/\/ ==========================================\r\n\r\ncloseBtn.addEventListener(\"click\",closeLightbox);\r\n\r\nfunction closeLightbox(){\r\n\r\n    lightbox.classList.remove(\"show\");\r\n\r\n    document.body.style.overflow=\"auto\";\r\n\r\n}\r\n\r\n\/\/ ==========================================\r\n\/\/ NEXT\r\n\/\/ ==========================================\r\n\r\nnextBtn.addEventListener(\"click\",()=>{\r\n\r\n    currentIndex++;\r\n\r\n    if(currentIndex>=galleryCards.length){\r\n\r\n        currentIndex=0;\r\n\r\n    }\r\n\r\n    showImage();\r\n\r\n});\r\n\r\n\/\/ ==========================================\r\n\/\/ PREVIOUS\r\n\/\/ ==========================================\r\n\r\nprevBtn.addEventListener(\"click\",()=>{\r\n\r\n    currentIndex--;\r\n\r\n    if(currentIndex<0){\r\n\r\n        currentIndex=galleryCards.length-1;\r\n\r\n    }\r\n\r\n    showImage();\r\n\r\n});\r\n\r\n\/\/ ==========================================\r\n\/\/ CLOSE OUTSIDE\r\n\/\/ ==========================================\r\n\r\nlightbox.addEventListener(\"click\",(e)=>{\r\n\r\n    if(e.target===lightbox){\r\n\r\n        closeLightbox();\r\n\r\n    }\r\n\r\n});\r\n\r\n\/\/ ==========================================\r\n\/\/ KEYBOARD\r\n\/\/ ==========================================\r\n\r\ndocument.addEventListener(\"keydown\",(e)=>{\r\n\r\n    if(!lightbox.classList.contains(\"show\")) return;\r\n\r\n    if(e.key===\"Escape\"){\r\n\r\n        closeLightbox();\r\n\r\n    }\r\n\r\n    if(e.key===\"ArrowRight\"){\r\n\r\n        nextBtn.click();\r\n\r\n    }\r\n\r\n    if(e.key===\"ArrowLeft\"){\r\n\r\n        prevBtn.click();\r\n\r\n    }\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gallery Enviromental Impact Working Group on 3D Dispersion and 3D Explosion Safety and Risk Elegant daily wear with comfort sole. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gallery -<\/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:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gallery -\" \/>\n<meta property=\"og:description\" content=\"Gallery Enviromental Impact Working Group on 3D Dispersion and 3D Explosion Safety and Risk Elegant daily wear with comfort sole. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-05T12:52:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png\" \/>\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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/\",\"url\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/\",\"name\":\"Gallery -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Case-Studies-1.png\",\"datePublished\":\"2026-06-12T12:42:06+00:00\",\"dateModified\":\"2026-08-05T12:52:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Case-Studies-1.png\",\"contentUrl\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Case-Studies-1.png\",\"width\":1024,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/case-studies\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/#website\",\"url\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dbq.kda.mybluehostin.me\\\/staging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gallery -","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:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/","og_locale":"en_US","og_type":"article","og_title":"Gallery -","og_description":"Gallery Enviromental Impact Working Group on 3D Dispersion and 3D Explosion Safety and Risk Elegant daily wear with comfort sole. [&hellip;]","og_url":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/","article_modified_time":"2026-08-05T12:52:21+00:00","og_image":[{"url":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/","url":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/","name":"Gallery -","isPartOf":{"@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/#primaryimage"},"image":{"@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/#primaryimage"},"thumbnailUrl":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png","datePublished":"2026-06-12T12:42:06+00:00","dateModified":"2026-08-05T12:52:21+00:00","breadcrumb":{"@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/#primaryimage","url":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png","contentUrl":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-content\/uploads\/2026\/06\/Case-Studies-1.png","width":1024,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/case-studies\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dbq.kda.mybluehostin.me\/staging\/"},{"@type":"ListItem","position":2,"name":"Gallery"}]},{"@type":"WebSite","@id":"https:\/\/dbq.kda.mybluehostin.me\/staging\/#website","url":"https:\/\/dbq.kda.mybluehostin.me\/staging\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dbq.kda.mybluehostin.me\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":56,"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":2407,"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/pages\/112\/revisions\/2407"}],"wp:attachment":[{"href":"https:\/\/dbq.kda.mybluehostin.me\/staging\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}