* {
               padding: 0;
               margin: 0;
               box-sizing: border-box;

           }

           /* Index page end */

           /* Navbar Start */
           /* General Navbar Styling */
           /* General Styling */
           .navbar-custom {
               /* background-color: #f1e9f4; */
               height: auto;
               /* Adjust height dynamically */
               padding: 10px 20px;
           }

           /* Logo Styling */
           .navbar-logo {
               max-height: 250px;
               /* Adjust logo size */
               width: auto;
               /* Maintain aspect ratio */
               margin-left: auto;
               /* Center logo horizontally */
               margin-right: auto;
               display: block;
               /* Ensure logo is treated as a standalone block */
           }

           /* Fix for Mid-Screen Viewports */
           @media (max-width: 992px) {
               .navbar-logo {
                   max-height: 200px;
                   /* Slightly reduce size for mid-size screens */
                   margin-top: 10px;
                   /* Add space above */
                   margin-bottom: 10px;
                   /* Add space below */
                   position: relative;
                   /* Keep the logo in its correct spot */
               }

               .navbar-toggler {
                   margin-top: auto;
                   margin-bottom: auto;
               }

               .navbar-collapse {
                   margin-top: 15px;
               }
           }

           /* Fix for Smaller Screens */
           @media (max-width: 768px) {
               .navbar {
                   padding: 5px;
                   /* Reduce padding for compact look */
               }

               .navbar-logo {
                   max-height: 150px;
                   /* Reduce logo size further */
                   margin-top: 5px;
                   margin-bottom: 5px;
               }

               .navbar-collapse {
                   margin-top: 10px;
               }
           }


           /* Ensure Navbar and Logo Stay Visible */
           .container-fluid {
               max-width: 1200px;
               /* Center the navbar */
               margin: 0 auto;
               position: relative;
               /* Prevent overflow issues */
               z-index: 10;
               /* Bring above other content */
               text-align: center;
           }

           /* Toggler and Dropdown Menu Adjustments */
           .navbar-toggler {
               margin-top: auto;
               margin-bottom: auto;
               border: none;
           }

           .navbar-toggler-icon {
               color: #333;
           }

           /* Navbar end */

           /* banner Start */

           .banner {
               background-color: #f9f9ff80;
               padding: 50px 0;
               margin-top: 100px;
               display: flex;
               /* Ensures content alignment */
               justify-content: center;
               /* Horizontally centers the content */
               align-items: center;
               /* Vertically centers the content */
               text-align: center;
           }

           .carousel-inner {
               margin: 0 auto;
               /* Ensures the carousel is centered within the viewport */
               max-width: 1200px;
               /* Adds a limit to prevent it from stretching too far */
               width: 100%;
           }

           .banner-content {
               display: flex;
               flex-direction: column;
               justify-content: center;
               text-align: center;
               height: 100%;
           }

           .banner-title {
               font-size: 40px;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 15px;
           }

           .banner-text {
               font-size: 20px;
               color: #555;
               font-weight: 500;
               margin-bottom: 20px;
           }

           .banner-btn {
               background-color: #f05a28;
               color: white;
               font-size: 20px;
               padding: 5px 10px;
               border-radius: 15px;
               text-decoration: none;
               display: inline-block;
               width: 50%;
               margin: 0 auto;
               /* Centers the button */
               z-index: 1;
           }

           .banner-btn:hover {
               background-color: #d94a20;
           }

           .banner-image {
               max-width: 100%;
               border-radius: 20%;
               box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
           }

           /* Responsive styling for smaller devices */
           @media (max-width: 768px) {
               .banner {
                   text-align: center;
               }

               .banner-image {
                   margin-top: 20px;
               }

               .banner-title {
                   font-size: 2rem;
               }

               .banner-text {
                   font-size: 1rem;
               }
           }

           /* Ensure body takes full height */
           html,
           body {
               height: 100%;
               margin: 0;
               padding: 0;
           }

           /* Main wrapper for content */
           .wrapper {
               min-height: 100%;
               /* Ensures content covers full height */
               display: flex;
               flex-direction: column;
               /* Arranges content vertically */
           }

           /* Main content */
           .content {
               flex: 1;
               /* Fills remaining space above footer */
           }

           /* Footer */
           footer {
               background-color: #f1e9f4;
               /* Your footer background color */
               text-align: center;
               padding: 10px 20px;
               position: relative;
               /* Default for normal positioning */
           }


           /* Banner end */


           /* support-section start*/


           .support-section {
               padding: 50px 0;
               background-color: #f9f9ff;
           }

           .container {
               max-width: 1200px;
               /* Restricts container width for centering */
               margin: 0 auto;
               /* Centers the entire section horizontally */
           }

           .support-title {
               font-size: 40px;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 20px;
           }

           .support-text {
               font-size: 1.1rem;
               color: #000000;
               font-weight: bold;
               line-height: 1.6;
               margin-bottom: 15px;
           }

           .support-text1 {
               font-size: 20px;
               color: #555;
               font-weight: 500;
               line-height: 1.6;
               margin-bottom: 15px;
           }

           .support-buttons {
               margin-top: 20px;
           }

           .support-btn {
               background-color: #f05a28;
               color: white;
               font-size: 1rem;
               padding: 8px 15px;
               border-radius: 20px;
               text-decoration: none;
               margin-right: 10px;
               display: inline-block;
           }

           .support-btn:hover {
               background-color: #d94a20;
           }

           .support-image {
               max-width: 100%;
               max-height: 600px;
               border-radius: 50px;
               object-fit: cover;
           }


           /* support-section end*/

           /* services-section start*/

           .services-section {
               padding: 50px 0;
               background-color: #f9f9ff;
           }

           .service-card {
               background-color: white;
               border-radius: 10px;
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               padding: 20px;
               transition: transform 0.3s ease-in-out;
           }

           .service-card:hover {
               transform: translateY(-10px);
           }

           .service-icon {
               font-size: 3rem;
               color: #f05a28;
               /* Matches branding color */
               margin-bottom: 15px;
           }

           .service-title {
               font-size: 1.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 10px;
           }

           .service-description {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
           }

           /* services-section end */

           /* all services section start */
           .services-grid {
               padding: 50px 20px;
               background-color: #f9f9ff;
           }

           .services-header {
               text-align: center;
               font-size: 2.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 10px;
           }

           .services-subtitle {
               text-align: center;
               font-size: 1.2rem;
               color: #555;
               margin-bottom: 30px;
           }

           .service-card {
               background-color: white;
               border-radius: 10px;
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               padding: 20px;
               text-align: center;
               transition: transform 0.3s ease-in-out;
           }

           .service-card:hover {
               transform: translateY(-10px);
           }

           .service-icon {
               font-size: 3rem;
               color: #f05a28;
               /* Matches the branding theme */
               margin-bottom: 15px;
           }

           .service-title {
               font-size: 1.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 10px;
           }

           .service-description {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
           }

           /* all services section end */

           /* announcement section start */
           .announcement-section {
               padding: 50px 0;
               background-color: #f9f9ff;
           }

           .announcement-image {
               width: 100%;
               /* Ensures the image fills its container */
               height: auto;
               /* Maintains the aspect ratio */
               max-height: 500px;
               /* Sets a larger height limit */
               border-radius: 10px;
               /* Keeps rounded corners for a polished look */
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               /* Adds a subtle shadow */
               object-fit: cover;
               /* Ensures the image scales properly within the height */
           }



           .announcement-title {
               font-size: 2rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 20px;
           }

           .announcement-text p {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
               margin-bottom: 15px;
           }

           .announcement-list {
               list-style-type: none;
               padding: 0;
               margin-bottom: 20px;
           }

           .announcement-list li {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
               margin-bottom: 10px;
           }

           .announcement-btn {
               background-color: #f05a28;
               color: white;
               font-size: 1rem;
               padding: 10px 20px;
               border-radius: 20px;
               text-decoration: none;
           }

           .announcement-btn:hover {
               background-color: #d94a20;
           }

           /* announcement section end */

           /* why choose us section start */
           .why-choose-us {
               padding: 50px 0;
               background-color: #f9f9ff;
           }

           .choose-us-image {
               width: 100%;
               /* Ensures the image fills the container */
               height: auto;
               /* Maintains the aspect ratio */
               max-height: 600px;
               /* Increased maximum height for a larger display */
               border-radius: 10px;
               /* Keeps rounded corners */
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               /* Adds a subtle shadow */
               object-fit: cover;
               /* Ensures the image scales properly within the height */
           }


           .choose-us-title {
               font-size: 2.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 20px;
           }

           .choose-us-heading {
               font-size: 1.8rem;
               font-weight: bold;
               color: #f05a28;
               margin-bottom: 15px;
           }

           .choose-us-list {
               list-style-type: none;
               padding: 0;
               margin-bottom: 20px;
           }

           .choose-us-list li {
               font-size: 1rem;
               color: #555;
               line-height: 1.8;
               margin-bottom: 10px;
               position: relative;
               padding-left: 25px;
           }

           .choose-us-list li::before {
               content: "✔";
               color: #f05a28;
               font-weight: bold;
               position: absolute;
               left: 0;
           }

           .choose-us-description {
               font-size: 1rem;
               color: #000000;
               line-height: 1.6;
               font-weight: bold;
               margin-top: 10px;
           }

           /* why choose us section end*/

           /* client reviews section start */
           .client-reviews {
               padding: 50px 20px;
               background-color: #f9f9ff;
           }

           .reviews-title {
               text-align: center;
               font-size: 2.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 30px;
           }

           .review-card {
               background-color: white;
               border-radius: 10px;
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               padding: 20px;
               text-align: center;
               transition: transform 0.3s ease-in-out;
           }

           .review-card:hover {
               transform: translateY(-10px);
           }

           .client-image {
               width: 80px;
               height: 80px;
               border-radius: 50%;
               margin-bottom: 15px;
               object-fit: cover;
               /* Ensures the image fits inside the circle */
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
           }

           .client-name {
               font-size: 1.5rem;
               font-weight: bold;
               color: #3d315b;
           }

           .review-date {
               font-size: 0.9rem;
               color: #555;
               margin-bottom: 10px;
           }

           .review-stars {
               color: #f05a28;
               margin-bottom: 15px;
           }

           .review-stars .fas {
               font-size: 1.2rem;
           }

           .review-text {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
               margin-bottom: 15px;
           }

           .reviews-btn {
               background-color: #f05a28;
               color: white;
               font-size: 1rem;
               padding: 10px 20px;
               border-radius: 20px;
               text-decoration: none;
           }

           .reviews-btn:hover {
               background-color: #d94a20;
           }

           /* client reviews section end */

           /* review submission section start */
           .review-submission {
               padding: 50px 20px;
               background-color: #f9f9ff;
           }

           .qr-code-section {
               text-align: center;
               background-color: #f05a28;
               /* Vibrant orange background */
               padding: 20px;
               /* Maintains spacing within the section */
               height: 100%;
               /* Matches height dynamically */
               display: flex;
               /* Enables content alignment */
               flex-direction: column;
               /* Stacks title and QR code vertically */
               justify-content: center;
               /* Centers content vertically */
               align-items: center;
               /* Centers content horizontally */
               border-radius: 10px;
           }

           .qr-code-image {
               width: 250px;
               /* Adjust the QR code size proportionally */
               height: auto;
               /* Maintains aspect ratio */
               border-radius: 10px;
               /* Adds rounded corners */
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
               /* Subtle shadow for depth */
           }

           .qr-title {
               font-size: 1.8rem;
               /* Keeps the title prominent */
               font-weight: bold;
               color: white;
               /* Ensures readability against the orange background */
               margin-bottom: 15px;
           }


           .review-form .form-group {
               margin-bottom: 15px;
           }

           .review-form label {
               font-size: 1rem;
               font-weight: bold;
               color: #555;
           }

           .review-form .form-control {
               width: 100%;
               padding: 10px;
               border-radius: 5px;
               border: 1px solid #ddd;
               margin-top: 5px;
           }

           .submit-btn {
               display: block;
               /* Converts the button to a block-level element */
               margin: 20px auto;
               /* Automatically centers it horizontally with equal top margin */
               background-color: #ff4500;
               /* Keeps the button's color */
               color: white;
               /* Text color */
               font-size: 1rem;
               padding: 10px 20px;
               /* Ensures consistent spacing */
               border-radius: 5px;
               border: none;
               text-decoration: none;
               cursor: pointer;
               transition: background-color 0.3s ease;

               /* Makes the button clickable */
           }

           .submit-btn:hover {
               background-color: #e63900;
               /* Slightly darker shade on hover */
           }

           /* review submission section end */

           /* Index page end */

           /* About-Us page end */

           .about-banner {
               background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                   url('../img/we-heart-ndis-banner.webp') center center / cover no-repeat;
               height: 250px;
               margin-top: 100px;
               display: flex;
               align-items: center;
               justify-content: center;
               color: white;
               text-align: center;
           }

           .about-banner h1 {
               font-size: 3rem;
               color: rgb(255, 255, 255);
               font-weight: bold;
           }

           .about {
               font-size: 3rem;
               padding-left: 5%;
               color: rgb(255, 255, 255);
               font-weight: bold;
           }

           @media (max-width: 768px) {
               .about-banner h1 {
                   font-size: 2rem;
               }
           }

           /* Scrollable Banner Section */

           /* Organization Section Styling */
           /* Organization Paragraph Section */
           .container {
               max-width: 1200px;
               margin: 0 auto;
               padding: 0 20px;
           }

           /* Main content */
           .main-content {
               padding: 32px 0;
           }

           /* About section */
           .about-section {
               max-width: 900px;
               margin: 0 auto;
           }

           /* Paragraphs */
           .paragraph {
               margin-bottom: 16px;
           }

           /* Highlighted text */
           .highlight {
               color: hsl(14, 100%, 57%);
               /* Orange color from theme */
               font-weight: 600;
           }

           /* Vision section */
           .vision-section {
               margin-top: 32px;
               margin-bottom: 16px;
           }

           .vision-title {
               font-size: 1.25rem;
               font-weight: 700;
               margin-bottom: 8px;
           }

           /* Mobile contact button */
           .mobile-contact {
               background-color: #f1f1f1;
               padding: 16px;
               text-align: center;
               margin-top: 16px;
           }

           .contact-link {
               color: hsl(14, 100%, 57%);
               /* Orange color from theme */
               font-weight: 600;
               text-decoration: none;
           }

           /* Media queries for responsiveness */
           @media (min-width: 768px) {
               .mobile-contact {
                   display: none;
               }
           }

           .principles-container {
               display: flex;
               flex-direction: column;
               max-width: 100%;
               margin: 0 auto;
           }

           @media (min-width: 768px) {
               .principles-container {
                   flex-direction: row;
               }
           }

           /* Left side - Guiding Principles */
           .principles-left {
               background-color: rgba(193, 85, 46, 0.649);
               /* Light pink background */
               padding: 30px;
               flex: 1;
           }

           .section-title {
               color: #3a3074;
               /* Dark purple */
               font-size: 1.6rem;
               margin-bottom: 20px;
           }

           .principle {
               margin-bottom: 20px;
           }

           .principle h3 {
               font-weight: bold;
               font-size: 15px;
               color: #000000;
               /* Dark purple */
               margin-bottom: 6px;
           }

           .principle p {
               font-size: 0.95rem;
           }

           /* Right side - Vision, Mission, Goals */
           .principles-right {
               background-color: rgba(193, 85, 46, 0.774);
               /* Orange/Red background */
               padding: 30px;
               color: white;
               flex: 1;
           }

           .vision-mission-goals {
               display: flex;
               flex-direction: column;
               gap: 30px;
           }

           .right-title {
               font-size: 1.2rem;
               font-weight: 600;
               padding-bottom: 10px;
               border-bottom: 1px solid rgba(255, 255, 255, 0.5);
               margin-bottom: 15px;
               display: flex;
               align-items: center;
           }

           .star {
               margin-right: 8px;
               font-size: 1.2rem;
               color: #ffef0d;
               /* Yellow star */
           }

           .section p {
               font-size: 0.95rem;
               line-height: 1.5;
           }

           .goals-list {
               display: flex;
               flex-direction: column;
               gap: 10px;
           }

           .goals-list p {
               font-size: 0.9rem;
           }

           /* Responsive adjustments */
           @media (max-width: 767px) {

               .principles-left,
               .principles-right {
                   padding: 20px;
               }

               .section-title,
               .right-title {
                   font-size: 1.2rem;
               }

               .principle h3 {
                   font-size: 1rem;
               }

               .principle p,
               .section p,
               .goals-list p {
                   font-size: 0.9rem;
               }
           }

           /* About-Us page end */

           /* our-team page start */

           .container {
               max-width: 1000px;
               margin: 0 auto;
               padding: 30px 20px;
           }

           /* Team section */
           .team-section {
               display: flex;
               flex-direction: column;
               gap: 20px;
           }

           /* Highlight for brand name */
           .highlight {
               color: #f75634;
               /* Orange/Red brand color */
               font-weight: 600;
           }

           /* Team intro section */
           .team-intro {
               margin-bottom: 10px;
           }

           .team-intro p {
               font-size: 1rem;
               line-height: 1.6;
           }

           /* Team details paragraphs */
           .team-details {
               display: flex;
               flex-direction: column;
               gap: 15px;
           }

           .team-details p {
               font-size: 0.95rem;
               line-height: 1.6;
           }

           /* Team commitment section */
           .team-commitment {
               display: flex;
               flex-direction: column;
               gap: 15px;
               margin-top: 10px;
           }

           .team-commitment p {
               font-size: 0.95rem;
               line-height: 1.6;
           }

           /* Responsive adjustments */
           @media (max-width: 768px) {
               .container {
                   padding: 20px 15px;
               }

               .team-intro p,
               .team-details p,
               .team-commitment p {
                   font-size: 0.9rem;
               }
           }


           /* Team container */
           .team-container {
               max-width: 1200px;
               margin: 0 auto;
               padding: 40px 20px;
           }

           /* Team title */
           .team-title {
               text-align: center;
               font-size: 1.8rem;
               color: #333;
               margin-bottom: 30px;
           }

           /* Filter buttons */
           .team-filter {
               display: flex;
               flex-wrap: wrap;
               justify-content: center;
               gap: 10px;
               margin-bottom: 30px;
           }

           .filter-btn {
               background-color: transparent;
               border: 1px solid #ddd;
               padding: 6px 12px;
               border-radius: 20px;
               cursor: pointer;
               font-size: 0.8rem;
               transition: all 0.3s ease;
           }

           .filter-btn.active {
               background-color: #f75634;
               /* Orange/Red brand color */
               color: white;
               border-color: #f75634;
           }

           .filter-btn:hover:not(.active) {
               background-color: rgba(247, 86, 52, 0.1);
               border-color: #f75634;
           }

           /* Team members grid */
           .team-members {
               display: grid;
               grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
               gap: 20px;
           }

           /* Team card */
           .team-card {
               background-color: white;
               border-radius: 8px;
               overflow: hidden;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
               transition: transform 0.3s ease;
           }

           .team-card:hover {
               transform: translateY(-5px);
           }

           /* Member image */
           .member-img {
               width: 100%;
               height: 200px;
               overflow: hidden;
           }

           .member-img img {
               width: 100%;
               height: 100%;
               object-fit: cover;
               object-position: center top;
           }

           /* Member info */
           .member-info {
               padding: 15px;
               text-align: center;
           }

           .member-name {
               font-size: 1rem;
               font-weight: 600;
               margin-bottom: 5px;
           }

           .member-title {
               font-size: 0.8rem;
               color: #f75634;
               /* Orange/Red brand color */
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .team-members {
                   grid-template-columns: repeat(2, 1fr);
               }

               .filter-btn {
                   font-size: 0.7rem;
                   padding: 5px 10px;
               }
           }

           @media (max-width: 480px) {
               .team-members {
                   grid-template-columns: 1fr;
               }

               .team-filter {
                   flex-direction: column;
                   align-items: center;
               }

               .filter-btn {
                   width: 80%;
               }
           }


           /* Services container */
           .services-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 40px 20px;
               position: relative;
           }

           /* Services title */
           .services-title {
               font-size: 1.6rem;
               font-weight: 600;
               margin-bottom: 30px;
               color: #444;
               text-align: center;
           }

           /* Service category */
           .service-category {
               margin-bottom: 40px;
           }

           /* Category title */
           .category-title {
               color: #f75634;
               /* Orange/Red brand color */
               font-size: 1.3rem;
               font-weight: 600;
               margin-bottom: 12px;
           }

           /* Category description */
           .category-description {
               font-size: 0.95rem;
               margin-bottom: 15px;
               line-height: 1.6;
           }

           /* Service list */
           .service-list {
               list-style-type: none;
               margin-bottom: 20px;
           }

           .service-list li {
               position: relative;
               padding-left: 20px;
               margin-bottom: 12px;
               font-size: 0.9rem;
               line-height: 1.5;
           }

           .service-list li:before {
               content: '•';
               position: absolute;
               left: 0;
               color: #f75634;
               /* Orange/Red brand color */
               font-weight: bold;
           }

           /* Back to top button */
           .back-to-top {
               display: flex;
               justify-content: center;
               align-items: center;
               position: fixed;
               bottom: 30px;
               right: 30px;
               width: 40px;
               height: 40px;
               background-color: #f75634;
               /* Orange/Red brand color */
               color: white;
               border-radius: 50%;
               text-decoration: none;
               font-size: 1.2rem;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
               transition: all 0.3s ease;
           }

           .back-to-top:hover {
               background-color: #e64a29;
               transform: translateY(-3px);
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .services-container {
                   padding: 30px 15px;
               }

               .services-title {
                   font-size: 1.4rem;
               }

               .category-title {
                   font-size: 1.2rem;
               }

               .category-description {
                   font-size: 0.9rem;
               }

               .service-list li {
                   font-size: 0.85rem;
               }

               .back-to-top {
                   width: 35px;
                   height: 35px;
                   font-size: 1rem;
                   bottom: 20px;
                   right: 20px;
               }
           }

           /* our-team page end */

           /* Contact_Us page start */

           /* Contact container */
           /* Banner with contact cards styles */
           /* Banner with contact cards styles */
           .banner-container {
               position: relative;
               width: 100%;
               margin-bottom: 150px;
               /* Increased to create more space */
           }

           .about-banner {
               /* background-image: url('../img/a\ banner\ with\ a\ man\ sitting.png'); */
               /* Update this path to your actual banner image */
               background-size: cover;
               background-position: center;
               height: 250px;
               display: flex;
               align-items: center;
               justify-content: center;
               color: white;
               position: relative;
           }

           .banner-text {
               text-align: center;
               z-index: 1;
               color: black;
           }

           .about-banner h1 {
               font-size: 2.5rem;
               font-weight: 700;
               margin-bottom: 10px;
           }

           .banner-subtitle {
               font-size: 1.1rem;
               font-weight: bold;
               max-width: 600px;
               color: white;
               margin: 0 auto;
           }

           .contact-container {
               display: flex;
               justify-content: center;
               gap: 20px;
               max-width: 1000px;
               margin: 0 auto;
               position: absolute;
               bottom: -130px;
               /* Increased from -100px to move cards further down */
               left: 0;
               right: 0;
               z-index: 10;
           }

           .contact-card {
               background-color: #fff;
               /* White background for cards */
               padding: 30px;
               width: 100%;
               max-width: 360px;
               display: flex;
               flex-direction: column;
               align-items: center;
               text-align: center;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
           }

           .contact-title {
               font-size: 1.4rem;
               font-weight: 600;
               margin-bottom: 10px;
               color: #333;
           }

           .contact-description {
               font-size: 0.9rem;
               margin-bottom: 25px;
               color: #666;
           }

           .contact-button {
               background-color: #ff4500;
               color: white;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 5px;
               font-size: 0.9rem;
               font-weight: 600;
               transition: background-color 0.3s ease;
               display: inline-block;
           }

           .contact-button:hover {
               background-color: #e63900;
           }

           /* Responsive styles for banner and contact cards */
           @media (max-width: 768px) {
               .contact-container {
                   flex-direction: column;
                   align-items: center;
                   position: static;
                   margin-top: -20px;
                   /* Adjusted for the new position */
               }

               .contact-card {
                   max-width: 90%;
                   margin-bottom: 15px;
               }

               .banner-container {
                   margin-bottom: 170px;
                   /* Adjusted for mobile */
               }

               .about-banner {
                   height: 200px;
               }

               .about-banner h1 {
                   font-size: 2rem;
               }

               .banner-subtitle {
                   font-size: 0.9rem;
                   padding: 0 15px;
               }
           }

           /* Unique Contact Form Styles */
           .rlx-contact-form-wrapper {
               background-color: #f9f9f9;
               padding: 60px 0;
               margin-top: 60px;
           }

           .rlx-container {
               max-width: 800px;
               margin: 0 auto;
               padding: 0 15px;
           }

           .rlx-complaint-header {
               color: #E74C3C;
               /* Red color for the title */
               font-size: 2rem;
               font-weight: bold;
               margin-bottom: 15px;
               font-weight: 600;
               text-align: center;
           }

           .rlx-complaint-text {
               font-size: 0.9rem;
               color: #666;
               line-height: 1.6;
               margin-bottom: 30px;
               text-align: center;
           }

           .rlx-form-title {
               font-size: 1.6rem;
               color: #333;
               margin-bottom: 20px;
               font-weight: 500;
               text-align: center;
           }

           .rlx-form {
               margin-bottom: 30px;
           }

           .rlx-form-row {
               display: flex;
               gap: 15px;
               margin-bottom: 15px;
           }

           .rlx-form-field {
               flex: 1;
               margin-bottom: 15px;
           }

           .rlx-input,
           .rlx-textarea {
               width: 100%;
               padding: 10px;
               border: 1px solid #ddd;
               border-radius: 4px;
               font-size: 0.9rem;
           }

           .rlx-textarea {
               resize: vertical;
               min-height: 100px;
           }

           .rlx-captcha-wrapper {
               display: flex;
               align-items: center;
               gap: 15px;
               margin-bottom: 15px;
           }

           .rlx-checkbox-container {
               display: flex;
               align-items: center;
               gap: 8px;
           }

           .rlx-checkbox {
               margin: 0;
           }

           .rlx-checkbox-label {
               font-size: 0.9rem;
               color: #666;
           }

           .rlx-captcha-logo {
               width: 30px;
           }

           .rlx-captcha-img {
               width: 100%;
               height: auto;
           }

           .rlx-submit-container {
               margin-top: 20px;
           }

           .rlx-submit-btn {
               background-color: #ff4500;
               color: white;
               border: none;
               padding: 10px 25px;
               border-radius: 4px;
               font-size: 0.9rem;
               font-weight: 600;
               cursor: pointer;
               transition: background-color 0.3s ease;
           }

           .rlx-submit-btn:hover {
               background-color: #e63900;
               color: black;
           }

           .rlx-map-wrapper {
               margin-top: 40px;
               border-top: 1px solid #ddd;
               padding-top: 20px;
               display: flex;
               flex-direction: column;
               gap: 15px;
           }

           .rlx-address-block {
               font-size: 0.85rem;
               color: #666;
               line-height: 1.5;
           }

           .rlx-address-line {
               margin: 0 0 5px 0;
           }

           .rlx-directions-link {
               color: #0077cc;
               text-decoration: none;
               font-size: 0.85rem;
           }

           .rlx-directions-link:hover {
               text-decoration: underline;
           }

           .rlx-map-container {
               width: 100%;
               height: 200px;
               border-radius: 4px;
               overflow: hidden;
           }

           .rlx-map-iframe {
               width: 100%;
               height: 100%;
               border: 0;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .rlx-form-row {
                   flex-direction: column;
                   gap: 10px;
               }

               .rlx-complaint-header {
                   font-size: 1.6rem;
               }

               .rlx-form-title {
                   font-size: 1.4rem;
               }

               .rlx-captcha-wrapper {
                   flex-direction: column;
                   align-items: flex-start;
               }

               .rlx-contact-form-wrapper {
                   padding: 40px 0;
               }
           }

           /* Why Choose Us Section Styles */
           /* Why Choose Us Section */
           .ss-why-choose-section {
               padding: 50px 20px;
               background-color: #f9f9ff;
               /* Light background for contrast */
               text-align: center;
           }

           .ss-why-choose-heading {
               font-size: 2.5rem;
               color: #3d315b;
               /* Deep purple */
               margin-bottom: 30px;
               font-weight: bold;
           }

           /* Features Container */
           .ss-features-container {
               display: flex;
               flex-wrap: wrap;
               /* Ensures responsiveness */
               justify-content: center;
               gap: 20px;
               /* Adds space between cards */
           }

           /* Feature Cards */
           .ss-feature-card {
               background-color: white;
               border: 1px solid #ddd;
               border-radius: 10px;
               padding: 20px;
               box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
               max-width: 300px;
               /* Restrict card width */
               text-align: center;
           }

           .ss-feature-card:hover {
               box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
               transform: translateY(-5px);
               /* Subtle hover effect */
               transition: all 0.3s ease;
           }

           /* Icons */
           .ss-feature-icon-wrapper {
               margin-bottom: 15px;
           }

           .ss-feature-icon {
               font-size: 3rem;
               /* Large icon size */
               color: #f05a28;
               /* Bright orange for consistency */
           }

           /* Titles */
           .ss-feature-title {
               font-size: 1.5rem;
               font-weight: bold;
               color: #3d315b;
               margin-bottom: 10px;
           }

           /* Descriptions */
           .ss-feature-description {
               font-size: 1rem;
               color: #555;
               line-height: 1.6;
           }

           /* Contact_Us page end */


           /* second nav start */
           /* Career page start */
           /* Careers Section Styles */
           .ss-careers-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-careers-container {
               max-width: 1000px;
               margin: 0 auto;
               padding: 0 20px;
               font-family: Arial, sans-serif;
           }

           .ss-intro-paragraph {
               font-size: 15px;
               line-height: 1.6;
               color: #333333;
               margin-bottom: 15px;
           }

           .ss-company-highlight {
               color: #ff6347;
               /* Tomato red color matching the image */
               font-weight: 600;
           }

           .ss-role-paragraph {
               font-size: 15px;
               line-height: 1.6;
               color: #333333;
               margin-bottom: 12px;
           }

           .ss-role-title {
               color: #ff6347;
               /* Tomato red color matching the image */
               font-weight: 600;
           }

           .ss-conclusion-paragraph {
               font-size: 15px;
               line-height: 1.6;
               color: #333333;
               margin-bottom: 15px;
           }

           .ss-apply-note {
               margin-top: 30px;
               text-align: center;
               font-size: 14px;
               font-weight: bold;
               color: #000000;
               padding: 15px;
               background-color: #f9f9f9;
               border-left: 3px solid #ff6347;
           }

           .ss-apply-note p {
               margin-bottom: 10px;
           }

           .ss-apply-note p:last-child {
               margin-bottom: 0;
           }

           /* Responsive Styles */
           @media (max-width: 768px) {
               .ss-careers-section {
                   padding: 40px 0;
               }

               .ss-intro-paragraph,
               .ss-role-paragraph,
               .ss-conclusion-paragraph {
                   font-size: 14px;
               }

               .ss-apply-note {
                   font-size: 13px;
               }
           }


           /* Application Form Styles with Unique Class Names */
           .ss-application-form-section {
               padding: 60px 0;
               background-color: #ffeae5;
               /* Light peachy background as shown in the image */
           }

           .ss-application-container {
               max-width: 800px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-application-form {
               background-color: transparent;
           }

           .ss-form-section {
               margin-bottom: 30px;
           }

           .ss-section-heading {
               font-size: 1.2rem;
               font-weight: 600;
               color: #333;
               margin-bottom: 20px;
           }

           .ss-form-row {
               display: flex;
               gap: 15px;
               margin-bottom: 15px;
           }

           .ss-form-group {
               flex: 1;
               margin-bottom: 15px;
           }

           .ss-full-width {
               width: 100%;
           }

           .ss-half-width {
               width: 50%;
           }

           .ss-form-label {
               display: block;
               font-size: 0.85rem;
               color: #333;
               margin-bottom: 5px;
           }

           .ss-required {
               color: #ff0000;
               margin-left: 2px;
           }

           .ss-form-input {
               width: 100%;
               padding: 8px 10px;
               border: 1px solid #ddd;
               border-radius: 3px;
               font-size: 0.9rem;
           }

           .ss-phone-input-wrapper {
               display: flex;
               align-items: center;
           }

           .ss-country-code {
               background-color: #f0f0f0;
               padding: 8px 10px;
               border: 1px solid #ddd;
               border-right: none;
               border-radius: 3px 0 0 3px;
               font-size: 0.9rem;
               color: #333;
           }

           .ss-phone-input {
               border-radius: 0 3px 3px 0;
           }

           .ss-textarea {
               resize: vertical;
               min-height: 80px;
           }

           .ss-radio-group {
               display: flex;
               gap: 20px;
               margin-top: 5px;
           }

           .ss-radio-option {
               display: flex;
               align-items: center;
           }

           .ss-radio-input {
               margin-right: 5px;
           }

           .ss-radio-label {
               font-size: 0.9rem;
               color: #333;
           }

           .ss-file-upload {
               position: relative;
               margin-top: 5px;
           }

           .ss-file-input {
               opacity: 0;
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               cursor: pointer;
           }

           .ss-file-label {
               display: inline-block;
               background-color: #f0f0f0;
               padding: 8px 12px;
               border: 1px solid #ddd;
               border-radius: 3px;
               font-size: 0.9rem;
               color: #555;
               cursor: pointer;
           }

           .ss-form-submit {
               margin-top: 30px;
               text-align: center;
           }

           .ss-submit-button {
               background-color: orangered;
               color: white;
               border: none;
               padding: 10px 25px;
               border-radius: 3px;
               font-size: 0.9rem;
               font-weight: 600;
               cursor: pointer;
               text-transform: uppercase;
               transition: background-color 0.3s ease;
           }

           .ss-submit-button:hover {
               background-color: orange;
               color: black;
           }

           /* Form validation styling */
           .ss-form-input:invalid:focus {
               border-color: #ff6347;
               outline: none;
               box-shadow: 0 0 0 2px rgba(255, 99, 71, 0.2);
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-form-row {
                   flex-direction: column;
                   gap: 0;
               }

               .ss-form-group {
                   width: 100%;
               }

               .ss-half-width {
                   width: 100%;
               }
           }


           /* Services Carousel Styles with Unique Class Names */
           .ss-services-carousel-section {
               padding: 60px 0;
               background-color: #fff;
           }

           .ss-carousel-container {
               max-width: 1200px;
               margin: 0 auto;
               padding: 0 15px;
           }

           .ss-carousel-heading {
               font-size: 2rem;
               font-weight: 600;
               color: #333;
               text-align: center;
               margin-bottom: 40px;
           }

           .ss-carousel-wrapper {
               position: relative;
               overflow: hidden;
               width: 100%;
               padding-bottom: 50px;
               /* Space for indicators */
           }

           .ss-carousel-track {
               display: flex;
               transition: transform 0.5s ease;
           }

           .ss-carousel-slide {
               flex: 0 0 33.333%;
               /* Show 3 slides at a time on desktop */
               max-width: 33.333%;
               padding: 0 10px;
               box-sizing: border-box;
           }

           .ss-slide-image-container {
               position: relative;
               overflow: hidden;
               height: 220px;
               border-radius: 4px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
               transition: transform 0.3s ease, box-shadow 0.3s ease;
           }

           .ss-slide-image-container:hover {
               transform: translateY(-5px);
               box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
           }

           .ss-slide-image {
               width: 100%;
               height: 100%;
               object-fit: cover;
               transition: transform 0.3s ease;
           }

           .ss-slide-image-container:hover .ss-slide-image {
               transform: scale(1.05);
           }

           .ss-slide-overlay {
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               padding: 15px;
               background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
               display: flex;
               align-items: flex-end;
               height: 100%;
           }

           .ss-slide-title {
               color: #fff;
               font-size: 1.2rem;
               font-weight: 500;
               margin: 0;
               text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
           }

           /* Navigation Arrows */
           .ss-carousel-nav {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               width: 40px;
               height: 40px;
               background-color: rgba(255, 255, 255, 0.8);
               border: none;
               border-radius: 50%;
               font-size: 18px;
               color: #333;
               display: flex;
               align-items: center;
               justify-content: center;
               cursor: pointer;
               z-index: 10;
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
               transition: background-color 0.3s ease;
           }

           .ss-carousel-nav:hover {
               background-color: rgba(255, 255, 255, 1);
           }

           .ss-carousel-prev {
               left: 10px;
           }

           .ss-carousel-next {
               right: 10px;
           }

           /* Carousel Indicators */
           .ss-carousel-indicators {
               position: absolute;
               bottom: 10px;
               left: 0;
               right: 0;
               display: flex;
               justify-content: center;
               gap: 10px;
           }

           .ss-carousel-indicator {
               width: 12px;
               height: 12px;
               border-radius: 50%;
               background-color: #ddd;
               border: none;
               cursor: pointer;
               transition: background-color 0.3s ease;
           }

           .ss-carousel-indicator.active {
               background-color: #ff6347;
               /* Active indicator color */
           }

           /* Responsive Styles */
           @media (max-width: 992px) {
               .ss-carousel-slide {
                   flex: 0 0 50%;
                   /* Show 2 slides at a time on tablet */
                   max-width: 50%;
               }
           }

           @media (max-width: 768px) {
               .ss-services-carousel-section {
                   padding: 40px 0;
               }

               .ss-carousel-heading {
                   font-size: 1.8rem;
                   margin-bottom: 30px;
               }

               .ss-carousel-slide {
                   flex: 0 0 100%;
                   /* Show 1 slide at a time on mobile */
                   max-width: 100%;
               }

               .ss-slide-image-container {
                   height: 180px;
               }
           }



           /* NDIS Multiple Sclerosis Information Section Styles */
           .ss-ndis-ms-section {
               padding: 60px 0;
               background-color: #ffffff;
               border-top: 1px solid #eaeaea;
           }

           .ss-ndis-ms-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-ndis-ms-heading {
               font-size: 1.8rem;
               font-weight: 700;
               color: #333;
               text-align: center;
               margin-bottom: 30px;
               text-transform: uppercase;
           }

           .ss-ndis-ms-intro {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 15px;
           }

           .ss-ndis-ms-subheading {
               font-size: 16px;
               font-weight: 600;
               color: #e74c3c;
               /* Red color for subheadings */
               margin: 30px 0 15px;
               text-transform: uppercase;
           }

           .ss-ndis-ms-text {
               font-size: 14px;
               line-height: 1.6;
               color: #555;
               margin-bottom: 15px;
           }

           .ss-ndis-ms-list {
               list-style-type: disc;
               margin-left: 20px;
               margin-bottom: 20px;
           }

           .ss-ndis-ms-list li {
               font-size: 14px;
               line-height: 1.6;
               color: #555;
               margin-bottom: 8px;
               position: relative;
           }

           .ss-ndis-ms-sublist {
               list-style-type: circle;
               margin-left: 20px;
               margin-top: 8px;
               margin-bottom: 15px;
           }

           .ss-ndis-ms-sublist li {
               margin-bottom: 5px;
           }

           /* Document-style formatting */
           .ss-ndis-ms-container {
               background-color: #fff;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
               border-radius: 5px;
               padding: 30px;
           }

           /* Responsive Styles */
           @media (max-width: 768px) {
               .ss-ndis-ms-section {
                   padding: 40px 0;
               }

               .ss-ndis-ms-heading {
                   font-size: 1.6rem;
               }

               .ss-ndis-ms-subheading {
                   font-size: 15px;
               }

               .ss-ndis-ms-container {
                   padding: 20px;
               }
           }


           /* Disability Accommodation Section Styles - Paragraph Format */
           .ss-accommodation-section {
               padding: 40px 0;
               background-color: #ffffff;
           }

           .ss-accommodation-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-accommodation-intro {
               font-size: 1.4rem;
               font-weight: 600;
               color: #333;
               text-align: center;
               margin-bottom: 25px;
               line-height: 1.4;
           }

           .ss-company-name {
               color: #e74c3c;
               /* Red color for company name */
               font-weight: 600;
           }

           .ss-accommodation-paragraph {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 15px;
               padding-left: 20px;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-accommodation-section {
                   padding: 30px 0;
               }

               .ss-accommodation-intro {
                   font-size: 1.2rem;
               }

               .ss-accommodation-paragraph {
                   font-size: 14px;
               }
           }

           /* Combined Property Showcase Styles - Wider Version */
           .ss-property-showcase {
               padding: 60px 0;
               background-color: #f5f5f7;
           }

           .ss-showcase-container {
               max-width: 1200px;
               /* Increased container width */
               margin: 0 auto;
               padding: 0 15px;
               display: flex;
               flex-direction: column;
               align-items: center;
               gap: 40px;
               /* Increased gap */
           }

           /* Gallery Grid Styles */
           .ss-gallery-grid {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: 25px;
               /* Increased gap */
               width: 100%;
               max-width: 800px;
               /* Increased width */
           }

           .ss-gallery-item {
               width: 100%;
               overflow: hidden;
           }

           .ss-image-container {
               position: relative;
               width: 100%;
               height: 0;
               padding-bottom: 70%;
               /* Adjusted aspect ratio */
               overflow: hidden;
               border-radius: 6px;
               /* Slightly larger radius */
               box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);
               /* Enhanced shadow */
           }

           .ss-gallery-image {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               object-fit: cover;
               transition: transform 0.5s ease;
           }

           .ss-image-overlay {
               position: absolute;
               bottom: 0;
               left: 0;
               right: 0;
               background-color: rgba(255, 255, 255, 0.9);
               overflow: hidden;
               width: 100%;
               height: 0;
               transition: height 0.5s ease;
               display: flex;
               align-items: center;
               justify-content: center;
           }

           .ss-location-name {
               color: #e74c3c;
               font-size: 1.3rem;
               /* Larger font */
               font-weight: 600;
               text-transform: uppercase;
               letter-spacing: 1px;
               text-align: center;
               margin: 0;
               opacity: 0;
               transition: opacity 0.3s ease;
           }

           /* Hover effects for gallery */
           .ss-image-container:hover .ss-gallery-image {
               transform: scale(1.05);
           }

           .ss-image-container:hover .ss-image-overlay {
               height: 50px;
               /* Larger overlay */
           }

           .ss-image-container:hover .ss-location-name {
               opacity: 1;
           }

           /* Property Features Card Styles */
           .ss-features-card {
               background-color: #fff;
               border-radius: 6px;
               padding: 35px 40px;
               /* Increased padding */
               box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
               width: 100%;
               max-width: 800px;
               /* Match gallery width */
           }

           .ss-features-heading {
               font-size: 1.4rem;
               /* Larger heading */
               font-weight: 600;
               color: #333;
               margin-bottom: 30px;
               text-transform: uppercase;
               text-align: center;
           }

           .ss-features-list {
               list-style-type: none;
               margin: 0;
               padding: 0;
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               /* Two columns for features */
               gap: 15px 30px;
           }

           .ss-features-list li {
               font-size: 15px;
               color: #555;
               padding: 10px 0;
               border-bottom: 1px solid #f0f0f0;
               position: relative;
               padding-left: 20px;
               line-height: 1.5;
           }

           .ss-features-list li:last-child,
           .ss-features-list li:nth-last-child(2) {
               border-bottom: none;
           }

           .ss-features-list li::before {
               content: "•";
               position: absolute;
               left: 0;
               color: #e74c3c;
               /* Red bullet point */
           }

           /* Responsive styles */
           @media (max-width: 900px) {
               .ss-showcase-container {
                   max-width: 90%;
               }

               .ss-gallery-grid {
                   max-width: 100%;
               }

               .ss-features-list {
                   grid-template-columns: 1fr;
                   /* Single column on smaller screens */
               }

               .ss-features-list li:nth-last-child(2) {
                   border-bottom: 1px solid #f0f0f0;
               }
           }

           @media (max-width: 768px) {
               .ss-property-showcase {
                   padding: 40px 0;
               }

               .ss-gallery-grid {
                   grid-template-columns: 1fr;
                   gap: 15px;
               }

               .ss-image-container {
                   padding-bottom: 65%;
               }

               .ss-location-name {
                   font-size: 1.1rem;
               }

               .ss-features-card {
                   padding: 25px;
               }

               .ss-features-heading {
                   font-size: 1.2rem;
                   margin-bottom: 20px;
               }
           }

           /* Career page end */

           /* Participant tools start */

           /************ Participant Tools Section Styles ************/
           .ss-participant-tools-section {
               background-color: #f9f9f9;
               padding: 40px 20px;
               font-family: 'Arial', sans-serif;
           }

           .ss-tools-container {
               max-width: 1200px;
               margin: 0 auto;
           }

           .ss-tools-heading {
               font-size: 28px;
               text-align: center;
               color: #333;
               margin-bottom: 20px;
               font-weight: 600;
           }

           .ss-tools-content {
               background-color: #fff;
               padding: 30px;
               border-radius: 8px;
               box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
           }

           .ss-tools-paragraph {
               font-size: 16px;
               color: #555;
               line-height: 1.8;
               margin-bottom: 20px;
               text-align: justify;
           }

           .ss-tools-subheading {
               font-size: 20px;
               font-weight: 600;
               color: #444;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-tools-services {
               list-style-type: disc;
               margin-left: 20px;
               font-size: 16px;
               color: #555;
           }

           .ss-tools-services li {
               margin-bottom: 10px;
           }

           .ss-tools-services li strong {
               color: #333;
               font-weight: 600;
           }

           .ss-company-name {
               color: #6c63ff;
               font-weight: bold;
           }

           /************ Responsive Styles ************/
           @media (max-width: 768px) {
               .ss-tools-heading {
                   font-size: 24px;
               }

               .ss-tools-paragraph,
               .ss-tools-subheading,
               .ss-tools-services {
                   font-size: 14px;
               }

               .ss-tools-content {
                   padding: 20px;
               }
           }

           /* participant tools end */
           /* Box container styling */
           .ss-resources-container {
               background-color: #ffffff;
               /* Clean white background */
               padding: 30px;
               border-radius: 12px;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
               /* Soft shadow for professional feel */
               border: 1px solid #e0e0e0;
               /* Subtle border for structure */
               width: 85%;
               /* Compact width for clean design */
               margin: 0 auto;
               /* Center the container */
           }

           /* Heading styles */
           .ss-resources-heading {
               font-size: 28px;
               font-weight: bold;
               color: #00274d;
               /* Deep blue for emphasis */
               text-align: center;
               margin-bottom: 20px;
           }

           /* Paragraph styles */
           .ss-resources-paragraph {
               font-size: 16px;
               line-height: 1.6;
               color: #444444;
               /* Neutral dark-gray for readability */
               margin-bottom: 20px;
           }

           /* Subheading styles */
           .ss-resources-subheading {
               font-size: 20px;
               font-weight: bold;
               color: #0056a4;
               /* Bright blue for subheading distinction */
               margin-top: 20px;
               margin-bottom: 12px;
           }

           /* List styles */
           .ss-resources-services {
               list-style: disc;
               margin: 15px 40px;
               color: #333333;
               /* Darker text for list items */
               padding-left: 20px;
           }

           .ss-resources-services li {
               margin-bottom: 8px;
           }

           /* Company name styling */
           .ss-company-name {
               font-weight: bold;
               color: #FF6600;
               /* Accent orange to highlight the brand name */
           }

           /* Highlighted text styling */
           strong {
               color: #004080;
               /* Uniform styling for strong text elements */
           }

           /* Responsive design for smaller screens */
           @media (max-width: 768px) {
               .ss-resources-container {
                   width: 95%;
                   /* Adjusted width for mobile screens */
                   padding: 20px;
               }

               .ss-resources-heading {
                   font-size: 24px;
               }

               .ss-resources-paragraph,
               .ss-resources-subheading {
                   font-size: 14px;
               }
           }

           /* Video Resources start */
           /* General styling for the section */
           /* Box container styling */
           .ss-clean-box {
               background-color: #ffffff;
               /* Clean white background */
               padding: 30px;
               border-radius: 12px;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
               /* Soft shadow for a professional look */
               border: 1px solid #e0e0e0;
               /* Thin light-gray border for subtle structure */
               width: 85%;
               /* Compact width for a clean layout */
               margin: 0 auto;
               /* Center the box horizontally */
           }

           /* Heading styles */
           .ss-updates-heading {
               font-size: 28px;
               font-weight: bold;
               color: #00274d;
               /* Deep blue for a professional tone */
               text-align: center;
               margin-bottom: 20px;
           }

           /* Paragraph styles */
           .ss-updates-paragraph {
               font-size: 16px;
               line-height: 1.6;
               color: #444444;
               /* Neutral dark-gray for readability */
               margin-bottom: 20px;
           }

           /* Subheading styles */
           .ss-updates-subheading {
               font-size: 20px;
               font-weight: bold;
               color: #0056a4;
               /* Bright blue for emphasis */
               margin-top: 20px;
               margin-bottom: 12px;
           }

           /* List styles */
           .ss-updates-services {
               list-style: disc;
               margin: 15px 40px;
               color: #333333;
               /* Darker gray for list items */
               padding-left: 20px;
           }

           .ss-updates-services li {
               margin-bottom: 8px;
           }

           /* Company name styling */
           .ss-company-name {
               font-weight: bold;
               color: #FF6600;
               /* Orange to highlight the brand name */
           }

           /* Highlighted text styling */
           strong {
               color: #004080;
               /* Uniform styling for emphasized text */
           }

           /* Responsive design for smaller screens */
           @media (max-width: 768px) {
               .ss-clean-box {
                   width: 95%;
                   /* Adjust width for smaller devices */
                   padding: 20px;
               }

               .ss-updates-heading {
                   font-size: 24px;
               }

               .ss-updates-paragraph,
               .ss-updates-subheading {
                   font-size: 14px;
               }
           }


           /* News and updates end */

           /* FAQ start */
           /* Box container styling */
           .ss-clean-box {
               background-color: #ffffff;
               /* Clean white background */
               padding: 30px;
               border-radius: 12px;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
               /* Soft shadow for a neat look */
               border: 1px solid #e0e0e0;
               /* Subtle border for structure */
               width: 85%;
               /* Compact width for clean layout */
               margin: 0 auto;
               /* Center the container */
           }

           /* Heading styles */
           .ss-faq-heading {
               font-size: 28px;
               font-weight: bold;
               color: #00274d;
               /* Deep blue for emphasis */
               text-align: center;
               margin-bottom: 20px;
           }

           /* Paragraph styles */
           .ss-faq-paragraph {
               font-size: 16px;
               line-height: 1.6;
               color: #444444;
               /* Neutral dark-gray for readability */
               margin-bottom: 20px;
           }

           /* Subheading styles */
           .ss-faq-subheading {
               font-size: 20px;
               font-weight: bold;
               color: #0056a4;
               /* Bright blue for subheading emphasis */
               margin-top: 20px;
               margin-bottom: 12px;
           }

           /* List styles */
           .ss-faq-services {
               list-style: disc;
               margin: 15px 40px;
               color: #333333;
               /* Darker text for list items */
               padding-left: 20px;
           }

           .ss-faq-services li {
               margin-bottom: 8px;
           }

           /* Company name styling */
           .ss-company-name {
               font-weight: bold;
               color: #FF6600;
               /* Accent orange to highlight the brand */
           }

           /* Highlighted text styling */
           strong {
               color: #004080;
               /* Consistent styling for strong elements */
           }

           /* Responsive design for smaller screens */
           @media (max-width: 768px) {
               .ss-clean-box {
                   width: 95%;
                   /* Adjust width for mobile screens */
                   padding: 20px;
               }

               .ss-faq-heading {
                   font-size: 24px;
               }

               .ss-faq-paragraph,
               .ss-faq-subheading {
                   font-size: 14px;
               }
           }

           /* FAQ end */

           /* Personal Activities Support start */

           /* Pediatrics Information Section Styles */
           .ss-personal-activities-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-personal-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-personal-content {
               background-color: #f9f9f9;
               border-radius: 8px;
               padding: 30px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           .ss-personal-intro {
               font-size: 16px;
               line-height: 1.6;
               color: #333;
               margin-bottom: 25px;
           }

           .ss-personal-heading {
               font-size: 16px;
               font-weight: 600;
               color: #333;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-personal-list {
               list-style-type: none;
               margin: 0 0 30px 0;
               padding: 0;
           }

           .ss-personal-list li {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }

           .ss-personal-list li::before {
               content: "✓";
               position: absolute;
               left: 0;
               color: #4CAF50;
               /* Green checkmark */
               font-weight: bold;
           }

           .ss-personal-notice {
               background-color: #f0f0f0;
               border-radius: 6px;
               padding: 20px;
               margin-top: 30px;
               text-align: center;
           }

           .ss-notice-heading {
               font-size: 18px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px 0;
           }

           .ss-notice-text {
               font-size: 14px;
               color: #666;
               margin: 0 0 20px 0;
           }

           .ss-contact-btn {
               display: inline-block;
               background-color: orange;
               /* Deep blue button */
               color: white;
               font-size: 14px;
               font-weight: 500;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 30px;
               transition: background-color 0.3s ease;
           }

           .ss-contact-btn:hover {
               background-color: rgb(255, 85, 0);
               /* Darker blue on hover */
               text-decoration: none;
               color: black;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-personal-activities-section {
                   padding: 40px 0;
               }

               .ss-personal-content {
                   padding: 20px;
               }

               .ss-personal-intro {
                   font-size: 15px;
               }

               .ss-personal-list li {
                   font-size: 14px;
               }

               .ss-contact-btn {
                   padding: 8px 16px;
                   font-size: 13px;
               }
           }


           /* Personal Activities Support end */

           /* development life skills end */
           .ss-development-life-skills-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-development-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-development-content {
               background-color: #f9f9f9;
               border-radius: 8px;
               padding: 30px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           .ss-development-intro {
               font-size: 16px;
               line-height: 1.6;
               color: #333;
               margin-bottom: 25px;
           }

           .ss-development-heading {
               font-size: 16px;
               font-weight: 600;
               color: #333;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-development-list {
               list-style-type: none;
               margin: 0 0 30px 0;
               padding: 0;
           }

           .ss-development-list li {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }

           .ss-development-list li::before {
               content: "✓";
               position: absolute;
               left: 0;
               color: #4CAF50;
               /* Green checkmark */
               font-weight: bold;
           }

           .ss-development-notice {
               background-color: #f0f0f0;
               border-radius: 6px;
               padding: 20px;
               margin-top: 30px;
               text-align: center;
           }

           .ss-notice-heading {
               font-size: 18px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px 0;
           }

           .ss-notice-text {
               font-size: 14px;
               color: #666;
               margin: 0 0 20px 0;
           }

           .ss-contact-btn {
               display: inline-block;
               background-color: orange;
               /* Deep blue button */
               color: white;
               font-size: 14px;
               font-weight: 500;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 30px;
               transition: background-color 0.3s ease;
           }

           .ss-contact-btn:hover {
               background-color: rgb(255, 85, 0);
               /* Darker blue on hover */
               text-decoration: none;
               color: white;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-development-life-skills-section {
                   padding: 40px 0;
               }

               .ss-development-content {
                   padding: 20px;
               }

               .ss-development-intro {
                   font-size: 15px;
               }

               .ss-development-list li {
                   font-size: 14px;
               }

               .ss-contact-btn {
                   padding: 8px 16px;
                   font-size: 13px;
               }
           }

           /* development life skills end */

           /* Community Participation end */

           .ss-community-participation-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-community-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-community-content {
               background-color: #f9f9f9;
               border-radius: 8px;
               padding: 30px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           .ss-community-intro {
               font-size: 16px;
               line-height: 1.6;
               color: #333;
               margin-bottom: 25px;
           }

           .ss-community-heading {
               font-size: 16px;
               font-weight: 600;
               color: #333;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-community-list {
               list-style-type: none;
               margin: 0 0 30px 0;
               padding: 0;
           }

           .ss-community-list li {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }

           .ss-community-list li::before {
               content: "✓";
               position: absolute;
               left: 0;
               color: #4CAF50;
               /* Green checkmark */
               font-weight: bold;
           }

           .ss-community-notice {
               background-color: #f0f0f0;
               border-radius: 6px;
               padding: 20px;
               margin-top: 30px;
               text-align: center;
           }

           .ss-notice-heading {
               font-size: 18px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px 0;
           }

           .ss-notice-text {
               font-size: 14px;
               color: #666;
               margin: 0 0 20px 0;
           }

           .ss-contact-btn {
               display: inline-block;
               background-color: orange;
               /* Deep blue button */
               color: white;
               font-size: 14px;
               font-weight: 500;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 30px;
               transition: background-color 0.3s ease;
           }

           .ss-contact-btn:hover {
               background-color: rgb(255, 85, 0);
               text-decoration: none;
               color: white;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-community-participation-section {
                   padding: 40px 0;
               }

               .ss-community-content {
                   padding: 20px;
               }

               .ss-community-intro {
                   font-size: 15px;
               }

               .ss-community-list li {
                   font-size: 14px;
               }

               .ss-contact-btn {
                   padding: 8px 16px;
                   font-size: 13px;
               }
           }


           /* Community Participation end */

           /* household-assistance start */
           .ss-household-assistance-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-household-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-household-content {
               background-color: #f9f9f9;
               border-radius: 8px;
               padding: 30px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           .ss-household-intro {
               font-size: 16px;
               line-height: 1.6;
               color: #333;
               margin-bottom: 25px;
           }

           .ss-household-heading {
               font-size: 16px;
               font-weight: 600;
               color: #333;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-household-list {
               list-style-type: none;
               margin: 0 0 30px 0;
               padding: 0;
           }

           .ss-household-list li {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }

           .ss-household-list li::before {
               content: "✓";
               position: absolute;
               left: 0;
               color: #4CAF50;
               /* Green checkmark */
               font-weight: bold;
           }

           .ss-household-notice {
               background-color: #f0f0f0;
               border-radius: 6px;
               padding: 20px;
               margin-top: 30px;
               text-align: center;
           }

           .ss-notice-heading {
               font-size: 18px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px 0;
           }

           .ss-notice-text {
               font-size: 14px;
               color: #666;
               margin: 0 0 20px 0;
           }

           .ss-contact-btn {
               display: inline-block;
               background-color: orange;
               /* Deep blue button */
               color: white;
               font-size: 14px;
               font-weight: 500;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 30px;
               transition: background-color 0.3s ease;
           }

           .ss-contact-btn:hover {
               background-color: rgb(255, 85, 0);
               /* Darker blue on hover */
               text-decoration: none;
               color: white;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-household-assistance-section {
                   padding: 40px 0;
               }

               .ss-household-content {
                   padding: 20px;
               }

               .ss-household-intro {
                   font-size: 15px;
               }

               .ss-household-list li {
                   font-size: 14px;
               }

               .ss-contact-btn {
                   padding: 8px 16px;
                   font-size: 13px;
               }
           }

           /* household-assistance end */

           /* Support Coordinators end */
           .ss-support-coordinators-section {
               padding: 60px 0;
               background-color: #ffffff;
           }

           .ss-support-container {
               max-width: 900px;
               margin: 0 auto;
               padding: 0 20px;
           }

           .ss-support-content {
               background-color: #f9f9f9;
               border-radius: 8px;
               padding: 30px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           .ss-support-intro {
               font-size: 16px;
               line-height: 1.6;
               color: #333;
               margin-bottom: 25px;
           }

           .ss-support-heading {
               font-size: 16px;
               font-weight: 600;
               color: #333;
               margin-top: 30px;
               margin-bottom: 15px;
           }

           .ss-support-list {
               list-style-type: none;
               margin: 0 0 30px 0;
               padding: 0;
           }

           .ss-support-list li {
               font-size: 15px;
               line-height: 1.6;
               color: #444;
               margin-bottom: 10px;
               padding-left: 25px;
               position: relative;
           }

           .ss-support-list li::before {
               content: "✓";
               position: absolute;
               left: 0;
               color: #4CAF50;
               /* Green checkmark */
               font-weight: bold;
           }

           .ss-support-notice {
               background-color: #f0f0f0;
               border-radius: 6px;
               padding: 20px;
               margin-top: 30px;
               text-align: center;
           }

           .ss-notice-heading {
               font-size: 18px;
               font-weight: 600;
               color: #333;
               margin: 0 0 5px 0;
           }

           .ss-notice-text {
               font-size: 14px;
               color: #666;
               margin: 0 0 20px 0;
           }

           .ss-contact-btn {
               display: inline-block;
               background-color: orange;
               /* Deep blue button */
               color: white;
               font-size: 14px;
               font-weight: 500;
               text-decoration: none;
               padding: 10px 20px;
               border-radius: 30px;
               transition: background-color 0.3s ease;
           }

           .ss-contact-btn:hover {
               background-color: rgb(255, 85, 0);
               text-decoration: none;
               color: white;
           }

           /* Responsive styles */
           @media (max-width: 768px) {
               .ss-support-coordinators-section {
                   padding: 40px 0;
               }

               .ss-support-content {
                   padding: 20px;
               }

               .ss-support-intro {
                   font-size: 15px;
               }

               .ss-support-list li {
                   font-size: 14px;
               }

               .ss-contact-btn {
                   padding: 8px 16px;
                   font-size: 13px;
               }
           }

           /* Support Coordinators end */

/* Loader - Page Loading Spinner */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
#loader .loader {
    width: 48px;
    height: 48px;
    border: 5px solid #f3f3f3;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}