.mainContainer {
  display: grid;
  grid-template-columns: 20.125rem 1fr;
  gap: 1rem;
  margin-top: 70px;
}

.selectedQuartos,
.selectedBanheiros,
.selectedSuite,
.selectedVagas {
  color: #00aeff !important;
  border: 1px solid #00aeff !important;
}

.selectForm {
  cursor: pointer;
}
.listSelect {
  display: none;
}
.listSelect.active {
  display: block;
}

.containerLateral,
.containerResultados .containerTop {
  padding: 30px 30px 0.938rem 30px;
  background: #fff;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}

.containerLateral {
  background: #fff;
  margin-bottom: 4.375rem;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
}

.campoInputBusca {
  position: relative;
  margin-bottom: 1.5rem;
}

.borderInputs {
  padding: 1rem 0 0.3rem 0;
}

.borderInputs:not(:last-child) {
  border-bottom: 1px solid #22222221;
}

.campoInput {
  margin-bottom: 1rem;
}

.containerLateral .campoInputBusca .iconBuscar {
  position: absolute;
  right: 6px;
  top: 5px;
}

.containerLateral .campoInputBusca .iconBuscar,
.borderInputs .campoOptions .boxOptions .option {
  color: #000222b5;
  padding: 7px;
  cursor: pointer;
  border: 1px solid #2222225c;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.3s;
}

.borderInputs .campoOptions .boxOptions .option {
  font-size: 1rem;
}

.containerLateral .campoInputBusca .iconBuscar:hover,
.borderInputs .campoOptions .boxOptions .option:hover {
  color: #000000b5;
  border: 1px solid #000000b5;
}

.inputLateralBusca {
  width: 100%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>')
    no-repeat right center / 20px;
  cursor: pointer;
}

.campoInput .select-container .selectForm {
  width: 100%;
  margin-top: 0.375rem;
}

/* .listSelect.active {
    display: block;
} */

.listSelect {
  top: initial;
}

.borderInputs .campoOptions {
  margin-bottom: 1rem;
}

.borderInputs .campoOptions .boxOptions {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.borderInputs .campoInput .select-container .listSelectValor .boxValor .boxInputs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 14px;
}
.borderInputs .campoInput .select-container .listSelectValor .boxValor .boxInputs .inputValor {
  max-width: 120px;
  height: 40px;
  padding: 6px;
  font-size: 14px;
  border-radius: 4px;
  outline: none;
  border: 1px solid #dce0e0;
}
.borderInputs .campoInput .select-container .listSelectValor .boxValor .boxInputs .inputValor:focus {
  border: 1px solid #00aeff;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.range-slider-container {
  width: 80%;
  margin: 25px auto;
}

.range-slider {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #ddd;
  border-radius: 5px;
  margin-top: 20px;
  cursor: pointer;
}

.range-slider .slider-thumb {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #00aeff;
  cursor: pointer;
  z-index: 2;
  transform: translate(-50%, -30%);
}

.range-slider .slider-track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 5px;
  background-color: #00aeff;
  border-radius: 5px;
  z-index: 1;
  left: 10px;
  right: 10px;
}

.range-slider .slider-thumb.left {
  left: 0;
}

.range-slider .slider-thumb.right {
  right: 0;
}

.boxBtn {
  display: flex;
  justify-content: center;
  padding: 10px 15px;
}

.btnAtualizar {
  border: none;
  padding: 10px 20px;
  font-size: 0.9rem;
  cursor: pointer;
  border-radius: 4px;
  background: #222;
  color: #fff;
  width: 52%;
  transition: 0.3s all;
}

.btnAtualizar:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

/* CONTAINER PRINCIPAL */

.boxFlexInputs {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.listSelectTop {
  width: 200px;
}

.containerTop .boxSwitch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: -0.8rem;
  margin-left: 3rem;
}

.containerTop .boxSwitch .listBox {
  padding: 0.7rem;
  background: #cacbcd;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.containerTop .boxSwitch .selected {
  background: gray;
}
.containerTop .boxSwitch .listBox .listIcon {
  color: #fff;
  font-size: 1.2rem;
}
.containerTop .boxSwitch .listBox .gridIcon {
  color: #fff;
  font-size: 1.3rem;
}

.containerBottom .boxAnuncio.gridLayout {
  grid-template-columns: repeat(2, 1fr);
}

.containerBottom .boxAnuncio.gridLayout {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.containerBottom .boxAnuncio.gridLayout .col-md-4 .card-anuncio {
  height: 453px;
  flex-direction: column;
  margin-bottom: 2.5rem;
}

.containerBottom .boxAnuncio.gridLayout .col-md-4 .card-anuncio .swiper {
  width: 100%;
  max-width: 410px;
  height: 450px;
}

/* Container anuncios */
.containerBottom {
  margin-bottom: 4rem;
}

.containerBottom .boxAnuncio {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}

.containerBottom {
  margin-top: 1rem;
}

.containerBottom .boxAnuncio .col-md-4 .card-anuncio {
  display: flex;
  max-width: 100%;
  height: 250px;
}

/* .containerBottom .boxAnuncio .col-md-4 .card-anuncio .card-img a {
    height: 256px;
} */

.containerBottom .boxAnuncio .col-md-4 .card-anuncio .card-img img,
.containerBottom .boxAnuncio .col-md-4 .card-info {
  object-fit: cover;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.infoDesc {
  margin-top: 2rem;
  margin-bottom: 0;
}

.card-info-price {
  margin-top: 0rem;
}

.card-img img,
.card-img {
  border-radius: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginationItem {
  padding: 0.4rem 0.8rem;
  border: 1px solid #dce0e0;
  font-size: 1.2rem;
  color: #222;
  background: #fff;
  display: flex;
  align-items: center;
  height: 38px;
  transition: all 0.3s;
}

.paginationItem1:hover {
  background: #ffe501;
  color: #000000;
}

.paginationItem2:hover {
  background: #1467ab;
  color: #fff;
}

.paginationItem3:hover {
  background: #003366;
  color: #fff;
}

.paginationItem4:hover {
  background: #025bcc;
  color: #fff;
}

.paginationItem5:hover {
  background: #25292e;
  color: #fff;
}

.paginationItem6:hover {
  background: #ff8000;
  color: #000000;
}

.paginationItem7:hover {
  background: #482882;
  color: #fff;
}

.paginationItem8:hover {
  background: #000000;
  color: #fff;
}

.paginationItem9:hover {
  background: #f80032;
  color: #000000;
}

.paginationItem10:hover {
  background: #d5006c;
  color: #fff;
}

.paginationItem11:hover {
  background: #a3d712;
  color: #212425;
}

.paginationItem12:hover {
  background: #126e51;
  color: #fff;
}

.paginationItem13:hover {
  background: #ec0918;
  color: #fff;
}

.paginationItem14:hover {
  background: #8e2157;
  color: #fff;
}

.pagination .selectedItem {
  background: #00aeff;
  color: #fff;
}

.paginationItemFirts {
  display: none;
  cursor: no-drop;
  background-color: #cacbcd;
  border-radius: 4px 0 0 4px;
}

.paginationItemFirtsBorder {
  border-radius: 4px 0 0 4px;
}

.paginationItemLast {
  border-radius: 0 4px 4px 0;
}

@media (max-width: 1210px) {
  .mainContainer {
    grid-template-columns: 16.125rem 1fr;
  }
  .containerTop .boxSwitch {
    display: none;
  }
  .containerBottom .boxAnuncio.gridLayout {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 1130px) {
  .card-info-price {
    padding: 10px;
  }
}

@media (max-width: 880px) {
  .listSelectTop {
    width: 160px;
  }
}

@media (max-width: 920px) {
  .mainContainer {
    grid-template-columns: 1fr;
  }
  .campoInput {
    max-width: 100%;
  }
  #optionsList9 {
    width: 300px !important;
  }
}

@media (max-width: 630px) {
  .mainContainer {
    grid-template-columns: 1fr;
  }
  .campoInput {
    max-width: 100%;
  }
  .containerBottom .boxAnuncio .col-md-4 {
    display: flex;
    justify-content: center;
  }
  .containerBottom .boxAnuncio .col-md-4 .card-anuncio {
    height: 500px;
    flex-direction: column;
  }
  .swiper {
    margin: 0 !important;
  }
  .card-info {
    height: 222px !important;
    width: 379px;
    margin-top: -6px;
  }
}

@media (max-width: 470px) {
  .containerResultados {
    padding: 0 10px;
  }
  .boxFlexInputs {
    gap: 0;
    flex-direction: column;
  }
  /* .swiper {
    max-width: 310px !important;
  } */
  .containerBottom .boxAnuncio .col-md-4 .card-anuncio {
    height: 456px;
    flex-direction: column;
  }
  .card-info {
    width: 310px;
  }
}
/* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    top: 203px !important;
} */
@media (max-width: 360px) {
  /* .swiper {
    max-width: 280px !important;
  } */
  .containerBottom .boxAnuncio .col-md-4 .card-anuncio {
    height: 535px;
    flex-direction: column;
  }
  .card-info {
    height: 300px !important;
    width: 280px;
  }
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: 203px !important;
  }
  .like {
    top: 191px !important;
  }
}

.textBlue {
  color: #00aeff !important;
  font-size: 0.98rem !important;
}

.card-info-localizacao-color {
  color: #00aeff !important;
}

.swiper {
  width: 100%;
  max-width: 380px;
  height: 250px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2rem !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  top: 125px !important;
  color: #00aeff;
  color: #ffffff6e !important;
  text-shadow: -2px 0 2px #00000030;
  transition: all 0.3s;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #ffffffcb !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  top: 125px !important;
  color: #00aeff;
  color: #ffffff6e !important;
  text-shadow: -2px 0 2px #00000030;
  transition: all 0.3s;
}

/* .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    top: 220px;
} */

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  top: 215px !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #ffffffb7;
}

.card-info {
  background: #fff;
  border-radius: 0 4px 4px 0;
  height: 91.02%;
}
.containerBottom .boxAnuncio.gridLayout .col-md-4 .card-info {
  height: 48%;
  margin-top: -6px;
  width: 100%;
  max-width: 412px;
}
/*
.swiper-horizontal{
    height: 225px !important;
}

@media(max-width: 500px){
    .swiper-horizontal{
        height: 240px !important;
    }
} */

@media (max-width: 1210px) {
  .pd-card-responsive {
    padding: 20px;
  }
}

@media (max-width: 1100px) {
  .infoDesc {
    margin-bottom: 5px;
    font-size: 15.5px;
  }
}

@media (max-width: 470px) {
  .containerResultados {
    padding: 0;
  }
}

/* -------------------------------------------------- Tarefa 12.041 | Para ocultar os filtros no mobile */

.btnShowFilters {
  display: none;
  cursor: pointer;
  padding: 10px 20px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.04);
}

.containerLateral .closeButton {
  display: none;
  cursor: pointer;
  margin: 1.5rem 0 .5rem 0;
  justify-content: center;
  align-items: center;
}

@media (max-width: 920px) {

  .content {
    margin-top: -35px;
  }

  .containerTop {
    padding: 30px;
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

  .boxFlexInputs {
    display: block;
    margin-top: 0;
  }

  .containerLateral .closeButton {
    display: flex;
    gap: .5rem;
    font-size: 0.9rem;
  }

  .btnShowFilters {
    display: block;
  }

  .selectForm.selectForm13{
    display: none;
  }

  .containerLateral {
    display: none;
    margin-bottom: 0;
  }

  .containerLateral.open {
    display: block;
  }
}