/* my customer styles */

    .faq-block-one .content-box ul{

      margin: 15px 0 0 0;

      padding: 0 0 0 20px;                                                                                                        

      list-style-position: outside; 

    }

    .faq-block-one .content-box ul li{

      margin: 0;

      padding: 5px 0 !important;                                                                                                  

      list-style-type: disc;

    }



    ul.list-style-three{

      margin: 15px 0 0 0;

      padding: 0 0 0 20px;                                                                                                        

      list-style-position: outside; 

    }

    ul.list-style-three li{

      margin: 0;

      padding: 0 !important;                                                                                                  

      list-style-type: disc;

    }



    .accordion .acc-content ul{

      margin: 15px 0 0 0;

      padding: 0 0 0 20px;                                                                                                        

      list-style-position: outside; 

    }

    .accordion .acc-content ul li {

      margin: 0;

      padding: 5px 0 !important;                                                                                                  

      list-style-type: disc;

    }

    .accordion .acc-content ul li .text {

      display: block;

      font-size: 16px;

      line-height: 30px;

      color: #808287;

      margin-bottom: 0;

    }

    .accordion-box .block .acc-btn.active {

      background-color: var(--theme-color1) !important;

      color: #ffffff !important;

    }

    .testimonial-block-two .inner-box .author-info {

      display: inline-flex !important;

      max-width: none !important;

      padding: 10px 20px 10px 16px !important;

      white-space: nowrap !important;

    }

    .swiper-wrapper .swiper-slide img {

      width: 40px;

      height: 40px;

    }



/* =========================================================

   RRA Leadership Team & About Section Styles

   Uses the template's existing CSS variables for cohesion.

   ========================================================= */

.rra-section {

  --rra-accent: var(--theme-color1, #1E293B);

  --rra-title: var(--headings-color, #111111);

  --rra-text: var(--text-color, #595959);

  --rra-white: var(--theme-color-white, #ffffff);

  --rra-dark: var(--theme-color-black, #000000);

  --rra-border: var(--theme-color-lighter, #e7e5e0);

  --rra-surface: var(--theme-color-gray2, #f6f6f6);

}



/* ---------- Intro stat strip ---------- */

.rra-stats {

  display: flex;

  flex-wrap: wrap;

  gap: 28px;

  margin: 30px 0 34px;

  padding: 26px 0;

  border-top: 1px solid var(--rra-border);

  border-bottom: 1px solid var(--rra-border);

}

.rra-stat {

  min-width: 110px;

}

.rra-stat .num {

  display: block;

  font-size: 34px;

  line-height: 1;

  font-weight: 700;

  color: var(--rra-title);

}

.rra-stat .num span {

  color: var(--rra-accent);

}

.rra-stat .label {

  display: block;

  margin-top: 6px;

  font-size: 13px;

  color: var(--rra-text);

  letter-spacing: .02em;

}

.rra-intro-copy p {

  color: var(--rra-text);

  line-height: 1.75;

  margin-bottom: 16px;

}

.rra-intro-copy p:last-child {

  margin-bottom: 0;

}

.rra-leadership-link {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: 24px;

  font-weight: 600;

  color: var(--rra-title);

  text-decoration: none;

  border-bottom: 1px solid var(--rra-accent);

  padding-bottom: 3px;

  transition: color .25s ease, gap .25s ease;

}

.rra-leadership-link:hover {

  color: var(--rra-accent);

  gap: 12px;

}



/* ---------- Our Story timeline ---------- */

.rra-story {

  background: var(--rra-surface);

}

.rra-timeline {

  position: relative;

  margin-top: 50px;

}

.rra-timeline::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 24px;

  width: 2px;

  background: var(--rra-border);

}

.rra-timeline-item {

  position: relative;

  padding: 0 0 46px 66px;

}

.rra-timeline-item:last-child {

  padding-bottom: 0;

}

.rra-timeline-marker {

  position: absolute;

  left: 0;

  top: 2px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: var(--rra-white);

  border: 2px solid var(--rra-accent);

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 700;

  font-size: 12px;

  color: var(--rra-title);

  z-index: 1;

}

.rra-timeline-item h3 {

  font-size: 20px;

  font-weight: 700;

  color: var(--rra-title);

  margin-bottom: 10px;

}

.rra-timeline-item p {

  color: var(--rra-text);

  line-height: 1.75;

  margin-bottom: 12px;

}

.rra-timeline-result {

  display: inline-block;

  background: var(--rra-white);

  border: 1px solid var(--rra-border);

  border-left: 3px solid var(--rra-accent);

  padding: 10px 16px;

  font-size: 14px;

  color: var(--rra-title);

  font-weight: 600;

  border-radius: 4px;

}

.rra-timeline-tech {

  margin: 4px 0 12px;

  padding-left: 18px;

  color: var(--rra-text);

}

.rra-timeline-tech li {

  margin-bottom: 4px;

  line-height: 1.6;

}

.rra-timeline-tech li strong {

  color: var(--rra-title);

}



/* ---------- Leadership team ---------- */

.rra-team-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

  margin-top: 50px;

}

.rra-team-card {

  background: var(--rra-white);

  border: 1px solid var(--rra-border);

  border-radius: 8px;

  overflow: hidden;

  display: flex;

  flex-direction: column;

}

.rra-team-photo {

  aspect-ratio: 4 / 4.2;

  overflow: hidden;

  background: var(--rra-surface);

}

.rra-team-photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}

.rra-team-body {

  padding: 26px 26px 28px;

  display: flex;

  flex-direction: column;

  flex-grow: 1;

}

.rra-team-body h3 {

  font-size: 20px;

  font-weight: 700;

  color: var(--rra-title);

  margin-bottom: 2px;

}

.rra-team-role {

  display: block;

  font-size: 13px;

  font-weight: 600;

  letter-spacing: .04em;

  text-transform: uppercase;

  color: var(--rra-accent);

  margin-bottom: 14px;

}

.rra-team-body > p {

  color: var(--rra-text);

  line-height: 1.7;

  margin-bottom: 16px;

  font-size: 15px;

}

.rra-credentials {

  list-style: none;

  margin: 0 0 20px;

  padding: 14px 0 0;

  border-top: 1px solid var(--rra-border);

}

.rra-credentials li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 8px;

  font-size: 13.5px;

  color: var(--rra-text);

  line-height: 1.5;

}

.rra-credentials li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 0;

  color: var(--rra-accent);

  font-weight: 700;

  font-size: 13px;

}

/* .rra-credentials li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 7px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: var(--rra-accent);

} */



.rra-quote {

  margin-top: auto;

  background: var(--rra-surface);

  border-radius: 6px;

  padding: 16px 18px;

}

.rra-quote p {

  font-size: 13.5px;

  font-style: italic;

  color: var(--rra-title);

  line-height: 1.65;

  margin: 0 0 8px;

}

.rra-quote cite {

  font-style: normal;

  font-size: 12.5px;

  font-weight: 600;

  color: var(--rra-text);

}



/* ---------- Values ---------- */

.rra-values-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 26px;

  margin-top: 50px;

}

.rra-value-card {

  background: var(--rra-white);

  border: 1px solid var(--rra-border);

  border-radius: 8px;

  padding: 30px 30px 32px;

}

.rra-value-icon {

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: var(--rra-surface);

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 18px;

}

.rra-value-icon svg {

  width: 22px;

  height: 22px;

  stroke: var(--rra-accent);

}

.rra-value-card h3 {

  font-size: 18px;

  font-weight: 700;

  color: var(--rra-title);

  margin-bottom: 10px;

}

.rra-value-card p {

  color: var(--rra-text);

  line-height: 1.7;

  font-size: 15px;

  margin: 0;

}

.rra-portal-list {

  list-style: none;

  margin: 14px 0 0;

  padding: 0;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 8px 16px;

}

.rra-portal-list li {

  position: relative;

  padding-left: 20px;

  font-size: 14px;

  color: var(--rra-text);

  line-height: 1.5;

}

.rra-portal-list li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 0;

  color: var(--rra-accent);

  font-weight: 700;

  font-size: 13px;

}



@media (max-width: 991px) {

  .rra-team-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 767px) {

  .rra-stats {

    gap: 20px;

  }

  .rra-stat .num {

    font-size: 28px;

  }

  .rra-team-grid {

    grid-template-columns: 1fr;

  }

  .rra-values-grid {

    grid-template-columns: 1fr;

  }

  .rra-portal-list {

    grid-template-columns: 1fr;

  }

  .rra-timeline::before {

    left: 20px;

  }

  .rra-timeline-item {

    padding-left: 56px;

  }

  .rra-timeline-marker {

    width: 42px;

    height: 42px;

    font-size: 10px;

  }

}

.video-image .content .title {

    max-width: 730px!important;

}

.text-circle{

  font-size: .88rem!important;

}

.text-small {

  font-size: 12px!important;

}

.service-block-one {

  text-align: center!important;

}

.contact-form-style-1 .form-clt label.error,

label.error {

  font-size: 12px;

  color: crimson;

}

.sidebar__category {

  padding: 40px 30px 33px!important;

}

.sidebar__category .sidebar__title {

  padding-left: 0!important;

  margin-bottom: 20px!important;

}

.mt-50 {

  margin-top: 50px !important;

}

.cta-section .bg-pattern {

  /* bottom: 0; */

  left: 0;

  opacity: 0.05;

  position: absolute;

  z-index: 0;

}



/* =========================================================

   Sticky Sidebar — Brokerage / Property & HOA Management

   These pages use GSAP ScrollSmoother (#smooth-wrapper has

   overflow: hidden), which prevents native CSS position: sticky.

   Instead, GSAP ScrollTrigger's pin() handles the sticky behavior

   via JavaScript. This CSS provides layout support + z-index.

   ========================================================= */



/* --- Target pages via body class --- */

.page-brokerage-investing .service-sidebar,

.page-property-hoa-management .service-sidebar {

  z-index: 10;

}



/* Desktop: constrain the sidebar to its column so pinning

   stays within the layout grid. The ScrollTrigger pin

   (set up in servicesBottom.js) handles the sticky effect. */

@media (min-width: 992px) {

  .page-brokerage-investing .service-sidebar,

  .page-property-hoa-management .service-sidebar {

    /* Give the sidebar a defined height for ScrollTrigger to pin.

       The pinned element will align to the top of the viewport

       minus the header height. */

    align-self: flex-start;

  }



  /* Ensure the column the sidebar lives in has no overflow

     clipping that would break the pin effect. */

  .page-brokerage-investing .col-xl-4.col-lg-4,

  .page-property-hoa-management .col-xl-4.col-lg-4 {

    overflow: visible;

  }



  /* Ensure the row container doesn't clip the pinned sidebar */

  .page-brokerage-investing .services-details .row,

  .page-property-hoa-management .services-details .row {

    overflow: visible;

  }



  /* Ensure the container doesn't clip either */

  .page-brokerage-investing .services-details .container,

  .page-property-hoa-management .services-details .container {

    overflow: visible;

  }



  /* Ensure the section doesn't clip either */

  .page-brokerage-investing .services-details,

  .page-property-hoa-management .services-details {

    overflow: visible;

  }

}



/* --- Mobile/tablet: disable pinning, let sidebar flow naturally --- */

@media (max-width: 991.98px) {

  .page-brokerage-investing .service-sidebar,

  .page-property-hoa-management .service-sidebar {

    position: relative !important;

    top: auto !important;

    /* Ensure any ScrollTrigger-applied inline styles are overridden */

    transform: none !important;

  }

}