Hero Text Left<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* Section container *\/\r\n.hero-text-section {\r\n width: 100%;\r\n padding-top: 14%;\r\n display: flex;\r\n justify-content: flex-start; \/* Push content to LEFT *\/\r\n padding-left: 16%; \/* Space from left edge *\/\r\n}\r\n\r\n\/* Text Box *\/\r\n.hero-text {\r\n max-width: 600px;\r\n}\r\n\r\n\/* Headings *\/\r\n.hero-text h1 {\r\n font-family: \"Outfit\", sans-serif;\r\n color: #fff;\r\n font-size: 90px;\r\n line-height: 85px;\r\n font-weight: 900;\r\n margin: 0;\r\n}\r\n\r\n\/* Outlined text *\/\r\n.outlined {\r\n font-size: 90px;\r\n font-weight: 900;\r\n line-height: 85px;\r\n color: transparent;\r\n -webkit-text-stroke: 2px #fff;\r\n display: block;\r\n}\r\n\r\n\/* Arrow + Outlined Text *\/\r\n.arrow-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n margin: 5px 0;\r\n}\r\n\r\n.arrow-title img {\r\n width: 70px;\r\n}\r\n\r\n\/* Paragraph *\/\r\n.hero-text p {\r\n margin-top: 20px;\r\n color: #d5d5d5;\r\n font-size: 17px;\r\n font-family: \"Outfit\", sans-serif;\r\n line-height: 26px;\r\n}\r\n\r\n\/* Button *\/\r\n.hero-btn {\r\n margin-top: 35px;\r\n padding: 15px 28px;\r\n background: #D88C64;\r\n border-radius: 35px;\r\n border: none;\r\n color: #fff;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n font-family: \"Outfit\", sans-serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: 0.2s ease-in-out;\r\n}\r\n\r\n.hero-btn img {\r\n width: 20px;\r\n}\r\n\r\n.hero-btn:hover {\r\n opacity: 0.9;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 1200px) {\r\n .hero-text h1,\r\n .outlined {\r\n font-size: 70px;\r\n line-height: 72px;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .hero-text-section {\r\n justify-content: center; \/* Center text on small screens *\/\r\n padding: 100px 20px;\r\n }\r\n\r\n .arrow-title {\r\n justify-content: center;\r\n }\r\n\r\n .arrow-title img {\r\n width: 55px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hero-text-section\">\r\n\r\n <div class=\"hero-text\">\r\n <h1>A VOICE<\/h1>\r\n\r\n <div class=\"arrow-title\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/ph_arrow-left-bold.png\">\r\n <span class=\"outlined\">BEYOND<\/span>\r\n <\/div>\r\n\r\n <h1>THE WALL<\/h1>\r\n\r\n <p>\r\n Back Against The Bars is a trusted prison pen pal and inmate matchmaking platform designed to help people connect beyond prison walls. Whether you're looking to write to inmates for friendship, emotional support, or romantic connection, our platform makes the process simple, respectful, and meaningful.\r\n <\/p>\r\n\r\n <a href=\"#contactus\"><button class=\"hero-btn\">\r\n Join Pen Pal Service\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008585.png\">\r\n <\/button><\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e530cfc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e530cfc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5af764 elementor-widget elementor-widget-text-editor\" data-id=\"d5af764\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>—— OUR SERVICES – COMING JULY 1ST ——<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47c4ea1 elementor-widget elementor-widget-html\" data-id=\"47c4ea1\" data-element_type=\"widget\" data-e-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>Pre-Subscribe Access<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Import required fonts *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;900&display=swap');\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Custom Colors *\/\r\n .color-dark { color: #2F2F2F; }\r\n .text-accent { color: #D88C64; }\r\n\r\n \/* Typography *\/\r\n .font-outfit { font-family: 'Outfit', sans-serif; }\r\n .font-poppins { font-family: 'Poppins', sans-serif; }\r\n\r\n \/* Custom Styles *\/\r\n .main-headline {\r\n font-size: clamp(2.5rem, 5vw, 3.25rem);\r\n line-height: 1.15;\r\n font-weight: 900;\r\n margin-bottom: 2.5rem; \r\n }\r\n\r\n .card-heading {\r\n font-size: 1.5rem;\r\n font-weight: 600; \/* Outfit Semibold *\/\r\n margin-top: 0;\r\n margin-bottom: 0.5rem; \r\n }\r\n\r\n .feature-list {\r\n list-style: none;\r\n padding-left: 0;\r\n margin-top: 1.25rem; \r\n }\r\n\r\n .feature-list li {\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: flex-start;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n position: relative;\r\n padding-left: 1.2em; \/* Space for the dot *\/\r\n }\r\n\r\n \/* Dot points (bullets) *\/\r\n .feature-list li::before {\r\n content: '\u2022'; \/* Dot point *\/\r\n color: #2F2F2F; \/* Black dot *\/\r\n font-weight: 600;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n font-size: 1.1em;\r\n }\r\n \r\n .card-separator {\r\n width: 40px;\r\n height: 1.5px;\r\n background-color: #D88C64;\r\n margin-right: 0.75rem; \/* Space between line and heading *\/\r\n margin-top: 0;\r\n }\r\n\r\n \/* Button Styling *\/\r\n .subscribe-btn {\r\n border: 1px solid #2F2F2F;\r\n border-radius: 9999px; \/* Full rounded corners *\/\r\n padding: 10px 20px;\r\n color: #2F2F2F !important; \r\n text-decoration: none !important;\r\n font-weight: 500; \r\n font-size: 0.875rem; \r\n transition: all 0.2s;\r\n display: inline-flex;\r\n align-items: center;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n .subscribe-btn:hover {\r\n background-color: #2F2F2F;\r\n color: white !important;\r\n }\r\n .subscribe-btn:hover svg {\r\n stroke: white;\r\n }\r\n .subscribe-btn svg {\r\n transition: stroke 0.2s;\r\n stroke: #2F2F2F; \/* Default arrow color black *\/\r\n }\r\n\r\n \/* NEW: Flex container for separator and heading *\/\r\n .heading-container {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white font-outfit color-dark\">\r\n <div class=\"max-w-7xl mx-auto pt-16 pb-20 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <h1 class=\"main-headline color-dark text-center font-outfit px-2\">\r\n Pre-subscribe now for \r\n <span class=\"text-accent font-semibold\">early access<\/span> to our \r\n <br class=\"hidden sm:inline\">connection and story-sharing services.\r\n <\/h1>\r\n\r\n \r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 mt-12 items-stretch\">\r\n \r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-r md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Pen Pal Service<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Connect beyond the walls. We share inmate profiles online and on social \r\n media to build real connections.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Priority placement with pre-subscription.<\/li>\r\n <li>Annual Fee: $50\/year<\/li>\r\n <\/ul>\r\n\r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-r md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Matchmaking Service<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Real love, real chances. Connect with free-world partners through \r\n casting calls.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Priority placement with pre-subscription.<\/li>\r\n <li>Annual Fee: $150\/year<\/li>\r\n <\/ul>\r\n \r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Podcast & TV Features<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Share your story on Love Through the Bars or Everybody Got a Story to \r\n Tell.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Podcast: $25<\/li>\r\n <li>TV: $35\u2013$250, depending on feature type<\/li>\r\n <\/ul>\r\n\r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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-543e710 e-flex e-con-boxed e-con e-parent\" data-id=\"543e710\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-681006a elementor-widget elementor-widget-html\" data-id=\"681006a\" data-element_type=\"widget\" data-e-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>Amplifying Voices Section<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n \/\/ Configure Tailwind to use the custom orange color and Inter font\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n \/\/ Custom color for the accent text (Beyond the Bars)\r\n 'accent-orange': '#D88C64',\r\n \/\/ Custom background color (light beige\/off-white)\r\n 'app-bg': '#F9F7F0',\r\n },\r\n fontFamily: {\r\n \/\/ Using Inter as a robust, modern sans-serif fallback\r\n \/\/ Replace with your 'Ag Heading\/H1' font family if you have it loaded\r\n sans: ['Inter', 'ui-sans-serif', 'system-ui'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the dashed line effect *\/\r\n .about-us-header {\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.75rem; \/* text-xs *\/\r\n font-weight: 500; \/* font-medium *\/\r\n letter-spacing: 0.05em; \/* tracking-wider *\/\r\n color: #374151; \/* A dark gray *\/\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .about-us-header::before {\r\n content: '';\r\n width: 2rem; \/* The length of the line *\/\r\n height: 1px;\r\n margin-right: 0.5rem;\r\n background-image: linear-gradient(to right, #374151 33%, rgba(255, 255, 255, 0) 0%);\r\n background-position: bottom;\r\n background-size: 8px 1px;\r\n background-repeat: repeat-x;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\r\n \r\n \r\n <div class=\"space-y-4\">\r\n \r\n \r\n <div class=\"about-us-header uppercase\">\r\n ABOUT US\r\n <\/div>\r\n\r\n \r\n <h1 class=\"text-lg sm:text-xl md:text-1xl lg:text-5xl font-extrabold leading-tight text-gray-900\">\r\n Amplifying Voices.\r\n <br class=\"hidden sm:block\"\/>\r\n Rebuilding Connections.\r\n <br \/>\r\n \r\n <span class=\"text-accent-orange\">Beyond the Bars.<\/span>\r\n <\/h1>\r\n \r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"flex justify-center md:justify-end\">\r\n \r\n <div class=\"w-full max-w-[80%] mt-[10%] h-[22rem]\">\r\n \r\n <img decoding=\"async\" \r\n src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-1.png\" \r\n alt=\"A moody, dark image of a person sitting alone, symbolizing reflection or incarceration.\" \r\n class=\"w-full h-full object-cover rounded-3xl shadow-xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/800x600\/18181b\/ffffff?text=Placeholder+Image'\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d7319d e-con-full e-flex e-con e-child\" data-id=\"4d7319d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f4294ef e-con-full e-flex e-con e-child\" data-id=\"f4294ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1acd089 elementor-widget elementor-widget-image\" data-id=\"1acd089\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"152\" height=\"151\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977.png\" class=\"attachment-large size-large wp-image-101\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977.png 152w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977-150x150.png 150w\" sizes=\"(max-width: 152px) 100vw, 152px\" \/>\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<div class=\"elementor-element elementor-element-153a166 e-con-full e-flex e-con e-child\" data-id=\"153a166\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7db3e elementor-widget elementor-widget-image\" data-id=\"0b7db3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"199\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2-300x199.png\" class=\"attachment-medium size-medium wp-image-105\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2-300x199.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2.png 343w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-e2b1743 e-con-full e-flex e-con e-child\" data-id=\"e2b1743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abc8357 elementor-widget elementor-widget-text-editor\" data-id=\"abc8357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Thousands of incarcerated individuals experience deep isolation. A simple letter can restore hope, confidence, and a sense of humanity.<\/span><\/p><p><span style=\"font-weight: 400;\">Our inmate pen pal service allows you to:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write to prisoners safely<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Browse incarcerated singles<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Build long-term friendships<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer emotional encouragement<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create meaningful conversations<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">We believe communication changes lives \u2014 on both sides.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72498ca e-con-full e-flex e-con e-child\" data-id=\"72498ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d7db422 e-con-full e-flex e-con e-child\" data-id=\"d7db422\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-726e7ba elementor-widget elementor-widget-image\" data-id=\"726e7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01.png\" class=\"attachment-large size-large wp-image-110\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<div class=\"elementor-element elementor-element-8d69c85 e-con-full e-flex e-con e-child\" data-id=\"8d69c85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec81262 elementor-widget elementor-widget-image\" data-id=\"ec81262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"127\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06-300x127.png\" class=\"attachment-medium size-medium wp-image-115\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06-300x127.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06.png 410w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-d2d89d6 e-con-full e-flex e-con e-child\" data-id=\"d2d89d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3462cff elementor-widget elementor-widget-image\" data-id=\"3462cff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04.png\" class=\"attachment-large size-large wp-image-114\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d92de9 e-con-full e-flex e-con e-child\" data-id=\"7d92de9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b4a59dc e-con-full e-flex e-con e-child\" data-id=\"b4a59dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85dcd69 elementor-widget elementor-widget-image\" data-id=\"85dcd69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02.png\" class=\"attachment-large size-large wp-image-113\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<div class=\"elementor-element elementor-element-d79089c e-con-full e-flex e-con e-child\" data-id=\"d79089c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac3fddf elementor-widget elementor-widget-image\" data-id=\"ac3fddf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"127\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-300x127.png\" class=\"attachment-medium size-medium wp-image-112\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-300x127.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03.png 410w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-284e50a e-con-full e-flex e-con e-child\" data-id=\"284e50a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-687d0dd elementor-widget elementor-widget-image\" data-id=\"687d0dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"182\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05.png\" class=\"attachment-large size-large wp-image-111\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05.png 418w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05-300x131.png 300w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d81428 e-flex e-con-boxed e-con e-parent\" data-id=\"9d81428\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9357ba elementor-widget elementor-widget-html\" data-id=\"a9357ba\" data-element_type=\"widget\" data-e-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>Elevate Every Voice<\/title>\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <style>\r\n .text-accent { color: #E67A2F; }\r\n\r\n \/* Rotate text ONLY on desktop *\/\r\n @media (min-width: 768px) {\r\n .feature-text-rotated {\r\n transform: rotate(-90deg);\r\n transform-origin: 0% 100%;\r\n width: 400px;\r\n height: 24px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white\">\r\n\r\n \r\n <header class=\"text-center mb-10 px-4\">\r\n <p class=\"text-xs tracking-widest uppercase text-accent mb-2\">\r\n ------ Your Story, Our Platform ------\r\n <\/p>\r\n\r\n <h1 class=\"text-4xl md:text-6xl font-extrabold text-gray-900 leading-tight\">\r\n Elevate Every Voice Behind the <span class=\"text-accent\">Bars<\/span>\r\n <\/h1>\r\n <\/header>\r\n\r\n \r\n <main class=\"w-full max-w-6xl mx-auto flex flex-col md:flex-row px-4 md:px-0 gap-10\">\r\n\r\n \r\n <div class=\"w-full md:w-2\/5 flex justify-center md:justify-start\">\r\n <div class=\"overflow-hidden rounded-xl w-full max-w-sm md:max-w-none aspect-[3\/4]\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/12\/image-6.png\"\r\n alt=\"\"\r\n class=\"w-full h-full object-cover\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-3\/5 relative flex md:block\">\r\n\r\n \r\n <div class=\"flex flex-col space-y-4 md:hidden\">\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">01.<\/span> Connection That Matters\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">02.<\/span> Voices That Resonate\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">03.<\/span> Where Love Finds a Way\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">04.<\/span> Stories That Change Minds\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">05.<\/span> Support With Purpose\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hidden md:flex md:absolute md:inset-0 md:justify-around md:items-end\">\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">01.<\/span> Connection That Matters\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">02.<\/span> Voices That Resonate\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">03.<\/span> Where Love Finds a Way\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">04.<\/span> Stories That Change Minds\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">05.<\/span> Support With Purpose\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html>\r\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-5b822e0 e-flex e-con-boxed e-con e-parent\" data-id=\"5b822e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-651971e elementor-widget elementor-widget-html\" data-id=\"651971e\" data-element_type=\"widget\" data-e-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>Inmate Profiles Slider<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n \/\/ Configure Tailwind to use the custom orange color, the new green, and Inter font\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n \/\/ Custom color from previous sections\r\n 'accent-orange': '#D88C64',\r\n \/\/ Custom background color (light beige\/off-white)\r\n 'app-bg': '#F9F7F0',\r\n \/\/ New green shade for the profile cards\/sections\r\n 'accent-green': '#B7C8A3',\r\n \/\/ Dark text color\r\n 'dark-text': '#333333', \r\n },\r\n fontFamily: {\r\n \/\/ Using Inter as a robust, modern sans-serif fallback\r\n sans: ['Inter', 'ui-sans-serif', 'system-ui'],\r\n }\r\n }\r\n }\r\n }\r\n\r\n \/\/ --- SLIDER LOGIC ---\r\n let currentIndex = 0;\r\n const profiles = [\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-1.png\" }\r\n ];\r\n const profilesPerPage = 3;\r\n\r\n \/**\r\n * Updates the visibility and position of the profile cards.\r\n *\/\r\n function updateSlider() {\r\n const container = document.getElementById('profile-container');\r\n if (!container) return;\r\n\r\n \/\/ Calculate the offset to show the current set of profiles\r\n \/\/ Since we are showing 3 cards at a time, we shift by the width of one card (100% \/ 3)\r\n const offset = (100 \/ profilesPerPage) * currentIndex;\r\n container.style.transform = `translateX(-${offset}%)`;\r\n\r\n \/\/ Update navigation button states\r\n document.getElementById('prev-btn').disabled = currentIndex === 0;\r\n \/\/ The max index is calculated to ensure we don't show an empty column\r\n document.getElementById('next-btn').disabled = currentIndex >= (profiles.length - profilesPerPage);\r\n }\r\n\r\n \/**\r\n * Navigates to the previous set of profiles.\r\n *\/\r\n window.prevSlide = () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateSlider();\r\n }\r\n };\r\n\r\n \/**\r\n * Navigates to the next set of profiles.\r\n *\/\r\n window.nextSlide = () => {\r\n if (currentIndex < (profiles.length - profilesPerPage)) {\r\n currentIndex++;\r\n updateSlider();\r\n }\r\n };\r\n\r\n \/**\r\n * Populates the HTML with profile data on load.\r\n *\/\r\nfunction renderProfiles() {\r\n const container = document.getElementById('profile-container');\r\n if (!container) return;\r\n\r\n container.innerHTML = profiles\r\n .map(profile => `\r\n <div class=\"profile-card flex-shrink-0 w-full md:w-1\/3\">\r\n <img decoding=\"async\" \r\n src=\"${profile.image}\" \r\n class=\"w-full h-80 object-cover rounded-3xl shadow-lg\"\r\n alt=\"Profile Image\"\r\n \/>\r\n <\/div>\r\n `)\r\n .join('');\r\n\r\n updateSlider();\r\n}\r\n\r\n\r\n \/\/ --- LIFECYCLE ---\r\n window.onload = function () {\r\n renderProfiles();\r\n };\r\n\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the thin dashed line effect *\/\r\n .story-header {\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.75rem; \/* text-xs *\/\r\n font-weight: 500; \/* font-medium *\/\r\n letter-spacing: 0.05em; \/* tracking-wider *\/\r\n color: #D88C64; \/* Accent color for the small header *\/\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .story-header::before {\r\n content: '';\r\n width: 1.5rem; \/* The length of the line *\/\r\n height: 1px;\r\n background-image: linear-gradient(to right, #D88C64 33%, rgba(255, 255, 255, 0) 0%);\r\n background-position: bottom;\r\n background-size: 4px 1px;\r\n background-repeat: repeat-x;\r\n opacity: 0.8;\r\n margin-right: 0.5rem;\r\n }\r\n\r\n \/* Custom styles for the slider container *\/\r\n #profile-container {\r\n display: flex;\r\n transition: transform 0.3s ease-in-out;\r\n width: calc(100% * var(--total-cards) \/ var(--visible-cards)); \/* Width is based on all cards *\/\r\n }\r\n \r\n \/* Custom variable setting for CSS *\/\r\n :root {\r\n --total-cards: 4; \/* Total number of profiles *\/\r\n --visible-cards: 3; \/* Number of profiles visible at once *\/\r\n }\r\n\r\n \/* Custom styles for disabled buttons *\/\r\n .slider-btn:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* Adjust the image to have a more prison bar look for context *\/\r\n .profile-card img {\r\n filter: contrast(1.1) brightness(0.9);\r\n }\r\n \r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"max-w-screen-2xl mx-auto py-12 md:py-24 px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex justify-between items-end\">\r\n <div class=\"text-left max-w-3xl\">\r\n <div class=\"story-header uppercase\">\r\n INMATE PEN-PAL PROFILES\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-extrabold leading-tight text-dark-text\">\r\n Meaningful Connections\r\n <\/h1>\r\n <\/div>\r\n\r\n <div class=\"flex space-x-3 mt-4 md:mt-0\">\r\n <button id=\"prev-btn\" onclick=\"prevSlide()\" class=\"slider-btn w-12 h-12 flex items-center justify-center rounded-full bg-accent-green\/50 text-dark-text hover:bg-accent-green transition disabled:opacity-40\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" \/>\r\n <\/svg>\r\n <\/button>\r\n <button id=\"next-btn\" onclick=\"nextSlide()\" class=\"slider-btn w-12 h-12 flex items-center justify-center rounded-full bg-accent-green text-dark-text hover:bg-accent-green\/80 transition disabled:opacity-40\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative overflow-hidden\">\r\n <div id=\"profile-container\" style=\"--total-cards: ${profiles.length}; --visible-cards: 3;\" class=\"flex\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-759aa05 e-con-full e-flex e-con e-child\" data-id=\"759aa05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02d1677 e-con-full e-flex e-con e-child\" data-id=\"02d1677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-475986a e-con-full e-flex e-con e-child\" data-id=\"475986a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":199,"url":"https:\\\/\\\/automanza.com\\\/backagainstthebars\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/image-3.png"}],"background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aa38a9 e-con-full e-flex e-con e-child\" data-id=\"3aa38a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":197,"url":"https:\\\/\\\/automanza.com\\\/backagainstthebars\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Rectangle-18382.png"}],"background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1970e2 elementor-widget elementor-widget-heading\" data-id=\"a1970e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Back Against the Bars<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8739a5 elementor-widget elementor-widget-text-editor\" data-id=\"e8739a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every profile tells a story of resilience, hope, and humanity.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bb8fca e-con-full e-flex e-con e-child\" data-id=\"2bb8fca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db303f0 elementor-widget elementor-widget-text-editor\" data-id=\"db303f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>SHOW ALL<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5784587 elementor-widget elementor-widget-image\" data-id=\"5784587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"51\" height=\"30\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008585.png\" class=\"attachment-large size-large wp-image-26\" alt=\"\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5aae87 e-con-full e-flex e-con e-child\" data-id=\"a5aae87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5968fa elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e5968fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"615\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4.png\" class=\"attachment-full size-full wp-image-198\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4.png 740w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4-300x249.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6be206 e-con-full e-flex e-con e-child\" data-id=\"e6be206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3746a0 elementor-widget elementor-widget-html\" data-id=\"f3746a0\" data-element_type=\"widget\" data-e-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>Social Proof Component<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom font for a clean, modern look *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\r\n \/* Custom color matching the olive green in the image *\/\r\n .border-custom-green {\r\n border-color: #84a98c;\r\n }\r\n .text-custom-green {\r\n color: #84a98c;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"p-8\">\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row items-center justify-center space-y-6 md:space-y-0 md:space-x-8\">\r\n\r\n \r\n <div class=\"pl-2 pt-2 lg:pt-0 md:pt-0 flex -space-x-3\">\r\n \r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-0\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/38a169\/ffffff?text=P1\" \r\n alt=\"Profile 1\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P1'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-10\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/4299e1\/ffffff?text=P2\" \r\n alt=\"Profile 2\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P2'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-20\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/e53e3e\/ffffff?text=P3\" \r\n alt=\"Profile 3\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P3'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full border-2 border-custom-gray bg-white flex items-center justify-center text-custom-green font-semibold text-sm z-30\">\r\n 12k+\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center md:text-left pt-4\">\r\n <p class=\"text-md font-medium text-gray-800 leading-snug\">\r\n Trusted by Families & <br class=\"md:hidden\"> Advocates Nationwide\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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-17fe6ca e-con-full e-flex e-con e-parent\" data-id=\"17fe6ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-033b16b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"033b16b\" data-element_type=\"widget\" data-e-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>Client Testimonials<\/title>\r\n\r\n <style>\r\n .testimonial-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .section-label {\r\n color: #c98d6f;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n }\r\n\r\n .section-label::before,\r\n .section-label::after {\r\n content: '------';\r\n margin: 0 15px;\r\n opacity: 0.4;\r\n }\r\n\r\n .section-title {\r\n font-size: 3.5rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n }\r\n\r\n .section-title .highlight {\r\n color: #c98d6f;\r\n }\r\n\r\n .slider-container {\r\n position: relative;\r\n overflow: visible;\r\n padding: 40px 0;\r\n }\r\n\r\n .slider-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n position: relative;\r\n height: 500px;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n width: 380px;\r\n position: absolute;\r\n transition: all 0.5s ease;\r\n left: 50%;\r\n top: 50%;\r\n }\r\n\r\n .card.center {\r\n background: #D88C64;\r\n color: white;\r\n width: 480px;\r\n transform: translate(-50%, calc(-50% - 20px)) scale(1.08);\r\n z-index: 3;\r\n box-shadow: 0 15px 40px rgba(201, 141, 111, 0.3);\r\n }\r\n\r\n .card.left {\r\n opacity: 0.4;\r\n transform: translate(calc(-50% - 420px), -50%) scale(0.9);\r\n z-index: 1;\r\n }\r\n\r\n .card.right {\r\n opacity: 0.4;\r\n transform: translate(calc(-50% + 420px), -50%) scale(0.9);\r\n z-index: 1;\r\n }\r\n\r\n .card.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n\r\n .card-header {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card-name {\r\n color: #ffff;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .card-subtitle {\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n\r\n .card-content {\r\n margin: 25px 0;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n opacity: 0.95;\r\n }\r\n\r\n .quote-icon {\r\n font-size: 2rem;\r\n opacity: 0.3;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .rating {\r\n display: flex;\r\n gap: 5px;\r\n margin-top: 20px;\r\n }\r\n\r\n .star {\r\n color: #fbbf24;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .slider-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .dot {\r\n width: 40px;\r\n height: 4px;\r\n background: #d1d5db;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dot.active {\r\n background: #c98d6f;\r\n width: 60px;\r\n }\r\n\r\n \/* -------------------------------------------- *\/\r\n \/* \ud83d\udd25 MOBILE RESPONSIVE - VERTICAL SLIDER MODE *\/\r\n \/* -------------------------------------------- *\/\r\n @media (max-width: 768px) {\r\n\r\n .slider-wrapper {\r\n flex-direction: column;\r\n height: auto;\r\n position: relative;\r\n gap: 25px;\r\n }\r\n\r\n .card {\r\n position: relative !important;\r\n width: 90% !important;\r\n left: 0 !important;\r\n top: 0 !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n display: block !important;\r\n margin: 0 auto;\r\n }\r\n\r\n .card.center {\r\n width: 95% !important;\r\n transform: none !important;\r\n }\r\n\r\n .card.left,\r\n .card.right {\r\n display: none !important;\r\n }\r\n\r\n .card.hidden {\r\n display: none !important;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"testimonial-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-label\">CLIENT TESTIMONIAL<\/div>\r\n <h2 class=\"section-title\">\r\n Real <span class=\"highlight\">words<\/span> from those<br>we've touched.\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"slider-container\">\r\n <div class=\"slider-wrapper\" id=\"sliderWrapper\">\r\n\r\n <div class=\"card side\" id=\"card-0\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Maria S.<\/h3>\r\n <p class=\"card-subtitle\">Sister of incarcerated brother<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n This platform helped me share his story gave me strength. Reform is a true movement that matters.\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card center\" id=\"card-1\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Teresa M.<\/h3>\r\n <p class=\"card-subtitle\">Mother of an incarcerated writer<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n \"Back Against the Bars gave my son a voice when the world stopped listening. He feels human again.\"\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card side\" id=\"card-2\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Eric D.<\/h3>\r\n <p class=\"card-subtitle\">Incarcerated in Georgia<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n Through this platform, I found not just a pen pal, but a friend who helped me see light in the dark.\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-dots\">\r\n <div class=\"dot\" data-slide=\"0\"><\/div>\r\n <div class=\"dot active\" data-slide=\"1\"><\/div>\r\n <div class=\"dot\" data-slide=\"2\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentSlide = 1;\r\n const cards = [\r\n document.getElementById('card-0'),\r\n document.getElementById('card-1'),\r\n document.getElementById('card-2')\r\n ];\r\n const dots = document.querySelectorAll('.dot');\r\n const totalSlides = 3;\r\n\r\n const testimonials = [\r\n {\r\n name: '\u2013 Maria S.',\r\n subtitle: 'Sister of incarcerated brother',\r\n content: 'This platform helped me share his story gave me strength. Reform is a true movement that matters.',\r\n stars: 4\r\n },\r\n {\r\n name: '\u2013 Teresa M.',\r\n subtitle: 'Mother of an incarcerated writer',\r\n content: '\"Back Against the Bars gave my son a voice when the world stopped listening. He feels human again.\"',\r\n stars: 5\r\n },\r\n {\r\n name: '\u2013 Eric D.',\r\n subtitle: 'Incarcerated in Georgia',\r\n content: 'Through this platform, I found not just a pen pal, but a friend who helped me see light in the dark.',\r\n stars: 5\r\n }\r\n ];\r\n\r\n function updateCards() {\r\n cards.forEach((card, index) => {\r\n card.className = 'card';\r\n\r\n const prevIndex = (currentSlide - 1 + totalSlides) % totalSlides;\r\n const nextIndex = (currentSlide + 1) % totalSlides;\r\n\r\n if (index === currentSlide) {\r\n card.classList.add('center');\r\n } else if (index === prevIndex) {\r\n card.classList.add('left');\r\n } else if (index === nextIndex) {\r\n card.classList.add('right');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n\r\n const t = testimonials[index];\r\n const starsHTML = '\u2605'.repeat(t.stars);\r\n\r\n card.innerHTML = `\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">${t.name}<\/h3>\r\n <p class=\"card-subtitle\">${t.subtitle}<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">${t.content}<\/p>\r\n <div class=\"rating\">\r\n ${starsHTML.split('').map(s => `<span class=\"star\">${s}<\/span>`).join('')}\r\n <\/div>\r\n `;\r\n });\r\n\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentSlide);\r\n });\r\n }\r\n\r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateCards();\r\n }\r\n\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', () => {\r\n goToSlide(parseInt(dot.getAttribute('data-slide')));\r\n });\r\n });\r\n\r\n setInterval(() => {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateCards();\r\n }, 5000);\r\n\r\n updateCards();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c9360c e-con-full e-flex e-con e-parent\" data-id=\"5c9360c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7b32c3 e-transform elementor-widget elementor-widget-ucaddon_list_marquee\" data-id=\"d7b32c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect":{"unit":"px","size":1.1,"sizes":[]},"_transform_scale_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"ucaddon_list_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t\t<link id='font-awesome-css' href='https:\/\/automanza.com\/backagainstthebars\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/automanza.com\/backagainstthebars\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: List Marquee *\/\n\n#uc_list_marquee_elementor_d7b32c3 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n overflow: hidden;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-content {\n display: flex;\n will-change: transform;\n animation: marqueeuc_list_marquee_elementor_d7b32c3 30s linear infinite running;\n animation-delay: 250ms;\n }\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-content:hover {\n animation-play-state: paused;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag {\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n white-space: nowrap;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag a {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-text-stroke: 0px ;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-graphic{\n overflow:hidden;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag-icon {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag-image {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue_marq_text_wrap{\n display:flex;\n flex-direction: row;\n align-items: center;\n }\n\n@keyframes marqueeuc_list_marquee_elementor_d7b32c3 {\n 0% {\n \t-webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n }\n}\n\n@keyframes marquee-reverseuc_list_marquee_elementor_d7b32c3 {\n 0% {\n \t-webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n 100% {\n -webkit-transform: translate(0%);\n transform: translate(0%);\n }\n}\n\n@keyframes marquee-upuc_list_marquee_elementor_d7b32c3 {\n\tfrom {transform: translate(0, 25%)}\n\tto {transform: translate(0, -25%)}\n}\n\n@keyframes marquee-downuc_list_marquee_elementor_d7b32c3 {\n\tfrom {transform: translate(0, -25%)}\n\tto {transform: translate(0, 25%)}\n}\n\n<\/style>\n\n<div class=\"ue-marquee \" id=\"uc_list_marquee_elementor_d7b32c3\" >\n <div class=\"ue-marquee-content uc-items-wrapper\">\n <div class=\"ue-marquee-tag\">\n <a >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"82\" height=\"80\" viewBox=\"0 0 82 80\" fill=\"none\"><path d=\"M0 0V79.9531H5.4375V0H0ZM24.4688 0V47.0116C25.3904 46.6905 26.3606 46.5267 27.3379 46.5273C28.232 46.5273 29.092 46.6637 29.9062 46.9142V0H24.4688ZM51.6562 0V46.9631C52.5149 46.6819 53.4251 46.5273 54.375 46.5273C55.3249 46.5273 56.2351 46.6819 57.0938 46.9631V0H51.6562ZM76.125 0V79.9531H81.5625V0H76.125ZM40.7812 7.40305C37.8824 7.40305 35.1738 9.06091 33.0936 12.0155C33.0495 12.0776 33.008 12.1438 32.9648 12.2073V35.4955C33.008 35.559 33.0498 35.6252 33.0936 35.6875C35.1738 38.6417 37.8824 40.2999 40.7812 40.2999C43.6801 40.2999 46.3887 38.6417 48.4689 35.6875C48.513 35.6253 48.5545 35.559 48.5977 35.4955V12.2073C48.5545 12.1438 48.5127 12.0776 48.4689 12.0153C46.3887 9.06107 43.6801 7.40305 40.7812 7.40305ZM40.7812 41.4883C37.7614 41.4883 35.1871 41.9514 32.9648 42.7811V48.5571C35.443 50.5603 37.0234 53.8384 37.0234 57.4453C37.0234 61.0523 35.4432 64.3304 32.9648 66.3335V79.9531H48.5977V66.2109C46.2058 64.198 44.6895 60.9792 44.6895 57.4453C44.6895 53.9114 46.2058 50.6926 48.5977 48.6797V42.7732C46.3754 41.9485 43.8008 41.4883 40.7812 41.4883ZM27.3379 49.5508C23.7976 49.5508 20.7109 52.9505 20.7109 57.4453C20.7109 61.9402 23.7976 65.3398 27.3379 65.3398C30.077 65.3398 32.5433 63.3036 33.5196 60.3008H27.1875V57.2773H33.9611C33.9468 56.4499 33.8286 55.6615 33.6213 54.9258H27.1875V51.9023H32.0524C30.832 50.4377 29.1447 49.5508 27.3379 49.5508ZM54.375 49.5508C52.5682 49.5508 50.8809 50.4377 49.6603 51.9023H54.375V54.9258H48.0913C47.8845 55.6615 47.7661 56.4499 47.7514 57.2773H54.375V60.3008H48.1932C49.1696 63.3036 51.6359 65.3398 54.375 65.3398C57.9153 65.3398 61.002 61.9402 61.002 57.4453C61.002 52.9505 57.9153 49.5508 54.375 49.5508ZM19.1852 63.3309C18.0997 69.1544 17.9014 75.1425 17.8641 79.9531H21.4102V66.0816C20.534 65.314 19.782 64.3818 19.1852 63.3308V63.3309ZM62.429 63.505C61.8142 64.5442 61.0438 65.4608 60.1523 66.2109V79.9531H63.6995C63.6655 75.1996 63.4803 69.2804 62.429 63.505ZM24.4688 67.8789V79.9531H29.9062V67.9764C29.0748 68.2327 28.2088 68.3632 27.3379 68.3633C26.3606 68.3639 25.3904 68.2001 24.4688 67.879V67.8789ZM51.6562 67.9276V79.9531H57.0938V67.9276C56.2351 68.2087 55.3249 68.3633 54.375 68.3633C53.4251 68.3633 52.5149 68.2087 51.6562 67.9276Z\" fill=\"white\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n IncarceratedStoriesMatter\n <\/div>\n \n <\/a>\n<\/div>\n<div class=\"ue-marquee-tag\">\n <a href=\"#\" >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"69\" height=\"69\" viewBox=\"0 0 69 69\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1667 1.91667C20.9262 1.91667 23.0115 1.53333 25.4936 1.07908L25.9785 0.989C28.5871 0.51175 31.5349 0 34.5 0C37.5667 0 40.5758 0.509833 43.2036 0.989L43.9204 1.12125C46.3105 1.56017 48.2559 1.91667 49.8333 1.91667C50.3417 1.91667 50.8292 2.1186 51.1886 2.47805C51.5481 2.83749 51.75 3.325 51.75 3.83333V23C51.75 27.575 49.9326 31.9626 46.6976 35.1976C43.4626 38.4326 39.075 40.25 34.5 40.25C29.925 40.25 25.5374 38.4326 22.3024 35.1976C19.0674 31.9626 17.25 27.575 17.25 23V3.83333C17.25 3.325 17.4519 2.83749 17.8114 2.47805C18.1708 2.1186 18.6583 1.91667 19.1667 1.91667ZM34.5 36.4167C38.0583 36.4167 41.4709 35.0031 43.987 32.487C46.5031 29.9709 47.9167 26.5583 47.9167 23V18.8542C46.4619 18.7182 44.8922 18.4613 43.3243 18.2026L42.5519 18.0761C39.9261 17.6525 37.2063 17.25 34.5 17.25C31.9029 17.25 29.256 17.6506 26.6302 18.0761L26.0398 18.1719C24.3704 18.446 22.6761 18.7239 21.0833 18.8619V23C21.0833 26.5583 22.4969 29.9709 25.013 32.487C27.5291 35.0031 30.9417 36.4167 34.5 36.4167ZM43.3243 11.7223C44.8941 11.9811 46.4619 12.2379 47.9167 12.374V15.0017C46.7322 14.8752 45.3943 14.6567 43.8878 14.4114L43.1672 14.2926C40.5413 13.8671 37.5475 13.4167 34.5 13.4167C31.556 13.4167 28.6254 13.869 26.0149 14.2926L25.5223 14.3731C23.8836 14.6414 22.4097 14.881 21.0833 15.0133V12.3817C22.6761 12.2437 24.3704 11.9658 26.0398 11.6917L26.6302 11.5958C29.256 11.1703 31.9029 10.7698 34.5 10.7698C37.2063 10.7698 39.928 11.1722 42.5519 11.5977L43.3243 11.7223ZM33.4842 44.0929C48.0642 43.8342 69 49.1472 69 57.5767V69H0V57.5767C0 49.1472 19.6612 44.3363 33.4842 44.0929ZM61.2375 53.6667C59.6908 52.7984 57.7549 51.9647 55.4971 51.2133C48.8769 49.0092 40.4321 47.8036 33.5512 47.9243C26.9713 48.0412 19.0076 49.2545 12.8072 51.3897C10.7602 52.095 9.00833 52.8655 7.59958 53.6667H61.2375ZM65.1667 61.3333V65.1667H3.83333V61.3333H65.1667Z\" fill=\"white\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n VoicesBeyondBars\n <\/div>\n \n <\/a>\n<\/div>\n\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4560f e-transform e-transform elementor-widget elementor-widget-ucaddon_list_marquee\" data-id=\"0e4560f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_rotateZ_effect":{"unit":"px","size":-4,"sizes":[]},"_transform_scale_effect":{"unit":"px","size":1.1,"sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_scale_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"ucaddon_list_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<style>\/* widget: List Marquee *\/\n\n#uc_list_marquee_elementor_0e4560f {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n overflow: hidden;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-content {\n display: flex;\n will-change: transform;\n animation: marqueeuc_list_marquee_elementor_0e4560f 30s linear infinite running;\n animation-delay: 250ms;\n }\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-content:hover {\n animation-play-state: paused;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag {\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n white-space: nowrap;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag a {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-text-stroke: 0px ;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-graphic{\n overflow:hidden;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag-icon {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag-image {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue_marq_text_wrap{\n display:flex;\n flex-direction: row;\n align-items: center;\n }\n\n@keyframes marqueeuc_list_marquee_elementor_0e4560f {\n 0% {\n \t-webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n }\n}\n\n@keyframes marquee-reverseuc_list_marquee_elementor_0e4560f {\n 0% {\n \t-webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n 100% {\n -webkit-transform: translate(0%);\n transform: translate(0%);\n }\n}\n\n@keyframes marquee-upuc_list_marquee_elementor_0e4560f {\n\tfrom {transform: translate(0, 25%)}\n\tto {transform: translate(0, -25%)}\n}\n\n@keyframes marquee-downuc_list_marquee_elementor_0e4560f {\n\tfrom {transform: translate(0, -25%)}\n\tto {transform: translate(0, 25%)}\n}\n\n<\/style>\n\n<div class=\"ue-marquee \" id=\"uc_list_marquee_elementor_0e4560f\" >\n <div class=\"ue-marquee-content uc-items-wrapper\">\n <div class=\"ue-marquee-tag\">\n <a href=\"#\" >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"53\" height=\"70\" viewBox=\"0 0 53 70\" fill=\"none\"><path d=\"M46.6637 0H5.83045C2.61469 0 -0.00157215 2.61611 9.73322e-05 5.83338L0.0303673 64.1668C0.0320367 67.3839 2.65101 70 5.86677 70H46.7002C49.9158 70 52.532 67.3839 52.5304 64.1666L52.5001 5.83338C52.4984 2.61611 49.8795 0 46.6637 0ZM11.6955 61.25C10.0863 61.25 8.77817 59.9412 8.77734 58.3334C8.77651 56.7256 10.0833 55.4168 11.6924 55.4168C13.3018 55.4168 14.6097 56.7256 14.6106 58.3334C14.6114 59.9412 13.3048 61.25 11.6955 61.25ZM39.015 45.0513C38.3148 45.6106 38.3073 46.6718 38.9814 47.2628L41.0011 49.0336L41.2091 49.2274C42.862 50.8808 43.7746 53.0783 43.7758 55.4168C43.7771 57.8944 42.7551 60.2138 40.9129 61.8954C39.0053 63.6368 36.3266 64.3409 33.7681 63.9805C30.5215 63.5233 28.1266 61.5881 26.927 58.7136C26.1431 56.8222 24.6482 53.3452 23.1903 49.977C23.0005 49.5387 22.6046 49.2349 22.137 49.1381C12.3075 47.1051 5.02671 38.0081 5.91959 27.3984C6.76613 17.3396 15.1741 9.2549 25.257 8.77379C36.9631 8.21516 46.6727 17.5789 46.6787 29.1666C46.6821 35.4983 43.7562 41.264 39.015 45.0513Z\" fill=\"#232323\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n VoicesBeyondBars\n <\/div>\n \n <\/a>\n<\/div>\n<div class=\"ue-marquee-tag\">\n <a >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"69\" height=\"69\" viewBox=\"0 0 69 69\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.9037 1.89037C20.6391 1.89037 22.6958 1.5123 25.1439 1.06428L25.6221 0.975432C28.1949 0.504729 31.1023 0 34.0267 0C37.0513 0 40.0192 0.502839 42.6109 0.975432L43.3179 1.10587C45.6752 1.53876 47.5939 1.89037 49.1497 1.89037C49.6511 1.89037 50.1319 2.08954 50.4864 2.44405C50.8409 2.79856 51.0401 3.27939 51.0401 3.78075L51.0401 22.6845C51.0401 27.1967 49.2476 31.5241 46.057 34.7147C42.8663 37.9054 38.5389 39.6978 34.0267 39.6978C29.5145 39.6978 25.1871 37.9054 21.9965 34.7147C18.8058 31.5241 17.0134 27.1967 17.0134 22.6845L17.0134 3.78075C17.0134 3.27939 17.2125 2.79856 17.567 2.44405C17.9215 2.08954 18.4024 1.89037 18.9037 1.89037ZM34.0267 35.9171C37.5362 35.9171 40.902 34.5229 43.3836 32.0413C45.8652 29.5597 47.2593 26.194 47.2593 22.6845L47.2593 18.5956C45.8245 18.4614 44.2763 18.2081 42.73 17.9529L41.9682 17.8281C39.3784 17.4103 36.6959 17.0134 34.0267 17.0134C31.4653 17.0134 28.8546 17.4084 26.2648 17.8281L25.6826 17.9226C24.0361 18.1929 22.365 18.467 20.7941 18.6032L20.7941 22.6845C20.7941 26.194 22.1882 29.5597 24.6698 32.0413C27.1514 34.5229 30.5172 35.9171 34.0267 35.9171ZM42.73 11.5615C44.2782 11.8167 45.8245 12.07 47.2593 12.2042L47.2593 14.7959C46.0911 14.6712 44.7716 14.4557 43.2858 14.2137L42.575 14.0965C39.9852 13.6768 37.0324 13.2326 34.0267 13.2326C31.1231 13.2326 28.2327 13.6787 25.658 14.0965L25.1722 14.1759C23.5559 14.4406 22.1022 14.6769 20.7941 14.8073L20.7941 12.2118C22.365 12.0757 24.0361 11.8016 25.6826 11.5313L26.2648 11.4368C28.8546 11.0171 31.4653 10.622 34.0267 10.622C36.6959 10.622 39.3802 11.019 41.9682 11.4386L42.73 11.5615ZM33.0248 43.488C47.4049 43.2328 68.0534 48.4729 68.0534 56.7868L68.0534 68.0534H-5.0565e-07L-4.21937e-07 56.7868C-3.60163e-07 48.4729 19.3914 43.7281 33.0248 43.488ZM60.3974 52.9304C58.8719 52.0741 56.9626 51.2518 54.7357 50.5108C48.2064 48.3368 39.8774 47.1478 33.091 47.2669C26.6013 47.3822 18.7468 48.5788 12.6315 50.6847C10.6126 51.3803 8.88475 52.1403 7.49533 52.9304H60.3974ZM64.2727 60.4919L64.2727 64.2727H3.78075L3.78075 60.4919H64.2727Z\" fill=\"#2F2F2F\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n IncarceratedStoriesMatter\n <\/div>\n \n <\/a>\n<\/div>\n\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ef305d e-con-full e-flex e-con e-parent\" data-id=\"5ef305d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-88e0f39 e-flex e-con-boxed e-con e-child\" data-id=\"88e0f39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48a3773 elementor-widget elementor-widget-image\" data-id=\"48a3773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"101\" height=\"101\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/visa-logo-02-1.png\" class=\"attachment-large size-large wp-image-261\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fba6bc elementor-widget elementor-widget-image\" data-id=\"2fba6bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"125\" height=\"125\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/zelle-logo-1.png\" class=\"attachment-large size-large wp-image-260\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5733b elementor-widget elementor-widget-image\" data-id=\"1c5733b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"143\" height=\"48\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Clients-Logo.png\" class=\"attachment-large size-large wp-image-259\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1af8fb elementor-widget elementor-widget-image\" data-id=\"f1af8fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"130\" height=\"73\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Mastercard-Logo-2016-1.png\" class=\"attachment-large size-large wp-image-258\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b163c93 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"b163c93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-7007aed e-flex e-con-boxed e-con e-child\" data-id=\"7007aed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7aeb6d1 elementor-widget elementor-widget-html\" data-id=\"7aeb6d1\" data-element_type=\"widget\" data-e-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>Get In Touch<\/title>\r\n <style>\r\n\r\n .contact-wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n min-height: 850px;\r\n }\r\n\r\n .image-container {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 60%;\r\n height: 600px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 30px;\r\n }\r\n\r\n \/* circular badge *\/\r\n .circular-badge {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 160px;\r\n height: 160px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2;\r\n }\r\n\r\n .circular-badge img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* stats badge *\/\r\n .stats-badge {\r\n position: absolute;\r\n right: 15%;\r\n bottom: 120px;\r\n background: rgba(255, 255, 255, 0.98);\r\n border-radius: 60px;\r\n padding: 5px 35px;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n z-index: 3;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .stats-icon {\r\n width: 55px;\r\n height: 55px;\r\n background: #e8f5e9;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n \/* FORM CHANGES BELOW *\/\r\n .form-container {\r\n position: absolute;\r\n top: 220px; \/* Starts from half of 600px image height *\/\r\n left: 0;\r\n width: 55%;\r\n background: white;\r\n padding: 50px 45px; \/* Reduced height *\/\r\n border-radius: 25px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n z-index: 5;\r\n }\r\n\r\n .form-header h2 {\r\n font-size: 2.8rem;\r\n margin-bottom: 30px;\r\n color: #2d3748;\r\n font-weight: 700;\r\n }\r\n\r\n .form-fields {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n padding: 15px 18px;\r\n background: #f7f7f7;\r\n border-radius: 12px;\r\n border: none;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-group textarea {\r\n min-height: 120px; \/* Reduced height *\/\r\n }\r\n\r\n .submit-btn {\r\n background: linear-gradient(135deg, #a8c5a3 0%, #8faa8b 100%);\r\n padding: 14px 35px;\r\n border-radius: 50px;\r\n color: white;\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1024px) {\r\n .contact-wrapper {\r\n padding: 20px;\r\n min-height: auto;\r\n }\r\n\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n }\r\n\r\n .form-container {\r\n position: relative;\r\n top: -40px;\r\n width: 100%;\r\n left: 0;\r\n }\r\n\r\n .stats-badge {\r\n right: 50%;\r\n transform: translateX(50%);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .form-container {\r\n padding: 35px 25px;\r\n }\r\n\r\n .form-header h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"contact-wrapper\">\r\n\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5.png\" alt=\"\">\r\n <div class=\"circular-badge\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008415.png\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-badge\">\r\n <div class=\"stats-icon\">\ud83c\udfc6<\/div>\r\n <div class=\"stats-content\">\r\n <h3>2k+<\/h3>\r\n <p>Project Completed<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-container\">\r\n <div class=\"form-header\">\r\n <h2>Get In Touch<\/h2>\r\n <\/div>\r\n\r\n <form class=\"form-fields\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" placeholder=\"Your Name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"text\" placeholder=\"Your Name\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <input type=\"email\" placeholder=\"Your Email\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"email\" placeholder=\"Your Email\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <textarea placeholder=\"Message here...\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"submit-btn\">Contact Us<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\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>\n\t\t<div class=\"elementor-element elementor-element-dc75221 e-flex e-con-boxed e-con e-parent\" data-id=\"dc75221\" data-element_type=\"container\" data-e-type=\"container\" id=\"contactus\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f093792 e-con-full e-flex e-con e-child\" data-id=\"f093792\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a45cca2 e-con-full e-flex e-con e-child\" data-id=\"a45cca2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-505f163 elementor-widget elementor-widget-heading\" data-id=\"505f163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get In Touch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd4f004 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"fd4f004\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"fd4f004\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"13\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"First Name *\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_23675fe elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_23675fe\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_23675fe]\" id=\"form-field-field_23675fe\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Last Name\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Email Address\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_2c5ca10 elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_2c5ca10\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_2c5ca10]\" id=\"form-field-field_2c5ca10\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Phone Number\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"6\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-955a3c2 e-con-full e-flex e-con e-child\" data-id=\"955a3c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-498a154 e-con-full e-flex e-con e-child\" data-id=\"498a154\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-8394289 e-con-full e-flex e-con e-child\" data-id=\"8394289\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0aa24 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"df0aa24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-trophy\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aff6fac e-con-full e-flex e-con e-child\" data-id=\"aff6fac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e267d48 elementor-widget elementor-widget-counter\" data-id=\"e267d48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Project Completed<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"2\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">K+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2fcac elementor-absolute elementor-widget elementor-widget-image\" data-id=\"0e2fcac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-1024x650.png\" class=\"attachment-large size-large wp-image-269\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-1024x650.png 1024w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-300x190.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-768x487.png 768w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5.png 1174w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Text Left A VOICE BEYOND THE WALL Back Against The Bars is a trusted prison pen pal and inmate […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":358,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHero Text Left<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* Section container *\/\r\n.hero-text-section {\r\n width: 100%;\r\n padding-top: 14%;\r\n display: flex;\r\n justify-content: flex-start; \/* Push content to LEFT *\/\r\n padding-left: 16%; \/* Space from left edge *\/\r\n}\r\n\r\n\/* Text Box *\/\r\n.hero-text {\r\n max-width: 600px;\r\n}\r\n\r\n\/* Headings *\/\r\n.hero-text h1 {\r\n font-family: \"Outfit\", sans-serif;\r\n color: #fff;\r\n font-size: 90px;\r\n line-height: 85px;\r\n font-weight: 900;\r\n margin: 0;\r\n}\r\n\r\n\/* Outlined text *\/\r\n.outlined {\r\n font-size: 90px;\r\n font-weight: 900;\r\n line-height: 85px;\r\n color: transparent;\r\n -webkit-text-stroke: 2px #fff;\r\n display: block;\r\n}\r\n\r\n\/* Arrow + Outlined Text *\/\r\n.arrow-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n margin: 5px 0;\r\n}\r\n\r\n.arrow-title img {\r\n width: 70px;\r\n}\r\n\r\n\/* Paragraph *\/\r\n.hero-text p {\r\n margin-top: 20px;\r\n color: #d5d5d5;\r\n font-size: 17px;\r\n font-family: \"Outfit\", sans-serif;\r\n line-height: 26px;\r\n}\r\n\r\n\/* Button *\/\r\n.hero-btn {\r\n margin-top: 35px;\r\n padding: 15px 28px;\r\n background: #D88C64;\r\n border-radius: 35px;\r\n border: none;\r\n color: #fff;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n font-family: \"Outfit\", sans-serif;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: 0.2s ease-in-out;\r\n}\r\n\r\n.hero-btn img {\r\n width: 20px;\r\n}\r\n\r\n.hero-btn:hover {\r\n opacity: 0.9;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 1200px) {\r\n .hero-text h1,\r\n .outlined {\r\n font-size: 70px;\r\n line-height: 72px;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .hero-text-section {\r\n justify-content: center; \/* Center text on small screens *\/\r\n padding: 100px 20px;\r\n }\r\n\r\n .arrow-title {\r\n justify-content: center;\r\n }\r\n\r\n .arrow-title img {\r\n width: 55px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"hero-text-section\">\r\n\r\n <div class=\"hero-text\">\r\n <h1>A VOICE<\/h1>\r\n\r\n <div class=\"arrow-title\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/ph_arrow-left-bold.png\">\r\n <span class=\"outlined\">BEYOND<\/span>\r\n <\/div>\r\n\r\n <h1>THE WALL<\/h1>\r\n\r\n <p>\r\n Back Against The Bars is a trusted prison pen pal and inmate matchmaking platform designed to help people connect beyond prison walls. Whether you're looking to write to inmates for friendship, emotional support, or romantic connection, our platform makes the process simple, respectful, and meaningful.\r\n <\/p>\r\n\r\n <a href=\"#contactus\"><button class=\"hero-btn\">\r\n Join Pen Pal Service\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008585.png\">\r\n <\/button><\/a>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e530cfc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"e530cfc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5af764 elementor-widget elementor-widget-text-editor\" data-id=\"d5af764\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>—— OUR SERVICES – COMING JULY 1ST ——<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47c4ea1 elementor-widget elementor-widget-html\" data-id=\"47c4ea1\" data-element_type=\"widget\" data-e-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>Pre-Subscribe Access<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Import required fonts *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;900&display=swap');\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Custom Colors *\/\r\n .color-dark { color: #2F2F2F; }\r\n .text-accent { color: #D88C64; }\r\n\r\n \/* Typography *\/\r\n .font-outfit { font-family: 'Outfit', sans-serif; }\r\n .font-poppins { font-family: 'Poppins', sans-serif; }\r\n\r\n \/* Custom Styles *\/\r\n .main-headline {\r\n font-size: clamp(2.5rem, 5vw, 3.25rem);\r\n line-height: 1.15;\r\n font-weight: 900;\r\n margin-bottom: 2.5rem; \r\n }\r\n\r\n .card-heading {\r\n font-size: 1.5rem;\r\n font-weight: 600; \/* Outfit Semibold *\/\r\n margin-top: 0;\r\n margin-bottom: 0.5rem; \r\n }\r\n\r\n .feature-list {\r\n list-style: none;\r\n padding-left: 0;\r\n margin-top: 1.25rem; \r\n }\r\n\r\n .feature-list li {\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: flex-start;\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n position: relative;\r\n padding-left: 1.2em; \/* Space for the dot *\/\r\n }\r\n\r\n \/* Dot points (bullets) *\/\r\n .feature-list li::before {\r\n content: '\u2022'; \/* Dot point *\/\r\n color: #2F2F2F; \/* Black dot *\/\r\n font-weight: 600;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n font-size: 1.1em;\r\n }\r\n \r\n .card-separator {\r\n width: 40px;\r\n height: 1.5px;\r\n background-color: #D88C64;\r\n margin-right: 0.75rem; \/* Space between line and heading *\/\r\n margin-top: 0;\r\n }\r\n\r\n \/* Button Styling *\/\r\n .subscribe-btn {\r\n border: 1px solid #2F2F2F;\r\n border-radius: 9999px; \/* Full rounded corners *\/\r\n padding: 10px 20px;\r\n color: #2F2F2F !important; \r\n text-decoration: none !important;\r\n font-weight: 500; \r\n font-size: 0.875rem; \r\n transition: all 0.2s;\r\n display: inline-flex;\r\n align-items: center;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n .subscribe-btn:hover {\r\n background-color: #2F2F2F;\r\n color: white !important;\r\n }\r\n .subscribe-btn:hover svg {\r\n stroke: white;\r\n }\r\n .subscribe-btn svg {\r\n transition: stroke 0.2s;\r\n stroke: #2F2F2F; \/* Default arrow color black *\/\r\n }\r\n\r\n \/* NEW: Flex container for separator and heading *\/\r\n .heading-container {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white font-outfit color-dark\">\r\n <div class=\"max-w-7xl mx-auto pt-16 pb-20 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <h1 class=\"main-headline color-dark text-center font-outfit px-2\">\r\n Pre-subscribe now for \r\n <span class=\"text-accent font-semibold\">early access<\/span> to our \r\n <br class=\"hidden sm:inline\">connection and story-sharing services.\r\n <\/h1>\r\n\r\n \r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 mt-12 items-stretch\">\r\n \r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-r md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Pen Pal Service<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Connect beyond the walls. We share inmate profiles online and on social \r\n media to build real connections.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Priority placement with pre-subscription.<\/li>\r\n <li>Annual Fee: $50\/year<\/li>\r\n <\/ul>\r\n\r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-r md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Matchmaking Service<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Real love, real chances. Connect with free-world partners through \r\n casting calls.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Priority placement with pre-subscription.<\/li>\r\n <li>Annual Fee: $150\/year<\/li>\r\n <\/ul>\r\n \r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"p-0 transition duration-300 border-t border-gray-200 md:border-t-0 h-full\">\r\n \r\n <div class=\"p-7 md:border-t md:border-gray-200 rounded-xl h-full flex flex-col\">\r\n \r\n <div class=\"heading-container\">\r\n <div class=\"card-separator\"><\/div>\r\n <h2 class=\"card-heading color-dark font-outfit\">Podcast & TV Features<\/h2>\r\n <\/div>\r\n \r\n <p class=\"font-poppins color-dark text-gray-700 mt-4 mb-4 text-sm leading-relaxed\">\r\n Share your story on Love Through the Bars or Everybody Got a Story to \r\n Tell.\r\n <\/p>\r\n\r\n <ul class=\"font-poppins color-dark feature-list flex-grow\">\r\n <li>Podcast: $25<\/li>\r\n <li>TV: $35\u2013$250, depending on feature type<\/li>\r\n <\/ul>\r\n\r\n \r\n <a href=\"#\" class=\"subscribe-btn mt-auto\">\r\n Pre-Subscribe Now \r\n \r\n <svg class=\"ml-2 w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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-543e710 e-flex e-con-boxed e-con e-parent\" data-id=\"543e710\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-681006a elementor-widget elementor-widget-html\" data-id=\"681006a\" data-element_type=\"widget\" data-e-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>Amplifying Voices Section<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n \/\/ Configure Tailwind to use the custom orange color and Inter font\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n \/\/ Custom color for the accent text (Beyond the Bars)\r\n 'accent-orange': '#D88C64',\r\n \/\/ Custom background color (light beige\/off-white)\r\n 'app-bg': '#F9F7F0',\r\n },\r\n fontFamily: {\r\n \/\/ Using Inter as a robust, modern sans-serif fallback\r\n \/\/ Replace with your 'Ag Heading\/H1' font family if you have it loaded\r\n sans: ['Inter', 'ui-sans-serif', 'system-ui'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the dashed line effect *\/\r\n .about-us-header {\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.75rem; \/* text-xs *\/\r\n font-weight: 500; \/* font-medium *\/\r\n letter-spacing: 0.05em; \/* tracking-wider *\/\r\n color: #374151; \/* A dark gray *\/\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .about-us-header::before {\r\n content: '';\r\n width: 2rem; \/* The length of the line *\/\r\n height: 1px;\r\n margin-right: 0.5rem;\r\n background-image: linear-gradient(to right, #374151 33%, rgba(255, 255, 255, 0) 0%);\r\n background-position: bottom;\r\n background-size: 8px 1px;\r\n background-repeat: repeat-x;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\r\n \r\n \r\n <div class=\"space-y-4\">\r\n \r\n \r\n <div class=\"about-us-header uppercase\">\r\n ABOUT US\r\n <\/div>\r\n\r\n \r\n <h1 class=\"text-lg sm:text-xl md:text-1xl lg:text-5xl font-extrabold leading-tight text-gray-900\">\r\n Amplifying Voices.\r\n <br class=\"hidden sm:block\"\/>\r\n Rebuilding Connections.\r\n <br \/>\r\n \r\n <span class=\"text-accent-orange\">Beyond the Bars.<\/span>\r\n <\/h1>\r\n \r\n \r\n <\/div>\r\n \r\n \r\n <div class=\"flex justify-center md:justify-end\">\r\n \r\n <div class=\"w-full max-w-[80%] mt-[10%] h-[22rem]\">\r\n \r\n <img decoding=\"async\" \r\n src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-1.png\" \r\n alt=\"A moody, dark image of a person sitting alone, symbolizing reflection or incarceration.\" \r\n class=\"w-full h-full object-cover rounded-3xl shadow-xl\"\r\n onerror=\"this.src='https:\/\/placehold.co\/800x600\/18181b\/ffffff?text=Placeholder+Image'\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d7319d e-con-full e-flex e-con e-child\" data-id=\"4d7319d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f4294ef e-con-full e-flex e-con e-child\" data-id=\"f4294ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1acd089 elementor-widget elementor-widget-image\" data-id=\"1acd089\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"152\" height=\"151\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977.png\" class=\"attachment-large size-large wp-image-101\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977.png 152w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000007977-150x150.png 150w\" sizes=\"(max-width: 152px) 100vw, 152px\" \/>\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<div class=\"elementor-element elementor-element-153a166 e-con-full e-flex e-con e-child\" data-id=\"153a166\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7db3e elementor-widget elementor-widget-image\" data-id=\"0b7db3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"199\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2-300x199.png\" class=\"attachment-medium size-medium wp-image-105\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2-300x199.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-2.png 343w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-e2b1743 e-con-full e-flex e-con e-child\" data-id=\"e2b1743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abc8357 elementor-widget elementor-widget-text-editor\" data-id=\"abc8357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Thousands of incarcerated individuals experience deep isolation. A simple letter can restore hope, confidence, and a sense of humanity.<\/span><\/p><p><span style=\"font-weight: 400;\">Our inmate pen pal service allows you to:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Write to prisoners safely<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Browse incarcerated singles<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Build long-term friendships<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer emotional encouragement<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create meaningful conversations<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">We believe communication changes lives \u2014 on both sides.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72498ca e-con-full e-flex e-con e-child\" data-id=\"72498ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d7db422 e-con-full e-flex e-con e-child\" data-id=\"d7db422\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-726e7ba elementor-widget elementor-widget-image\" data-id=\"726e7ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01.png\" class=\"attachment-large size-large wp-image-110\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<div class=\"elementor-element elementor-element-8d69c85 e-con-full e-flex e-con e-child\" data-id=\"8d69c85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec81262 elementor-widget elementor-widget-image\" data-id=\"ec81262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"127\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06-300x127.png\" class=\"attachment-medium size-medium wp-image-115\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06-300x127.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/06.png 410w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-d2d89d6 e-con-full e-flex e-con e-child\" data-id=\"d2d89d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3462cff elementor-widget elementor-widget-image\" data-id=\"3462cff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04.png\" class=\"attachment-large size-large wp-image-114\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/04-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d92de9 e-con-full e-flex e-con e-child\" data-id=\"7d92de9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b4a59dc e-con-full e-flex e-con e-child\" data-id=\"b4a59dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85dcd69 elementor-widget elementor-widget-image\" data-id=\"85dcd69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"410\" height=\"174\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02.png\" class=\"attachment-large size-large wp-image-113\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02.png 410w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02-300x127.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\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<div class=\"elementor-element elementor-element-d79089c e-con-full e-flex e-con e-child\" data-id=\"d79089c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac3fddf elementor-widget elementor-widget-image\" data-id=\"ac3fddf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"127\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-300x127.png\" class=\"attachment-medium size-medium wp-image-112\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-300x127.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03.png 410w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\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<div class=\"elementor-element elementor-element-284e50a e-con-full e-flex e-con e-child\" data-id=\"284e50a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-687d0dd elementor-widget elementor-widget-image\" data-id=\"687d0dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"182\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05.png\" class=\"attachment-large size-large wp-image-111\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05.png 418w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/05-300x131.png 300w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d81428 e-flex e-con-boxed e-con e-parent\" data-id=\"9d81428\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9357ba elementor-widget elementor-widget-html\" data-id=\"a9357ba\" data-element_type=\"widget\" data-e-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>Elevate Every Voice<\/title>\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n <style>\r\n .text-accent { color: #E67A2F; }\r\n\r\n \/* Rotate text ONLY on desktop *\/\r\n @media (min-width: 768px) {\r\n .feature-text-rotated {\r\n transform: rotate(-90deg);\r\n transform-origin: 0% 100%;\r\n width: 400px;\r\n height: 24px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-white\">\r\n\r\n \r\n <header class=\"text-center mb-10 px-4\">\r\n <p class=\"text-xs tracking-widest uppercase text-accent mb-2\">\r\n ------ Your Story, Our Platform ------\r\n <\/p>\r\n\r\n <h1 class=\"text-4xl md:text-6xl font-extrabold text-gray-900 leading-tight\">\r\n Elevate Every Voice Behind the <span class=\"text-accent\">Bars<\/span>\r\n <\/h1>\r\n <\/header>\r\n\r\n \r\n <main class=\"w-full max-w-6xl mx-auto flex flex-col md:flex-row px-4 md:px-0 gap-10\">\r\n\r\n \r\n <div class=\"w-full md:w-2\/5 flex justify-center md:justify-start\">\r\n <div class=\"overflow-hidden rounded-xl w-full max-w-sm md:max-w-none aspect-[3\/4]\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/12\/image-6.png\"\r\n alt=\"\"\r\n class=\"w-full h-full object-cover\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full md:w-3\/5 relative flex md:block\">\r\n\r\n \r\n <div class=\"flex flex-col space-y-4 md:hidden\">\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">01.<\/span> Connection That Matters\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">02.<\/span> Voices That Resonate\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">03.<\/span> Where Love Finds a Way\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">04.<\/span> Stories That Change Minds\r\n <\/div>\r\n\r\n <div class=\"text-lg font-semibold text-gray-700\">\r\n <span class=\"text-accent font-extrabold\">05.<\/span> Support With Purpose\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hidden md:flex md:absolute md:inset-0 md:justify-around md:items-end\">\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">01.<\/span> Connection That Matters\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">02.<\/span> Voices That Resonate\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">03.<\/span> Where Love Finds a Way\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full md:border-r border-gray-300 px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">04.<\/span> Stories That Change Minds\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"relative h-full px-4\">\r\n <span class=\"feature-text-rotated text-2xl font-semibold text-gray-700 hover:text-accent\">\r\n <span class=\"text-accent font-extrabold\">05.<\/span> Support With Purpose\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n<\/body>\r\n<\/html>\r\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-5b822e0 e-flex e-con-boxed e-con e-parent\" data-id=\"5b822e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-651971e elementor-widget elementor-widget-html\" data-id=\"651971e\" data-element_type=\"widget\" data-e-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>Inmate Profiles Slider<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n \/\/ Configure Tailwind to use the custom orange color, the new green, and Inter font\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n \/\/ Custom color from previous sections\r\n 'accent-orange': '#D88C64',\r\n \/\/ Custom background color (light beige\/off-white)\r\n 'app-bg': '#F9F7F0',\r\n \/\/ New green shade for the profile cards\/sections\r\n 'accent-green': '#B7C8A3',\r\n \/\/ Dark text color\r\n 'dark-text': '#333333', \r\n },\r\n fontFamily: {\r\n \/\/ Using Inter as a robust, modern sans-serif fallback\r\n sans: ['Inter', 'ui-sans-serif', 'system-ui'],\r\n }\r\n }\r\n }\r\n }\r\n\r\n \/\/ --- SLIDER LOGIC ---\r\n let currentIndex = 0;\r\n const profiles = [\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/02-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/03-1.png\" },\r\n { image: \"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/01-1.png\" }\r\n ];\r\n const profilesPerPage = 3;\r\n\r\n \/**\r\n * Updates the visibility and position of the profile cards.\r\n *\/\r\n function updateSlider() {\r\n const container = document.getElementById('profile-container');\r\n if (!container) return;\r\n\r\n \/\/ Calculate the offset to show the current set of profiles\r\n \/\/ Since we are showing 3 cards at a time, we shift by the width of one card (100% \/ 3)\r\n const offset = (100 \/ profilesPerPage) * currentIndex;\r\n container.style.transform = `translateX(-${offset}%)`;\r\n\r\n \/\/ Update navigation button states\r\n document.getElementById('prev-btn').disabled = currentIndex === 0;\r\n \/\/ The max index is calculated to ensure we don't show an empty column\r\n document.getElementById('next-btn').disabled = currentIndex >= (profiles.length - profilesPerPage);\r\n }\r\n\r\n \/**\r\n * Navigates to the previous set of profiles.\r\n *\/\r\n window.prevSlide = () => {\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n updateSlider();\r\n }\r\n };\r\n\r\n \/**\r\n * Navigates to the next set of profiles.\r\n *\/\r\n window.nextSlide = () => {\r\n if (currentIndex < (profiles.length - profilesPerPage)) {\r\n currentIndex++;\r\n updateSlider();\r\n }\r\n };\r\n\r\n \/**\r\n * Populates the HTML with profile data on load.\r\n *\/\r\nfunction renderProfiles() {\r\n const container = document.getElementById('profile-container');\r\n if (!container) return;\r\n\r\n container.innerHTML = profiles\r\n .map(profile => `\r\n <div class=\"profile-card flex-shrink-0 w-full md:w-1\/3\">\r\n <img decoding=\"async\" \r\n src=\"${profile.image}\" \r\n class=\"w-full h-80 object-cover rounded-3xl shadow-lg\"\r\n alt=\"Profile Image\"\r\n \/>\r\n <\/div>\r\n `)\r\n .join('');\r\n\r\n updateSlider();\r\n}\r\n\r\n\r\n \/\/ --- LIFECYCLE ---\r\n window.onload = function () {\r\n renderProfiles();\r\n };\r\n\r\n <\/script>\r\n <style>\r\n \/* Custom styles for the thin dashed line effect *\/\r\n .story-header {\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.75rem; \/* text-xs *\/\r\n font-weight: 500; \/* font-medium *\/\r\n letter-spacing: 0.05em; \/* tracking-wider *\/\r\n color: #D88C64; \/* Accent color for the small header *\/\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .story-header::before {\r\n content: '';\r\n width: 1.5rem; \/* The length of the line *\/\r\n height: 1px;\r\n background-image: linear-gradient(to right, #D88C64 33%, rgba(255, 255, 255, 0) 0%);\r\n background-position: bottom;\r\n background-size: 4px 1px;\r\n background-repeat: repeat-x;\r\n opacity: 0.8;\r\n margin-right: 0.5rem;\r\n }\r\n\r\n \/* Custom styles for the slider container *\/\r\n #profile-container {\r\n display: flex;\r\n transition: transform 0.3s ease-in-out;\r\n width: calc(100% * var(--total-cards) \/ var(--visible-cards)); \/* Width is based on all cards *\/\r\n }\r\n \r\n \/* Custom variable setting for CSS *\/\r\n :root {\r\n --total-cards: 4; \/* Total number of profiles *\/\r\n --visible-cards: 3; \/* Number of profiles visible at once *\/\r\n }\r\n\r\n \/* Custom styles for disabled buttons *\/\r\n .slider-btn:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* Adjust the image to have a more prison bar look for context *\/\r\n .profile-card img {\r\n filter: contrast(1.1) brightness(0.9);\r\n }\r\n \r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"max-w-screen-2xl mx-auto py-12 md:py-24 px-4 sm:px-6 lg:px-8\">\r\n \r\n <div class=\"flex justify-between items-end\">\r\n <div class=\"text-left max-w-3xl\">\r\n <div class=\"story-header uppercase\">\r\n INMATE PEN-PAL PROFILES\r\n <\/div>\r\n\r\n <h1 class=\"text-4xl sm:text-5xl md:text-6xl font-extrabold leading-tight text-dark-text\">\r\n Meaningful Connections\r\n <\/h1>\r\n <\/div>\r\n\r\n <div class=\"flex space-x-3 mt-4 md:mt-0\">\r\n <button id=\"prev-btn\" onclick=\"prevSlide()\" class=\"slider-btn w-12 h-12 flex items-center justify-center rounded-full bg-accent-green\/50 text-dark-text hover:bg-accent-green transition disabled:opacity-40\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" \/>\r\n <\/svg>\r\n <\/button>\r\n <button id=\"next-btn\" onclick=\"nextSlide()\" class=\"slider-btn w-12 h-12 flex items-center justify-center rounded-full bg-accent-green text-dark-text hover:bg-accent-green\/80 transition disabled:opacity-40\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"relative overflow-hidden\">\r\n <div id=\"profile-container\" style=\"--total-cards: ${profiles.length}; --visible-cards: 3;\" class=\"flex\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-759aa05 e-con-full e-flex e-con e-child\" data-id=\"759aa05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-02d1677 e-con-full e-flex e-con e-child\" data-id=\"02d1677\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-475986a e-con-full e-flex e-con e-child\" data-id=\"475986a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":199,"url":"https:\\\/\\\/automanza.com\\\/backagainstthebars\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/image-3.png"}],"background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aa38a9 e-con-full e-flex e-con e-child\" data-id=\"3aa38a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":197,"url":"https:\\\/\\\/automanza.com\\\/backagainstthebars\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Rectangle-18382.png"}],"background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1970e2 elementor-widget elementor-widget-heading\" data-id=\"a1970e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Back Against the Bars<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8739a5 elementor-widget elementor-widget-text-editor\" data-id=\"e8739a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every profile tells a story of resilience, hope, and humanity.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bb8fca e-con-full e-flex e-con e-child\" data-id=\"2bb8fca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db303f0 elementor-widget elementor-widget-text-editor\" data-id=\"db303f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>SHOW ALL<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5784587 elementor-widget elementor-widget-image\" data-id=\"5784587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"51\" height=\"30\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008585.png\" class=\"attachment-large size-large wp-image-26\" alt=\"\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5aae87 e-con-full e-flex e-con e-child\" data-id=\"a5aae87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5968fa elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e5968fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"615\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4.png\" class=\"attachment-full size-full wp-image-198\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4.png 740w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-4-300x249.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6be206 e-con-full e-flex e-con e-child\" data-id=\"e6be206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3746a0 elementor-widget elementor-widget-html\" data-id=\"f3746a0\" data-element_type=\"widget\" data-e-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>Social Proof Component<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom font for a clean, modern look *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\r\n \/* Custom color matching the olive green in the image *\/\r\n .border-custom-green {\r\n border-color: #84a98c;\r\n }\r\n .text-custom-green {\r\n color: #84a98c;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"p-8\">\r\n\r\n \r\n <div class=\"flex flex-col md:flex-row items-center justify-center space-y-6 md:space-y-0 md:space-x-8\">\r\n\r\n \r\n <div class=\"pl-2 pt-2 lg:pt-0 md:pt-0 flex -space-x-3\">\r\n \r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-0\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/38a169\/ffffff?text=P1\" \r\n alt=\"Profile 1\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P1'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-10\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/4299e1\/ffffff?text=P2\" \r\n alt=\"Profile 2\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P2'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full overflow-hidden z-20\">\r\n <img decoding=\"async\" class=\"w-full h-full object-cover\" \r\n src=\"https:\/\/placehold.co\/100x100\/e53e3e\/ffffff?text=P3\" \r\n alt=\"Profile 3\" \r\n onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/94a3b8\/ffffff?text=P3'\">\r\n <\/div>\r\n\r\n \r\n <div class=\"relative w-10 h-10 rounded-full border-2 border-custom-gray bg-white flex items-center justify-center text-custom-green font-semibold text-sm z-30\">\r\n 12k+\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"text-center md:text-left pt-4\">\r\n <p class=\"text-md font-medium text-gray-800 leading-snug\">\r\n Trusted by Families & <br class=\"md:hidden\"> Advocates Nationwide\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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-17fe6ca e-con-full e-flex e-con e-parent\" data-id=\"17fe6ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-033b16b elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"033b16b\" data-element_type=\"widget\" data-e-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>Client Testimonials<\/title>\r\n\r\n <style>\r\n .testimonial-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .section-label {\r\n color: #c98d6f;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n }\r\n\r\n .section-label::before,\r\n .section-label::after {\r\n content: '------';\r\n margin: 0 15px;\r\n opacity: 0.4;\r\n }\r\n\r\n .section-title {\r\n font-size: 3.5rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n }\r\n\r\n .section-title .highlight {\r\n color: #c98d6f;\r\n }\r\n\r\n .slider-container {\r\n position: relative;\r\n overflow: visible;\r\n padding: 40px 0;\r\n }\r\n\r\n .slider-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px;\r\n position: relative;\r\n height: 500px;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n width: 380px;\r\n position: absolute;\r\n transition: all 0.5s ease;\r\n left: 50%;\r\n top: 50%;\r\n }\r\n\r\n .card.center {\r\n background: #D88C64;\r\n color: white;\r\n width: 480px;\r\n transform: translate(-50%, calc(-50% - 20px)) scale(1.08);\r\n z-index: 3;\r\n box-shadow: 0 15px 40px rgba(201, 141, 111, 0.3);\r\n }\r\n\r\n .card.left {\r\n opacity: 0.4;\r\n transform: translate(calc(-50% - 420px), -50%) scale(0.9);\r\n z-index: 1;\r\n }\r\n\r\n .card.right {\r\n opacity: 0.4;\r\n transform: translate(calc(-50% + 420px), -50%) scale(0.9);\r\n z-index: 1;\r\n }\r\n\r\n .card.hidden {\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: translate(-50%, -50%) scale(0.8);\r\n }\r\n\r\n .card-header {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card-name {\r\n color: #ffff;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .card-subtitle {\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n\r\n .card-content {\r\n margin: 25px 0;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n opacity: 0.95;\r\n }\r\n\r\n .quote-icon {\r\n font-size: 2rem;\r\n opacity: 0.3;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .rating {\r\n display: flex;\r\n gap: 5px;\r\n margin-top: 20px;\r\n }\r\n\r\n .star {\r\n color: #fbbf24;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .slider-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .dot {\r\n width: 40px;\r\n height: 4px;\r\n background: #d1d5db;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dot.active {\r\n background: #c98d6f;\r\n width: 60px;\r\n }\r\n\r\n \/* -------------------------------------------- *\/\r\n \/* \ud83d\udd25 MOBILE RESPONSIVE - VERTICAL SLIDER MODE *\/\r\n \/* -------------------------------------------- *\/\r\n @media (max-width: 768px) {\r\n\r\n .slider-wrapper {\r\n flex-direction: column;\r\n height: auto;\r\n position: relative;\r\n gap: 25px;\r\n }\r\n\r\n .card {\r\n position: relative !important;\r\n width: 90% !important;\r\n left: 0 !important;\r\n top: 0 !important;\r\n opacity: 1 !important;\r\n transform: none !important;\r\n display: block !important;\r\n margin: 0 auto;\r\n }\r\n\r\n .card.center {\r\n width: 95% !important;\r\n transform: none !important;\r\n }\r\n\r\n .card.left,\r\n .card.right {\r\n display: none !important;\r\n }\r\n\r\n .card.hidden {\r\n display: none !important;\r\n }\r\n\r\n .section-title {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"testimonial-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-label\">CLIENT TESTIMONIAL<\/div>\r\n <h2 class=\"section-title\">\r\n Real <span class=\"highlight\">words<\/span> from those<br>we've touched.\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"slider-container\">\r\n <div class=\"slider-wrapper\" id=\"sliderWrapper\">\r\n\r\n <div class=\"card side\" id=\"card-0\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Maria S.<\/h3>\r\n <p class=\"card-subtitle\">Sister of incarcerated brother<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n This platform helped me share his story gave me strength. Reform is a true movement that matters.\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card center\" id=\"card-1\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Teresa M.<\/h3>\r\n <p class=\"card-subtitle\">Mother of an incarcerated writer<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n \"Back Against the Bars gave my son a voice when the world stopped listening. He feels human again.\"\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card side\" id=\"card-2\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">\u2013 Eric D.<\/h3>\r\n <p class=\"card-subtitle\">Incarcerated in Georgia<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">\r\n Through this platform, I found not just a pen pal, but a friend who helped me see light in the dark.\r\n <\/p>\r\n <div class=\"rating\">\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span><span class=\"star\">\u2605<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"slider-dots\">\r\n <div class=\"dot\" data-slide=\"0\"><\/div>\r\n <div class=\"dot active\" data-slide=\"1\"><\/div>\r\n <div class=\"dot\" data-slide=\"2\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentSlide = 1;\r\n const cards = [\r\n document.getElementById('card-0'),\r\n document.getElementById('card-1'),\r\n document.getElementById('card-2')\r\n ];\r\n const dots = document.querySelectorAll('.dot');\r\n const totalSlides = 3;\r\n\r\n const testimonials = [\r\n {\r\n name: '\u2013 Maria S.',\r\n subtitle: 'Sister of incarcerated brother',\r\n content: 'This platform helped me share his story gave me strength. Reform is a true movement that matters.',\r\n stars: 4\r\n },\r\n {\r\n name: '\u2013 Teresa M.',\r\n subtitle: 'Mother of an incarcerated writer',\r\n content: '\"Back Against the Bars gave my son a voice when the world stopped listening. He feels human again.\"',\r\n stars: 5\r\n },\r\n {\r\n name: '\u2013 Eric D.',\r\n subtitle: 'Incarcerated in Georgia',\r\n content: 'Through this platform, I found not just a pen pal, but a friend who helped me see light in the dark.',\r\n stars: 5\r\n }\r\n ];\r\n\r\n function updateCards() {\r\n cards.forEach((card, index) => {\r\n card.className = 'card';\r\n\r\n const prevIndex = (currentSlide - 1 + totalSlides) % totalSlides;\r\n const nextIndex = (currentSlide + 1) % totalSlides;\r\n\r\n if (index === currentSlide) {\r\n card.classList.add('center');\r\n } else if (index === prevIndex) {\r\n card.classList.add('left');\r\n } else if (index === nextIndex) {\r\n card.classList.add('right');\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n\r\n const t = testimonials[index];\r\n const starsHTML = '\u2605'.repeat(t.stars);\r\n\r\n card.innerHTML = `\r\n <div class=\"card-header\">\r\n <h3 class=\"card-name\">${t.name}<\/h3>\r\n <p class=\"card-subtitle\">${t.subtitle}<\/p>\r\n <\/div>\r\n <div class=\"quote-icon\">\u275d<\/div>\r\n <p class=\"card-content\">${t.content}<\/p>\r\n <div class=\"rating\">\r\n ${starsHTML.split('').map(s => `<span class=\"star\">${s}<\/span>`).join('')}\r\n <\/div>\r\n `;\r\n });\r\n\r\n dots.forEach((dot, i) => {\r\n dot.classList.toggle('active', i === currentSlide);\r\n });\r\n }\r\n\r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateCards();\r\n }\r\n\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', () => {\r\n goToSlide(parseInt(dot.getAttribute('data-slide')));\r\n });\r\n });\r\n\r\n setInterval(() => {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateCards();\r\n }, 5000);\r\n\r\n updateCards();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c9360c e-con-full e-flex e-con e-parent\" data-id=\"5c9360c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7b32c3 e-transform elementor-widget elementor-widget-ucaddon_list_marquee\" data-id=\"d7b32c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect":{"unit":"px","size":1.1,"sizes":[]},"_transform_scale_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"ucaddon_list_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\t\t<link id='font-awesome-css' href='https:\/\/automanza.com\/backagainstthebars\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/automanza.com\/backagainstthebars\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: List Marquee *\/\n\n#uc_list_marquee_elementor_d7b32c3 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n overflow: hidden;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-content {\n display: flex;\n will-change: transform;\n animation: marqueeuc_list_marquee_elementor_d7b32c3 30s linear infinite running;\n animation-delay: 250ms;\n }\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-content:hover {\n animation-play-state: paused;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag {\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n white-space: nowrap;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag a {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-text-stroke: 0px ;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-graphic{\n overflow:hidden;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag-icon {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n#uc_list_marquee_elementor_d7b32c3 .ue-marquee-tag-image {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n\n#uc_list_marquee_elementor_d7b32c3 .ue_marq_text_wrap{\n display:flex;\n flex-direction: row;\n align-items: center;\n }\n\n@keyframes marqueeuc_list_marquee_elementor_d7b32c3 {\n 0% {\n \t-webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n }\n}\n\n@keyframes marquee-reverseuc_list_marquee_elementor_d7b32c3 {\n 0% {\n \t-webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n 100% {\n -webkit-transform: translate(0%);\n transform: translate(0%);\n }\n}\n\n@keyframes marquee-upuc_list_marquee_elementor_d7b32c3 {\n\tfrom {transform: translate(0, 25%)}\n\tto {transform: translate(0, -25%)}\n}\n\n@keyframes marquee-downuc_list_marquee_elementor_d7b32c3 {\n\tfrom {transform: translate(0, -25%)}\n\tto {transform: translate(0, 25%)}\n}\n\n<\/style>\n\n<div class=\"ue-marquee \" id=\"uc_list_marquee_elementor_d7b32c3\" >\n <div class=\"ue-marquee-content uc-items-wrapper\">\n <div class=\"ue-marquee-tag\">\n <a >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"82\" height=\"80\" viewBox=\"0 0 82 80\" fill=\"none\"><path d=\"M0 0V79.9531H5.4375V0H0ZM24.4688 0V47.0116C25.3904 46.6905 26.3606 46.5267 27.3379 46.5273C28.232 46.5273 29.092 46.6637 29.9062 46.9142V0H24.4688ZM51.6562 0V46.9631C52.5149 46.6819 53.4251 46.5273 54.375 46.5273C55.3249 46.5273 56.2351 46.6819 57.0938 46.9631V0H51.6562ZM76.125 0V79.9531H81.5625V0H76.125ZM40.7812 7.40305C37.8824 7.40305 35.1738 9.06091 33.0936 12.0155C33.0495 12.0776 33.008 12.1438 32.9648 12.2073V35.4955C33.008 35.559 33.0498 35.6252 33.0936 35.6875C35.1738 38.6417 37.8824 40.2999 40.7812 40.2999C43.6801 40.2999 46.3887 38.6417 48.4689 35.6875C48.513 35.6253 48.5545 35.559 48.5977 35.4955V12.2073C48.5545 12.1438 48.5127 12.0776 48.4689 12.0153C46.3887 9.06107 43.6801 7.40305 40.7812 7.40305ZM40.7812 41.4883C37.7614 41.4883 35.1871 41.9514 32.9648 42.7811V48.5571C35.443 50.5603 37.0234 53.8384 37.0234 57.4453C37.0234 61.0523 35.4432 64.3304 32.9648 66.3335V79.9531H48.5977V66.2109C46.2058 64.198 44.6895 60.9792 44.6895 57.4453C44.6895 53.9114 46.2058 50.6926 48.5977 48.6797V42.7732C46.3754 41.9485 43.8008 41.4883 40.7812 41.4883ZM27.3379 49.5508C23.7976 49.5508 20.7109 52.9505 20.7109 57.4453C20.7109 61.9402 23.7976 65.3398 27.3379 65.3398C30.077 65.3398 32.5433 63.3036 33.5196 60.3008H27.1875V57.2773H33.9611C33.9468 56.4499 33.8286 55.6615 33.6213 54.9258H27.1875V51.9023H32.0524C30.832 50.4377 29.1447 49.5508 27.3379 49.5508ZM54.375 49.5508C52.5682 49.5508 50.8809 50.4377 49.6603 51.9023H54.375V54.9258H48.0913C47.8845 55.6615 47.7661 56.4499 47.7514 57.2773H54.375V60.3008H48.1932C49.1696 63.3036 51.6359 65.3398 54.375 65.3398C57.9153 65.3398 61.002 61.9402 61.002 57.4453C61.002 52.9505 57.9153 49.5508 54.375 49.5508ZM19.1852 63.3309C18.0997 69.1544 17.9014 75.1425 17.8641 79.9531H21.4102V66.0816C20.534 65.314 19.782 64.3818 19.1852 63.3308V63.3309ZM62.429 63.505C61.8142 64.5442 61.0438 65.4608 60.1523 66.2109V79.9531H63.6995C63.6655 75.1996 63.4803 69.2804 62.429 63.505ZM24.4688 67.8789V79.9531H29.9062V67.9764C29.0748 68.2327 28.2088 68.3632 27.3379 68.3633C26.3606 68.3639 25.3904 68.2001 24.4688 67.879V67.8789ZM51.6562 67.9276V79.9531H57.0938V67.9276C56.2351 68.2087 55.3249 68.3633 54.375 68.3633C53.4251 68.3633 52.5149 68.2087 51.6562 67.9276Z\" fill=\"white\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n IncarceratedStoriesMatter\n <\/div>\n \n <\/a>\n<\/div>\n<div class=\"ue-marquee-tag\">\n <a href=\"#\" >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"69\" height=\"69\" viewBox=\"0 0 69 69\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.1667 1.91667C20.9262 1.91667 23.0115 1.53333 25.4936 1.07908L25.9785 0.989C28.5871 0.51175 31.5349 0 34.5 0C37.5667 0 40.5758 0.509833 43.2036 0.989L43.9204 1.12125C46.3105 1.56017 48.2559 1.91667 49.8333 1.91667C50.3417 1.91667 50.8292 2.1186 51.1886 2.47805C51.5481 2.83749 51.75 3.325 51.75 3.83333V23C51.75 27.575 49.9326 31.9626 46.6976 35.1976C43.4626 38.4326 39.075 40.25 34.5 40.25C29.925 40.25 25.5374 38.4326 22.3024 35.1976C19.0674 31.9626 17.25 27.575 17.25 23V3.83333C17.25 3.325 17.4519 2.83749 17.8114 2.47805C18.1708 2.1186 18.6583 1.91667 19.1667 1.91667ZM34.5 36.4167C38.0583 36.4167 41.4709 35.0031 43.987 32.487C46.5031 29.9709 47.9167 26.5583 47.9167 23V18.8542C46.4619 18.7182 44.8922 18.4613 43.3243 18.2026L42.5519 18.0761C39.9261 17.6525 37.2063 17.25 34.5 17.25C31.9029 17.25 29.256 17.6506 26.6302 18.0761L26.0398 18.1719C24.3704 18.446 22.6761 18.7239 21.0833 18.8619V23C21.0833 26.5583 22.4969 29.9709 25.013 32.487C27.5291 35.0031 30.9417 36.4167 34.5 36.4167ZM43.3243 11.7223C44.8941 11.9811 46.4619 12.2379 47.9167 12.374V15.0017C46.7322 14.8752 45.3943 14.6567 43.8878 14.4114L43.1672 14.2926C40.5413 13.8671 37.5475 13.4167 34.5 13.4167C31.556 13.4167 28.6254 13.869 26.0149 14.2926L25.5223 14.3731C23.8836 14.6414 22.4097 14.881 21.0833 15.0133V12.3817C22.6761 12.2437 24.3704 11.9658 26.0398 11.6917L26.6302 11.5958C29.256 11.1703 31.9029 10.7698 34.5 10.7698C37.2063 10.7698 39.928 11.1722 42.5519 11.5977L43.3243 11.7223ZM33.4842 44.0929C48.0642 43.8342 69 49.1472 69 57.5767V69H0V57.5767C0 49.1472 19.6612 44.3363 33.4842 44.0929ZM61.2375 53.6667C59.6908 52.7984 57.7549 51.9647 55.4971 51.2133C48.8769 49.0092 40.4321 47.8036 33.5512 47.9243C26.9713 48.0412 19.0076 49.2545 12.8072 51.3897C10.7602 52.095 9.00833 52.8655 7.59958 53.6667H61.2375ZM65.1667 61.3333V65.1667H3.83333V61.3333H65.1667Z\" fill=\"white\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n VoicesBeyondBars\n <\/div>\n \n <\/a>\n<\/div>\n\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4560f e-transform e-transform elementor-widget elementor-widget-ucaddon_list_marquee\" data-id=\"0e4560f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_rotateZ_effect":{"unit":"px","size":-4,"sizes":[]},"_transform_scale_effect":{"unit":"px","size":1.1,"sizes":[]},"_transform_rotateZ_effect_tablet":{"unit":"deg","size":"","sizes":[]},"_transform_rotateZ_effect_mobile":{"unit":"deg","size":"","sizes":[]},"_transform_scale_effect_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"ucaddon_list_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<style>\/* widget: List Marquee *\/\n\n#uc_list_marquee_elementor_0e4560f {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n overflow: hidden;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-content {\n display: flex;\n will-change: transform;\n animation: marqueeuc_list_marquee_elementor_0e4560f 30s linear infinite running;\n animation-delay: 250ms;\n }\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-content:hover {\n animation-play-state: paused;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag {\n width: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n white-space: nowrap;\n direction:ltr;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag a {\n display: flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n -webkit-text-stroke: 0px ;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-graphic{\n overflow:hidden;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag-icon {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n#uc_list_marquee_elementor_0e4560f .ue-marquee-tag-image {\n flex-grow: 0; \n flex-shrink: 0;\n line-height:1em;\n}\n\n#uc_list_marquee_elementor_0e4560f .ue_marq_text_wrap{\n display:flex;\n flex-direction: row;\n align-items: center;\n }\n\n@keyframes marqueeuc_list_marquee_elementor_0e4560f {\n 0% {\n \t-webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 100% {\n -webkit-transform: translate(-50%);\n transform: translate(-50%);\n }\n}\n\n@keyframes marquee-reverseuc_list_marquee_elementor_0e4560f {\n 0% {\n \t-webkit-transform: translateX(-50%);\n transform: translateX(-50%);\n }\n 100% {\n -webkit-transform: translate(0%);\n transform: translate(0%);\n }\n}\n\n@keyframes marquee-upuc_list_marquee_elementor_0e4560f {\n\tfrom {transform: translate(0, 25%)}\n\tto {transform: translate(0, -25%)}\n}\n\n@keyframes marquee-downuc_list_marquee_elementor_0e4560f {\n\tfrom {transform: translate(0, -25%)}\n\tto {transform: translate(0, 25%)}\n}\n\n<\/style>\n\n<div class=\"ue-marquee \" id=\"uc_list_marquee_elementor_0e4560f\" >\n <div class=\"ue-marquee-content uc-items-wrapper\">\n <div class=\"ue-marquee-tag\">\n <a href=\"#\" >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"53\" height=\"70\" viewBox=\"0 0 53 70\" fill=\"none\"><path d=\"M46.6637 0H5.83045C2.61469 0 -0.00157215 2.61611 9.73322e-05 5.83338L0.0303673 64.1668C0.0320367 67.3839 2.65101 70 5.86677 70H46.7002C49.9158 70 52.532 67.3839 52.5304 64.1666L52.5001 5.83338C52.4984 2.61611 49.8795 0 46.6637 0ZM11.6955 61.25C10.0863 61.25 8.77817 59.9412 8.77734 58.3334C8.77651 56.7256 10.0833 55.4168 11.6924 55.4168C13.3018 55.4168 14.6097 56.7256 14.6106 58.3334C14.6114 59.9412 13.3048 61.25 11.6955 61.25ZM39.015 45.0513C38.3148 45.6106 38.3073 46.6718 38.9814 47.2628L41.0011 49.0336L41.2091 49.2274C42.862 50.8808 43.7746 53.0783 43.7758 55.4168C43.7771 57.8944 42.7551 60.2138 40.9129 61.8954C39.0053 63.6368 36.3266 64.3409 33.7681 63.9805C30.5215 63.5233 28.1266 61.5881 26.927 58.7136C26.1431 56.8222 24.6482 53.3452 23.1903 49.977C23.0005 49.5387 22.6046 49.2349 22.137 49.1381C12.3075 47.1051 5.02671 38.0081 5.91959 27.3984C6.76613 17.3396 15.1741 9.2549 25.257 8.77379C36.9631 8.21516 46.6727 17.5789 46.6787 29.1666C46.6821 35.4983 43.7562 41.264 39.015 45.0513Z\" fill=\"#232323\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n VoicesBeyondBars\n <\/div>\n \n <\/a>\n<\/div>\n<div class=\"ue-marquee-tag\">\n <a >\n <div class=\"ue-marquee-tag-icon ue-marquee-graphic\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"69\" height=\"69\" viewBox=\"0 0 69 69\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.9037 1.89037C20.6391 1.89037 22.6958 1.5123 25.1439 1.06428L25.6221 0.975432C28.1949 0.504729 31.1023 0 34.0267 0C37.0513 0 40.0192 0.502839 42.6109 0.975432L43.3179 1.10587C45.6752 1.53876 47.5939 1.89037 49.1497 1.89037C49.6511 1.89037 50.1319 2.08954 50.4864 2.44405C50.8409 2.79856 51.0401 3.27939 51.0401 3.78075L51.0401 22.6845C51.0401 27.1967 49.2476 31.5241 46.057 34.7147C42.8663 37.9054 38.5389 39.6978 34.0267 39.6978C29.5145 39.6978 25.1871 37.9054 21.9965 34.7147C18.8058 31.5241 17.0134 27.1967 17.0134 22.6845L17.0134 3.78075C17.0134 3.27939 17.2125 2.79856 17.567 2.44405C17.9215 2.08954 18.4024 1.89037 18.9037 1.89037ZM34.0267 35.9171C37.5362 35.9171 40.902 34.5229 43.3836 32.0413C45.8652 29.5597 47.2593 26.194 47.2593 22.6845L47.2593 18.5956C45.8245 18.4614 44.2763 18.2081 42.73 17.9529L41.9682 17.8281C39.3784 17.4103 36.6959 17.0134 34.0267 17.0134C31.4653 17.0134 28.8546 17.4084 26.2648 17.8281L25.6826 17.9226C24.0361 18.1929 22.365 18.467 20.7941 18.6032L20.7941 22.6845C20.7941 26.194 22.1882 29.5597 24.6698 32.0413C27.1514 34.5229 30.5172 35.9171 34.0267 35.9171ZM42.73 11.5615C44.2782 11.8167 45.8245 12.07 47.2593 12.2042L47.2593 14.7959C46.0911 14.6712 44.7716 14.4557 43.2858 14.2137L42.575 14.0965C39.9852 13.6768 37.0324 13.2326 34.0267 13.2326C31.1231 13.2326 28.2327 13.6787 25.658 14.0965L25.1722 14.1759C23.5559 14.4406 22.1022 14.6769 20.7941 14.8073L20.7941 12.2118C22.365 12.0757 24.0361 11.8016 25.6826 11.5313L26.2648 11.4368C28.8546 11.0171 31.4653 10.622 34.0267 10.622C36.6959 10.622 39.3802 11.019 41.9682 11.4386L42.73 11.5615ZM33.0248 43.488C47.4049 43.2328 68.0534 48.4729 68.0534 56.7868L68.0534 68.0534H-5.0565e-07L-4.21937e-07 56.7868C-3.60163e-07 48.4729 19.3914 43.7281 33.0248 43.488ZM60.3974 52.9304C58.8719 52.0741 56.9626 51.2518 54.7357 50.5108C48.2064 48.3368 39.8774 47.1478 33.091 47.2669C26.6013 47.3822 18.7468 48.5788 12.6315 50.6847C10.6126 51.3803 8.88475 52.1403 7.49533 52.9304H60.3974ZM64.2727 60.4919L64.2727 64.2727H3.78075L3.78075 60.4919H64.2727Z\" fill=\"#2F2F2F\"><\/path><\/svg><\/div>\n \n <div class=\"ue_marq_text_wrap\">\n IncarceratedStoriesMatter\n <\/div>\n \n <\/a>\n<\/div>\n\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ef305d e-con-full e-flex e-con e-parent\" data-id=\"5ef305d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-88e0f39 e-flex e-con-boxed e-con e-child\" data-id=\"88e0f39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48a3773 elementor-widget elementor-widget-image\" data-id=\"48a3773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"101\" height=\"101\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/visa-logo-02-1.png\" class=\"attachment-large size-large wp-image-261\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fba6bc elementor-widget elementor-widget-image\" data-id=\"2fba6bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"125\" height=\"125\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/zelle-logo-1.png\" class=\"attachment-large size-large wp-image-260\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c5733b elementor-widget elementor-widget-image\" data-id=\"1c5733b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"143\" height=\"48\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Clients-Logo.png\" class=\"attachment-large size-large wp-image-259\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1af8fb elementor-widget elementor-widget-image\" data-id=\"f1af8fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"130\" height=\"73\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Mastercard-Logo-2016-1.png\" class=\"attachment-large size-large wp-image-258\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b163c93 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"b163c93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-7007aed e-flex e-con-boxed e-con e-child\" data-id=\"7007aed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7aeb6d1 elementor-widget elementor-widget-html\" data-id=\"7aeb6d1\" data-element_type=\"widget\" data-e-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>Get In Touch<\/title>\r\n <style>\r\n\r\n .contact-wrapper {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n position: relative;\r\n min-height: 850px;\r\n }\r\n\r\n .image-container {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 60%;\r\n height: 600px;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 30px;\r\n }\r\n\r\n \/* circular badge *\/\r\n .circular-badge {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 160px;\r\n height: 160px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2;\r\n }\r\n\r\n .circular-badge img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* stats badge *\/\r\n .stats-badge {\r\n position: absolute;\r\n right: 15%;\r\n bottom: 120px;\r\n background: rgba(255, 255, 255, 0.98);\r\n border-radius: 60px;\r\n padding: 5px 35px;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n z-index: 3;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .stats-icon {\r\n width: 55px;\r\n height: 55px;\r\n background: #e8f5e9;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n \/* FORM CHANGES BELOW *\/\r\n .form-container {\r\n position: absolute;\r\n top: 220px; \/* Starts from half of 600px image height *\/\r\n left: 0;\r\n width: 55%;\r\n background: white;\r\n padding: 50px 45px; \/* Reduced height *\/\r\n border-radius: 25px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n z-index: 5;\r\n }\r\n\r\n .form-header h2 {\r\n font-size: 2.8rem;\r\n margin-bottom: 30px;\r\n color: #2d3748;\r\n font-weight: 700;\r\n }\r\n\r\n .form-fields {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n padding: 15px 18px;\r\n background: #f7f7f7;\r\n border-radius: 12px;\r\n border: none;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-group textarea {\r\n min-height: 120px; \/* Reduced height *\/\r\n }\r\n\r\n .submit-btn {\r\n background: linear-gradient(135deg, #a8c5a3 0%, #8faa8b 100%);\r\n padding: 14px 35px;\r\n border-radius: 50px;\r\n color: white;\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 1024px) {\r\n .contact-wrapper {\r\n padding: 20px;\r\n min-height: auto;\r\n }\r\n\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n }\r\n\r\n .form-container {\r\n position: relative;\r\n top: -40px;\r\n width: 100%;\r\n left: 0;\r\n }\r\n\r\n .stats-badge {\r\n right: 50%;\r\n transform: translateX(50%);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .form-container {\r\n padding: 35px 25px;\r\n }\r\n\r\n .form-header h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"contact-wrapper\">\r\n\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5.png\" alt=\"\">\r\n <div class=\"circular-badge\">\r\n <img decoding=\"async\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/Group-1000008415.png\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"stats-badge\">\r\n <div class=\"stats-icon\">\ud83c\udfc6<\/div>\r\n <div class=\"stats-content\">\r\n <h3>2k+<\/h3>\r\n <p>Project Completed<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-container\">\r\n <div class=\"form-header\">\r\n <h2>Get In Touch<\/h2>\r\n <\/div>\r\n\r\n <form class=\"form-fields\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" placeholder=\"Your Name\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"text\" placeholder=\"Your Name\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <input type=\"email\" placeholder=\"Your Email\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"email\" placeholder=\"Your Email\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <textarea placeholder=\"Message here...\"><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"submit-btn\">Contact Us<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\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>\n\t\t<div class=\"elementor-element elementor-element-dc75221 e-flex e-con-boxed e-con e-parent\" data-id=\"dc75221\" data-element_type=\"container\" data-e-type=\"container\" id=\"contactus\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f093792 e-con-full e-flex e-con e-child\" data-id=\"f093792\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-a45cca2 e-con-full e-flex e-con e-child\" data-id=\"a45cca2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-505f163 elementor-widget elementor-widget-heading\" data-id=\"505f163\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get In Touch<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd4f004 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"fd4f004\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"13\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"fd4f004\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"13\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tFirst Name\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"First Name *\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_23675fe elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_23675fe\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tLast Name\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_23675fe]\" id=\"form-field-field_23675fe\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Last Name\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tEmail Address\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Email Address\" required=\"required\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_2c5ca10 elementor-col-50 elementor-field-required\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_2c5ca10\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_2c5ca10]\" id=\"form-field-field_2c5ca10\" class=\"elementor-field elementor-size-md elementor-field-textual\" placeholder=\"Phone Number\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"6\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-955a3c2 e-con-full e-flex e-con e-child\" data-id=\"955a3c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-498a154 e-con-full e-flex e-con e-child\" data-id=\"498a154\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-8394289 e-con-full e-flex e-con e-child\" data-id=\"8394289\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0aa24 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"df0aa24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-trophy\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aff6fac e-con-full e-flex e-con e-child\" data-id=\"aff6fac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e267d48 elementor-widget elementor-widget-counter\" data-id=\"e267d48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Project Completed<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"2\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">K+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2fcac elementor-absolute elementor-widget elementor-widget-image\" data-id=\"0e2fcac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-1024x650.png\" class=\"attachment-large size-large wp-image-269\" alt=\"\" srcset=\"https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-1024x650.png 1024w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-300x190.png 300w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5-768x487.png 768w, https:\/\/automanza.com\/backagainstthebars\/wp-content\/uploads\/2025\/11\/image-5.png 1174w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Text Left A VOICE BEYOND THE WALL Back Against The Bars is a trusted prison pen pal and inmate […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":358,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/pages\/13\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/automanza.com\/backagainstthebars\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}