.placeholder {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
}

.newsletter {
  padding: 22px 25px;
  position: fixed;
  background-color: #fff;
  height: calc(100% - 390px);
  border-radius: 4px;
  box-shadow: 0px -2px 18px 0px #dce2e9;
}

.billing-dashboard {
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  border-radius: 4px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.recommendation-card-icon {
  position: relative;
  z-index: 100;
  right: 0;
  top: -10px;
  left: calc(100% - 95px);
  cursor: pointer;
}

/* 
  ##Device = Big Desktops
*/
@media (min-width: 1281px) {
  .newsletter {
    width: 867px;
  }
}

/* 
  ##Device = Laptops, Desktops, Ipad pro
*/
@media (min-width: 1025px) and (max-width: 1280px) {
  .newsletter {
    width: 867px;
  }
}

/* 
  ##Device = Tablets, Ipads
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .newsletter {
    width: 687px;
  }
}
