/* ========================================================================
   ADVISORS SECTION - DESKTOP FIX ONLY
   Fixes desktop layout without affecting mobile/responsive styles
   ======================================================================== */

/* Desktop only - two column layout: text left, image right */
@media screen and (min-width: 992px) {
  /* Advisors grid - two columns on desktop */
  .advisors-section .w-layout-grid.advisorgrid,
  .advisors-section .advisorgrid,
  .w-layout-grid.advisorgrid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* Two columns: text left, image right */
    gap: 32px !important; /* Reduced from 48px to reduce white space */
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* First column - text content (left side) */
  .advisors-section .w-layout-grid.advisorgrid > div:first-child,
  .advisors-section .advisorgrid > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
  }

  /* Second column - image and details (right side) */
  .advisors-section .w-layout-grid.advisorgrid > div:last-child,
  .advisors-section .advisorgrid > div:last-child,
  .advisors-section .advisors-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Remove padding-top from advisors-grid on desktop */
  .advisors-section .advisors-grid {
    padding-top: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
  }

  /* Advisor image container - full width in right column */
  .advisors-section .div-block-32,
  .advisors-section .advisors-grid .div-block-32 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Advisor image container - full width */
  .advisors-section .div-block-14,
  .advisors-section .advisors-grid .div-block-14,
  .advisors-section .div-block-32 .div-block-14 {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* Advisor image itself - reduced by 20% (80% of original size) */
  .advisors-section .image-7,
  .advisors-section .advisors-grid .image-7,
  .advisors-section .div-block-32 .image-7 {
    width: 80% !important; /* Reduced by 20% */
    max-width: 80% !important; /* Reduced by 20% */
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
  }

  /* Left align the Insights icon */
  .advisors-section .margin-bottom-12 {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  /* Left align the heading and text (as per reference) */
  .advisors-section .heading-4 {
    text-align: left !important;
    width: 100% !important;
  }

  .advisors-section .paragraph-regular {
    text-align: left !important;
    width: 100% !important;
  }

  /* Reduce spacing within advisors section text content */
  .advisors-section .margin-bottom-12 {
    margin-bottom: 8px !important; /* Reduced from 12px */
  }

  .advisors-section .margin-bottom-24 {
    margin-bottom: 16px !important; /* Reduced from 24px */
  }

  .advisors-section .margin-bottom-40 {
    margin-bottom: 24px !important; /* Reduced from 40px */
  }

  /* Reduce spacing between image and text in right column */
  .advisors-section .div-block-15 {
    margin-top: 12px !important; /* Reduced spacing between image and name */
  }

  /* Reduce spacing within the advisor details */
  .advisors-section .div-block-32 {
    gap: 12px !important; /* Reduce gap between image container and text */
  }

  /* Reduce spacing in the name/title area */
  .advisors-section .div-block-15 > div:first-child {
    margin-bottom: 8px !important; /* Reduce space between name and title */
  }

  /* Reduce spacing for social icons */
  .advisors-section .div-block-16 {
    margin-top: 8px !important; /* Reduce space above social icons */
  }
}