{"id":5351,"date":"2025-03-16T23:36:42","date_gmt":"2025-03-16T21:36:42","guid":{"rendered":"https:\/\/aromakiveri.com\/?page_id=5351"},"modified":"2026-01-30T12:44:13","modified_gmt":"2026-01-30T10:44:13","slug":"4-day-offer","status":"publish","type":"page","link":"https:\/\/aromakiveri.com\/el\/autumn-offer\/4-day-offer\/","title":{"rendered":"4 day offer page for Easter"},"content":{"rendered":"<!-- BLOCK 1: HERO SECTION -->\n<div class=\"aroma-hero-section\" style=\"padding: clamp(40px, 6vw, 80px) 20px; background: linear-gradient(rgba(26, 95, 122, 0.85), rgba(0, 34, 68, 0.85)), url('https:\/\/aromakiveri.com\/wp-content\/uploads\/2023\/04\/kiveri-beach.jpg') no-repeat center center; background-size: cover; text-align: center; margin-bottom: 40px; width: 100%; box-sizing: border-box;\">\n  <div style=\"max-width: 1140px; margin: 0 auto;\">\n    <!-- \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac Badge -->\n    <div style=\"display: inline-block; background-color: rgba(255,255,255,0.2); padding: 8px 15px; border-radius: 30px; margin-bottom: 20px;\">\n      <span style=\"color: white; font-size: clamp(14px, 3vw, 16px);\">\u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03a0\u03ac\u03c3\u03c7\u03b1<\/span>\n    <\/div>\n    \n    <!-- \u03a4\u03af\u03c4\u03bb\u03bf\u03c2 -->\n    <h1 style=\"font-size: clamp(24px, 5vw, 36px); font-weight: bold; color: white; margin-bottom: 20px; line-height: 1.2;\">\n      \u03a0\u0391\u03a3\u03a7\u0391: 4 \u039c\u03ad\u03c1\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03be\u03af\u03b6\u03bf\u03c5\u03bd \u03cc\u03c3\u03bf \u03ad\u03bd\u03b1\u03c2 \u039c\u03ae\u03bd\u03b1\u03c2 \n    <\/h1>\n    \n    <!-- \u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae -->\n    <p style=\"color: #e2c799; max-width: 700px; margin: 0 auto 25px; font-size: clamp(16px, 3.5vw, 18px); line-height: 1.5;\">\n      \u0391\u03c0\u03bf\u03bb\u03b1\u03cd\u03c3\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03b1\u03be\u03ad\u03c7\u03b1\u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae \u03c3\u03c4\u03bf \u039a\u03b9\u03b2\u03ad\u03c1\u03b9 \u0391\u03c1\u03b3\u03bf\u03bb\u03af\u03b4\u03b1\u03c2 \u03bc\u03b5 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20% \u03b3\u03b9\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03bf \u03c4\u03c9\u03bd 4 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03c4\u03b7\u03c2 \u03c0\u03b5\u03c1\u03b9\u03cc\u03b4\u03bf\u03c5 \u03c4\u03bf\u03c5 \u03a0\u03ac\u03c3\u03c7\u03b1.\n    <\/p>\n    \n    <!-- \u0395\u03bc\u03c6\u03b1\u03c4\u03b9\u03ba\u03cc Coupon Box -->\n    <div style=\"background-color: rgba(255, 255, 255, 0.15); border: 2px dashed #e2c799; border-radius: 10px; padding: 15px; margin: 0 auto 25px; max-width: 500px; animation: pulse 2s infinite;\">\n      <p style=\"margin: 0 0 8px; font-size: clamp(12px, 2.5vw, 14px); color: white;\">\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bf\u03c5\u03c0\u03cc\u03bd\u03b9:<\/p>\n      <div style=\"font-family: monospace; font-size: clamp(22px, 5vw, 30px); font-weight: bold; color: #e2c799; letter-spacing: 2px;\">\n        EASTER\n      <\/div>\n      <p style=\"margin: 8px 0 0; font-size: clamp(12px, 2.5vw, 14px); color: white;\">\n        \u0395\u03b9\u03c3\u03ac\u03b3\u03b5\u03c4\u03ad \u03c4\u03bf \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20%\n      <\/p>\n    <\/div>\n    \n    <!-- \u039a\u03bf\u03c5\u03bc\u03c0\u03b9\u03ac -->\n    <div style=\"margin-bottom: 10px;\">\n      <a href=\"https:\/\/aromakiveri.com\/el\/search-availability\/\" style=\"display: inline-block; background-color: #d4af37; color: white; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; margin: 0 10px 10px 0; font-size: clamp(14px, 3vw, 16px);\">\n        \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03a4\u03ce\u03c1\u03b1\n      <\/a>\n      <a href=\"https:\/\/aromakiveri.com\/el\/contact\/\" style=\"display: inline-block; background-color: transparent; color: white; padding: 12px 25px; border-radius: 5px; text-decoration: none; font-weight: bold; border: 2px solid white; margin: 0 10px 10px 0; font-size: clamp(14px, 3vw, 16px);\">\n        \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(226, 199, 153, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(226, 199, 153, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(226, 199, 153, 0);\n  }\n}\n<\/style>\n\n\n\n<!-- BLOCK 5: LOCATION BENEFITS SECTION -->\n<div class=\"aroma-location-section\" style=\"padding: clamp(40px, 6vw, 80px) 20px; background-color: #f9f9f9; width: 100%; box-sizing: border-box;\">\n  <div class=\"aroma-container\" style=\"max-width: 1140px; margin: 0 auto;\">\n    <h2 style=\"text-align: center; font-size: clamp(24px, 5vw, 36px); font-weight: bold; margin-bottom: clamp(20px, 4vw, 30px); color: #1a5f7a;\">\n      \u0399\u0394\u0391\u039d\u0399\u039a\u0397 \u03a4\u039f\u03a0\u039f\u0398\u0395\u03a3\u0399\u0391: \u0391\u039d\u0391\u039c\u0395\u03a3\u0391 \u03a3\u03a4\u0397 \u0398\u0391\u039b\u0391\u03a3\u03a3\u0391 \u039a\u0391\u0399 \u03a4\u0399\u03a3 \u039f\u039c\u039f\u03a1\u03a6\u0399\u0395\u03a3 \u03a4\u0397\u03a3 \u03a0\u0395\u03a1\u0399\u039f\u03a7\u0397\u03a3\n    <\/h2>\n    <!-- Map Section -->\n    <div class=\"aroma-map-container\" style=\"margin-bottom: 40px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\n      <!-- Replace the URL with your actual Google map -->\n      <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d1537.1283593355581!2d22.731392697344333!3d37.52349842170173!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x149fe522db55fae7%3A0x21e2eabd1aed3b26!2sAroma%20Accommodations!5e0!3m2!1sel!2sgr!4v1755612908210!5m2!1sel!2sgr\" style=\"width: 100%; height: clamp(250px, 50vw, 400px); border: 0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n    <\/div>\n    <h3 style=\"text-align: center; font-size: clamp(20px, 4vw, 24px); margin-bottom: 30px; color: #1a5f7a;\">\n      \u0391\u03a0\u039f\u039b\u0391\u03a5\u03a3\u03a4\u0395 \u03a4\u0391 \u03a0\u039b\u0395\u039f\u039d\u0395\u039a\u03a4\u0397\u039c\u0391\u03a4\u0391 \u03a4\u0397\u03a3 \u0399\u0394\u0391\u039d\u0399\u039a\u0397\u03a3 \u03a4\u039f\u03a0\u039f\u0398\u0395\u03a3\u0399\u0391\u03a3:\n    <\/h3>\n    <div class=\"aroma-benefits-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 40px;\">\n      <!-- Benefit 1 -->\n      <div class=\"aroma-benefit-item\" style=\"display: flex; align-items: flex-start; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\n        <div style=\"min-width: 50px; height: 50px; background-color: #1a5f7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\" stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\"\/>\n            <path d=\"M3.6 9H20.4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M3.6 15H20.4\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 20.7C13.9882 20.7 15.6 16.7411 15.6 12C15.6 7.25888 13.9882 3.3 12 3.3C10.0118 3.3 8.40002 7.25888 8.40002 12C8.40002 16.7411 10.0118 20.7 12 20.7Z\" stroke=\"white\" stroke-width=\"2\" stroke-miterlimit=\"10\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p style=\"font-size: clamp(14px, 3vw, 16px); line-height: 1.5; color: #444; margin: 0;\">\n            \u0394\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf \u039d\u03b1\u03cd\u03c0\u03bb\u03b9\u03bf, \u03bc\u03cc\u03bb\u03b9\u03c2 15 \u03bb\u03b5\u03c0\u03c4\u03ac \u03bf\u03b4\u03ae\u03b3\u03b7\u03c3\u03b7\n          <\/p>\n        <\/div>\n      <\/div>\n      <!-- Benefit 2 -->\n      <div class=\"aroma-benefit-item\" style=\"display: flex; align-items: flex-start; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\n        <div style=\"min-width: 50px; height: 50px; background-color: #1a5f7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M19 14C19 18.4183 15.4183 22 11 22C6.58172 22 3 18.4183 3 14C3 9.58172 6.58172 6 11 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M22 5C22 6.65685 20.6569 8 19 8C17.3431 8 16 6.65685 16 5C16 3.34315 17.3431 2 19 2C20.6569 2 22 3.34315 22 5Z\" stroke=\"white\" stroke-width=\"2\"\/>\n            <path d=\"M11 15C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15Z\" fill=\"white\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p style=\"font-size: clamp(14px, 3vw, 16px); line-height: 1.5; color: #444; margin: 0;\">\n            \u039b\u03af\u03b3\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03c1\u03c5\u03c3\u03c4\u03ac\u03bb\u03bb\u03b9\u03bd\u03b7 \u03c0\u03b1\u03c1\u03b1\u03bb\u03af\u03b1 \u03c4\u03bf\u03c5 \u039a\u03b9\u03b2\u03b5\u03c1\u03af\u03bf\u03c5\n          <\/p>\n        <\/div>\n      <\/div>\n      <!-- Benefit 3 -->\n      <div class=\"aroma-benefit-item\" style=\"display: flex; align-items: flex-start; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\n        <div style=\"min-width: 50px; height: 50px; background-color: #1a5f7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M17 10H3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M21 6H3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M21 14H3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M17 18H3\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p style=\"font-size: clamp(14px, 3vw, 16px); line-height: 1.5; color: #444; margin: 0;\">\n            \u0394\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03b5 \u03b5\u03c3\u03c4\u03b9\u03b1\u03c4\u03cc\u03c1\u03b9\u03b1 \u039a\u03b9\u03b2\u03ad\u03c1\u03b9 \u03b3\u03b9\u03b1 \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b3\u03b5\u03c5\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b5\u03c2\n          <\/p>\n        <\/div>\n      <\/div>\n      <!-- Benefit 4 -->\n      <div class=\"aroma-benefit-item\" style=\"display: flex; align-items: flex-start; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\n        <div style=\"min-width: 50px; height: 50px; background-color: #1a5f7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 12L19 4.5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M19 11.5V4.5H12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 12L5 19.5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M5 12.5V19.5H12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p style=\"font-size: clamp(14px, 3vw, 16px); line-height: 1.5; color: #444; margin: 0;\">\n            \u0395\u03cd\u03ba\u03bf\u03bb\u03b7 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03c3\u03b5 \u03b1\u03c1\u03c7\u03b1\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03bf\u03cd\u03c2 \u03c7\u03ce\u03c1\u03bf\u03c5\u03c2 (\u039c\u03c5\u03ba\u03ae\u03bd\u03b5\u03c2, \u03ba\u03c4\u03bb)\n          <\/p>\n        <\/div>\n      <\/div>\n      <!-- Benefit 5 -->\n      <div class=\"aroma-benefit-item\" style=\"display: flex; align-items: flex-start; background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.05);\">\n        <div style=\"min-width: 50px; height: 50px; background-color: #1a5f7a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M17 17L22 22\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M2 22L7 17\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8Z\" fill=\"white\"\/>\n            <path d=\"M22 8C22 12.4183 18.4183 16 14 16\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <p style=\"font-size: clamp(14px, 3vw, 16px); line-height: 1.5; color: #444; margin: 0;\">\n            \u0393\u03c1\u03b1\u03c6\u03b9\u03ba\u03ad\u03c2 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03c1\u03c0\u03ac\u03c4\u03b7\u03bc\u03b1\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- CTA Button -->\n    <div style=\"text-align: center;\">\n      <a href=\"https:\/\/aromakiveri.com\/el\/search-availability\/\" style=\"display: inline-block; background-color: #1a5f7a; color: white; padding: 12px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: clamp(14px, 3vw, 16px); transition: all 0.3s ease;\">\n        \u039a\u03ac\u03bd\u03c4\u03b5 \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7 \u03bc\u03b5 \u03c4\u03bf \u03ba\u03bf\u03c5\u03c0\u03cc\u03bd\u03b9 EASTER &amp; \u0395\u03be\u03b5\u03c1\u03b5\u03c5\u03bd\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03a0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- BLOCK 6: TESTIMONIALS SECTION (VISIBLE ONLY ON DESKTOP AND TABLET) -->\n<div class=\"aroma-testimonials-section\" style=\"padding: clamp(40px, 6vw, 80px) 20px; background-color: white; background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('\/wp-content\/uploads\/2023\/04\/aroma-pattern-light.jpg'); background-position: center; background-size: cover; width: 100%; box-sizing: border-box;\">\n  <div class=\"aroma-container\" style=\"max-width: 1140px; margin: 0 auto;\">\n    <h2 style=\"text-align: center; font-size: clamp(24px, 5vw, 36px); font-weight: bold; margin-bottom: clamp(30px, 5vw, 50px); color: #1a5f7a;\">\n      OUR GUESTS TALK ABOUT THEIR EXPERIENCE\n    <\/h2>\n    <div class=\"aroma-testimonials-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 40px;\">\n      <!-- Testimonial 1 -->\n      <div class=\"aroma-testimonial-card\" style=\"position: relative; background-color: white; border-radius: 15px; padding: 30px; padding-top: 50px; box-shadow: 0 5px 20px rgba(0,0,0,0.05);\">\n        <!-- Guest Image -->\n        <div style=\"position: absolute; top: -25px; left: 25px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\">\n          <!-- Replace with actual guest photo or general couple photo -->\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/04\/family-guests.jpg\" alt=\"Maria &#038; George\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <!-- Quote icon -->\n        <div style=\"position: absolute; top: 20px; right: 20px; width: 40px; height: 40px;\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M9.13456 9H5.25C4.83579 9 4.5 9.33579 4.5 9.75V13.875C4.5 14.2892 4.83579 14.625 5.25 14.625H8.38456C8.38456 16.1566 7.14114 17.4 5.60956 17.4H5.46218C5.04796 17.4 4.71218 17.7358 4.71218 18.15C4.71218 18.5642 5.04796 18.9 5.46218 18.9H5.60956C7.9689 18.9 9.88456 16.9843 9.88456 14.625V9.75C9.88456 9.33579 9.54877 9 9.13456 9Z\" fill=\"#e2c799\"\/>\n            <path d=\"M18.7346 9H14.85C14.4358 9 14.1 9.33579 14.1 9.75V13.875C14.1 14.2892 14.4358 14.625 14.85 14.625H17.9846C17.9846 16.1566 16.7411 17.4 15.2096 17.4H15.0622C14.648 17.4 14.3122 17.7358 14.3122 18.15C14.3122 18.5642 14.648 18.9 15.0622 18.9H15.2096C17.5689 18.9 19.4846 16.9843 19.4846 14.625V9.75C19.4846 9.33579 19.1488 9 18.7346 9Z\" fill=\"#e2c799\"\/>\n          <\/svg>\n        <\/div>\n        <!-- Testimonial text -->\n        <p style=\"font-size: clamp(15px, 3vw, 16px); line-height: 1.6; color: #555; margin-bottom: 20px; font-style: italic;\">\n          &#8220;Four days at Aroma was the best decision we made. The modern apartment with hotel amenities in Kiveri exceeded our expectations.&#8221;\n        <\/p>\n        <!-- Guest name -->\n        <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n          <div>\n            <p style=\"font-size: clamp(14px, 3vw, 16px); font-weight: bold; color: #1a5f7a; margin: 0;\">\n              Maria &#038; George\n            <\/p>\n            <p style=\"font-size: clamp(12px, 2.5vw, 14px); color: #666; margin: 0;\">\n              \u0394\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1 | \u039c\u03ac\u03b9\u03bf\u03c2 2024\n            <\/p>\n          <\/div>\n          <!-- Star rating -->\n          <div style=\"display: flex; gap: 2px;\">\n            <span style=\"color: #d4af37;\">\u2605\u2605\u2605\u2605\u2605<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <!-- Testimonial 2 -->\n      <div class=\"aroma-testimonial-card\" style=\"position: relative; background-color: white; border-radius: 15px; padding: 30px; padding-top: 50px; box-shadow: 0 5px 20px rgba(0,0,0,0.05);\">\n        <!-- Guest Image -->\n        <div style=\"position: absolute; top: -25px; left: 25px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\">\n          <!-- Replace with actual guest photo or general couple photo -->\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/04\/couple-guests.jpg\" alt=\"Dimitra &#038; Kostas\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n        <\/div>\n        <!-- Quote icon -->\n        <div style=\"position: absolute; top: 20px; right: 20px; width: 40px; height: 40px;\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M9.13456 9H5.25C4.83579 9 4.5 9.33579 4.5 9.75V13.875C4.5 14.2892 4.83579 14.625 5.25 14.625H8.38456C8.38456 16.1566 7.14114 17.4 5.60956 17.4H5.46218C5.04796 17.4 4.71218 17.7358 4.71218 18.15C4.71218 18.5642 5.04796 18.9 5.46218 18.9H5.60956C7.9689 18.9 9.88456 16.9843 9.88456 14.625V9.75C9.88456 9.33579 9.54877 9 9.13456 9Z\" fill=\"#e2c799\"\/>\n            <path d=\"M18.7346 9H14.85C14.4358 9 14.1 9.33579 14.1 9.75V13.875C14.1 14.2892 14.4358 14.625 14.85 14.625H17.9846C17.9846 16.1566 16.7411 17.4 15.2096 17.4H15.0622C14.648 17.4 14.3122 17.7358 14.3122 18.15C14.3122 18.5642 14.648 18.9 15.0622 18.9H15.2096C17.5689 18.9 19.4846 16.9843 19.4846 14.625V9.75C19.4846 9.33579 19.1488 9 18.7346 9Z\" fill=\"#e2c799\"\/>\n          <\/svg>\n        <\/div>\n        <!-- Testimonial text -->\n        <p style=\"font-size: clamp(15px, 3vw, 16px); line-height: 1.6; color: #555; margin-bottom: 20px; font-style: italic;\">\n          &#8220;We were looking for tranquility and quality for our summer holidays in Kiveri Argolida and we found Aroma. The studio was exactly what we needed to rekindle our relationship.&#8221;\n        <\/p>\n        <!-- Guest name -->\n        <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n          <div>\n            <p style=\"font-size: clamp(14px, 3vw, 16px); font-weight: bold; color: #1a5f7a; margin: 0;\">\n              \u0394\u03ae\u03bc\u03b7\u03c4\u03c1\u03b1 &amp; \u039a\u03ce\u03c3\u03c4\u03b1\u03c2\n            <\/p>\n            <p style=\"font-size: clamp(12px, 2.5vw, 14px); color: #666; margin: 0;\">\n              \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf | \u0399\u03bf\u03cd\u03bb\u03b9\u03bf\u03c2 2024\n            <\/p>\n          <\/div>\n          <!-- Star rating -->\n          <div style=\"display: flex; gap: 2px;\">\n            <span style=\"color: #d4af37;\">\u2605\u2605\u2605\u2605\u2605<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- CTA Button -->\n    <div style=\"text-align: center;\">\n      <a href=\"https:\/\/aromakiveri.com\/el\/search-availability\/\" style=\"display: inline-block; background-color: #d4af37; color: white; padding: 12px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: clamp(14px, 3vw, 16px); transition: all 0.3s ease;\">\n        Experience the 4 Days at Aroma\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- CSS for hiding on mobile devices -->\n<style>\n  @media screen and (max-width: 767px) {\n    .aroma-testimonials-section {\n      display: none !important;\n    }\n  }\n<\/style>\n\n\n\n<!-- BLOCK 3: ACCOMMODATIONS SECTION -->\n<section class=\"aroma-accommodations-section\" style=\"padding: clamp(40px, 6vw, 80px) 20px; background-color: white; width: 100%; box-sizing: border-box;\">\n  <div class=\"aroma-container\" style=\"max-width: 1140px; margin: 0 auto;\">\n    <h2 style=\"text-align: center; font-size: clamp(24px, 5vw, 36px); font-weight: bold; margin-bottom: clamp(30px, 5vw, 50px); color: #1a5f7a;\">\n      \u03a4\u0391 \u039a\u0391\u03a4\u0391\u039b\u03a5\u039c\u0391\u03a4\u0391 \u039c\u0391\u03a3\n    <\/h2>\n    \n    <div class=\"aroma-accommodations-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(20px, 3vw, 30px);\">\n      <!-- Accommodation 1: Apartment -->\n      <div class=\"aroma-accommodation-card\" style=\"border: 1px solid #eee; border-radius: 10px; overflow: hidden; background-color: white; box-shadow: 0 5px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; height: 100%;\">\n        <div class=\"aroma-image\" style=\"height: 0; padding-bottom: 66.67%; position: relative;\">\n          <!-- \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c4\u03bf\u03c5 \u03b4\u03b9\u03b1\u03bc\u03b5\u03c1\u03af\u03c3\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03b9\u03c3\u03c4\u03cc\u03c4\u03bf\u03c0\u03cc \u03c3\u03b1\u03c2 -->\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/03\/F67A3284-HDR.jpg\" alt=\"\u039f\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03cc \u0394\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\"\/>\n        <\/div>\n        <div class=\"aroma-content\" style=\"padding: clamp(15px, 3vw, 25px); flex-grow: 1; display: flex; flex-direction: column;\">\n          <h3 style=\"font-size: clamp(18px, 4vw, 20px); font-weight: 600; margin-bottom: 10px; color: #1a5f7a;\">\u039f\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03cc \u0394\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1<\/h3>\n          <p style=\"color: #666; line-height: 1.5; margin-bottom: 15px; font-size: clamp(14px, 3.5vw, 16px);\">\n            \u0395\u03c5\u03c1\u03cd\u03c7\u03c9\u03c1\u03bf \u03bf\u03b9\u03ba\u03bf\u03b3\u03b5\u03bd\u03b5\u03b9\u03b1\u03ba\u03cc \u03b4\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1 \u039a\u03b9\u03b2\u03ad\u03c1\u03b9 \u0391\u03c1\u03b3\u03bf\u03bb\u03af\u03b4\u03b1, \u03bc\u03b5 \u03ac\u03bd\u03b5\u03c4\u03bf\u03c5\u03c2 \u03c7\u03ce\u03c1\u03bf\u03c5\u03c2, \u03b4\u03cd\u03bf \u03c5\u03c0\u03bd\u03bf\u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7 \u03ba\u03bf\u03c5\u03b6\u03af\u03bd\u03b1.\n          <\/p>\n          <div class=\"aroma-amenities\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 15px;\">\n            <div class=\"aroma-amenity\" style=\"display: flex; align-items: center; gap: 5px;\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M3 10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8H19C19.5304 8 20.0391 8.21071 20.4142 8.58579C20.7893 8.96086 21 9.46957 21 10V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V10Z\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M7 8V6C7 5.46957 7.21071 4.96086 7.58579 4.58579C7.96086 4.21071 8.46957 4 9 4H15C15.5304 4 16.0391 4.21071 16.4142 4.58579C16.7893 4.96086 17 5.46957 17 6V8\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <span style=\"font-size: clamp(12px, 3vw, 14px);\">2 \u039c\u03c0\u03ac\u03bd\u03b9\u03b1<\/span>\n            <\/div>\n            <div class=\"aroma-amenity\" style=\"display: flex; align-items: center; gap: 5px;\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <span style=\"font-size: clamp(12px, 3vw, 14px);\">\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03ba\u03bf\u03c5\u03b6\u03af\u03bd\u03b1<\/span>\n            <\/div>\n          <\/div>\n          <a href=\"https:\/\/aromakiveri.com\/el\/accommodation\/apartment_page\/\" class=\"aroma-btn\" style=\"display: block; text-align: center; background-color: white; color: #1a5f7a; padding: 10px; border-radius: 5px; text-decoration: none; font-weight: bold; border: 2px solid #1a5f7a; transition: all 0.3s ease; margin-top: auto; font-size: clamp(14px, 3.5vw, 16px);\">\n            \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u0394\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1\n          <\/a>\n        <\/div>\n      <\/div>\n      \n      <!-- Accommodation 2: Studio -->\n      <div class=\"aroma-accommodation-card\" style=\"border: 1px solid #eee; border-radius: 10px; overflow: hidden; background-color: white; box-shadow: 0 5px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; height: 100%;\">\n        <div class=\"aroma-image\" style=\"height: 0; padding-bottom: 66.67%; position: relative;\">\n          <!-- \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c4\u03bf\u03c5 \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03b9\u03c3\u03c4\u03cc\u03c4\u03bf\u03c0\u03cc \u03c3\u03b1\u03c2 -->\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/03\/F67A3468-HDR-1.jpg\" alt=\"\u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03b3\u03b9\u03b1 \u0396\u03b5\u03c5\u03b3\u03ac\u03c1\u03b9\u03b1\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\"\/>\n        <\/div>\n        <div class=\"aroma-content\" style=\"padding: clamp(15px, 3vw, 25px); flex-grow: 1; display: flex; flex-direction: column;\">\n          <h3 style=\"font-size: clamp(18px, 4vw, 20px); font-weight: 600; margin-bottom: 10px; color: #1a5f7a;\">\u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03b3\u03b9\u03b1 \u0396\u03b5\u03c5\u03b3\u03ac\u03c1\u03b9\u03b1<\/h3>\n          <p style=\"color: #666; line-height: 1.5; margin-bottom: 15px; font-size: clamp(14px, 3.5vw, 16px);\">\n            \u039a\u03bf\u03bc\u03c8\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03b3\u03b9\u03b1 \u03b6\u03b5\u03c5\u03b3\u03ac\u03c1\u03b9\u03b1 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1 \u039a\u03b9\u03b2\u03ad\u03c1\u03b9, \u03bc\u03cc\u03bb\u03b9\u03c2 30 \u03bc\u03ad\u03c4\u03c1\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03af\u03b1, \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03c1\u03bf\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03cc\u03b4\u03c1\u03b1\u03c3\u03b7.\n          <\/p>\n          <div class=\"aroma-amenities\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 15px;\">\n            <div class=\"aroma-amenity\" style=\"display: flex; align-items: center; gap: 5px;\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M3 10C3 9.46957 3.21071 8.96086 3.58579 8.58579C3.96086 8.21071 4.46957 8 5 8H19C19.5304 8 20.0391 8.21071 20.4142 8.58579C20.7893 8.96086 21 9.46957 21 10V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V10Z\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <path d=\"M7 8V6C7 5.46957 7.21071 4.96086 7.58579 4.58579C7.96086 4.21071 8.46957 4 9 4H15C15.5304 4 16.0391 4.21071 16.4142 4.58579C16.7893 4.96086 17 5.46957 17 6V8\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <span style=\"font-size: clamp(12px, 3vw, 14px);\">\u039a\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03bb\u03af\u03b1<\/span>\n            <\/div>\n            <div class=\"aroma-amenity\" style=\"display: flex; align-items: center; gap: 5px;\">\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"#1a5f7a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <span style=\"font-size: clamp(12px, 3vw, 14px);\"> \u0398\u03ad\u03b1 \u03c3\u03c4\u03bf\u03bd \u039a\u03ae\u03c0\u03bf<\/span>\n            <\/div>\n          <\/div>\n          <a href=\"https:\/\/aromakiveri.com\/el\/accommodation\/studio-page\/\" class=\"aroma-btn\" style=\"display: block; text-align: center; background-color: white; color: #1a5f7a; padding: 10px; border-radius: 5px; text-decoration: none; font-weight: bold; border: 2px solid #1a5f7a; transition: all 0.3s ease; margin-top: auto; font-size: clamp(14px, 3.5vw, 16px);\">\n            \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- BLOCK 4: SPECIAL OFFER SECTION (WITH COUPON CODE - OPTIMIZED FOR MOBILE) -->\n<div class=\"aroma-special-offer\" style=\"padding: clamp(30px, 5vw, 80px) 15px; background-color: #f3f8fb; width: 100%; box-sizing: border-box;\">\n  <div class=\"aroma-container\" style=\"max-width: 1140px; margin: 0 auto;\">\n    <div class=\"aroma-offer-card\" style=\"background-color: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(26, 95, 122, 0.1); display: flex; flex-direction: column; width: 100%;\">\n      <!-- Header -->\n      <div class=\"aroma-offer-header\" style=\"background-color: #1a5f7a; padding: clamp(20px, 4vw, 30px); text-align: center; position: relative;\">\n        <div style=\"position: absolute; top: 10px; right: 10px; background-color: #d4af37; color: white; padding: 5px 10px; border-radius: 50px; font-weight: bold; font-size: clamp(12px, 2.5vw, 14px); z-index: 1;\">\n          -20% \u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7\n        <\/div>\n        <h2 style=\"color: white; font-size: clamp(20px, 4vw, 28px); margin-bottom: 10px; padding-right: 60px;\">\n          \u03a4\u039f \u0391\u03a0\u039f\u039b\u03a5\u03a4\u039f \u03a0\u0391\u039a\u0395\u03a4\u039f 4 \u0397\u039c\u0395\u03a1\u03a9\u039d\n        <\/h2>\n        <p style=\"color: #e2c799; font-size: clamp(14px, 3vw, 18px); margin: 0;\">\n               \u0396\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03b1\u03be\u03af\u03b6\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03a0\u03ac\u03c3\u03c7\u03b1\n        <\/p>\n      <\/div>\n      <!-- Content -->\n      <div class=\"aroma-offer-content\" style=\"padding: clamp(20px, 4vw, 40px); display: flex; flex-direction: column; gap: clamp(20px, 3vw, 30px);\">\n        <!-- Coupon Code Section -->\n        <div style=\"width: 100%;\">\n          <h3 style=\"font-size: clamp(18px, 4vw, 22px); color: #1a5f7a; margin-bottom: 15px; text-align: center;\">\n            \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bf\u03c5\u03c0\u03cc\u03bd\u03b9 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7\u03c2\n          <\/h3>\n          <div style=\"background-color: #f9f9f9; border: 2px dashed #1a5f7a; border-radius: 8px; padding: 20px; text-align: center; margin-bottom: 20px; position: relative;\">\n            <div style=\"position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background-color: white; padding: 0 10px; color: #d4af37; font-size: clamp(12px, 2.5vw, 14px); font-weight: bold; white-space: nowrap;\">\u039a\u03a9\u0394\u0399\u039a\u039f\u03a3 \u039a\u039f\u03a5\u03a0\u039f\u039d\u0399\u039f\u03a5<\/div>\n            <div style=\"font-size: clamp(20px, 5vw, 28px); font-weight: bold; color: #1a5f7a; letter-spacing: 2px; font-family: monospace; padding: 5px 0;\">\n              EASTER\n            <\/div>\n            <p style=\"margin: 10px 0 0; font-size: clamp(13px, 2.5vw, 15px); color: #666;\">\n              \u0391\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c4\u03bf\u03bd \u03ba\u03c9\u03b4\u03b9\u03ba\u03cc \u03ba\u03b1\u03b9 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2\n            <\/p>\n          <\/div>\n          <div style=\"background-color: rgba(26, 95, 122, 0.05); border-radius: 8px; padding: 12px; margin-bottom: 15px;\">\n            <p style=\"margin: 0; font-size: clamp(14px, 3vw, 16px); color: #555; display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 8px;\">\n              <span style=\"color: #d4af37; font-size: 1.2em; flex-shrink: 0; display: inline-block; margin-top: 2px;\">\u2713<\/span>\n              <span>\u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20% \u03b3\u03b9\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 4 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd<\/span>\n            <\/p>\n          <\/div>\n          <div style=\"background-color: rgba(26, 95, 122, 0.05); border-radius: 8px; padding: 12px;\">\n            <p style=\"margin: 0; font-size: clamp(14px, 3vw, 16px); color: #555; display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 8px;\">\n              <span style=\"color: #d4af37; font-size: 1.2em; flex-shrink: 0; display: inline-block; margin-top: 2px;\">\u2713<\/span>\n              <span>\u0399\u03c3\u03c7\u03cd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03b5\u03c1\u03af\u03bf\u03b4\u03bf \u03c4\u03bf\u03c5 \u03a0\u03ac\u03c3\u03c7\u03b1<\/span>\n            <\/p>\n          <\/div>\n        <\/div>\n        <!-- How to Use and CTA -->\n        <div style=\"width: 100%;\">\n          <h4 style=\"font-size: clamp(16px, 3.5vw, 18px); color: #1a5f7a; margin-bottom: 15px; text-align: center;\">\n            \u03a0\u03ce\u03c2 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c4\u03bf \u03ba\u03bf\u03c5\u03c0\u03cc\u03bd\u03b9\n          <\/h4>\n          <ol style=\"text-align: left; padding-left: 25px; margin-bottom: 25px; margin-top: 0;\">\n            <li style=\"margin-bottom: 10px; font-size: clamp(14px, 3vw, 15px); color: #555; padding-left: 5px;\">\n              \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b5\u03c2 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae\u03c2 +4 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\n            <\/li>\n            <li style=\"margin-bottom: 10px; font-size: clamp(14px, 3vw, 15px); color: #555; padding-left: 5px;\">\n              \u0395\u03b9\u03c3\u03ac\u03b3\u03b5\u03c4\u03b5 \u03c4\u03bf\u03bd \u03ba\u03c9\u03b4\u03b9\u03ba\u03cc <strong>EASTER<\/strong> \u03c3\u03c4\u03bf \u03c0\u03b5\u03b4\u03af\u03bf \u03ba\u03bf\u03c5\u03c0\u03bf\u03bd\u03b9\u03bf\u03cd\n            <\/li>\n            <li style=\"font-size: clamp(14px, 3vw, 15px); color: #555; padding-left: 5px;\">\n              \u0391\u03c0\u03bf\u03bb\u03b1\u03cd\u03c3\u03c4\u03b5 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20% \u03c3\u03c4\u03b7 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03ae \u03c4\u03b9\u03bc\u03ae\n            <\/li>\n          <\/ol>\n          <a href=\"https:\/\/aromakiveri.com\/el\/search-availability\/\" style=\"display: block; background-color: #d4af37; color: white; padding: 15px 20px; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: clamp(15px, 3.5vw, 18px); width: 100%; box-sizing: border-box; text-align: center; transition: all 0.3s ease; margin: 0 auto;\">\n            \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7\n          <\/a>\n          <p style=\"font-size: clamp(12px, 2.5vw, 14px); color: #777; margin-top: 15px; text-align: center;\">\n            *\u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03b3\u03b9\u03b1 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<style>\n@media (min-width: 768px) {\n  .aroma-offer-content {\n    flex-direction: row !important;\n  }\n  .aroma-offer-content > div {\n    flex: 1 1 0;\n    min-width: 0;\n  }\n  .aroma-offer-content > div:first-child {\n    margin-right: 10px;\n  }\n}\n<\/style>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Easter Offer EASTER: 4 Days Worth a Month Enjoy an unforgettable stay at Kiveri, Argolida with 20% off for bookings of 4+ days during Easter period. Use coupon code: EASTER Apply it during checkout for your 20% discount Book Now &hellip; <a href=\"https:\/\/aromakiveri.com\/el\/autumn-offer\/4-day-offer\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":5951,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5351","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/5351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/comments?post=5351"}],"version-history":[{"count":0,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/5351\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/5951"}],"wp:attachment":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/media?parent=5351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}