/* v362G — Stronger correction for the Fees landmark background.
   User feedback: the image was still too large and too visible.
   This override makes it clearly smaller and more faded while keeping crisp lines. */

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

.fees-check-section .container.grid.two > :first-child::after{
  right: 6px !important;
  bottom: 10px !important;
  width: min(374px, 46vw) !important;
  height: min(460px, 92%) !important;
  background: url('/assets/img/fees-side-landmark-sharp-v361G.png') no-repeat center bottom / contain !important;
  opacity: .44 !important;
}

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

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

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

  .fees-check-section .container.grid.two > :first-child::after{
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    bottom: 12px !important;
    width: min(282px, 58vw) !important;
    height: 164px !important;
    opacity: .38 !important;
  }
}

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

  .fees-check-section .container.grid.two > :first-child::after{
    width: min(228px, 58vw) !important;
    height: 132px !important;
    bottom: 8px !important;
    opacity: .34 !important;
  }
}
