.customInput{
    width: 20rem;
}

.customRightHeaderGap{
    gap: 1rem;
}

.customLeftHeroDiv{
    width:28rem;
}

.customRightHeroDiv{
    width: 36rem;
}

@media (max-width: 1233px) {
    .customInput {
      width: 20rem;
    }
}

@media (min-width: 1024px) and (max-width: 1090px) {
    .customRightHeaderGap {
      gap: 0.5rem;
    }
}

@media (max-width: 700px) {
    .customRightHeaderGap {
      margin-left: 1rem;
    }
  }