/* v363G — Move Fees landmark to the far left and hide it on mobile.
   - Desktop: anchor the artwork close to the left edge of the text column,
     not close to the fee checker card.
   - Mobile/tablet: remove the artwork entirely. */

.fees-check-section .container.grid.two > :first-child{
  padding-right: 10px !important;
}

.fees-check-section .container.grid.two > :first-child::after{
  left: -18px !important;
  right: auto !important;
  bottom: 10px !important;
  width: min(374px, 40vw) !important;
  height: min(460px, 92%) !important;
  transform: none !important;
  opacity: .44 !important;
  background-position: left bottom !important;
}

@media (max-width: 1180px){
  .fees-check-section .container.grid.two > :first-child{
    padding-right: 0 !important;
  }

  .fees-check-section .container.grid.two > :first-child::after{
    left: -12px !important;
    width: min(322px, 36vw) !important;
    height: min(410px, 90%) !important;
    opacity: .42 !important;
  }
}

/* Desktop only: remove the landmark on mobile / narrow layouts */
@media (max-width: 980px){
  .fees-check-section .container.grid.two > :first-child{
    padding-bottom: 0 !important;
  }

  .fees-check-section .container.grid.two > :first-child::after{
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }
}