{"id":146,"date":"2026-01-18T12:51:44","date_gmt":"2026-01-18T12:51:44","guid":{"rendered":"https:\/\/jayvarma.com\/?page_id=146"},"modified":"2026-03-24T15:56:40","modified_gmt":"2026-03-24T15:56:40","slug":"drawings","status":"publish","type":"page","link":"https:\/\/jayvarma.com\/index.php\/drawings\/","title":{"rendered":"Drawings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec9351 e-flex e-con-boxed e-con e-parent\" data-id=\"8ec9351\" 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-5f83e42 e-con-full e-flex e-con e-child\" data-id=\"5f83e42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d6c533f e-con-full e-flex e-con e-child\" data-id=\"d6c533f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d84102 elementor-widget elementor-widget-heading\" data-id=\"4d84102\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/jayvarma.com\/\">Jay Varma<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-684941a e-con-full e-flex e-con e-child\" data-id=\"684941a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-37c7fe5 e-con-full e-flex e-con e-child\" data-id=\"37c7fe5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e62130b hfe-nav-menu__align-right hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-navigation-menu\" data-id=\"e62130b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:46,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;20&quot;,&quot;right&quot;:&quot;20&quot;,&quot;bottom&quot;:&quot;20&quot;,&quot;left&quot;:&quot;20&quot;,&quot;isLinked&quot;:true},&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;220&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__underline hfe-animation__fade\" data-layout=\"horizontal\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\"  class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-fas-align-justify&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-close-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-far-window-close&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-full-width=\"yes\">\n\t\t\t\t\t<ul id=\"menu-1-e62130b\" class=\"hfe-nav-menu\"><li id=\"menu-item-80\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/jayvarma.com\/\" class = \"hfe-menu-item\">Home<\/a><\/li>\n<li id=\"menu-item-161\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children parent hfe-has-submenu hfe-creative-menu\"><div class=\"hfe-has-submenu-container\" tabindex=\"0\" role=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\"><a href=\"#\" class = \"hfe-menu-item\">Art Work<span class='hfe-menu-toggle sub-arrow hfe-menu-child-0'><i class='fa'><\/i><\/span><\/a><\/div>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-151\" class=\"menu-item menu-item-type-post_type menu-item-object-page hfe-creative-menu\"><a href=\"https:\/\/jayvarma.com\/index.php\/drawings\/\" class = \"hfe-sub-menu-item\">Drawings<\/a><\/li>\n\t<li id=\"menu-item-150\" class=\"menu-item menu-item-type-post_type menu-item-object-page hfe-creative-menu\"><a href=\"https:\/\/jayvarma.com\/index.php\/paintings\/\" class = \"hfe-sub-menu-item\">Paintings<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-78\" class=\"menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu\"><a href=\"https:\/\/jayvarma.com\/index.php\/contact-us\/\" class = \"hfe-menu-item\">Contact Us<\/a><\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-5b7fcbd5 e-con-full e-flex e-con e-parent\" data-id=\"5b7fcbd5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/youtu.be\\\/m1iTy0zJ8dU?si=OSRvYqbkXCmAW0r2&quot;,&quot;background_video_start&quot;:10,&quot;background_video_end&quot;:70}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-242afeb3 e-con-full e-flex e-con e-child\" data-id=\"242afeb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;curve&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n    <path class=\"elementor-shape-fill\" d=\"M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c1b0782 text-center elementor-widget elementor-widget-tp-heading-title\" data-id=\"3c1b0782\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tp-heading-title.default\">\n\t\t\t\t\t<div class=\"heading heading_style heading_style69e8e44181755 style-1 \"  data-tp-gsap-heading-text=\"\" data-tp-gsap-sub-heading-text=\"\"><div class=\"sub-style\" ><div class=\"head-title \" > <h2  class=\"heading-title   heading-title-gradient\"  data-hover=\"drawings\">drawings<span class=\"title-s \">  <\/span><\/h2><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a1f011 e-flex e-con-boxed e-con e-parent\" data-id=\"0a1f011\" 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-154876b elementor-widget elementor-widget-html\" data-id=\"154876b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ===== YOUR LIGHTBOX (UNCHANGED) ===== *\/\r\n.lightbox{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:rgba(0,0,0,0.95);\r\ndisplay:none;\r\nalign-items:center;\r\njustify-content:center;\r\nz-index:9999;\r\npadding:20px;\r\n}\r\n\r\n.lightbox img{\r\nmax-width:95%;\r\nmax-height:90%;\r\nborder-radius:10px;\r\n}\r\n\r\n.lightbox.active{\r\ndisplay:flex;\r\n}\r\n\r\n.close-btn{\r\nposition:absolute;\r\ntop:30px;\r\nright:40px;\r\nfont-size:34px;\r\ncolor:#fff;\r\ncursor:pointer;\r\n}\r\n\r\n\/* ===== NEW TABS DESIGN ===== *\/\r\n\r\n.tabs-wrapper{\r\nwidth:100%;\r\nmargin:40px auto;\r\n}\r\n\r\n.tabs{\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nposition:relative;\r\n}\r\n\r\n.tabs-scroll{\r\ndisplay:flex;\r\ngap:15px;\r\noverflow-x:auto;\r\nscroll-behavior:smooth;\r\npadding:10px 0;\r\n}\r\n.tabs-scroll::-webkit-scrollbar{ display:none; }\r\n\r\n.tab-btn{\r\npadding:12px 22px;\r\nborder-radius:30px;\r\nbackground:#2a2a2a;\r\ncolor:#bbb;\r\ncursor:pointer;\r\nwhite-space:nowrap;\r\ntransition:0.3s ease;\r\nfont-size:14px;\r\n}\r\n\r\n.tab-btn.active{\r\nbackground:#ff4d1c;\r\ncolor:#fff;\r\n}\r\n\r\n\/* arrows *\/\r\n.arrow{\r\nposition:absolute;\r\ntop:50%;\r\ntransform:translateY(-50%);\r\nbackground:#222;\r\nborder:none;\r\ncolor:#fff;\r\nfont-size:20px;\r\npadding:8px 12px;\r\ncursor:pointer;\r\nborder-radius:50%;\r\nz-index:2;\r\n}\r\n\r\n.arrow.left{ left:0; }\r\n.arrow.right{ right:0; }\r\n\r\n@media(min-width:769px){\r\n.arrow{ display:none; }\r\n}\r\n\r\n\/* tab content *\/\r\n.tab-pane{\r\ndisplay:none;\r\n}\r\n\r\n.tab-pane.active{\r\ndisplay:block;\r\nanimation:fade 0.4s ease;\r\n}\r\n\r\n@keyframes fade{\r\nfrom{opacity:0; transform:translateY(10px);}\r\nto{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- LIGHTBOX HTML (GLOBAL) -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n<span class=\"close-btn\">&times;<\/span>\r\n<img id=\"lightbox-img\">\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n\/* ===== LIGHTBOX (UNCHANGED) ===== *\/\r\ndocument.addEventListener(\"click\", function(e){\r\n\r\nconst item = e.target.closest(\".gallery-item\");\r\nif(!item) return;\r\n\r\nconst img = item.querySelector(\"img\");\r\n\r\nconst lightbox = document.getElementById(\"lightbox\");\r\nconst lightboxImg = document.getElementById(\"lightbox-img\");\r\n\r\nlightbox.classList.add(\"active\");\r\nlightboxImg.src = img.src;\r\n\r\n});\r\n\r\ndocument.addEventListener(\"click\", function(e){\r\nif(e.target.classList.contains(\"close-btn\")){\r\ndocument.getElementById(\"lightbox\").classList.remove(\"active\");\r\n}\r\n});\r\n\r\ndocument.getElementById(\"lightbox\").addEventListener(\"click\", function(e){\r\nif(e.target.id === \"lightbox\"){\r\nthis.classList.remove(\"active\");\r\n}\r\n});\r\n\r\ndocument.addEventListener(\"keydown\", function(e){\r\nif(e.key === \"Escape\"){\r\ndocument.getElementById(\"lightbox\").classList.remove(\"active\");\r\n}\r\n});\r\n\r\n\r\n\/* ===== NEW TAB FUNCTION ===== *\/\r\nfunction openTab(evt, tabName){\r\n\r\nlet panes = document.querySelectorAll(\".tab-pane\");\r\nlet btns = document.querySelectorAll(\".tab-btn\");\r\n\r\npanes.forEach(p => p.classList.remove(\"active\"));\r\nbtns.forEach(b => b.classList.remove(\"active\"));\r\n\r\ndocument.getElementById(tabName).classList.add(\"active\");\r\nevt.currentTarget.classList.add(\"active\");\r\n\r\n}\r\n\r\n\r\n\/* ===== MOBILE SCROLL ===== *\/\r\nfunction scrollTabs(val){\r\ndocument.getElementById(\"tabsScroll\").scrollBy({\r\nleft:val,\r\nbehavior:\"smooth\"\r\n});\r\n}\r\n\r\n\/* SWIPE *\/\r\nlet startX = 0;\r\nconst scrollContainer = document.getElementById(\"tabsScroll\");\r\n\r\nif(scrollContainer){\r\nscrollContainer.addEventListener(\"touchstart\", e=>{\r\nstartX = e.touches[0].clientX;\r\n});\r\n\r\nscrollContainer.addEventListener(\"touchmove\", e=>{\r\nlet moveX = e.touches[0].clientX;\r\nlet diff = startX - moveX;\r\nscrollContainer.scrollLeft += diff;\r\nstartX = moveX;\r\n});\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<div class=\"elementor-element elementor-element-6829fb8 e-flex e-con-boxed e-con e-parent\" data-id=\"6829fb8\" 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-83c3221 elementor-widget elementor-widget-html\" data-id=\"83c3221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= GLOBAL CSS ================= -->\r\n<style>\r\n\r\n\/* ===== LIGHTBOX (UNCHANGED) ===== *\/\r\n.lightbox{\r\nposition:fixed;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:100%;\r\nbackground:rgba(0,0,0,0.95);\r\ndisplay:none;\r\nalign-items:center;\r\njustify-content:center;\r\nz-index:9999;\r\npadding:20px;\r\n}\r\n.lightbox img{\r\nmax-width:95%;\r\nmax-height:90%;\r\nborder-radius:10px;\r\n}\r\n.lightbox.active{\r\ndisplay:flex;\r\n}\r\n.close-btn{\r\nposition:absolute;\r\ntop:30px;\r\nright:40px;\r\nfont-size:34px;\r\ncolor:#fff;\r\ncursor:pointer;\r\n}\r\n\r\n\/* ===== TABS (SCROLL ONLY) ===== *\/\r\n.tabs-wrapper{\r\nwidth:100%;\r\nmargin:40px auto;\r\n}\r\n\r\n.tabs{\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\n}\r\n\r\n\/* SCROLL AREA *\/\r\n.tabs-scroll{\r\ndisplay:flex;\r\ngap:15px;\r\noverflow-x:auto;\r\nscroll-behavior:smooth;\r\npadding:10px 0;\r\n\r\n\/* smooth scroll feel *\/\r\nscroll-snap-type:x mandatory;\r\n-webkit-overflow-scrolling:touch;\r\n}\r\n\r\n\/* hide scrollbar *\/\r\n.tabs-scroll::-webkit-scrollbar{ display:none; }\r\n.tabs-scroll{ scrollbar-width:none; }\r\n\r\n\/* TAB BUTTON *\/\r\n.tab-btn{\r\nflex:0 0 auto; \/* important for horizontal scroll *\/\r\npadding:12px 22px;\r\nborder-radius:30px;\r\nbackground:#2a2a2a;\r\ncolor:#bbb;\r\ncursor:pointer;\r\ntransition:0.3s;\r\nwhite-space:nowrap;\r\n\r\n\/* snap alignment *\/\r\nscroll-snap-align:start;\r\n}\r\n\r\n.tab-btn.active{\r\nbackground:#ff4d1c;\r\ncolor:#fff;\r\n}\r\n\r\n\/* REMOVE ARROWS COMPLETELY *\/\r\n.arrow{\r\ndisplay:none !important;\r\n}\r\n\r\n\/* TAB CONTENT *\/\r\n.tab-pane{\r\ndisplay:none;\r\n}\r\n\r\n.tab-pane.active{\r\ndisplay:block;\r\nanimation:fade 0.4s ease;\r\n}\r\n\r\n\/* smooth animation *\/\r\n@keyframes fade{\r\nfrom{opacity:0; transform:translateY(10px);}\r\nto{opacity:1; transform:translateY(0);}\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ================= LIGHTBOX ================= -->\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n<span class=\"close-btn\">&times;<\/span>\r\n<img id=\"lightbox-img\">\r\n<\/div>\r\n\r\n\r\n<!-- ================= TABS ================= -->\r\n<div class=\"tabs-wrapper\">\r\n<div class=\"tabs\">\r\n\r\n<button class=\"arrow left\" onclick=\"scrollTabs(-150)\">&#10094;<\/button>\r\n\r\n<div class=\"tabs-scroll\" id=\"tabsScroll\">\r\n<div class=\"tab-btn active\" onclick=\"openTab(event,'tab1')\">Graphite<\/div>\r\n<div class=\"tab-btn\" onclick=\"openTab(event,'tab2')\">Charcoal<\/div>\r\n<div class=\"tab-btn\" onclick=\"openTab(event,'tab3')\">Coloured Pencil<\/div>\r\n<\/div>\r\n\r\n<button class=\"arrow right\" onclick=\"scrollTabs(150)\">&#10095;<\/button>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ================= TAB CONTENT ================= -->\r\n<div class=\"tab-content\">\r\n\r\n<!-- ===== TAB 1 ===== -->\r\n<div id=\"tab1\" class=\"tab-pane active\">\r\n\r\n<style>\r\n.gallery-container{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(2,1fr);\r\ngap:25px;\r\n}\r\n.gallery-item{\r\nposition:relative;\r\noverflow:hidden;\r\nborder-radius:18px;\r\ncursor:pointer;\r\naspect-ratio:16\/10;\r\nbackground:#111;\r\n}\r\n.gallery-item img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\nobject-position:center;\r\ndisplay:block;\r\ntransition:0.6s ease;\r\n}\r\n.gallery-item:hover img{\r\ntransform:scale(1.06);\r\n}\r\n.image-overlay{\r\nposition:absolute;\r\nbottom:20px;\r\nleft:0;\r\nbackground:rgba(20,20,20,0.85);\r\ncolor:white;\r\npadding:10px 20px;\r\nborder-radius:0 25px 25px 0;\r\nfont-size:14px;\r\nletter-spacing:2px;\r\ntransform:translateX(-120%);\r\ntransition:all 0.45s cubic-bezier(.25,.8,.25,1);\r\npointer-events:none;\r\n}\r\n.gallery-item:hover .image-overlay{\r\ntransform:translateX(15px);\r\npadding-right:35px;\r\n}\r\n@media(max-width:768px){\r\n.gallery-container{\r\ngrid-template-columns:1fr;\r\ngap:18px;\r\n}\r\n.image-overlay{\r\nfont-size:13px;\r\npadding:8px 16px;\r\n}\r\n}\r\n<\/style>\r\n\r\n<div class=\"gallery-container\">\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/Roshni5D-scaled.jpg\">\r\n<div class=\"image-overlay\">ROSHNI<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/DSC3633-3-scaled.jpg\">\r\n<div class=\"image-overlay\">TEAPOT<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/Meghna-scaled.jpg\">\r\n<div class=\"image-overlay\">MEGHNA<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/Arahant2.jpg\">\r\n<div class=\"image-overlay\">ARAHANT<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/Stage7c-scaled.jpg\">\r\n<div class=\"image-overlay\">FATHER & SON<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/AlexNathFin.jpg\">\r\n<div class=\"image-overlay\">ALEX & NATHANIEL<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/IMG_0043-scaled.jpg\">\r\n<div class=\"image-overlay\">PREETI<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ===== TAB 2 ===== -->\r\n<div id=\"tab2\" class=\"tab-pane\">\r\n\r\n<div class=\"gallery-container\">\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/Russell3-scaled.jpg\">\r\n<div class=\"image-overlay\">RUSSEL<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/charcoal-repose-scaled.jpg\">\r\n<div class=\"image-overlay\">REPOSE<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/Still_Life_with_Pear.jpg\">\r\n<div class=\"image-overlay\">STILL LIFE<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/charcoal-Kim-1-2-scaled.jpg\">\r\n<div class=\"image-overlay\">KIM<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ===== TAB 3 ===== -->\r\n<div id=\"tab3\" class=\"tab-pane\">\r\n\r\n<style>\r\n.gallery-container{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(2,1fr);\r\ngap:25px;\r\n}\r\n.gallery-item{\r\nposition:relative;\r\noverflow:hidden;\r\nborder-radius:18px;\r\ncursor:pointer;\r\nbackground:#111;\r\naspect-ratio:4\/3;\r\n}\r\n.gallery-item img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\ndisplay:block;\r\nborder-radius:18px;\r\ntransition:transform .5s ease;\r\n}\r\n.gallery-item:hover img{\r\ntransform:scale(1.05);\r\n}\r\n.image-overlay{\r\nposition:absolute;\r\nbottom:20px;\r\nleft:0;\r\nbackground:rgba(20,20,20,0.85);\r\ncolor:#fff;\r\npadding:10px 22px;\r\nborder-radius:0 25px 25px 0;\r\nfont-size:14px;\r\nletter-spacing:2px;\r\nfont-weight:500;\r\ntransform:translateX(-120%);\r\ntransition:all .4s ease;\r\npointer-events:none;\r\n}\r\n.gallery-item:hover .image-overlay{\r\ntransform:translateX(15px);\r\npadding-right:40px;\r\n}\r\n@media(max-width:768px){\r\n.gallery-container{\r\ngrid-template-columns:1fr;\r\n}\r\n.image-overlay{\r\nfont-size:13px;\r\npadding:8px 16px;\r\n}\r\n}\r\n<\/style>\r\n\r\n<div class=\"gallery-container\">\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/coloredpencil-Swarnathemana-scaled.jpg\">\r\n<div class=\"image-overlay\">SWARNATHEMANA<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/03\/color-pencil-meghna.jpg\">\r\n<div class=\"image-overlay\">MEGHNA<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/HM1Q5766-scaled.jpg\">\r\n<div class=\"image-overlay\">MOTHER THERESA<\/div>\r\n<\/div>\r\n\r\n<div class=\"gallery-item\">\r\n<img decoding=\"async\" src=\"http:\/\/jayvarma.com\/wp-content\/uploads\/2026\/02\/Pillars-Original-size.jpg\">\r\n<div class=\"image-overlay\">PILLARS WITHIN<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ================= JS ================= -->\r\n<script>\r\n\r\n\/* LIGHTBOX *\/\r\ndocument.addEventListener(\"click\", function(e){\r\nconst item = e.target.closest(\".gallery-item\");\r\nif(!item) return;\r\nconst img = item.querySelector(\"img\");\r\nconst lightbox = document.getElementById(\"lightbox\");\r\nconst lightboxImg = document.getElementById(\"lightbox-img\");\r\nlightbox.classList.add(\"active\");\r\nlightboxImg.src = img.src;\r\n});\r\n\r\ndocument.addEventListener(\"click\", function(e){\r\nif(e.target.classList.contains(\"close-btn\")){\r\ndocument.getElementById(\"lightbox\").classList.remove(\"active\");\r\n}\r\n});\r\n\r\ndocument.getElementById(\"lightbox\").addEventListener(\"click\", function(e){\r\nif(e.target.id === \"lightbox\"){\r\nthis.classList.remove(\"active\");\r\n}\r\n});\r\n\r\ndocument.addEventListener(\"keydown\", function(e){\r\nif(e.key === \"Escape\"){\r\ndocument.getElementById(\"lightbox\").classList.remove(\"active\");\r\n}\r\n});\r\n\r\n\/* TAB *\/\r\nfunction openTab(evt, tabName){\r\nlet panes = document.querySelectorAll(\".tab-pane\");\r\nlet btns = document.querySelectorAll(\".tab-btn\");\r\npanes.forEach(p => p.classList.remove(\"active\"));\r\nbtns.forEach(b => b.classList.remove(\"active\"));\r\ndocument.getElementById(tabName).classList.add(\"active\");\r\nevt.currentTarget.classList.add(\"active\");\r\n}\r\n\r\n\/* SCROLL *\/\r\nfunction scrollTabs(val){\r\ndocument.getElementById(\"tabsScroll\").scrollBy({\r\nleft:val,\r\nbehavior:\"smooth\"\r\n});\r\n}\r\n\r\n\/* SWIPE *\/\r\nlet startX = 0;\r\nconst scrollContainer = document.getElementById(\"tabsScroll\");\r\n\r\nif(scrollContainer){\r\nscrollContainer.addEventListener(\"touchstart\", e=>{\r\nstartX = e.touches[0].clientX;\r\n});\r\nscrollContainer.addEventListener(\"touchmove\", e=>{\r\nlet moveX = e.touches[0].clientX;\r\nlet diff = startX - moveX;\r\nscrollContainer.scrollLeft += diff;\r\nstartX = moveX;\r\n});\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Jay Varma Menu Home Art Work Drawings Paintings Contact Us drawings &times; &times; &#10094; Graphite Charcoal Coloured Pencil &#10095; ROSHNI TEAPOT MEGHNA ARAHANT FATHER &#038; SON ALEX &#038; NATHANIEL PREETI RUSSEL REPOSE STILL LIFE KIM SWARNATHEMANA MEGHNA MOTHER THERESA PILLARS WITHIN<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":133,"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":534,"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/pages\/146\/revisions\/534"}],"wp:attachment":[{"href":"https:\/\/jayvarma.com\/index.php\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}