Reviews Slider<\/title>\r\n <style>\r\n \r\n .review-slider {\r\n max-width: 800px;\r\n width: 100%;\r\n background: #fff;\r\n font-family: 'Inter';\r\n padding: 40px 20px;\r\n border-radius: 16px;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .review-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n transition: transform 0.6s ease-in-out;\r\n }\r\n\r\n .review {\r\n flex: 0 0 100%;\r\n max-width: 100%;\r\n text-align: center;\r\n padding: 10px 20px;\r\n word-wrap: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .review p {\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n margin-bottom: 15px;\r\n color: #444;\r\n }\r\n\r\n .review p strong {\r\n color: #000;\r\n }\r\n\r\n .review .author {\r\n margin-top: 10px;\r\n font-weight: 600;\r\n color: #222;\r\n }\r\n\r\n .stars {\r\n margin-top: 10px;\r\n color: #f7c41f;\r\n font-size: 1.3rem;\r\n }\r\n\r\n \/* Navigation buttons *\/\r\n .nav-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(0, 0, 0, 0.5);\r\n border: none;\r\n color: #fff !important;\r\n font-size: 1.5rem;\r\n padding: 10px;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: 0.3s;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: #C72227 !important;\r\n }\r\n\r\n .prev {\r\n left: 15px;\r\n }\r\n\r\n .next {\r\n right: 15px;\r\n }\r\n\r\n \/* Dots *\/\r\n .dots {\r\n text-align: center;\r\n margin-top: 20px;\r\n }\r\n\r\n .dot {\r\n height: 10px;\r\n width: 10px;\r\n margin: 0 6px;\r\n background: #bbb;\r\n border-radius: 50%;\r\n display: inline-block;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n\r\n .dot.active {\r\n background: #20A8E0 !important;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 600px) {\r\n .review-slider {\r\n padding: 25px 15px;\r\n }\r\n .review p {\r\n font-size: 0.95rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"review-slider\">\r\n <div class=\"review-container\" id=\"reviewContainer\">\r\n \r\n <div class=\"review\">\r\n <p>\u201cI received a letter in the mail and did not believe they were real. At the time my mum was ill and we needed to sell the home to provide for her health care needs. Our home was built in the 1900s and needed some work. After the call, Leah came and looked at the house and gave me an offer. <strong>It was a relief being able to cater for my mum\u2019s expenses. I will work with them again.<\/strong>\u201d\r\n <div class=\"author\">Kendra Butler \u2013 Lowell MA<\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"review\">\r\n <p>\u201c<strong>Great company to work with.<\/strong> They offer multiple options when it comes to selling your land. <strong>Experienced, responsive, and fair.<\/strong> Would definitely work with them again!\u201d<\/p>\r\n <div class=\"author\">Michael Johnson \u2013 Crestview FL<\/div>\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <button class=\"nav-btn prev\" onclick=\"moveSlide(-1)\">\u276e<\/button>\r\n <button class=\"nav-btn next\" onclick=\"moveSlide(1)\">\u276f<\/button>\r\n\r\n \r\n <div class=\"dots\" id=\"dots\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentIndex = 0;\r\n const container = document.getElementById(\"reviewContainer\");\r\n const reviews = document.querySelectorAll(\".review\");\r\n const dotsContainer = document.getElementById(\"dots\");\r\n\r\n \/\/ Create dots dynamically\r\n reviews.forEach((_, i) => {\r\n const dot = document.createElement(\"span\");\r\n dot.classList.add(\"dot\");\r\n dot.addEventListener(\"click\", () => goToSlide(i));\r\n dotsContainer.appendChild(dot);\r\n });\r\n\r\n const dots = document.querySelectorAll(\".dot\");\r\n\r\n function updateSlide() {\r\n container.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n dots.forEach(dot => dot.classList.remove(\"active\"));\r\n dots[currentIndex].classList.add(\"active\");\r\n }\r\n\r\n function moveSlide(step) {\r\n currentIndex = (currentIndex + step + reviews.length) % reviews.length;\r\n updateSlide();\r\n }\r\n\r\n function goToSlide(index) {\r\n currentIndex = index;\r\n updateSlide();\r\n }\r\n\r\n \/\/ Auto-slide\r\n setInterval(() => {\r\n moveSlide(1);\r\n }, 6000);\r\n\r\n \/\/ Initialize\r\n updateSlide();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4db1dd9 e-flex e-con-boxed e-con e-parent\" data-id=\"4db1dd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>REVIEWS Client reviews Reviews Slider \u201cI received a letter in the mail and did not believe they were real. At […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":68,"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":553,"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions\/553"}],"wp:attachment":[{"href":"https:\/\/revogroupinc.com\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}