#dualColorBanner {
  padding-left: 20px;
  padding-right: 20px;
}
.leftBoxaccent {
  height: 100%;
  border-radius: 0.8rem;
}
.rightBoxaccent {
  border-radius: 0.8rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5%;
  background-size: 50%;
  background-image: url('/desktop/frontend/images/icons/Intersection.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.rightBoxaccent div {
  border-radius: 1.5rem;
  height: 100%;
  width: 60%;
  min-height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  object-fit: cover;
  max-width: 100%;
}
@media (max-width:1500px){
    .leftBoxaccent{
      padding: 50px;
    }
  }  
  @media (max-width:991px){
    .rightBoxaccent{
      display: none;
    }
  }

  @media (max-width:768px){
    #dualColorBanner{
    --FMultiplier:0.7;
      padding-left: 0;
      padding-right: 0;
    }
    .leftBoxaccent{
      border-radius: 0;
    }
  }
  @media (max-width:576px){
    .leftBoxaccent{
      padding: 20px;
    }
  }