/* Agent Dossier Banner Fix */
.sc-eSbFVb.hOsQQf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px; /* Increased banner height again */
  background-image: url('/assets/images/website banners/ranking1.png');
  background-size: cover;
  background-position: center top;
  z-index: 0;
}

.sc-eSbFVb.hOsQQf::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px; /* Increased from 150px */
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
}

/* Adjust container margin to match banner height */
.sc-kVWJqd.dLWUJt {
  margin-top: 550px !important; /* Increased from 250px */
  background: transparent !important; /* Removed black background completely */
}

/* Remove background from Agent Rankings header */
.sc-kVWJqd.dLWUJt > div:first-child {
  background: transparent !important;
}

/* Remove background from Agent Rankings title section */
.dFHIVo {
  background: transparent !important;
  background-color: transparent !important;
}

/* More specific selector for Agent Rankings section */
div.dFHIVo {
  background: transparent !important;
  background-color: transparent !important;
}

/* Even more specific with multiple selectors */
.sc-kVWJqd.dLWUJt .dFHIVo,
.dFHIVo {
  background: transparent !important;
  background-color: transparent !important;
}

@media (max-width: 768px) {
  .agent-banner-container {
    margin: 0 0 25px 0 !important;
    overflow: hidden !important;
    height: 80vh !important;
  }
  
  .sc-eSbFVb.hOsQQf {
    height: 80vh; /* Use viewport height for mobile banner */
  }
  
  .sc-kVWJqd.dLWUJt {
    margin-top: 400px !important; /* Increased from 200px */
  }
}

@media (max-width: 480px) {
  .sc-eSbFVb.hOsQQf {
    height: 600px; /* Increased small mobile banner height */
  }
  
  .sc-kVWJqd.dLWUJt {
    margin-top: 350px !important; /* Increased from 150px */
  }
}