.elementor-2877 .elementor-element.elementor-element-dc56763{padding:0px 0px 0px 0px;}.elementor-2877 .elementor-element.elementor-element-cdf7d5e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2877 .elementor-element.elementor-element-65f5012{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//*
      BRAND TOKENS — extracted from live site (Elementor/WordPress)
      Dark navy:    #1e2b3c  — header, footer, dark sections, headings
      Green accent: #3D75A3  — buttons, links, highlights, icons
      White:        #ffffff  — page background
      Light grey:   #f9f9f9  — alternate section bg
      Body text:    #555555
      Border:       #e5e5e5
    */

 

   
    img {
      display: block !important;
      max-width: 100% !important;
    }

    h1,
    h2,
    h3,
    h4 {
      color: #1e2b3c !important;
      line-height: 1.3 !important;
      font-weight: 700 !important;
    }

    .container {
      max-width: 1200px !important;
      margin: 0 auto !important;
      padding: 0 20px !important;
    }

    /* BUTTONS */
    .btn {
      display: inline-block !important;
      font-weight: 700 !important;
      font-size: 14px !important;
      letter-spacing: 0.4px !important;
      padding: 13px 28px !important;
      border-radius: 4px !important;
      border: 2px solid transparent !important;
      cursor: pointer !important;
      transition: background .2s, color .2s, border-color .2s !important;
      height: inherit !important;
    }

    .btn-green {
      background: #3D75A3 !important;
      color: #fff !important;
      border-color: #3D75A3 !important;
    }

    .btn-green:hover {
      background: #D5AD5F !important;
      border-color: #D5AD5F !important;
    }

    .btn-outline-white {
      background: transparent !important;
      color: #fff !important;
      border-color: #fff !important;
    }

    .btn-outline-white:hover {
      background: #fff !important;
      color: #1e2b3c !important;
    }


    /* HERO */
    .page-hero {
      position: relative !important;
      background: #1e2b3c !important;
      min-height: 400px !important;
      display: flex !important;
      align-items: center !important;
      overflow: hidden !important;
    }

    .page-hero-bg {
      position: absolute !important;
      inset: 0 !important;
      background-image: url('https://kangaroopointmedicalcentre.com.au/wp-content/uploads/2022/03/Kangaroo-Point-Medical-Centre-Surgery-Centre.jpg') !important;
      background-size: cover !important;
      background-position: center !important;
      opacity: .15 !important;
    }

    .page-hero .container {
      position: relative !important;
      z-index: 1 !important;
      padding-top: 64px !important;
      padding-bottom: 64px !important;
    }

    .eyebrow {
      display: block !important;
      font-size: 12px !important;
      font-weight: 700 !important;
      letter-spacing: 2.5px !important;
      text-transform: uppercase !important;
      color: #3D75A3 !important;
      margin-bottom: 12px !important;
    }

    .page-hero h1 {
      color: #fff !important;
      font-size: clamp(26px, 4.5vw, 46px) !important;
      max-width: 700px !important;
      margin-bottom: 18px !important;
    }

    .page-hero-sub {
      color: rgba(255, 255, 255, .82) !important;
      font-size: 16px !important;
      max-width: 600px !important;
      margin-bottom: 30px !important;
    }

    .hero-actions {
      display: flex !important;
      gap: 14px !important;
      flex-wrap: wrap !important;
    }

    /* WorkCover logo trust pill */
    .wc-badge {
      margin-top: 38px !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 14px !important;
      background: rgba(255, 255, 255, .09) !important;
      border: 1px solid rgba(255, 255, 255, .2) !important;
      border-radius: 6px !important;
      padding: 13px 18px !important;
    }

    .wc-badge span {
      color: rgba(255, 255, 255, .85) !important;
      font-size: 13px !important;
      font-weight: 600 !important;
    }

    /* TRUST LOGO ROW */
    .trust-row {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 40px !important;
      flex-wrap: wrap !important;
      padding: 32px 20px !important;
      border-top: 1px solid #e8e8e8 !important;
      border-bottom: 1px solid #e8e8e8 !important;
    }

    .trust-row .tr-label {
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      color: #aaa !important;
    }

    .trust-row img {
      height: 36px !important;
      width: auto !important;
    }

    /* SECTIONS */
    .section {
      padding: 75px 0 !important;
    }

    .section-grey {
      background: #f9f9f9 !important;
    }

    .section-dark {
      background: #1e2b3c !important;
    }

    /* TWO-COL */
    .two-col {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 60px !important;
      align-items: center !important;
    }

    .two-col.rev {
      direction: rtl !important;
    }

    .two-col.rev>* {
      direction: ltr !important;
    }

    .col-content h2 {
      font-size: clamp(22px, 3vw, 32px) !important;
      margin-bottom: 18px !important;
    }

    .col-content p {
      color: #666 !important;
    }

    .col-image img {
      width: 100% !important;
      height: 400px !important;
      object-fit: cover !important;
      border-radius: 6px !important;
      box-shadow: 0 8px 32px rgba(0, 0, 0, .12) !important;
    }

    /* CHECKLIST */
    .checklist {
      list-style: none !important;
      margin-top: 16px !important;
    }

    .checklist li {
      position: relative !important;
      padding-left: 26px !important;
      margin-bottom: 9px !important;
      color: #555 !important;
      font-size: 15px !important;
    }

    .checklist li::before {
      content: '' !important;
      position: absolute !important;
      left: 0 !important;
      top: 5px !important;
      width: 15px !important;
      height: 15px !important;
      background: #3D75A3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/11px no-repeat !important;
      border-radius: 50% !important;
    }

    /* CALLOUT */
    .callout {
      background: #edf0f7 !important;
      border-left: 4px solid #3D75A3 !important;
      border-radius: 0 6px 6px 0 !important;
      padding: 16px 20px !important;
      margin-top: 22px !important;
    }

    .callout p {
      color: #1e2b3c !important;
      font-size: 14px !important;
      margin: 0 !important;
    }

    .callout strong {
      color: #3D75A3 !important;
    }

    /* SERVICES GRID */
    .services-intro {
      text-align: center !important;
      max-width: 700px !important;
      margin: 0 auto 48px !important;
    }

    .services-intro h2 {
      font-size: clamp(22px, 3vw, 34px) !important;
      margin-bottom: 12px !important;
    }

    .services-intro p {
      color: #666 !important;
    }

    .services-grid {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 22px !important;
    }

    .svc-card {
      background: #fff !important;
      border: 1px solid #e5e5e5 !important;
      border-radius: 6px !important;
      padding: 28px 24px !important;
      transition: box-shadow .2s, transform .2s !important;
    }

    .svc-card:hover {
      box-shadow: 0 6px 28px rgba(0, 0, 0, .10) !important;
      transform: translateY(-3px) !important;
    }

    .svc-icon {
      width: 48px !important;
      height: 48px !important;
      background: #edf0f7 !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin-bottom: 14px !important;
    }

    .svc-icon svg {
      width: 22px !important;
      height: 22px !important;
      fill: #3D75A3 !important;
    }

    .svc-card h3 {
      font-size: 16px !important;
      color: #1e2b3c !important;
      margin-bottom: 8px !important;
    }

    .svc-card p {
      font-size: 14px !important;
      color: #777 !important;
      line-height: 1.65 !important;
      margin: 0 !important;
    }

    /* STEPS */
    .steps-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 24px !important;
      margin-top: 48px !important;
    }

    .step {
      text-align: center !important;
    }

    .step-num {
      width: 60px !important;
      height: 60px !important;
      border-radius: 50% !important;
      background: #3D75A3 !important;
      color: #fff !important;
      font-size: 22px !important;
      font-weight: 800 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 auto 16px !important;
    }

    .step h3 {
      font-size: 15px !important;
      color: #fff !important;
      margin-bottom: 8px !important;
    }

    .step p {
      font-size: 14px !important;
      color: rgba(255, 255, 255, .72) !important;
      line-height: 1.6 !important;
    }

    /* FAQ */
    .faq-wrap {
      max-width: 860px !important;
      margin: 0 auto !important;
    }

    .faq-item {
      border-bottom: 1px solid #e5e5e5 !important;
    }

    .faq-item:first-child {
      border-top: 1px solid #e5e5e5 !important;
    }

    .faq-btn {
      width: 100% !important;
      background: none !important;
      border: none !important;
      text-align: left !important;
      padding: 18px 0 !important;
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 16px !important;
      cursor: pointer !important;
      font-weight: 700 !important;
      font-size: 15px !important;
      color: #1e2b3c !important;
      transition: color .15s !important;
    }

    .faq-btn:hover,
    .faq-btn.open {
      color: #3D75A3 !important;
    }

    .fchev {
      width: 22px !important;
      height: 22px !important;
      fill: #3D75A3 !important;
      flex-shrink: 0 !important;
      transition: transform .25s !important;
    }

    .faq-btn.open .fchev {
      transform: rotate(180deg) !important;
    }

    .faq-ans {
      overflow: hidden !important;
      max-height: 0 !important;
      transition: max-height .32s ease !important;
    }

    .faq-ans.open {
      max-height: 400px !important;
    }

    .faq-ans-inner {
      padding-bottom: 18px !important;
      color: #666 !important;
      font-size: 14px !important;
      line-height: 1.7 !important;
    }

    /* CONTACT FORM */
    .form-section {
      text-align: center !important;
    }

    .form-section h2 {
      font-size: clamp(20px, 3vw, 30px) !important;
      margin-bottom: 10px !important;
    }

    .form-sub {
      color: #777 !important;
      max-width: 540px !important;
      margin: 0 auto 36px !important;
    }

    .cform {
      max-width: 560px !important;
      margin: 0 auto !important;
      text-align: left !important;
    }

    .cform-row {
      margin-bottom: 16px !important;
    }

    .cform label {
      display: block !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: #1e2b3c !important;
      margin-bottom: 5px !important;
    }

    .cform input,
    .cform textarea {
      width: 100% !important;
      border: 1px solid #d5d5d5 !important;
      border-radius: 4px !important;
      padding: 11px 14px !important;
      font-size: 14px !important;
      color: #333 !important;
      background: #fff !important;
      transition: border-color .2s !important;
      outline: none !important;
    }

    .cform input:focus,
    .cform textarea:focus {
      border-color: #3D75A3 !important;
    }

    .cform textarea {
      resize: vertical !important;
      min-height: 110px !important;
    }

    .cform-note {
      font-size: 12px !important;
      color: #999 !important;
      margin-top: 10px !important;
      text-align: center !important;
    }

    .cform-note a {
      color: #3D75A3 !important;
    }

    /* CTA DARK */
    .cta-dark {
      background: #1e2b3c !important;
      padding: 60px 0 !important;
      text-align: center !important;
    }

    .cta-dark h2 {
      color: #fff !important;
      font-size: clamp(20px, 3vw, 32px) !important;
      margin-bottom: 12px !important;
    }

    .cta-dark p {
      color: rgba(255, 255, 255, .75) !important;
      max-width: 560px !important;
      margin: 0 auto 28px !important;
    }

    .cta-actions {
      display: flex !important;
      gap: 14px !important;
      justify-content: center !important;
      flex-wrap: wrap !important;
    }

    .cta-phone {
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      font-weight: 700 !important;
      font-size: 15px !important;
      color: #fff !important;
      background: rgba(255, 255, 255, .1) !important;
      border: 2px solid rgba(255, 255, 255, .3) !important;
      border-radius: 4px !important;
      padding: 12px 22px !important;
      transition: background .2s !important;
    }

    .cta-phone svg {
      width: 15px !important;
      height: 15px !important;
      fill: #3D75A3 !important;
    }

    .cta-phone:hover {
      background: rgba(255, 255, 255, .18) !important;
    }

    /* FOOTER */
    .site-footer {
      background: #1e2b3c !important;
      color: rgba(255, 255, 255, .7) !important;
      padding: 60px 0 0 !important;
    }

    .footer-grid {
      display: grid !important;
      grid-template-columns: 2fr 1fr 1fr 1.4fr !important;
      gap: 40px !important;
      padding-bottom: 48px !important;
      border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    }

    .footer-logo {
      max-width: 165px !important;
      margin-bottom: 16px !important;
      filter: brightness(0) invert(1) !important;
      opacity: .9 !important;
    }

    .footer-about {
      font-size: 14px !important;
      line-height: 1.8 !important;
      color: rgba(255, 255, 255, .6) !important;
    }

    .footer-social {
      display: flex !important;
      gap: 10px !important;
      margin-top: 18px !important;
    }

    .footer-social a {
      width: 34px !important;
      height: 34px !important;
      border-radius: 50% !important;
      background: rgba(255, 255, 255, .1) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: background .2s !important;
    }

    .footer-social a:hover {
      background: #3D75A3 !important;
    }

    .footer-social svg {
      width: 15px !important;
      height: 15px !important;
      fill: #fff !important;
    }

    .footer-col h4 {
      font-size: 12px !important;
      font-weight: 700 !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      color: #fff !important;
      margin-bottom: 18px !important;
    }

    .footer-col ul {
      list-style: none !important;
    }

    .footer-col ul li {
      margin-bottom: 9px !important;
    }

    .footer-col ul a {
      font-size: 14px !important;
      color: rgba(255, 255, 255, .62) !important;
      transition: color .15s !important;
    }

    .footer-col ul a:hover {
      color: #3D75A3 !important;
    }

    .fcon {
      list-style: none !important;
    }

    .fcon li {
      display: flex !important;
      align-items: flex-start !important;
      gap: 9px !important;
      font-size: 14px !important;
      margin-bottom: 12px !important;
      color: rgba(255, 255, 255, .65) !important;
    }

    .fcon svg {
      width: 14px !important;
      height: 14px !important;
      fill: #3D75A3 !important;
      flex-shrink: 0 !important;
      margin-top: 3px !important;
    }

    .fcon a {
      color: rgba(255, 255, 255, .65) !important;
      transition: color .15s !important;
    }

    .fcon a:hover {
      color: #3D75A3 !important;
    }

    .footer-hours {
      margin-top: 14px !important;
      background: rgba(255, 255, 255, .05) !important;
      border-radius: 4px !important;
      padding: 12px 14px !important;
      font-size: 13px !important;
      color: rgba(255, 255, 255, .6) !important;
      line-height: 1.9 !important;
    }

    .footer-bottom {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 10px !important;
      padding: 18px 0 !important;
      font-size: 13px !important;
      color: rgba(255, 255, 255, .35) !important;
    }

    .footer-bottom a {
      color: rgba(255, 255, 255, .4) !important;
    }

    .footer-bottom a:hover {
      color: #3D75A3 !important;
    }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .steps-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 32px !important;
      }

      .footer-grid {
        grid-template-columns: 1fr 1fr !important;
      }
    }

    @media (max-width: 768px) {
      .two-col {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
      }

      .two-col.rev {
        direction: ltr !important;
      }

      .services-grid {
        grid-template-columns: 1fr !important;
      }

      .steps-grid {
        grid-template-columns: 1fr !important;
      }

      .nav-menu {
        display: none !important;
      }

      .footer-grid {
        grid-template-columns: 1fr !important;
      }
    }

    @media (max-width: 480px) {
      .topbar .container {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
      }

      .topbar-social {
        margin-left: 0 !important;
      }
    }/* End custom CSS */