.elementor-4183 .elementor-element.elementor-element-f1269e0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4183 .elementor-element.elementor-element-e9e2911{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-1ff9d72{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-7478601{--display:flex;}.elementor-4183 .elementor-element.elementor-element-a0fc889{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-22eaea3{--display:flex;}.elementor-4183 .elementor-element.elementor-element-9835109{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-9c9f433{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4183 .elementor-element.elementor-element-16ab159{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-d1faa0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4183 .elementor-element.elementor-element-7e2cbc4{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-f7d3cba{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4183 .elementor-element.elementor-element-e5de729{width:100%;max-width:100%;}.elementor-4183 .elementor-element.elementor-element-e157ba5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4183 .elementor-element.elementor-element-e157ba5:not(.elementor-motion-effects-element-type-background), .elementor-4183 .elementor-element.elementor-element-e157ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/sunnydaycarers.com.au/wp-content/uploads/2024/09/Untitled-design-4.png?fit=1080%2C1080&ssl=1");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-4183 .elementor-element.elementor-element-dddaba7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4183 .elementor-element.elementor-element-a6c6630 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-4183 .elementor-element.elementor-element-a6c6630{text-align:start;}.elementor-4183 .elementor-element.elementor-element-a6c6630 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4183 .elementor-element.elementor-element-5efca73{--divider-border-style:dotted;--divider-color:#8CC2E5;--divider-border-width:4.8px;}.elementor-4183 .elementor-element.elementor-element-5efca73 .elementor-divider-separator{width:14%;margin:0 auto;margin-left:0;}.elementor-4183 .elementor-element.elementor-element-5efca73 .elementor-divider{text-align:left;padding-block-start:6px;padding-block-end:6px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4183 .elementor-element.elementor-element-d31916d{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4183 .elementor-element.elementor-element-bebbc67 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-color:#8CC2E5;border-radius:20px 20px 20px 20px;}.elementor-4183 .elementor-element.elementor-element-bebbc67 .elementor-button:hover, .elementor-4183 .elementor-element.elementor-element-bebbc67 .elementor-button:focus{background-color:#8CC2E5;color:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-bebbc67 .elementor-button:hover svg, .elementor-4183 .elementor-element.elementor-element-bebbc67 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-4183 .elementor-element.elementor-element-34f37a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4183 .elementor-element.elementor-element-c48e1ed img{border-radius:50px 50px 50px 50px;}.elementor-4183 .elementor-element.elementor-element-034b9da{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4183 .elementor-element.elementor-element-2307dad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:6px 6px 6px 6px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.13);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4183 .elementor-element.elementor-element-2a660e0 > .elementor-widget-container{margin:0px 0px 0px -12px;}.elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon-box-title{margin-block-end:6px;color:#000000;}.elementor-4183 .elementor-element.elementor-element-2a660e0.elementor-view-stacked .elementor-icon{background-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-2a660e0.elementor-view-framed .elementor-icon, .elementor-4183 .elementor-element.elementor-element-2a660e0.elementor-view-default .elementor-icon{fill:#8CC2E5;color:#8CC2E5;border-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon{font-size:30px;}.elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon-box-title, .elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon-box-title a{font-family:"Public Sans", Sans-serif;font-size:25px;font-weight:700;}.elementor-4183 .elementor-element.elementor-element-2a660e0 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-4183 .elementor-element.elementor-element-79ea36b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:6px 6px 6px 6px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.13);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 > .elementor-widget-container{margin:0px 0px 0px -12px;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon-box-title{margin-block-end:6px;color:#000000;}.elementor-4183 .elementor-element.elementor-element-ce84cf6.elementor-view-stacked .elementor-icon{background-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-ce84cf6.elementor-view-framed .elementor-icon, .elementor-4183 .elementor-element.elementor-element-ce84cf6.elementor-view-default .elementor-icon{fill:#8CC2E5;color:#8CC2E5;border-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon{font-size:30px;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon-box-title, .elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon-box-title a{font-family:"Public Sans", Sans-serif;font-size:25px;font-weight:700;}.elementor-4183 .elementor-element.elementor-element-ce84cf6 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}.elementor-4183 .elementor-element.elementor-element-8881bd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:6px 6px 6px 6px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.13);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4183 .elementor-element.elementor-element-dab1465 > .elementor-widget-container{margin:0px 0px 0px -12px;}.elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon-box-title{margin-block-end:6px;color:#000000;}.elementor-4183 .elementor-element.elementor-element-dab1465.elementor-view-stacked .elementor-icon{background-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-dab1465.elementor-view-framed .elementor-icon, .elementor-4183 .elementor-element.elementor-element-dab1465.elementor-view-default .elementor-icon{fill:#8CC2E5;color:#8CC2E5;border-color:#8CC2E5;}.elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon{font-size:30px;}.elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon-box-title, .elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon-box-title a{font-family:"Public Sans", Sans-serif;font-size:25px;font-weight:700;}.elementor-4183 .elementor-element.elementor-element-dab1465 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;}@media(max-width:1024px){.elementor-4183 .elementor-element.elementor-element-a6c6630 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-4183 .elementor-element.elementor-element-e157ba5:not(.elementor-motion-effects-element-type-background), .elementor-4183 .elementor-element.elementor-element-e157ba5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:609px 92px;}.elementor-4183 .elementor-element.elementor-element-e157ba5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4183 .elementor-element.elementor-element-a6c6630 .elementor-heading-title{font-size:28px;}.elementor-4183 .elementor-element.elementor-element-5efca73 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-4183 .elementor-element.elementor-element-d31916d > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-4183 .elementor-element.elementor-element-d31916d{font-size:13px;}.elementor-4183 .elementor-element.elementor-element-034b9da{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4183 .elementor-element.elementor-element-2307dad{--margin-top:0px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-4183 .elementor-element.elementor-element-79ea36b{--margin-top:0px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-4183 .elementor-element.elementor-element-8881bd0{--margin-top:0px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}}@media(min-width:768px){.elementor-4183 .elementor-element.elementor-element-dddaba7{--width:50%;}.elementor-4183 .elementor-element.elementor-element-34f37a1{--width:50%;}.elementor-4183 .elementor-element.elementor-element-2307dad{--width:50%;}.elementor-4183 .elementor-element.elementor-element-79ea36b{--width:50%;}.elementor-4183 .elementor-element.elementor-element-8881bd0{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-9c9f433 */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Responsive Fancy Slider</title>
  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
  <!-- Swiper CSS -->
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
  <style>
    /* Keep website margins unchanged */
    body {
      font-family: 'Poppins', sans-serif;
      margin: 0;
      background: none;
    }

    /* Swiper container */
    .swiper {
      width: 100%; /* Ensures it adapts within the existing layout */
      max-width: 1200px; /* Keep it contained */
      margin: 0 auto; /* Center it */
      padding-bottom: 60px; /* Keep space for pagination */
      position: relative;
    }

    /* Ensure no extra spacing inside slides */
    .swiper-slide {
      border-radius: 20px;
      overflow: hidden;
      transition: transform 0.4s ease, box-shadow 0.4s ease;
      position: relative;
      margin: 0 !important; /* Ensure no extra margins */
      padding: 0 !important; /* Ensure no extra paddings */
    }

    /* Desktop Layout */
    @media (min-width: 768px) {
      .swiper-slide {
        flex: 0 0 calc((100% - 40px) / 3);
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .swiper-slide:last-child {
        margin-right: 0;
      }
    }

    /* Mobile Layout */
    @media (max-width: 767px) {
      .swiper-slide {
        flex: 0 0 100%;
        background: #fff;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
      }
    }

    /* Swiper Pagination Styling */
    .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      background: rgba(255,255,255,0.6);
      opacity: 1;
      border-radius: 50%;
      margin: 0 8px !important;
      transition: transform 0.3s ease, background 0.3s ease;
    }
    .swiper-pagination-bullet-active {
      background: #7ec8e3;
      transform: scale(1.3);
    }
  <\/style>
</head>
<body>
  <div class="swiper">
    <div class="swiper-wrapper">
      <!-- Slide 1 -->
      <div class="swiper-slide">
        <div class="image">
          <img src="https://sunnydaycarers.com.au/wp-content/uploads/2024/12/image-1.jpeg" alt="SDA High Physical Need">
        </div>
        <div class="info">
          <h3>SDA High Physical Need</h3>
        </div>
      </div>
      <!-- Slide 2 -->
      <div class="swiper-slide">
        <div class="image">
          <img src="https://sunnydaycarers.com.au/wp-content/uploads/2025/01/DSC04172-Edit-1.jpg" alt="SDA Robust">
        </div>
        <div class="info">
          <h3>SDA Robust</h3>
        </div>
      </div>
      <!-- Slide 3 -->
      <div class="swiper-slide">
        <div class="image">
          <img src="https://sunnydaycarers.com.au/wp-content/uploads/2024/12/17062160_4_1_240613_061728-w2048-h1365-2.jpg" alt="Eastern Suburbs, Sydney">
        </div>
        <div class="info">
          <h3>Eastern Suburbs, Sydney</h3>
        </div>
      </div>
      <!-- Slide 4 -->
      <div class="swiper-slide">
        <div class="image">
          <img src="https://sunnydaycarers.com.au/wp-content/uploads/2024/12/38198d77-529a-4461-b521-cd5f507e6500-lg-2018614413_1_1_230629_013038-w5287-h3525-e1733721961567.jpg" alt="Newcastle">
        </div>
        <div class="info">
          <h3>Newcastle</h3>
        </div>
      </div>
      <!-- Slide 5 -->
      <div class="swiper-slide">
        <div class="image">
          <img src="https://sunnydaycarers.com.au/wp-content/uploads/2024/12/6f8b18f7-26bd-4b36-8bdf-a7fb5e5a8e3b-lg-2018727109_1_1_230825_011238-w3000-h2000-1-1.jpg" alt="Blue Mountains">
        </div>
        <div class="info">
          <h3>Blue Mountains</h3>
        </div>
      </div>
    </div>
    <!-- Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  <script>
    const swiper = new Swiper('.swiper', {
      slidesPerView: 3,
      slidesPerGroup: 1,
      spaceBetween: 20,
      loop: true,
      speed: 800,
      autoplay: {
        delay: 3000,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      breakpoints: {
        0: {
          slidesPerView: 1,
          spaceBetween: 10,
        },
        768: {
          slidesPerView: 3,
          spaceBetween: 20,
        }
      }
    });
  </script>
</body>
</html>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5de729 */<style>
  /* Testimonials wrapper */
  .testimonials {
    width: 100%;
    background: #fff;
    padding: 60px 0;            /* vertical padding only */
    box-sizing: border-box;
    font-family: Arial, sans-serif;
  }

  /* Section heading */
  .testimonials__heading {
    text-align: center;
    font-size: 2.25rem;
    margin-bottom: 40px;
    color: #222;
  }

  /* Grid container */
  .testimonials__grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  /* Each card */
  .testimonial-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  /* Quote styling */
  .testimonial-card__quote {
    font-style: italic;
    color: #444;
    line-height: 1.6;
    position: relative;
    margin-bottom: 16px;
  }
  .testimonial-card__quote::before {
    content: "“";
    font-size: 3rem;
    color: #ccc;
    position: absolute;
    top: -10px;
    left: -10px;
  }

  /* Author & report link */
  .testimonial-card__author {
    font-weight: bold;
    color: #222;
    margin: 0;
    text-align: right;
  }
  .testimonial-card__link {
    margin-top: 12px;
    text-align: right;
  }
  .testimonial-card__link a {
    color: #0066cc;
    text-decoration: none;
    font-weight: 500;
  }
  .testimonial-card__link a:hover {
    text-decoration: underline;
  }

  /* MOBILE STYLES */
  @media (max-width: 600px) {
    .testimonials {
      padding: 40px 0;
    }
    .testimonials__heading {
      font-size: 1.75rem;
      margin-bottom: 30px;
    }
    .testimonials__grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .testimonial-card {
      padding: 16px;
    }
    .testimonial-card__quote {
      font-size: 1rem;
      margin-bottom: 12px;
    }
    .testimonial-card__quote::before {
      font-size: 2.5rem;
      top: -8px;
      left: -8px;
    }
    .testimonial-card__author,
    .testimonial-card__link a {
      font-size: 0.9rem;
    }
  }
<\/style>/* End custom CSS */