.banner2-grid {
  display: grid;
  position: relative;
  width: 100%;
  height: 26rem;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "image region1 region2" "image region3 .";
}

.banner2-region-1 {
  grid-area: image;
}

.banner2-region-2 {
  grid-area: region1;
  margin-left: 2.5rem;
  margin-top: 4rem;
  margin-right: 1rem;
}

.banner2-region-3 {
  grid-area: region2;
}

.banner2-region-4 {
  grid-area: region3;
}

.ryk-banner2-bg-image {
  width: 100%;
  display: block;
  position: absolute;
}
@media screen and (max-width: 600px) {
  .ryk-banner2-bg-image {
    top: 1rem;
  }
}

.banner2-image-component {
  width: 100%;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
}

.custom-ryk-ITC-banner2-wrapper {
  width: 100%;
  position: relative;
}

.col-12.col-md-5.ml-md-auto.banner2-text-container {
  margin-top: 0;
}
.col-12.col-md-5.ml-md-auto.banner2-text-container h1, .col-12.col-md-5.ml-md-auto.banner2-text-container h2, .col-12.col-md-5.ml-md-auto.banner2-text-container h3, .col-12.col-md-5.ml-md-auto.banner2-text-container h4 {
  font-size: 3rem;
}

a.btn.customizable-button.agendar-ahora {
  font-weight: 500;
  padding: 0.6rem 2rem;
}

.agendar-ahora:hover {
  background-color: #0857c3;
  color: white !important;
}

.banner2-content-wrapper {
  min-height: 10rem;
}

@media (max-width: 600px) {
  .banner2-content-wrapper {
    text-align: center;
    margin: 3rem 0 -40rem;
  }
  .banner2-text-container {
    padding: 0 0rem;
    position: relative;
    margin-bottom: 11rem;
  }
  .banner2-bg-image {
    object-fit: cover;
    max-width: 100%;
    height: 100%;
    object-position: 25%;
  }
}