/* Style the logo inside the navbar */
.navbar-brand img {
    height: 160px;         /* Adjust height to fit navbar */
    width: auto;          /* Keep aspect ratio */
    display: block;       /* Prevent inline spacing issues */
    margin: 0;            /* Reset margin */
    padding: 0;           /* Reset padding */
}

/* Align the logo vertically with the menu */
.navbar-brand {
    display: flex;
    align-items: center;
    padding: 0 15px;      /* Optional spacing around logo */
}

/* Mobile: ≤576px */
@media (max-width: 576px) {
  .navbar-brand img {
    height: 70px; /* smaller logo on phones */
  }
}

.free-con-sec {
  color: #fff !important;
}

.footer-brand{
     height: 120px;
}

/* default (desktop/tablet) */
.footer-logo {
  text-align: left;
}

/* mobile view */
@media (max-width: 767px) {
  .footer-logo {
    text-align: center;
  }

  .footer-logo .footer-brand {
    display: inline-block; /* keeps image centered */
    margin: 0 auto;
  }
}



.breadcrumb-part-service {
                background: url(../images/mockups/servicebanner.jpg) no-repeat ;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-usa {
                background: url(../images/mockups/usaplane.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-can {
                background: url(../images/mockups/canplane.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-aus {
                background: url(../images/mockups/ausbanner.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-law {
                background: url(../images/mockups/lawbanner.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-about {
                background: url(../images/mockups/aboutbanner.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-con {
                background: url(../images/bg/breadcrumb-bg.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp1 {
                background: url(../images/mockups/comp1.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp2 {
                background: url(../images/mockups/comp2.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp3 {
                background: url(../images/mockups/comp3.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp4 {
                background: url(../images/mockups/comp4.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp5 {
                background: url(../images/mockups/comp5.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp6 {
                background: url(../images/mockups/comp6.png) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp7 {
                background: url(../images/mockups/comp7.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp8 {
                background: url(../images/mockups/comp8.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }
.breadcrumb-part-comp9 {
                background: url(../images/mockups/comp9.jpg) no-repeat;
                background-size: cover;
                background-position: center;
                position: relative;
            }


            
/* ===== Mobile-first: normal flow ===== */
.section-p .practice-sidebar,
.section-p .col-lg-4.col-xl-4 {
  position: static;
}

/* ===== Make sure ancestors don't kill sticky ===== */
.section-p,
.section-p .container,
.section-p .row {
  overflow: visible !important;   /* sticky breaks if this is hidden/auto */
  transform: none !important;     /* sticky breaks if any ancestor is transformed */
}

/* ===== Desktop & up ===== */
@media (min-width: 992px) {
  /* Make the LEFT column itself sticky */
  .section-p .col-lg-4.col-xl-4 {
    position: -webkit-sticky;
    position: sticky;
    top: 24px;                    /* gap from top; adjust to match your header */
    align-self: flex-start;       /* needed because .row is a flex container */
    z-index: 2;                   /* keeps it above backgrounds if needed */
    height: fit-content;          /* avoid stretching */
  }

  /* If the sidebar's content is taller than the viewport, let it scroll inside */
  .section-p .practice-sidebar {
    max-height: calc(100vh - 24px);
    overflow: auto;
    overscroll-behavior: contain; /* prevents the page from hijacking scroll at ends */
  }

  /* Keep both columns aligned at the top */
  .section-p .row {
    align-items: flex-start;
  }
}

.center-wrap a {
  display: block;   /* forces each number to its own line */
  margin: 3px 0;    /* optional spacing */
}