{"id":2947,"date":"2025-05-29T17:33:26","date_gmt":"2025-05-29T16:33:26","guid":{"rendered":"https:\/\/thamarusa.com\/?page_id=2947"},"modified":"2025-08-01T12:28:19","modified_gmt":"2025-08-01T11:28:19","slug":"digital-marketing","status":"publish","type":"page","link":"https:\/\/thamarusa.com\/th\/digital-marketing\/","title":{"rendered":"\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

THAMARUSA, WHAT IS IT?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t

\n\t\t\t\t\tWe are<\/span>\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\tCreative\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\teffective\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\tspokespersons\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\tinnovators\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\texperts\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\tinfluential\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Develop Your Online Presence and Boost Your Growth and Visibility with Digital Marketing<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

In today’s connected world, an effective digital marketing strategy is essential for your company’s success. At TAMARUSA, we design and implement innovative and high-performing digital campaigns, allowing you to increase your visibility, engage your audience, and generate a measurable return on investment. Whether you are a startup, an SME, or a large company, we have the expertise to propel your brand on the web<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tContact us\t\t\t\t\t\t\t\t\t\t\t\t\t<\/strong>\r\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tContactez-Nous\t\t\t\t\t\t\t\t\t\t\t\t\t<\/strong>\r\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/b>\r\n\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>
<\/div>\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\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\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/svg>\t\t\t<\/div>\r\n\t\t<\/div>\r\n\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\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why Invest in Digital Marketing ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The objective of a marketing campaign is simple : to influence consumer needs to drive sales. The strategies implemented are so numerous that it’s often difficult to navigate: strategic or promotional marketing, relationship marketing, e-marketing… Whether in B2C or B2B, each method helps increase leads, but they must be adapted to the specificities of each sector. B2C companies will prioritize the use of social networks like Instagram or Pinterest, whereas B2B companies will be more interested in professional channels like LinkedIn. All these companies are increasingly turning to inbound marketing. The goal ? Naturally attract their target clientele through quality content. This can be blog articles, white papers, infographics, or Instagram stories.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tContact us\t\t\t\t\t\t\t\t\t\t\t\t\t<\/strong>\r\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/span>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tContactez-Nous\t\t\t\t\t\t\t\t\t\t\t\t\t<\/strong>\r\n\t\t\t\t\t\t<\/i>\t\t\t\t\t<\/b>\r\n\r\n\t\t\t\t<\/a>\r\n\t\t\t<\/div>\r\n\t\t<\/div>
<\/div>\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\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\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Digital Marketing Excellence<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');\r\n \r\n :root {\r\n --primary: #e63946;\r\n --secondary: #d00000;\r\n --accent: #ff9e00;\r\n --dark: #1a1a1a;\r\n --light: #ffffff;\r\n --card-bg: #fff9f9;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: 'Manrope', sans-serif;\r\n }\r\n \r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n background-color: var(--light);\r\n color: var(--dark);\r\n line-height: 1.7;\r\n }\r\n \r\n \/* Hero Section *\/\r\n .hero {\r\n display: flex;\r\n align-items: center;\r\n min-height: 100vh;\r\n width: 100%;\r\n position: relative;\r\n background: var(--dark);\r\n }\r\n \r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(26, 26, 26, 0.95) 0%, rgba(26, 26, 26, 0.85) 100%);\r\n z-index: 1;\r\n }\r\n \r\n .hero-content {\r\n flex: 1;\r\n padding: 80px;\r\n color: white;\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n margin-bottom: 30px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n background: linear-gradient(90deg, #fff 0%, var(--accent) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n \r\n .hero-image {\r\n flex: 1;\r\n position: relative;\r\n height: 100vh;\r\n }\r\n \r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n \r\n .hero-particles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2000 2000\"><circle cx=\"100\" cy=\"100\" r=\"1.5\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"300\" cy=\"700\" r=\"1\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"700\" cy=\"300\" r=\"1.5\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"1500\" cy=\"500\" r=\"1\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"1800\" cy=\"800\" r=\"1.5\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"500\" cy=\"1500\" r=\"1\" fill=\"white\" opacity=\"0.3\"\/><circle cx=\"1200\" cy=\"1200\" r=\"1.5\" fill=\"white\" opacity=\"0.3\"\/><\/svg>');\r\n background-size: cover;\r\n opacity: 0.5;\r\n }\r\n \r\n \/* Features Section *\/\r\n .features-section {\r\n padding: 80px 0;\r\n position: relative;\r\n background: var(--light);\r\n width: 100%;\r\n }\r\n \r\n .features {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n border-top: 1px solid rgba(230, 57, 70, 0.1);\r\n border-bottom: 1px solid rgba(230, 57, 70, 0.1);\r\n width: 100%;\r\n }\r\n \r\n .feature-card {\r\n background: var(--card-bg);\r\n padding: 60px 40px;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n position: relative;\r\n border-right: 1px solid rgba(230, 57, 70, 0.1);\r\n }\r\n \r\n .feature-card:last-child {\r\n border-right: none;\r\n }\r\n \r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 0;\r\n background: linear-gradient(to bottom, var(--primary), var(--accent));\r\n transition: height 0.4s ease;\r\n }\r\n \r\n .feature-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 40px rgba(230, 57, 70, 0.15);\r\n z-index: 2;\r\n }\r\n \r\n .feature-card:hover::before {\r\n height: 100%;\r\n }\r\n \r\n .feature-card h3 {\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n color: var(--dark);\r\n position: relative;\r\n padding-left: 50px;\r\n font-weight: 700;\r\n }\r\n \r\n .feature-card h3::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 30px;\r\n height: 30px;\r\n background: var(--primary);\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 900;\r\n font-family: 'Font Awesome 6 Free';\r\n font-size: 14px;\r\n }\r\n \r\n .feature-card:nth-child(1) h3::before {\r\n content: '\\f201';\r\n }\r\n .feature-card:nth-child(2) h3::before {\r\n content: '\\f5fd';\r\n }\r\n .feature-card:nth-child(3) h3::before {\r\n content: '\\f0a1';\r\n }\r\n .feature-card:nth-child(4) h3::before {\r\n content: '\\f085';\r\n }\r\n \r\n .feature-card p {\r\n color: #555;\r\n padding-left: 50px;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* About Section *\/\r\n .about-section {\r\n position: relative;\r\n background: var(--dark);\r\n color: white;\r\n width: 100%;\r\n }\r\n \r\n .about {\r\n display: flex;\r\n align-items: center;\r\n background: var(--dark);\r\n position: relative;\r\n width: 100%;\r\n }\r\n \r\n .about::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -50px;\r\n right: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 200 200\"><path d=\"M0 0h200v200H0z\" fill=\"none\"\/><path d=\"M0 100c0-55.2 44.8-100 100-100s100 44.8 100 100-44.8 100-100 100S0 155.2 0 100z\" stroke=\"%23e63946\" stroke-width=\"2\" fill=\"none\" opacity=\"0.2\"\/><\/svg>');\r\n z-index: 0;\r\n }\r\n \r\n .about-image {\r\n flex: 1;\r\n position: relative;\r\n height: 700px;\r\n }\r\n \r\n .about-image::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, rgba(230, 57, 70, 0.1) 0%, rgba(230, 57, 70, 0) 100%);\r\n z-index: 1;\r\n }\r\n \r\n .about-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .about-content {\r\n flex: 1;\r\n padding: 100px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .about-content h2 {\r\n font-size: 3rem;\r\n margin-bottom: 30px;\r\n color: white;\r\n font-weight: 800;\r\n position: relative;\r\n display: inline-block;\r\n line-height: 1.2;\r\n }\r\n \r\n .about-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 0;\r\n width: 80px;\r\n height: 5px;\r\n background: linear-gradient(to right, var(--primary), var(--accent));\r\n border-radius: 3px;\r\n }\r\n \r\n .about-content p {\r\n color: rgba(255,255,255,0.8);\r\n margin-bottom: 30px;\r\n font-size: 1.2rem;\r\n line-height: 1.8;\r\n max-width: 600px;\r\n }\r\n \r\n \/* Digital Elements *\/\r\n .digital-line {\r\n position: absolute;\r\n height: 100%;\r\n width: 1px;\r\n background: rgba(230, 57, 70, 0.1);\r\n left: 25%;\r\n top: 0;\r\n z-index: 0;\r\n }\r\n \r\n .digital-line:nth-child(2) {\r\n left: 50%;\r\n }\r\n \r\n .digital-line:nth-child(3) {\r\n left: 75%;\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n .hero-content, .about-content {\r\n padding: 60px;\r\n }\r\n \r\n .features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .feature-card:nth-child(2) {\r\n border-right: none;\r\n }\r\n \r\n .feature-card:nth-child(odd) {\r\n border-right: 1px solid rgba(230, 57, 70, 0.1);\r\n }\r\n \r\n .about-content {\r\n padding: 80px;\r\n }\r\n \r\n .about-image {\r\n height: 600px;\r\n }\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .hero, .about {\r\n flex-direction: column;\r\n }\r\n \r\n .hero-content {\r\n max-width: 100%;\r\n padding: 80px 40px;\r\n text-align: center;\r\n }\r\n \r\n .hero-image {\r\n height: 500px;\r\n }\r\n \r\n .about-content {\r\n padding: 80px 40px;\r\n text-align: center;\r\n }\r\n \r\n .about-content h2::after {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n \r\n .about-content p {\r\n max-width: 100%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .about-image {\r\n height: 500px;\r\n order: -1;\r\n }\r\n \r\n .feature-card {\r\n padding: 50px 30px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-content h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .about-content h2 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .features {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .feature-card {\r\n padding: 40px 30px;\r\n border-right: none !important;\r\n border-bottom: 1px solid rgba(230, 57, 70, 0.1);\r\n }\r\n \r\n .hero-content, .about-content {\r\n padding: 60px 30px;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .hero-content h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .about-content h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .feature-card h3 {\r\n font-size: 1.3rem;\r\n padding-left: 40px;\r\n }\r\n \r\n .feature-card p {\r\n padding-left: 40px;\r\n font-size: 1rem;\r\n }\r\n \r\n .feature-card h3::before {\r\n width: 25px;\r\n height: 25px;\r\n font-size: 12px;\r\n }\r\n \r\n .about-content p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .hero-content, .about-content {\r\n padding: 50px 20px;\r\n }\r\n \r\n .hero-image, .about-image {\r\n height: 400px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"hero-particles\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>Why Entrust Us with Your Marketing Strategy?<\/h1>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thamarusa.com\/wp-content\/uploads\/2025\/07\/jeunes-utilisant-des-bobines-scaled.jpg\" alt=\"Digital marketing team working\">\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- Features Section -->\r\n <section class=\"features-section\">\r\n <div class=\"digital-line\"><\/div>\r\n <div class=\"digital-line\"><\/div>\r\n <div class=\"digital-line\"><\/div>\r\n <div class=\"features\">\r\n <div class=\"feature-card\">\r\n <h3>A data-driven approach<\/h3>\r\n <p>Decisions based on precise analysis to guarantee measurable results.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <h3>Multichannel expertise<\/h3>\r\n <p>SEO, social media, branding, and more.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <h3>High-performing campaigns<\/h3>\r\n <p>Creativity, relevance, and continuous optimization.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <h3>Comprehensive support<\/h3>\r\n <p>From strategy to execution and performance analysis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- About Section -->\r\n <section class=\"about-section\">\r\n <div class=\"about\">\r\n <div class=\"about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/thamarusa.com\/wp-content\/uploads\/2025\/07\/femme-avec-un-telephone-entoure-de-dessins-scaled.jpg\" alt=\"Woman with smartphone surrounded by digital elements\">\r\n <\/div>\r\n <div class=\"about-content\">\r\n <h2>Give Visibility to Your Ambitions<\/h2>\r\n <p>Maximize your online impact with tailored digital marketing strategies. From brand positioning to customer acquisition, we help you achieve your goals through targeted, creative, and high-performing campaigns.<\/p>\r\n <p>Thanks to our expertise in digital marketing, we design customized campaigns combining performance and originality, thus ensuring sustainable growth and a strong market presence.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-7082c88 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"7082c88\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c4f5b1 elementor-widget elementor-widget-html\" data-id=\"0c4f5b1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Digital Marketing Services<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');\r\n \r\n :root {\r\n --primary: #E63946;\r\n --secondary: #D90429;\r\n --accent: #FF5A5F;\r\n --dark: #1A1A1D;\r\n --light: #F8F9FA;\r\n --dark-red: #9D0208;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: 'Manrope', sans-serif;\r\n }\r\n \r\n body {\r\n background-color: var(--light);\r\n color: var(--dark);\r\n }\r\n \r\n .counter-section {\r\n padding: 5px 0;\r\n background-color: white;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .section-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: var(--dark);\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .section-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: var(--primary);\r\n border-radius: 2px;\r\n }\r\n \r\n .section-header p {\r\n color: #555;\r\n font-size: 1.1rem;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n \r\n .counters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n }\r\n \r\n .counter-item {\r\n background: white;\r\n padding: 40px 25px;\r\n border-radius: 10px;\r\n text-align: center;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n }\r\n \r\n \/* Different background colors for each counter *\/\r\n .counter-item:nth-child(1) {\r\n background-color: #f0f8ff; \/* AliceBlue *\/\r\n }\r\n \r\n .counter-item:nth-child(2) {\r\n background-color: #fff0f5; \/* LavenderBlush *\/\r\n }\r\n \r\n .counter-item:nth-child(3) {\r\n background-color: #f0fff0; \/* Honeydew *\/\r\n }\r\n \r\n .counter-item:nth-child(4) {\r\n background-color: #fff8dc; \/* Cornsilk *\/\r\n }\r\n \r\n .counter-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(230, 57, 70, 0.15);\r\n }\r\n \r\n .counter-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(230, 57, 70, 0.1);\r\n border-radius: 50%;\r\n color: var(--primary);\r\n font-size: 1.8rem;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .counter-item:hover .counter-icon {\r\n background: var(--primary);\r\n color: white;\r\n transform: scale(1.1);\r\n }\r\n \r\n .counter-number {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n color: var(--primary);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .counter-item:hover .counter-number {\r\n color: var(--dark-red);\r\n }\r\n \r\n .counter-title {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .counter-description {\r\n color: #666;\r\n font-size: 0.9rem;\r\n max-width: 200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .counter-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--primary);\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n .counter-item:hover::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .section-header h2 {\r\n font-size: 2.4rem;\r\n }\r\n \r\n .counters-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .counter-section {\r\n padding: 5px 0;\r\n }\r\n \r\n .counter-item {\r\n padding: 30px 15px;\r\n }\r\n \r\n .counter-number {\r\n font-size: 2rem;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .counters-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .section-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"counter-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>DIGITAL MARKETING SERVICES<\/h2>\r\n <p>We deliver exceptional results that drive growth and maximize your digital potential<\/p>\r\n <\/div>\r\n \r\n <div class=\"counters-grid\">\r\n <div class=\"counter-item\">\r\n <div class=\"counter-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"counter-number\" data-count=\"350\">0<\/div>\r\n <h3 class=\"counter-title\">Happy Clients<\/h3>\r\n <p class=\"counter-description\">Trusted by businesses worldwide<\/p>\r\n <\/div>\r\n \r\n <div class=\"counter-item\">\r\n <div class=\"counter-icon\">\r\n <i class=\"fas fa-project-diagram\"><\/i>\r\n <\/div>\r\n <div class=\"counter-number\" data-count=\"1240\">0<\/div>\r\n <h3 class=\"counter-title\">Projects Done<\/h3>\r\n <p class=\"counter-description\">Successful digital campaigns<\/p>\r\n <\/div>\r\n \r\n <div class=\"counter-item\">\r\n <div class=\"counter-icon\">\r\n <i class=\"fas fa-trophy\"><\/i>\r\n <\/div>\r\n <div class=\"counter-number\" data-count=\"95\">0<\/div>\r\n <h3 class=\"counter-title\">Awards Won<\/h3>\r\n <p class=\"counter-description\">Industry recognition<\/p>\r\n <\/div>\r\n \r\n <div class=\"counter-item\">\r\n <div class=\"counter-icon\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <\/div>\r\n <div class=\"counter-number\" data-count=\"40\">0<\/div>\r\n <h3 class=\"counter-title\">Countries<\/h3>\r\n <p class=\"counter-description\">Global reach<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Counter animation\r\n const counters = document.querySelectorAll('.counter-number');\r\n const speed = 200;\r\n \r\n function animateCounters() {\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-count');\r\n const count = +counter.innerText;\r\n const increment = target \/ speed;\r\n \r\n if(count < target) {\r\n counter.innerText = Math.ceil(count + increment);\r\n setTimeout(animateCounters, 1);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n });\r\n }\r\n \r\n \/\/ Start counting when section is in view\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) {\r\n animateCounters();\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n \r\n observer.observe(document.querySelector('.counter-section'));\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0ae946e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0ae946e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-377a8c5 elementor-widget elementor-widget-html\" data-id=\"377a8c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Digital Marketing Services<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');\r\n \r\n :root {\r\n --primary-1: #4361ee;\r\n --primary-2: #3a0ca3;\r\n --primary-3: #4cc9f0;\r\n --primary-4: #4895ef;\r\n --dark: #1a1a2e;\r\n --light: #f8f9fa;\r\n --gradient-1: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);\r\n --gradient-2: linear-gradient(135deg, #4cc9f0 0%, #4895ef 100%);\r\n --gradient-3: linear-gradient(135deg, #7209b7 0%, #3a0ca3 100%);\r\n --gradient-4: linear-gradient(135deg, #f72585 0%, #b5179e 100%);\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Manrope', sans-serif;\r\n }\r\n \r\n body {\r\n background-color: var(--light);\r\n color: var(--dark);\r\n line-height: 1.7;\r\n }\r\n \r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n \r\n .services-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n }\r\n \r\n .services-header h2 {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n background: linear-gradient(90deg, var(--primary-1), var(--primary-2));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .services-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: var(--gradient-2);\r\n border-radius: 2px;\r\n }\r\n \r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 40px;\r\n }\r\n \r\n .service-card {\r\n background: white;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n position: relative;\r\n border: none;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 30px 60px rgba(67, 97, 238, 0.15);\r\n }\r\n \r\n .service-image {\r\n height: 220px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .service-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n \r\n .service-card:hover .service-image img {\r\n transform: scale(1.1);\r\n }\r\n \r\n .service-image::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to bottom, rgba(27, 27, 56, 0.1), rgba(27, 27, 56, 0.6));\r\n }\r\n \r\n .service-content {\r\n padding: 30px;\r\n position: relative;\r\n }\r\n \r\n .service-content h3 {\r\n font-size: 1.6rem;\r\n margin-bottom: 15px;\r\n color: var(--dark);\r\n font-weight: 800;\r\n }\r\n \r\n .service-content p {\r\n color: #555;\r\n margin-bottom: 25px;\r\n font-size: 1.05rem;\r\n }\r\n \r\n .read-more-btn {\r\n display: inline-block;\r\n padding: 12px 25px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 0.95rem;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n \r\n \/* Different button colors for each service *\/\r\n .service-card:nth-child(1) .read-more-btn {\r\n background: var(--gradient-1);\r\n color: white;\r\n }\r\n .service-card:nth-child(2) .read-more-btn {\r\n background: var(--gradient-2);\r\n color: white;\r\n }\r\n .service-card:nth-child(3) .read-more-btn {\r\n background: var(--gradient-3);\r\n color: white;\r\n }\r\n .service-card:nth-child(4) .read-more-btn {\r\n background: var(--gradient-4);\r\n color: white;\r\n }\r\n .service-card:nth-child(5) .read-more-btn {\r\n background: var(--gradient-1);\r\n color: white;\r\n }\r\n .service-card:nth-child(6) .read-more-btn {\r\n background: var(--gradient-2);\r\n color: white;\r\n }\r\n .service-card:nth-child(7) .read-more-btn {\r\n background: var(--gradient-3);\r\n color: white;\r\n }\r\n \r\n .read-more-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255,255,255,0.1);\r\n z-index: -1;\r\n transform: scaleX(0);\r\n transform-origin: right;\r\n transition: transform 0.4s ease;\r\n }\r\n \r\n .read-more-btn:hover::before {\r\n transform: scaleX(1);\r\n transform-origin: left;\r\n }\r\n \r\n \/* Different card accent colors *\/\r\n .service-card:nth-child(1) {\r\n border-top: 4px solid var(--primary-1);\r\n }\r\n .service-card:nth-child(2) {\r\n border-top: 4px solid var(--primary-3);\r\n }\r\n .service-card:nth-child(3) {\r\n border-top: 4px solid #7209b7;\r\n }\r\n .service-card:nth-child(4) {\r\n border-top: 4px solid #f72585;\r\n }\r\n .service-card:nth-child(5) {\r\n border-top: 4px solid var(--primary-2);\r\n }\r\n .service-card:nth-child(6) {\r\n border-top: 4px solid var(--primary-4);\r\n }\r\n .service-card:nth-child(7) {\r\n border-top: 4px solid #b5179e;\r\n }\r\n \r\n @media (max-width: 1200px) {\r\n .services-grid {\r\n gap: 30px;\r\n }\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .services-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n }\r\n \r\n .services-header h2 {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .services-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .service-content {\r\n padding: 25px;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .services-header h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .container {\r\n padding: 40px 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"services-header\">\r\n <h2>How We Transform Your Digital Challenges into Opportunities<\/h2>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n <!-- Website Creation -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Website creation\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Website Creation<\/h3>\r\n <p>We design and develop modern, high-performing websites optimized for user experience, whether it's a divergent site or a complex e-commerce platform.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/website-creation\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Infographics -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Infographics\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Infographics<\/h3>\r\n <p>Create a striking visual brand identity. From the logo to the complete graphic charter, we forge an image that resonates with your audience.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/infographics\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Social Media -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Social Media\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Social Media<\/h3>\r\n <p>Engage your community and develop your illustration on social networks through creative content strategies and proactive community management.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/social-media\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- SEO -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"SEO\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Search Engine Optimization (SEO)<\/h3>\r\n <p>Optimize your presence on search engines to reach top positions and attract qualified and sustainable organic traffic.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/seo\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Consulting -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Consulting\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Consulting & Strategy<\/h3>\r\n <p>We analyze your market, define your objectives, and develop customized digital strategies to boost your growth and maximize your online impact.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/consulting\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Marketing Automation -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Marketing Automation\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Marketing Automation<\/h3>\r\n <p>Optimize your marketing processes, nurture your leads, and retain your customers with intelligent and personalized automation solutions.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/marketing-automation\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Analytics -->\r\n <div class=\"service-card\">\r\n <div class=\"service-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80\" alt=\"Analytics\">\r\n <\/div>\r\n <div class=\"service-content\">\r\n <h3>Analytics & Data<\/h3>\r\n <p>Collect data to translate it into exploitable statistical data to create dashboards with adapted KPIs to provide clear performance reporting to marketing, sales, and financial departments.<\/p>\r\n <a href=\"https:\/\/thamarusa.com\/th\/analytics\/\" class=\"read-more-btn\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-eb23df6 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"eb23df6\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ee593ff e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no elementor-invisible e-con e-child\" data-id=\"ee593ff\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5834fe5 elementor-widget elementor-widget-html\" data-id=\"5834fe5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"business-offer-banner\">\r\n <div class=\"offer-content\">\r\n <div class=\"offer-text\">\r\n <span class=\"offer-tag\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e08\u0e33\u0e01\u0e31\u0e14<\/span>\r\n <h2>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e1f\u0e23\u0e35\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e02\u0e22\u0e32\u0e22\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/h2>\r\n <p>\u0e08\u0e2d\u0e07\u0e40\u0e0b\u0e2a\u0e0a\u0e31\u0e19\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e1f\u0e23\u0e35\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e01\u0e48\u0e2d\u0e19\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 30 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 \u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27\u0e43\u0e19\u0e44\u0e17\u0e22 \u0e42\u0e21\u0e23\u0e47\u0e2d\u0e01\u0e42\u0e01 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e2b\u0e23\u0e31\u0e10\u0e2d\u0e40\u0e21\u0e23\u0e34\u0e01\u0e32<\/p>\r\n <\/div>\r\n <div class=\"offer-button\">\r\n <a href=\"\/th\/contact\/\" class=\"offer-btn\">\r\n \u0e08\u0e2d\u0e07\u0e40\u0e0b\u0e2a\u0e0a\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.business-offer-banner {\r\n background: linear-gradient(135deg, #056335 0%, #034a28 100%);\r\n color: white;\r\n padding: 40px;\r\n border-radius: 10px;\r\n margin: 2px auto;\r\n max-width: 1200px;\r\n box-shadow: 0 10px 30px rgba(5, 99, 53, 0.3);\r\n position: relative;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.business-offer-banner::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 200px;\r\n height: 200px;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 50%;\r\n}\r\n\r\n.business-offer-banner::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -80px;\r\n left: -80px;\r\n width: 250px;\r\n height: 250px;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 50%;\r\n}\r\n\r\n.offer-content {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n}\r\n\r\n.offer-text {\r\n flex: 1;\r\n min-width: 300px;\r\n}\r\n\r\n.offer-tag {\r\n display: inline-block;\r\n background-color: white;\r\n color: #056335;\r\n padding: 5px 15px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.offer-text h2 {\r\n font-size: 2.2rem;\r\n margin-bottom: 10px;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.offer-text p {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n}\r\n\r\n.offer-button {\r\n flex-shrink: 0;\r\n}\r\n\r\n.offer-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 15px 35px;\r\n background-color: white;\r\n color: #056335;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.offer-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n transition: all 0.6s ease;\r\n}\r\n\r\n.offer-btn:hover::before {\r\n left: 100%;\r\n}\r\n\r\n.offer-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n color: #034a28;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .business-offer-banner {\r\n padding: 30px;\r\n margin: 40px auto;\r\n }\r\n \r\n .offer-text h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .offer-text p {\r\n font-size: 1rem;\r\n }\r\n \r\n .offer-btn {\r\n padding: 12px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .business-offer-banner {\r\n padding: 25px 20px;\r\n text-align: center;\r\n }\r\n \r\n .offer-content {\r\n justify-content: center;\r\n }\r\n \r\n .offer-text {\r\n min-width: 100%;\r\n }\r\n \r\n .offer-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n\/* Font Awesome *\/\r\n@import url(\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\");\r\n<\/style>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>THAMARUSA, WHAT IS IT? We are Creative effective spokespersons innovators experts … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-2947","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/pages\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":424,"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/pages\/2947\/revisions"}],"predecessor-version":[{"id":5987,"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/pages\/2947\/revisions\/5987"}],"wp:attachment":[{"href":"https:\/\/thamarusa.com\/th\/wp-json\/wp\/v2\/media?parent=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}