{"id":1818,"date":"2022-08-25T05:38:30","date_gmt":"2022-08-25T05:38:30","guid":{"rendered":"https:\/\/www.wpthemesdemo.com\/cleaning-master\/?page_id=1818"},"modified":"2023-12-22T08:32:30","modified_gmt":"2023-12-22T08:32:30","slug":"services","status":"publish","type":"page","link":"https:\/\/www.wpthemesdemo.com\/coffee-station\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><div class=\"row\" id=\"services\">                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/free-wifi\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/pexels-dmitry-zvolskiy-2199190.jpg\" class=\"img-responsive\" alt=\"Free WiFi\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/free-wifi\/\" style=\"text-transform :  Capitalize  \">Free WiFi<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/free-wifi\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-customization\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/pexels-quintin-gellar-1190165.jpg\" class=\"img-responsive\" alt=\"Coffee Customization\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-customization\/\" style=\"text-transform :  Capitalize  \">Coffee Customization<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-customization\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/home-delivery\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/pexels-thiago-japyassu-7874888.jpg\" class=\"img-responsive\" alt=\"Home Delivery\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/home-delivery\/\" style=\"text-transform :  Capitalize  \">Home Delivery<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/home-delivery\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/ambiance-and-decor\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/barista-5055060_640-2.jpg\" class=\"img-responsive\" alt=\"Ambiance and Decor\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/ambiance-and-decor\/\" style=\"text-transform :  Capitalize  \">Ambiance and Decor<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/ambiance-and-decor\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/food-item-options\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/coffe-4345449_640-5.jpg\" class=\"img-responsive\" alt=\"Food Item Options\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/food-item-options\/\" style=\"text-transform :  Capitalize  \">Food Item Options<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/food-item-options\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n                        <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-6 col-xs-12\">\r\n                <div class=\"featured-service wow zoomIn\">\r\n                    <div class=\"inner-box\">\r\n                        <div class=\"image-box\">\r\n\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"400\" height=\"300\" fill=\"#E91E63\">\r\n                              <style>\r\n                                circle{\r\n                                  animation-duration: 5s;\r\n                                  animation-timing-function:ease-in-out;\r\n                                  animation-iteration-count:infinite;\r\n                              }\r\n                              #one{animation-name: one;}\r\n                              #two{animation-name: two;}\r\n                              #three{animation-name: three;}\r\n                              #four{animation-name: four;}\r\n                              #five{animation-name: five;}\r\n                              #six{animation-name: six;}\r\n                              @keyframes one{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(10px,10px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes two{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(-15px,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes four{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(5px,-20px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes three{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(17px,7px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes five{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(0,5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                              @keyframes six{\r\n                                  0%{transform:translate(0,0)}\r\n                                  50%{transform:translate(20px,-5px)}\r\n                                  0%{transform:translate(0,0)}\r\n                              }\r\n                          <\/style>\r\n                          <defs>\r\n                            <filter id=\"goo\">\r\n                              <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\r\n                              <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -12\" result=\"goo\" \/>\r\n                              <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"\/>\r\n                          <\/filter>\r\n                      <\/defs>\r\n                      <g filter=\"url('#goo')\">\r\n                        <circle cx=\"400\" cy=\"0\" r=\"250\"\/>\r\n                        <circle id=\"one\" cx=\"110\" cy=\"30\" r=\"80\"\/>\r\n                        <circle id=\"two\" cx=\"110\" cy=\"120\" r=\"30\"\/>\r\n                        <circle id=\"three\" cx=\"170\" cy=\"130\" r=\"60\"\/>\r\n                        <circle id=\"four\" cx=\"225\" cy=\"165\" r=\"50\"\/>\r\n                        <circle id=\"five\" cx=\"270\" cy=\"200\" r=\"30\"\/>\r\n                        <circle id=\"six\" cx=\"370\" cy=\"190\" r=\"90\"\/>\r\n                    <\/g>\r\n                <\/svg>\r\n                <div class=\"image\">\r\n                    <a href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-and-beverages\/\" target=\"_blank\">  \r\n                       <img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-content\/uploads\/sites\/52\/2023\/12\/background-2485_640-3.jpg\" class=\"img-responsive\" alt=\"Coffee and Beverages\" alt=\"\"\/>  \r\n                   <\/a> \r\n               <\/div>  \r\n               <div class=\"image-shape\"><\/div>\r\n               <div class=\"caption-box\" style=\"text-align:  center  \">\r\n\r\n                <h5 class=\"title\"><a class=\"font-weight-bold\" target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-and-beverages\/\" style=\"text-transform :  Capitalize  \">Coffee and Beverages<\/a><\/h5>\r\n\r\n                <p>Mauris pulvinar placerat dapibus. Etiam ante ante, lobortis eget suscipit a, varius et urna. Vivamus\r\n            <\/p>\r\n\r\n              \r\n                                <div class=\"slide-btn\">\r\n                    <button class=\"button wow zoomIn\" data-wow-duration=\"2s\"><a target=\"_blank\" href=\"https:\/\/www.wpthemesdemo.com\/coffee-station\/our-services\/coffee-and-beverages\/\">Read More<\/a><\/button>\r\n                    <div class=\"drip-1\"><\/div>\r\n                    <div class=\"drip-2\"><\/div>\r\n                    <div class=\"drip-3\"><\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>   \r\n<\/div>\r\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4157,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1818","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/pages\/1818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/comments?post=1818"}],"version-history":[{"count":1,"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/pages\/1818\/revisions"}],"predecessor-version":[{"id":4158,"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/pages\/1818\/revisions\/4158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/media\/4157"}],"wp:attachment":[{"href":"https:\/\/www.wpthemesdemo.com\/coffee-station\/wp-json\/wp\/v2\/media?parent=1818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}