{"id":10,"date":"2026-02-13T16:40:59","date_gmt":"2026-02-13T16:40:59","guid":{"rendered":"https:\/\/demowebdesign.live\/roma\/?page_id=10"},"modified":"2026-02-13T22:30:17","modified_gmt":"2026-02-13T22:30:17","slug":"home","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/roma\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37f0f82 e-flex e-con-boxed e-con e-parent\" data-id=\"37f0f82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6382d45 e-con-full e-flex e-con e-child\" data-id=\"6382d45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947c717 elementor-widget elementor-widget-heading\" data-id=\"947c717\" 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\">Roma Therapeutic Services\u00a0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bb6433 elementor-widget elementor-widget-heading\" data-id=\"2bb6433\" 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\">Compassionate<br>Therapy for Children, Adolescents &amp; Families<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f8fe5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a0f8fe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-759ad93 elementor-widget elementor-widget-text-editor\" data-id=\"759ad93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div id=\"comp-mkj8m3fm1\" class=\"Z_l5lU ku3DBC zQ9jDz qvSjx3 Vq6kJx comp-mkj8m3fm1 wixui-rich-text\" data-testid=\"richTextElement\"><p class=\"font_8 wixui-rich-text__text\"><span class=\"wixui-rich-text__text\">Providing a safe, supportive, and respectful environment where individuals and families can heal, grow, and strengthen their relationships.<\/span><\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6aa0415 e-con-full e-flex e-con e-child\" data-id=\"6aa0415\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-440e2f1 btn elementor-widget elementor-widget-button\" data-id=\"440e2f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/roma\/index.php\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SCHEDULE A CONSULTATION<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-851cd6c btn elementor-widget elementor-widget-button\" data-id=\"851cd6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/demowebdesign.live\/roma\/#about\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LEARN MORE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0ffcbe elementor-widget elementor-widget-text-editor\" data-id=\"e0ffcbe\" 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>4.9\/5 Rating From Our Clients<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2d63a1 e-con-full e-flex e-con e-child\" data-id=\"e2d63a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b37d133 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"b37d133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ui-wrapper\">\r\n\r\n  <!-- Watch Our Story -->\r\n  <div class=\"story-pill\">\r\n    <span>Watch Our Story<\/span>\r\n    <div class=\"play-wrap\">\r\n      <div class=\"play-btn\">\u25b6<\/div>\r\n      <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/40\" alt=\"avatar\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Core Services Card -->\r\n  <div class=\"service-card\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_mother-and-child-enjoying-moment-together-with-teddy-bear-in_73069340_large.jpg\"\r\n      alt=\"therapy\"\r\n      class=\"card-img\"\r\n    \/>\r\n\r\n    <div class=\"card-content\">\r\n      <div class=\"card-header\">\r\n        <h3>Core Services<\/h3>\r\n        <span class=\"icon\">\u273a<\/span>\r\n      <\/div>\r\n\r\n      <a href=\"#\" class=\"service-btn primary\">Therapy Sessions<\/a>\r\n      <a href=\"#\" class=\"service-btn secondary\">Psychiatric Consultations<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n    \/* Wrapper *\/\r\n.ui-wrapper {\r\n  font-family: Arial, sans-serif;\r\n  padding: 40px;\r\n}\r\n\r\n\/* Watch Our Story *\/\r\n.story-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  background: rgba(255,255,255,0.2);\r\n  backdrop-filter: blur(8px);\r\n  padding: 10px 18px;\r\n  border-radius: 40px;\r\n  color: #fff;\r\n  font-size: 14px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.play-wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.play-btn {\r\n  width: 26px;\r\n  height: 26px;\r\n  background: #6b5cff;\r\n  color: #fff;\r\n  font-size: 12px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.play-wrap img {\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 50%;\r\n  border: 2px solid #fff;\r\n}\r\n\r\n\/* Card *\/\r\n.service-card {\r\n  width: 300px;\r\n  background: #fff;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n}\r\n\r\n.card-img {\r\n  width: 100%;\r\n  height: 180px;\r\n  object-fit: cover;\r\n}\r\n\r\n.card-content {\r\n  padding: 18px;\r\n}\r\n\r\n.card-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.card-header h3 {\r\n  font-size: 16px;\r\n  margin: 0;\r\n}\r\n\r\n.icon {\r\n  color: #4fc3f7;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Buttons *\/\r\n.service-btn {\r\n  display: block;\r\n  text-align: center;\r\n  padding: 12px;\r\n  border-radius: 30px;\r\n  font-size: 14px;\r\n  text-decoration: none !important;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.service-btn.primary {\r\n  background: #00a6e8;\r\n  color: #fff;\r\n}\r\n\r\n.service-btn.secondary {\r\n  background: #4b4fa1;\r\n  color: #fff;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ui-wrapper {\r\n    padding: 20px;\r\n  }\r\n\r\n  .story-pill {\r\n    padding: 8px 14px;\r\n    font-size: 13px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .play-btn {\r\n    width: 22px;\r\n    height: 22px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .play-wrap img {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .service-card {\r\n    width: 100%;\r\n  }\r\n\r\n  .card-content {\r\n    padding: 14px;\r\n  }\r\n\r\n  .card-header h3 {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .icon {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .service-btn {\r\n    font-size: 13px;\r\n    padding: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .ui-wrapper {\r\n    padding: 15px;\r\n  }\r\n\r\n  .story-pill {\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    padding: 6px 12px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .card-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 6px;\r\n  }\r\n\r\n  .service-btn {\r\n    padding: 9px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n<\/style>\r\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-2f276b9 e-flex e-con-boxed e-con e-parent\" data-id=\"2f276b9\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b95373 elementor-widget elementor-widget-html\" data-id=\"8b95373\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"about-section\">\r\n  <div class=\"container\">\r\n\r\n    <!-- LEFT SIDE -->\r\n    <div class=\"left\">\r\n\r\n      <div class=\"about-tag\">\r\n        <span class=\"star\"><\/span>\r\n        <span>ABOUT US<\/span>\r\n      <\/div>\r\n\r\n      <h1>\r\n        Welcome to Roma<br>\r\n        Therapeutic Services\r\n      <\/h1>\r\n\r\n      <p class=\"intro\">\r\n        We believe healing happens when individuals and families feel safe, understood, and supported.\r\n\r\nOur practice is dedicated to working with children, adolescents, and families navigating emotional challenges, life transitions, and complex family dynamics.\r\n      <\/p>\r\n\r\n      <div class=\"welcome-card\">\r\n        <div class=\"welcome-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_a-doctor-holding-hands-with-another-person_56961351_large.jpg\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"welcome-content\">\r\n          <h3>Welcome Message<\/h3>\r\n          <p>\r\n            Roma Therapeutic Services also specializes in family reunification services, offering structured, therapeutic support for families involved with child-serving systems. Our work is informed by clinical expertise, ethical standards, and a deep respect for the role of caregivers, courts, and community partners in a child\u2019s well-being.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE -->\r\n    <div class=\"right\">\r\n\r\n      <div class=\"mission-badge\">Our Mission<\/div>\r\n\r\n      <div class=\"mission-item\">\r\n        <span class=\"star\"><\/span>\r\n        <div>\r\n          <h4>Promoting Mental Wellness<\/h4>\r\n          <p>\r\n            We are committed to promoting emotional well-being by providing\r\n            compassionate, evidence-based mental health services.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mission-item\">\r\n        <span class=\"star\"><\/span>\r\n        <div>\r\n          <h4>Empowering Individuals<\/h4>\r\n          <p>\r\n            Roma Therapeutic Services empowers individuals by honoring their\r\n            unique experiences and strengths.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mission-item\">\r\n        <span class=\"star\"><\/span>\r\n        <div>\r\n          <h4>Supporting Personal Growth<\/h4>\r\n          <p>\r\n            We believe meaningful growth happens when individuals feel\r\n            supported and understood.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    body {\r\n  margin: 0;\r\n  font-family: 'Alegreya', serif;\r\n  background: #f3f3f3;\r\n  color: #1f1f1f;\r\n}\r\n\r\n.about-section {\r\n  padding: 100px 0px !important;\r\n}\r\n\r\n.container {\r\n  max-width: 1180px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1.15fr 1fr;\r\n  gap: 90px;\r\n}\r\n\r\n\/* ABOUT TAG *\/\r\n.about-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-size: 18px;\r\n  letter-spacing: 2px;\r\n  color: #000;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n\/* Proper Sparkle Star *\/\r\n.star {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  background: #1ea7fd;\r\n  clip-path: polygon(\r\n    50% 0%, \r\n    60% 35%, \r\n    100% 50%, \r\n    60% 65%, \r\n    50% 100%, \r\n    40% 65%, \r\n    0% 50%, \r\n    40% 35%\r\n  );\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n.left h1 {\r\n  font-size: 55px !important;\r\n  font-weight: 500;\r\n  line-height: 1.2;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.intro {\r\n  font-size: 20px;\r\n  line-height: 1.8;\r\n  color: #000;\r\n  margin-bottom: 45px;\r\n  max-width: 100%;\r\n}\r\n\r\n\/* Welcome Card *\/\r\n.welcome-card {\r\n  display: flex;\r\n  background: #fff;\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n  border: 1px solid #e6e6e6;\r\n}\r\n\r\n.welcome-img {\r\n  width: 38%;\r\n}\r\n\r\n.welcome-img img {\r\n  width: 100%;\r\n  height: 355px;\r\n  object-fit: cover;\r\n}\r\n\r\n.welcome-content {\r\n  width: 62%;\r\n  padding: 30px;\r\n}\r\n\r\n.welcome-content h3 {\r\n  margin-top: 0;\r\n  margin-bottom: 15px;\r\n  font-size: 28px;\r\n  font-weight: 500;\r\n}\r\n\r\n.welcome-content p {\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  color: #000;\r\n}\r\n\r\n\/* RIGHT SIDE *\/\r\n.mission-badge {\r\n  width: 100%;\r\n  background: #5657a6;\r\n  color: #fff;\r\n  padding: 20px 40px;\r\n  border-radius: 14px;\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  display: inline-block;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.mission-item {\r\n  display: flex;\r\n  gap: 18px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.mission-item h4 {\r\n  margin: 0 0 8px;\r\n  font-size: 28px;\r\n  font-weight: 500;\r\n}\r\n\r\n.mission-item p {\r\n  margin: 0;\r\n  font-size: 23px;\r\n  line-height: 1.8;\r\n  color: #000 !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 992px) {\r\n  .container {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n    text-align: center; \/* center all content *\/\r\n  }\r\n  \r\n  .about-tag{\r\n      justify-content: center !important;\r\n  }\r\n\r\n  .left h1 {\r\n    font-size: 34px;\r\n    text-align: center; \/* center heading *\/\r\n  }\r\n\r\n  .intro {\r\n    text-align: center;\r\n    margin: 0 auto 45px auto;\r\n  }\r\n\r\n  .welcome-card {\r\n    flex-direction: column;\r\n    align-items: center; \/* center card content *\/\r\n    text-align: center;\r\n  }\r\n\r\n  .welcome-img,\r\n  .welcome-content {\r\n    width: 100%;\r\n  }\r\n\r\n  .welcome-img img {\r\n    height: 240px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .welcome-content h3,\r\n  .welcome-content p {\r\n    text-align: center;\r\n  }\r\n\r\n  .mission-item {\r\n    flex-direction: column;\r\n    align-items: center; \/* center each mission item *\/\r\n    gap: 15px;\r\n    text-align: center;\r\n  }\r\n\r\n  .mission-item h4,\r\n  .mission-item p {\r\n    text-align: center;\r\n  }\r\n\r\n  .mission-badge {\r\n    margin: 0 auto 50px auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .about-section {\r\n    padding: 60px 15px !important;\r\n  }\r\n\r\n  .left h1 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .intro {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .welcome-content h3 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .welcome-content p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .mission-item h4 {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .mission-item p {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .mission-badge {\r\n    font-size: 18px;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n\r\n<\/style>\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-1ec4397 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1ec4397\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7248ddb e-con-full e-flex e-con e-child\" data-id=\"7248ddb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1f50e elementor-widget elementor-widget-heading\" data-id=\"ee1f50e\" 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\">CONDITIONS WE TREAT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a24d0b9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a24d0b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27d0c89 e-con-full e-flex e-con e-child\" data-id=\"27d0c89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9730517 elementor-widget elementor-widget-heading\" data-id=\"9730517\" 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\">Anxiety Disorders<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab5ea57 elementor-widget elementor-widget-text-editor\" data-id=\"ab5ea57\" 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>We support children, adolescents, and families experiencing anxiety-related concerns, including excessive worry, fear, and stress. Therapy focuses on developing coping strategies, emotional regulation, and tools to manage anxiety in daily life.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba13424 e-con-full e-flex e-con e-child\" data-id=\"ba13424\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3716bdf elementor-widget elementor-widget-heading\" data-id=\"3716bdf\" 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\">Post-Traumatic Stress Disorder<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4db44d9 elementor-widget elementor-widget-text-editor\" data-id=\"4db44d9\" 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>We provide trauma-informed care for individuals affected by traumatic experiences. Our approach prioritizes emotional safety while helping clients process trauma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eabdc5c e-con-full e-flex e-con e-child\" data-id=\"eabdc5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa5c53 elementor-widget elementor-widget-heading\" data-id=\"5fa5c53\" 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\">Eating disorders<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfcc736 elementor-widget elementor-widget-text-editor\" data-id=\"bfcc736\" 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 address emotional and behavioral challenges related to eating disorders. We work collaboratively with individuals and families to support healthier relationships with food, body image, and emotional well-being.<\/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-d267030 e-con-full e-flex e-con e-child\" data-id=\"d267030\" data-element_type=\"container\" data-e-type=\"container\">\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-b3eca7c e-flex e-con-boxed e-con e-parent\" data-id=\"b3eca7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f48bff0 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f48bff0\" 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>Conditions We Treat<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ================================\r\n   CONDITIONS WE TREAT (SCOPED)\r\n================================ *\/\r\n\r\n\/* ================================\r\n   CONDITIONS WE TREAT (SCOPED)\r\n================================ *\/\r\n\r\n.cwt-section {\r\n    position: relative;\r\n    padding: 80px 60px;\r\n    overflow: hidden;\r\n    font-family: 'Alegreya', serif;\r\n}\r\n\r\n.cwt-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.stat-section-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #fff !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.stat-section-label::before {\r\n    content: '';\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #019CDE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.cwt-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 60px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.cwt-title {\r\n    font-size: 52px;\r\n    font-weight: 300;\r\n    color: #fff;\r\n}\r\n\r\n.cwt-btn {\r\n    padding: 16px 32px;\r\n    background: #4D51A1;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cwt-btn:hover {\r\n    background: #4752C4;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.cwt-wrapper {\r\n    display: flex;\r\n    gap: 50px;\r\n    align-items: center;\r\n}\r\n\r\n.cwt-list {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n\/* Cards *\/\r\n.cwt-card {\r\n    background: #ffffff;\r\n    padding: 30px;\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    border: 2px solid #4D51A1;\r\n}\r\n\r\n.cwt-card h3 {\r\n    font-size: 28px;\r\n    margin-bottom: 10px;\r\n    color: #2c3e50;\r\n}\r\n\r\n.cwt-card p {\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n    color: #000;\r\n}\r\n\r\n.cwt-card:hover {\r\n    transform: translateX(5px);\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n}\r\n\r\n.cwt-card.cwt-active {\r\n    border-color: #5865F2;\r\n    transform: translateX(10px);\r\n    box-shadow: 0 10px 30px rgba(88,101,242,0.2);\r\n}\r\n\r\n.cwt-card.cwt-active h3 {\r\n    color: #5865F2;\r\n}\r\n\r\n\/* Image Side *\/\r\n.cwt-image-wrapper {\r\n    flex: 1;\r\n}\r\n\r\n.cwt-image-box {\r\n    position: relative;\r\n    height: 600px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Corner Circle Design *\/\r\n.cwt-image-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -50px;\r\n    right: -50px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(88,101,242,0.15) 40%, transparent 41%);\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Images *\/\r\n.cwt-img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n    border-radius: 24px;\r\n    z-index: 2;\r\n}\r\n\r\n.cwt-img.cwt-active {\r\n    opacity: 1;\r\n}\r\n\r\n\/* ========================\r\n   RESPONSIVE MOBILE STYLES\r\n======================== *\/\r\n\r\n\/* Tablet \/ Small Desktop *\/\r\n@media (max-width: 1024px) {\r\n    .cwt-wrapper {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 40px;\r\n    }\r\n\r\n    .cwt-image-box {\r\n        height: 500px;\r\n    }\r\n\r\n    .cwt-title {\r\n        font-size: 42px;\r\n        text-align: center;\r\n    }\r\n\r\n    .cwt-header {\r\n        justify-content: center;\r\n        gap: 20px;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n\/* Small Tablet \/ Large Phone *\/\r\n@media (max-width: 768px) {\r\n    .cwt-section {\r\n        padding: 60px 30px;\r\n    }\r\n\r\n    .cwt-title {\r\n        font-size: 34px;\r\n    }\r\n\r\n    .cwt-btn {\r\n        padding: 12px 24px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .cwt-card.cwt-active {\r\n        transform: none; \/* remove right shift *\/\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* Hide image wrapper on mobile *\/\r\n    .cwt-image-wrapper {\r\n        display: none;\r\n    }\r\n\r\n    \/* Center the cards *\/\r\n    .cwt-list {\r\n        width: 100%;\r\n        align-items: center;\r\n    }\r\n\r\n    .cwt-card {\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Center stat label *\/\r\n    .stat-section-label {\r\n        display: none !important;\r\n    }\r\n\r\n    .stat-section-label::before {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n}\r\n\r\n\/* Mobile (\u2264480px) *\/\r\n@media (max-width: 480px) {\r\n    .cwt-section {\r\n        padding: 40px 15px;\r\n    }\r\n\r\n    .cwt-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .cwt-card h3 {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .cwt-card p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .cwt-btn {\r\n        padding: 10px 20px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    \/* Stat label for very small screens *\/\r\n    .stat-section-label {\r\n        font-size: 11px;\r\n        gap: 5px;\r\n        margin-bottom: 12px;\r\n        justify-content: center;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .stat-section-label::before {\r\n        width: 5px;\r\n        height: 5px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"cwt-section\">\r\n    <div class=\"cwt-container\">\r\n        <div class=\"stat-section-label\">What We Offer<\/div>\r\n\r\n        <div class=\"cwt-header\">\r\n            <h1 class=\"cwt-title\">Our Key Services<\/h1>\r\n            <a href=\"https:\/\/demowebdesign.live\/roma\/index.php\/contact-us\/\">\r\n    <button class=\"cwt-btn\">Schedule a Consultation<\/button>\r\n<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"cwt-wrapper\">\r\n\r\n            <!-- LEFT SIDE -->\r\n            <div class=\"cwt-list\">\r\n                <div class=\"cwt-card cwt-active\" data-condition=\"anxiety\">\r\n                    <h3>Child & Adolescent Therapy<\/h3>\r\n                    <p>Supporting emotional regulation, communication, and resilience in children and teens.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cwt-card\" data-condition=\"ptsd\">\r\n                    <h3>Family Therapy<\/h3>\r\n                    <p>Structured therapeutic sessions designed to help families address conflicts, improve communication, and strengthen relationships during the reunification process.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cwt-card\" data-condition=\"eating\">\r\n                    <h3>Supervised Visitation<\/h3>\r\n                    <p>Guided visits between family members, typically under the supervision of a trained professional. This service ensures safety and positive interaction while supporting the gradual reintegration of family members.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RIGHT SIDE -->\r\n            <div class=\"cwt-image-wrapper\">\r\n                <div class=\"cwt-image-box\">\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_the-siblings-challenge-each-other-in-a-friendly-game_55748645_large.jpg\"\r\n                         class=\"cwt-img cwt-active\" data-condition=\"anxiety\">\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_a-doctor-holding-hands-with-another-person_56961351_large-1.jpg\"\r\n                         class=\"cwt-img\" data-condition=\"ptsd\">\r\n                    <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_grandmother-and-mother-talking-while-child-plays_2022290_large.jpg\"\r\n                         class=\"cwt-img\" data-condition=\"eating\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nif (window.innerWidth > 768) { \/\/ only run JS on desktop\r\n    const cwtCards = document.querySelectorAll('.cwt-card');\r\n    const cwtImages = document.querySelectorAll('.cwt-img');\r\n\r\n    cwtCards.forEach(card => {\r\n        card.addEventListener('click', () => {\r\n            cwtCards.forEach(c => c.classList.remove('cwt-active'));\r\n            card.classList.add('cwt-active');\r\n\r\n            const condition = card.getAttribute('data-condition');\r\n\r\n            cwtImages.forEach(img => {\r\n                if (img.getAttribute('data-condition') === condition) {\r\n                    img.classList.add('cwt-active');\r\n                } else {\r\n                    img.classList.remove('cwt-active');\r\n                }\r\n            });\r\n        });\r\n    });\r\n}\r\n<\/script>\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-3989eac e-flex e-con-boxed e-con e-parent\" data-id=\"3989eac\" 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-75d214a elementor-widget elementor-widget-html\" data-id=\"75d214a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n<style>\r\n\r\n\/* ================================\r\n   EXPERTISE SECTION (SCOPED)\r\n================================ *\/\r\n\r\n.expertise-sec {\r\n    position: relative;\r\n    padding: 0 60px;\r\n    overflow: hidden;\r\n    font-family: 'Alegreya', serif;\r\n}\r\n\r\n\/* Container *\/\r\n.expertise-sec__container {\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n    border-radius: 16px;\r\n    padding: 60px 40px;\r\n}\r\n\r\n\/* Title *\/\r\n.expertise-sec__title {\r\n    font-size: 56px;\r\n    font-weight: 300;\r\n    color: #1a1a2e;\r\n    margin-bottom: 30px;\r\n    letter-spacing: -1px;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* Section Label *\/\r\n.expertise-sec-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #000 !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.expertise-sec-label::before {\r\n    content: '';\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #019CDE;\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* Cards Grid *\/\r\n.expertise-sec__cards {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n    gap: 30px;\r\n}\r\n\r\n\/* Card *\/\r\n.expertise-sec__card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 45px 40px;\r\n    position: relative;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: 1px solid rgba(88, 101, 242, 0.1);\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n}\r\n\r\n.expertise-sec__card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 5px;\r\n    background: linear-gradient(90deg, #4D51A1 0%, #019CDE 100%);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.expertise-sec__card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.expertise-sec__card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(88, 101, 242, 0.15);\r\n    border-color: rgba(88, 101, 242, 0.2);\r\n}\r\n\r\n\/* Featured Card *\/\r\n.expertise-sec__card--featured {\r\n    background: #4D51A1;\r\n    color: white;\r\n    border: none;\r\n}\r\n\r\n.expertise-sec__card--featured::before {\r\n    background: linear-gradient(90deg, #4D51A1 0%, #019CDE 100%);\r\n}\r\n\r\n.expertise-sec__card--featured .expertise-sec__icon {\r\n    background: rgba(255, 255, 255, 0.2);\r\n    color: white;\r\n}\r\n\r\n.expertise-sec__card--featured h3,\r\n.expertise-sec__card--featured p {\r\n    color: white;\r\n}\r\n\r\n.expertise-sec__card--featured p {\r\n    opacity: 0.95;\r\n}\r\n\r\n\/* Card Icon *\/\r\n.expertise-sec__icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #e0e7ff 0%, #dbeafe 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.expertise-sec__icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    stroke: #5865F2;\r\n    stroke-width: 2;\r\n}\r\n\r\n.expertise-sec__card--featured .expertise-sec__icon svg {\r\n    stroke: white;\r\n}\r\n\r\n.expertise-sec__card:hover .expertise-sec__icon {\r\n    transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n\/* Card Text *\/\r\n.expertise-sec__card h3 {\r\n    font-size: 26px;\r\n    font-weight: 600;\r\n    margin-bottom: 18px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.expertise-sec__card p {\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* View All Button *\/\r\n.expertise-sec__view-btn {\r\n    display: inline-block;\r\n    margin-top: 50px;\r\n    padding: 18px 40px;\r\n    background: #5865F2;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 12px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);\r\n}\r\n\r\n.expertise-sec__view-btn:hover {\r\n    background: #4752C4;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(88, 101, 242, 0.4);\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE STYLING\r\n========================= *\/\r\n\r\n\/* Tablet (768px - 1024px) *\/\r\n@media (max-width: 1024px) {\r\n    .expertise-sec__cards {\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 25px;\r\n    }\r\n\r\n    .expertise-sec__container {\r\n        padding: 50px 30px;\r\n    }\r\n}\r\n\r\n\/* Small Tablet \/ Large Phone (\u2264768px) *\/\r\n@media (max-width: 768px) {\r\n    .expertise-sec {\r\n        padding: 60px 0px !important;\r\n    }\r\n    \r\n    .expertise-sec__title {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .expertise-sec__cards {\r\n        grid-template-columns: 1fr;\r\n        gap: 25px;\r\n    }\r\n    \r\n    .expertise-sec-label{\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .expertise-sec__card {\r\n        padding: 35px 25px;\r\n    }\r\n\r\n    .expertise-sec__card h3 {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .expertise-sec__card p {\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .expertise-sec__view-btn {\r\n        padding: 16px 30px;\r\n        font-size: 15px;\r\n    }\r\n    .expertise-sec-label {\r\n        display: none ;\r\n    }\r\n}\r\n\r\n\/* Mobile (\u2264480px) *\/\r\n@media (max-width: 480px) {\r\n    .expertise-sec {\r\n        padding: 50px 0px !important;\r\n    }\r\n\r\n    .expertise-sec__title {\r\n        font-size: 32px;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .expertise-sec-label {\r\n        font-size: 12px;\r\n        gap: 6px;\r\n    }\r\n\r\n    .expertise-sec__cards {\r\n        gap: 20px;\r\n    }\r\n\r\n    .expertise-sec__card {\r\n        padding: 25px 20px;\r\n    }\r\n\r\n    .expertise-sec__card h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .expertise-sec__card p {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .expertise-sec__icon {\r\n        width: 50px;\r\n        height: 50px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .expertise-sec__icon svg {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n\r\n    .expertise-sec__view-btn {\r\n        width: 100%;\r\n        padding: 14px 0;\r\n        font-size: 14px;\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"expertise-sec\">\r\n    <div class=\"expertise-sec__container\">\r\n        \r\n        <div class=\"expertise-sec-label\">Healing Together<\/div>\r\n        \r\n        <div class=\"expertise-sec__header\">\r\n            \r\n            <h2 class=\"expertise-sec__title\">Our TheraPeutic<br>Experience<\/h2>\r\n            \r\n            \r\n        <\/div>\r\n\r\n        <div class=\"expertise-sec__cards\">\r\n            <!-- Featured Card -->\r\n            <div class=\"expertise-sec__card expertise-sec__card--featured\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"award\"><\/i>\r\n                <\/div>\r\n                <h3>Licensed Professional Counselor (LPC)<\/h3>\r\n                <p>Roma Therapeutic Services is led by a Licensed Professional Counselor, bringing advanced clinical expertise and ethical practice to every client interaction.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"expertise-sec__card\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"scale\"><\/i>\r\n                <\/div>\r\n                <h3>Certified Forensic Mental Health Evaluator<\/h3>\r\n                <p>As a Certified Forensic Mental Health Evaluator (CFMHE), we provide specialized expertise in working with families involved in complex legal and child-serving systems.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"expertise-sec__card\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"graduation-cap\"><\/i>\r\n                <\/div>\r\n                <h3>Advanced Training & Clinical Practice<\/h3>\r\n                <p>Our credentials reflect extensive training in clinical practice, ethical decision-making, and specialized work with court and child-serving agencies.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 4 -->\r\n            <div class=\"expertise-sec__card\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"shield-check\"><\/i>\r\n                <\/div>\r\n                <h3>Professional Standards<\/h3>\r\n                <p>All services are delivered in alignment with professional standards, continuing education requirements, and best practices in child and family mental health.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 5 -->\r\n            <div class=\"expertise-sec__card\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"users\"><\/i>\r\n                <\/div>\r\n                <h3>Family Systems Expertise<\/h3>\r\n                <p>Specialized experience supporting families navigating complex situations, including court involvement and collaboration with child-serving agencies.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Card 6 -->\r\n            <div class=\"expertise-sec__card\">\r\n                <div class=\"expertise-sec__icon\">\r\n                    <i data-lucide=\"lightbulb\"><\/i>\r\n                <\/div>\r\n                <h3>Evidence-Based Approaches<\/h3>\r\n                <p>Committed to ongoing professional development and implementing current best practices in therapeutic interventions for children and families.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Initialize Lucide icons\r\n    lucide.createIcons();\r\n<\/script>\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-4c9ab13 e-flex e-con-boxed e-con e-parent\" data-id=\"4c9ab13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-255b6a5 elementor-widget elementor-widget-html\" data-id=\"255b6a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n       \r\n        .work-with-us-wrapper {\r\n            position: relative;\r\n            padding: 100px 60px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \r\n\r\n        .work-with-us-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -100px;\r\n            right: -100px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .work-container {\r\n            max-width: 1500px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .work-grid-layout {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Left Section - Statistics *\/\r\n        .statistics-content-area {\r\n            color: white;\r\n        }\r\n\r\n        .stat-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: #fffff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .stat-section-label::before {\r\n            content: '';\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #019CDE;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .stat-main-heading {\r\n            font-size: 56px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            margin-bottom: 25px;\r\n            line-height: 1.2;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .stat-description-text {\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            margin-bottom: 50px;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .featured-image-container {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 500px;\r\n            height: 400px;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .featured-image-container img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Overlay gradient on image *\/\r\n        .featured-image-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(88, 101, 242, 0.2) 0%, rgba(16, 185, 129, 0.2) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .statistics-grid-wrapper {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 35px;\r\n        }\r\n\r\n        .individual-stat-card {\r\n            position: relative;\r\n            padding: 0;\r\n        }\r\n\r\n        .stat-number-display {\r\n            font-size: 58px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            margin-bottom: 8px;\r\n            line-height: 1;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .stat-label-text {\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: rgba(255, 255, 255, 0.75);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        .individual-stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 3px;\r\n            height: 40px;\r\n            background: linear-gradient(180deg, #5865F2 0%, #10b981 100%);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Right Section - Contact Form *\/\r\n        .contact-form-container {\r\n            background: #ffffff;\r\n            padding: 50px 45px;\r\n            border-radius: 24px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .form-heading-title {\r\n            font-size: 32px;\r\n            font-weight: 600;\r\n            color: #1a1a2e;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .form-subheading-text {\r\n            font-size: 16px;\r\n            color: #5a6c7d;\r\n            margin-bottom: 35px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .input-field-group {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .input-label-text {\r\n            display: block;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .text-input-field,\r\n        .email-input-field,\r\n        .phone-input-field,\r\n        .textarea-message-field,\r\n        .select-dropdown-field {\r\n            width: 100%;\r\n            padding: 14px 18px;\r\n            font-size: 15px;\r\n            font-family: 'Alegreya', serif;\r\n            border: 2px solid #e5e7eb;\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n            background: #fafafa;\r\n        }\r\n\r\n        .text-input-field:focus,\r\n        .email-input-field:focus,\r\n        .phone-input-field:focus,\r\n        .textarea-message-field:focus,\r\n        .select-dropdown-field:focus {\r\n            outline: none;\r\n            border-color: #5865F2;\r\n            background: #ffffff;\r\n            box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);\r\n        }\r\n\r\n        .textarea-message-field {\r\n            min-height: 130px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .select-dropdown-field {\r\n            cursor: pointer;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235a6c7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 12px center;\r\n            padding-right: 40px;\r\n        }\r\n\r\n        .form-submit-button {\r\n            width: 100%;\r\n            padding: 16px 32px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            font-family: 'Alegreya', serif;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%);\r\n            border: none;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 4px 15px rgba(88, 101, 242, 0.3);\r\n        }\r\n\r\n        .form-submit-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(88, 101, 242, 0.4);\r\n        }\r\n\r\n        .form-submit-button:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .privacy-notice-text {\r\n            margin-top: 20px;\r\n            font-size: 13px;\r\n            color: #6b7280;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .privacy-notice-text a {\r\n            color: #5865F2;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .privacy-notice-text a:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n    .work-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        gap: 60px;\r\n        text-align: center; \/* center text for all *\/\r\n    }\r\n\r\n    .statistics-grid-wrapper {\r\n        grid-template-columns: 1fr;\r\n        justify-items: center;\r\n    }\r\n\r\n    .featured-image-container {\r\n        margin: 0 auto 40px;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .stat-main-heading {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .stat-number-display {\r\n        font-size: 50px;\r\n    }\r\n\r\n    .stat-section-label {\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 768px) {\r\n    .work-with-us-wrapper {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .stat-main-heading {\r\n        font-size: 40px;\r\n    }\r\n\r\n    .statistics-grid-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n        justify-items: center;\r\n    }\r\n\r\n    .stat-number-display {\r\n        font-size: 44px;\r\n    }\r\n\r\n    .stat-section-label {\r\n        justify-content: center;\r\n    }\r\n\r\n    .contact-form-container {\r\n        margin: 0 auto;\r\n        padding: 40px 30px;\r\n    }\r\n\r\n    .form-heading-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .form-subheading-text {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n\/* Small Mobile *\/\r\n@media (max-width: 480px) {\r\n    .stat-main-heading {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .stat-description-text {\r\n        font-size: 16px;\r\n        text-align: center;\r\n        margin: 0 auto 30px;\r\n    }\r\n\r\n    .featured-image-container {\r\n        height: 300px;\r\n    }\r\n\r\n    .stat-number-display {\r\n        font-size: 38px;\r\n    }\r\n\r\n    .stat-label-text {\r\n        text-align: center;\r\n    }\r\n\r\n    .contact-form-container {\r\n        padding: 30px 20px;\r\n    }\r\n\r\n    .form-heading-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .form-subheading-text {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .privacy-notice-text {\r\n        text-align: center;\r\n    }\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"work-with-us-wrapper\">\r\n        <div class=\"work-container\">\r\n            <div class=\"work-grid-layout\">\r\n                <!-- Left Side - Statistics -->\r\n                <div class=\"statistics-content-area\">\r\n                    <div class=\"stat-section-label\">Work With Us<\/div>\r\n                    <h2 class=\"stat-main-heading\">Mental Health by the Numbers<\/h2>\r\n                    <p class=\"stat-description-text\">\r\n                       We would be honored to support you and your child or family on your journey toward healing and connection. At Roma Therapeutic Services, we provide thoughtful, child-centered care in a calm and supportive environment.\r\n\r\n\r\n\r\nWe accept a limited number of insurance plans and encourage you to contact us directly to learn more about coverage options and to schedule an appointment.\r\n                    <\/p>\r\n\r\n                    <div class=\"featured-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_happy-children-group-in-school_11920191_large.jpg\" alt=\"Children and families receiving support\">\r\n                    <\/div>\r\n\r\n                    <div class=\"statistics-grid-wrapper\">\r\n                        <!--<div class=\"individual-stat-card\">-->\r\n                        <!--    <div class=\"stat-number-display\">200+<\/div>-->\r\n                        <!--    <div class=\"stat-label-text\">Workshops Held<\/div>-->\r\n                        <!--<\/div>-->\r\n\r\n                        <!--<div class=\"individual-stat-card\">-->\r\n                        <!--    <div class=\"stat-number-display\">1200+<\/div>-->\r\n                        <!--    <div class=\"stat-label-text\">Positive Reviews<\/div>-->\r\n                        <!--<\/div>-->\r\n\r\n                        <div class=\"individual-stat-card\">\r\n                            <div class=\"stat-number-display\">1800+<\/div>\r\n                            <div class=\"stat-label-text\">Therapy Sessions<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"individual-stat-card\">\r\n                            <div class=\"stat-number-display\">1500+<\/div>\r\n                            <div class=\"stat-label-text\">Satisfied Clients<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Side - Contact Form -->\r\n                <div class=\"contact-form-container\">\r\n                    <h3 class=\"form-heading-title\">Work With Us<\/h3>\r\n                    <p class=\"form-subheading-text\">\r\n                        Ready to take the next step? Fill out the form below and our team will get back to you within 24 hours.\r\n                    <\/p>\r\n\r\n                    <form id=\"contactForm\" action=\"#\" method=\"POST\">\r\n                        <div class=\"input-field-group\">\r\n                            <label class=\"input-label-text\" for=\"fullName\">Full Name <\/label>\r\n                            <input \r\n                                type=\"text\" \r\n                                id=\"fullName\" \r\n                                name=\"fullName\" \r\n                                class=\"text-input-field\" \r\n                                placeholder=\"Enter your full name\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"input-field-group\">\r\n                            <label class=\"input-label-text\" for=\"emailAddress\">Last Name<\/label>\r\n                            <input \r\n                                type=\"email\" \r\n                                id=\"emailAddress\" \r\n                                name=\"emailAddress\" \r\n                                class=\"email-input-field\" \r\n                                placeholder=\"Enter-your last name\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"input-field-group\">\r\n                            <label class=\"input-label-text\" for=\"phoneNumber\">Email *<\/label>\r\n                            <input \r\n                                type=\"tel\" \r\n                                id=\"phoneNumber\" \r\n                                name=\"phoneNumber\" \r\n                                class=\"phone-input-field\" \r\n                                placeholder=\"Enter-your email\"\r\n                                required\r\n                            >\r\n                        <\/div>\r\n\r\n                        <div class=\"input-field-group\">\r\n    <label class=\"input-label-text\" for=\"serviceType\">Subject<\/label>\r\n    <input \r\n        type=\"text\" \r\n        id=\"serviceType\" \r\n        name=\"serviceType\" \r\n        class=\"text-input-field\" \r\n        placeholder=\"Enter the subject\"\r\n        required\r\n    >\r\n<\/div>\r\n\r\n                        <div class=\"input-field-group\">\r\n                            <label class=\"input-label-text\" for=\"messageContent\">Message <\/label>\r\n                            <textarea \r\n                                id=\"messageContent\" \r\n                                name=\"messageContent\" \r\n                                class=\"textarea-message-field\" \r\n                                placeholder=\"Tell us about your needs and how we can help...\"\r\n                                required\r\n                            ><\/textarea>\r\n                        <\/div>\r\n\r\n                        <button type=\"submit\" class=\"form-submit-button\">\r\n                            Send Message\r\n                        <\/button>\r\n\r\n                        <!--<p class=\"privacy-notice-text\">-->\r\n                        <!--    By submitting this form, you agree to our <a href=\"#privacy\">Privacy Policy<\/a> and <a href=\"#terms\">Terms of Service<\/a>.-->\r\n                        <!--<\/p>-->\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Form submission handling\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Get form data\r\n            const formData = new FormData(this);\r\n            const data = Object.fromEntries(formData);\r\n            \r\n            console.log('Form submitted:', data);\r\n            \r\n            \/\/ Show success message (you can customize this)\r\n            alert('Thank you for your message! We will get back to you within 24 hours.');\r\n            \r\n            \/\/ Reset form\r\n            this.reset();\r\n        });\r\n\r\n        \/\/ Add input validation feedback\r\n        const inputs = document.querySelectorAll('.text-input-field, .email-input-field, .phone-input-field, .textarea-message-field, .select-dropdown-field');\r\n        \r\n        inputs.forEach(input => {\r\n            input.addEventListener('blur', function() {\r\n                if (this.value.trim() === '' && this.hasAttribute('required')) {\r\n                    this.style.borderColor = '#ef4444';\r\n                } else {\r\n                    this.style.borderColor = '#10b981';\r\n                }\r\n            });\r\n            \r\n            input.addEventListener('focus', function() {\r\n                this.style.borderColor = '#5865F2';\r\n            });\r\n        });\r\n    <\/script>\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-360ea9e e-flex e-con-boxed e-con e-parent\" data-id=\"360ea9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be9cb0 elementor-widget elementor-widget-html\" data-id=\"7be9cb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n    <style>\r\n\r\n\/* ================================\r\n   PRINCIPLES SECTION\r\n================================ *\/\r\n\r\n.principles-main-section {\r\n    position: relative;\r\n    padding: 100px 60px;\r\n    overflow: hidden;\r\n}\r\n\r\n.principles-outer-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.principles-flex-wrapper {\r\n    display: flex;\r\n    gap: 80px;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* Left Content Area *\/\r\n.principles-content-block {\r\n    flex: 1;\r\n}\r\n\r\n.value-category-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #000;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.value-category-tag::before {\r\n    content: '';\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #019CDE;\r\n    border-radius: 50%;\r\n}\r\n\r\n.principles-primary-title {\r\n    font-size: 52px;\r\n    font-weight: 600;\r\n    color: #1a1a2e;\r\n    margin-bottom: 50px;\r\n    line-height: 1.2;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.values-items-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 35px;\r\n}\r\n\r\n.single-value-item {\r\n    position: relative;\r\n    padding-left: 0;\r\n}\r\n\r\n.value-icon-holder {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    background: #4D51A1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 18px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.value-icon-holder svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: white;\r\n    stroke-width: 2;\r\n}\r\n\r\n.single-value-item:hover .value-icon-holder {\r\n    transform: scale(1.1) rotate(5deg);\r\n    box-shadow: 0 8px 20px rgba(88, 101, 242, 0.3);\r\n}\r\n\r\n.value-name-heading {\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    color: #1a1a2e;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.value-description-paragraph {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #000;\r\n}\r\n\r\n\/* Right Image Area *\/\r\n.principles-visual-section {\r\n    flex: 1;\r\n    position: relative;\r\n}\r\n\r\n.primary-principles-image {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 500px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.primary-principles-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Statistics Badge *\/\r\n.professional-count-badge {\r\n    position: absolute;\r\n    top: 30px;\r\n    right: 30px;\r\n    background: rgba(255, 255, 255, 0.98);\r\n    padding: 25px 35px;\r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    z-index: 2;\r\n    border: 1px solid rgba(88, 101, 242, 0.1);\r\n}\r\n\r\n.count-number-display {\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: #5865F2;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.count-label-description {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #5a6c7d;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Decorative gradient overlay on image *\/\r\n.primary-principles-image::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(88, 101, 242, 0.08) 0%, rgba(16, 185, 129, 0.08) 100%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE MOBILE STYLES\r\n========================= *\/\r\n\r\n\/* Tablet \/ Small Desktop *\/\r\n@media (max-width: 1024px) {\r\n    \r\n    .principles-flex-wrapper {\r\n        flex-direction: column;\r\n        gap: 60px;\r\n        align-items: center;\r\n        \r\n    }\r\n\r\n    .principles-primary-title {\r\n        font-size: 44px;\r\n        text-align: center;\r\n    }\r\n\r\n    .values-items-grid {\r\n        grid-template-columns: 1fr;\r\n        padding: 0px 0px !important;\r\n    }\r\n\r\n    .primary-principles-image {\r\n        height: 450px;\r\n        width: 300px !important;\r\n    }\r\n\r\n    \r\n    \r\n}\r\n\r\n\/* Small Tablet \/ Large Phone *\/\r\n@media (max-width: 768px) {\r\n    \/* Stack icon, heading, and text vertically and center *\/\r\n    .single-value-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding-left: 0; \/* remove any left padding *\/\r\n        padding: 0px 0px !important;\r\n    }\r\n\r\n    \/* Make sure icon is centered *\/\r\n    .value-icon-holder {\r\n        margin-bottom: 15px; \/* spacing between icon and heading *\/\r\n    }\r\n\r\n    \/* Heading and description centered *\/\r\n    .value-name-heading,\r\n    .value-description-paragraph {\r\n        text-align: center;\r\n    }\r\n    \r\n    .value-category-tag{\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .single-value-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding-left: 0;\r\n        padding: 0px 0px !important;\r\n    }\r\n\r\n    .value-icon-holder {\r\n        width: 45px;\r\n        height: 45px;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .value-name-heading {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .value-description-paragraph {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"principles-main-section\">\r\n        <div class=\"principles-outer-container\">\r\n            <div class=\"principles-flex-wrapper\">\r\n                <!-- Left Side - Principles Content -->\r\n                <div class=\"principles-content-block\">\r\n                    <div class=\"value-category-tag\">Our Value<\/div>\r\n                    <h2 class=\"principles-primary-title\">Our Guiding Principles<\/h2>\r\n\r\n                    <div class=\"values-items-grid\">\r\n                        <!-- Compassion -->\r\n                        <div class=\"single-value-item\">\r\n                            <div class=\"value-icon-holder\">\r\n                                <i data-lucide=\"heart\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"value-name-heading\">Compassion<\/h3>\r\n                            <p class=\"value-description-paragraph\">\r\n                                We provide care with empathy and understanding, creating a safe and supportive environment for children, adolescents, and families.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Integrity -->\r\n                        <div class=\"single-value-item\">\r\n                            <div class=\"value-icon-holder\">\r\n                                <i data-lucide=\"shield-check\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"value-name-heading\">Integrity<\/h3>\r\n                            <p class=\"value-description-paragraph\">\r\n                                Our services are built on honesty, professionalism, and ethical practice, ensuring trust and accountability in every interaction.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Excellence -->\r\n                        <div class=\"single-value-item\">\r\n                            <div class=\"value-icon-holder\">\r\n                                <i data-lucide=\"award\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"value-name-heading\">Excellence<\/h3>\r\n                            <p class=\"value-description-paragraph\">\r\n                                We strive for the highest standards in therapy, continuously applying evidence-based practices to deliver meaningful and effective care.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Collaboration -->\r\n                        <div class=\"single-value-item\">\r\n                            <div class=\"value-icon-holder\">\r\n                                <i data-lucide=\"users\"><\/i>\r\n                            <\/div>\r\n                            <h3 class=\"value-name-heading\">Collaboration<\/h3>\r\n                            <p class=\"value-description-paragraph\">\r\n                                We work closely with clients, families, and other professionals to foster strong partnerships that support lasting growth and positive outcomes.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Side - Image with Badge -->\r\n                <div class=\"principles-visual-section\">\r\n                    <div class=\"primary-principles-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_healthcare-service-and-pharmacy-worker-with-customer-at_40999006_large.jpg\" alt=\"Professional therapist working with client\">\r\n                        \r\n                        <!-- Statistics Badge -->\r\n                        <div class=\"professional-count-badge\">\r\n                            <div class=\"count-number-display\">25+<\/div>\r\n                            <div class=\"count-label-description\">Qualified<br>Professionals<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Initialize Lucide icons\r\n        lucide.createIcons();\r\n    <\/script>\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-d2ab76a e-con-full e-flex e-con e-parent\" data-id=\"d2ab76a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cee8651 elementor-widget elementor-widget-html\" data-id=\"cee8651\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alegreya:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n       \r\n\r\n        .cta-hero-wrapper {\r\n            position: relative;\r\n            min-height: 600px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 100px 60px;\r\n            background-image: url('https:\/\/demowebdesign.live\/roma\/wp-content\/uploads\/2026\/02\/large-vecteezy_a-doctor-holding-a-pen-and-a-patient-s-hand_67599884_large.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Dark overlay *\/\r\n        .cta-hero-wrapper::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(26, 29, 40, 0.40) 0%, rgba(42, 45, 58, 0.40) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Decorative gradient circles *\/\r\n        .cta-hero-wrapper::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -100px;\r\n            right: -100px;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(88, 101, 242, 0.15) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n        }\r\n\r\n        .cta-content-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 900px;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .journey-indicator-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .journey-indicator-tag::before {\r\n            content: '';\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #019CDE;\r\n            border-radius: 50%;\r\n            animation: pulse-dot 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulse-dot {\r\n            0%, 100% {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n            50% {\r\n                opacity: 0.7;\r\n                transform: scale(1.2);\r\n            }\r\n        }\r\n\r\n        .cta-main-headline {\r\n            font-size: 62px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            margin-bottom: 30px;\r\n            line-height: 1.2;\r\n            letter-spacing: -1px;\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .cta-supporting-text {\r\n            font-size: 19px;\r\n            line-height: 1.8;\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: 45px;\r\n            max-width: 750px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .cta-buttons-group {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .primary-action-btn {\r\n            padding: 18px 42px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            font-family: 'Alegreya', serif;\r\n            color: #ffffff;\r\n            background:#4D51A1 !important;\r\n            border: none;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);\r\n            text-decoration: none !important;\r\n            display: inline-block;\r\n        }\r\n\r\n        .primary-action-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(88, 101, 242, 0.5);\r\n            color: white !important;\r\n        }\r\n\r\n        .primary-action-btn:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .secondary-action-btn {\r\n            padding: 18px 42px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            font-family: 'Alegreya', serif;\r\n            color: #ffffff;\r\n            background: transparent;\r\n            border: 2px solid #019CDE;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            text-decoration: none !important;\r\n            display: inline-block;\r\n        }\r\n\r\n        .secondary-action-btn:hover {\r\n            background: #019CDE;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);\r\n            color: white !important;\r\n        }\r\n\r\n        .secondary-action-btn:active {\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        \/* Animated particles effect *\/\r\n        .floating-particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            animation: float-particle 15s linear infinite;\r\n            z-index: 1;\r\n        }\r\n\r\n        .floating-particle:nth-child(1) {\r\n            top: 20%;\r\n            left: 10%;\r\n            animation-delay: 0s;\r\n        }\r\n\r\n        .floating-particle:nth-child(2) {\r\n            top: 60%;\r\n            left: 80%;\r\n            animation-delay: 3s;\r\n        }\r\n\r\n        .floating-particle:nth-child(3) {\r\n            top: 40%;\r\n            left: 30%;\r\n            animation-delay: 6s;\r\n        }\r\n\r\n        .floating-particle:nth-child(4) {\r\n            top: 70%;\r\n            left: 60%;\r\n            animation-delay: 9s;\r\n        }\r\n\r\n        @keyframes float-particle {\r\n            0% {\r\n                transform: translateY(0) translateX(0);\r\n                opacity: 0;\r\n            }\r\n            10% {\r\n                opacity: 0.5;\r\n            }\r\n            90% {\r\n                opacity: 0.5;\r\n            }\r\n            100% {\r\n                transform: translateY(-100px) translateX(50px);\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .cta-main-headline {\r\n                font-size: 52px;\r\n            }\r\n\r\n            .cta-supporting-text {\r\n                font-size: 18px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .cta-hero-wrapper {\r\n                min-height: 500px;\r\n                padding: 80px 30px;\r\n                background-attachment: scroll;\r\n            }\r\n\r\n            .cta-main-headline {\r\n                font-size: 42px;\r\n            }\r\n\r\n            .cta-supporting-text {\r\n                font-size: 17px;\r\n                margin-bottom: 35px;\r\n            }\r\n\r\n            .cta-buttons-group {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n            }\r\n\r\n            .primary-action-btn,\r\n            .secondary-action-btn {\r\n                width: 100%;\r\n                max-width: 350px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .cta-hero-wrapper {\r\n                min-height: 450px;\r\n                padding: 60px 20px;\r\n            }\r\n\r\n            .cta-main-headline {\r\n                font-size: 34px;\r\n            }\r\n\r\n            .cta-supporting-text {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .primary-action-btn,\r\n            .secondary-action-btn {\r\n                padding: 16px 36px;\r\n                font-size: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"cta-hero-wrapper\">\r\n        <!-- Floating particles -->\r\n        <div class=\"floating-particle\"><\/div>\r\n        <div class=\"floating-particle\"><\/div>\r\n        <div class=\"floating-particle\"><\/div>\r\n        <div class=\"floating-particle\"><\/div>\r\n\r\n        <div class=\"cta-content-container\">\r\n            <div class=\"journey-indicator-tag\">Start Your Journey<\/div>\r\n            \r\n            <h1 class=\"cta-main-headline\">Begin Your Path to Wellness<\/h1>\r\n            \r\n            <p class=\"cta-supporting-text\">\r\n                Taking the first step toward mental and emotional well-being can feel challenging, but you don't have to do it alone. At Roma Therapeutic Services, we provide compassionate, evidence-based therapy for children, adolescents, and families, guiding you toward healing, growth, and stronger relationships every step of the way.\r\n            <\/p>\r\n\r\n            <div class=\"cta-buttons-group\">\r\n                <a href=\"https:\/\/demowebdesign.live\/roma\/index.php\/contact-us\/\" class=\"primary-action-btn\">Schedule a Consultation<\/a>\r\n                <!--<a href=\"#contact\" class=\"secondary-action-btn\">Contact Us<\/a>-->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Roma Therapeutic Services\u00a0 CompassionateTherapy for Children, Adolescents &amp; Families Providing a safe, supportive, and respectful environment where individuals and families [&hellip;]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":202,"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/roma\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}