.hero.areas {
  /* background-image: url(../img/img_hero_areas.png); */
}

.block__info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.block__info .block__info__container {
  display: flex;
  min-height: 600px;
  max-height: 85vh;
  width: 100%;
  max-width: 1600px;
  padding: 0 180px;
}

.block__info .block__info__container .block__info__left,
.block__info .block__info__container .block__info__right {
  flex: 1 1 auto;
}

.block__info .block__info__container .block__info__left {
  line-height: 0;
  display: flex;
  width: 35%;
  justify-content: center;
}

.block__info .block__info__container .block__info__left img {
  max-width: 694px;
  /* min-width: 694px; */
  width: 100%;
  object-fit: cover;
  max-height: 900px;
}

.block__info .block__info__container .block__info__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 16px 156px 16px 104px;
  background: var(--ultra-light-gray, #f8f8f8);
  width: 65%;
}

.block__info .block__info__container .block__info__right h2 {
  color: var(--Black-abbott, #000);
  font-family: var(--main-font);
  font-size: 2.25rem;
  font-weight: 420;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.block__info .block__info__container .block__info__right p {
  color: var(--Black-abbott, #000);
  font-family: var(--third-font);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
}

.our__projects {
  display: flex;
  flex-direction: column;
  padding: 56px 0 104px;
}

.our__projects .our__projects__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1600px;
  width: 100%;
  padding: 48px 68px 0;
  margin: 0 auto;
}

.abbott__slide__background {
  display: flex;
  flex-direction: column;
  background-image: url(../img/img_slider_areas.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.slider__full__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 65%;
  padding: 114px 0 114px 6vw;
}

.slider__full__container h3 {
  color: var(--White, #f5f5f5);
  font-family: var(--main-font);
  font-size: 2rem;
  font-weight: 450;
  line-height: 120%;
  text-transform: uppercase;
}

.slider__full__container p {
  color: var(--White, #f5f5f5);
  font-family: var(--secondary-font);
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 140%;
}

.slider__full__container .btn__slider {
  margin-top: 24px;
  width: 282px;
}

.our__areas {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.our__areas .our__areas__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 180px;
}

.area__background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.area__background.cardiovascular {
  background-image: url(../img/img_cardio.png);
}

.area__background.pain {
  background-image: url(../img/img_pain.png);
}

.area__background.gastroenterology {
  background-image: url(../img/img_gastro.png);
}

.area__background.snc {
  background-image: url(../img/img_snc.png);
}

.area__background.respiratory {
  background-image: url(../img/img_respiratory.png);
}

.area__background.women {
  background-image: url(../img/img_women.png);
}

.area__background.gastroenterology::after {
  content: "";
  position: absolute;
  opacity: 0.8;
  background: var(--gastro-dark, #006747);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  top: 0;
}

.area__background.snc::after {
  content: "";
  position: absolute;
  opacity: 0.7;
  background: var(--Primary-blue, #009cde);
  width: 100%;
  height: 100%;
  top: 0;
}

.area__background.respiratory::after {
  content: "";
  position: absolute;
  opacity: 0.7;
  background: var(--respiratory, #004c97);
  width: 100%;
  height: 100%;
  top: 0;
}

.area__background.women::after {
  content: "";
  position: absolute;
  opacity: 0.8;
  background: var(--fem, #d986ba);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  top: 0;
}

.area__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 32px;
  padding: 90px 0;
  position: relative;
  z-index: 5;
}

.area__info span {
  color: #e9e9e9;
  text-align: center;
  font-family: var(--main-font);
  font-size: 24px;
  font-weight: 420;
  line-height: 120%;
  text-transform: uppercase;
}

.areas__terapeuticas__search {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  width: 100%;
}

.container__all__notes{
  padding: 0 180px;
  max-width: 1600px;
  width: 100%;
}

.container__grid__areas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.our__areas__search {
  display: flex;
  flex-direction: column;
  margin-top: 56px;
  width: 100%;
  align-items: center;
}

.filters__category{
  width: 100%;
}

.filters__category h4 {
  margin: 2rem 0;
  text-transform: uppercase;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

.list__ailment {
  width: 300px;
  position: relative;
}

.selectBox {
  position: relative;
}

.selectBox input {
  width: 100%;
  font-weight: bold;
  height: 3rem;
  border-radius: 0.5rem;
  padding: 0 3rem 0 1rem;
  font-family: Georgia, "Times New Roman", Times, serif;
  border: 2px solid #222731;
}

.selectBox .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUwMTQgMTQuMDAwNUgxNC43MTE0TDE0LjQzMTQgMTMuNzMwNUMxNS4wNTY0IDEzLjAwNDQgMTUuNTEzMSAxMi4xNDkyIDE1Ljc2OSAxMS4yMjYxQzE2LjAyNDggMTAuMzAyOSAxNi4wNzM1IDkuMzM0NjIgMTUuOTExNCA4LjM5MDQ2QzE1LjQ0MTQgNS42MTA0NiAxMy4xMjE0IDMuMzkwNDYgMTAuMzIxNCAzLjA1MDQ2QzkuMzM3MDYgMi45MjU5MyA4LjMzNzIzIDMuMDI4MjMgNy4zOTg0NiAzLjM0OTU1QzYuNDU5NyAzLjY3MDg3IDUuNjA2ODggNC4yMDI2OCA0LjkwNTI3IDQuOTA0MjlDNC4yMDM2NiA1LjYwNTkxIDMuNjcxODUgNi40NTg3MiAzLjM1MDUzIDcuMzk3NDlDMy4wMjkyMSA4LjMzNjI1IDIuOTI2OTEgOS4zMzYwOCAzLjA1MTQ0IDEwLjMyMDVDMy4zOTE0NCAxMy4xMjA1IDUuNjExNDQgMTUuNDQwNSA4LjM5MTQ0IDE1LjkxMDVDOS4zMzU1OSAxNi4wNzI1IDEwLjMwMzkgMTYuMDIzOSAxMS4yMjcxIDE1Ljc2OEMxMi4xNTAyIDE1LjUxMjIgMTMuMDA1NCAxNS4wNTU0IDEzLjczMTQgMTQuNDMwNUwxNC4wMDE0IDE0LjcxMDVWMTUuNTAwNUwxOC4yNTE0IDE5Ljc1MDVDMTguNjYxNCAyMC4xNjA1IDE5LjMzMTQgMjAuMTYwNSAxOS43NDE0IDE5Ljc1MDVDMjAuMTUxNCAxOS4zNDA1IDIwLjE1MTQgMTguNjcwNSAxOS43NDE0IDE4LjI2MDVMMTUuNTAxNCAxNC4wMDA1Wk05LjUwMTQ0IDE0LjAwMDVDNy4wMTE0NCAxNC4wMDA1IDUuMDAxNDQgMTEuOTkwNSA1LjAwMTQ0IDkuNTAwNDZDNS4wMDE0NCA3LjAxMDQ2IDcuMDExNDQgNS4wMDA0NiA5LjUwMTQ0IDUuMDAwNDZDMTEuOTkxNCA1LjAwMDQ2IDE0LjAwMTQgNy4wMTA0NiAxNC4wMDE0IDkuNTAwNDZDMTQuMDAxNCAxMS45OTA1IDExLjk5MTQgMTQuMDAwNSA5LjUwMTQ0IDE0LjAwMDVaIiBmaWxsPSIjNjY3MDgwIi8+Cjwvc3ZnPg==');
  background-size: cover;
  background-repeat: no-repeat;
}

/*
.selectBox span {
  width: 100%;
  font-weight: bold;
  background-size: 20px 10px;
  height: 3rem;
  line-height: 1.35em;
  border-radius: 0.5rem;
  padding: 0 1rem;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Georgia, "Times New Roman", Times, serif;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #222731;
}

.selectBox span::before {
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-position: 95% center;
  background-size: 20px 10px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy40NTc3IDAuOTEzNTE3QzEzLjE2MDUgMC42MDM1ODkgMTIuNjU2NyAwLjU4MjY1MSAxMi4zMzI1IDAuODY2NzUyTDcuMDAwMzMgNS41Mzk5OEwxLjY2ODEyIDAuODY2NzUyQzEuMzcwOTMgMC42MDYzMjYgMC45MjI4ODMgMC42MDIyMTcgMC42MjEzNTkgMC44NDIwNjVMMC41NDI5ODEgMC45MTM1MTdDMC4yNDU3OSAxLjIyMzQ1IDAuMjY3NjkxIDEuNzA1IDAuNTkxOSAxLjk4OTFMNi40NjIyMSA3LjEzMzIxQzYuNDY1OTYgNy4xMzY0OSA2LjQ2OTczIDcuMTM5NzMgNi40NzM1MiA3LjE0MjkzTDYuNDEzMjkgNy4wODY0NUM2LjQ0NjcyIDcuMTIxMyA2LjQ4Mjc1IDcuMTUyNSA2LjUyMDg1IDcuMTgwMDJDNi41MzUgNy4xOTAxNCA2LjU0OTI5IDcuMTk5NzcgNi41NjM4MiA3LjIwODlDNi41Nzg1MyA3LjIxODIxIDYuNTkzNzMgNy4yMjcwNiA2LjYwOTE3IDcuMjM1MzhDNi42MjMyNSA3LjI0Mjk0IDYuNjM3MjIgNy4yNDk5NSA2LjY1MTM0IDcuMjU2NTRDNi42NjgwMSA3LjI2NDMxIDYuNjg1MjYgNy4yNzE2MyA2LjcwMjcxIDcuMjc4MzRDNi43MTgxNiA3LjI4NDMxIDYuNzMzOCA3LjI4OTc5IDYuNzQ5NTcgNy4yOTQ3OEM2Ljc2NTIgNy4yOTk2NiA2Ljc4MDc5IDcuMzA0MDkgNi43OTY0OSA3LjMwODA0QzYuODEzOTMgNy4zMTI1MSA2LjgzMTU1IDcuMzE2MzQgNi44NDkyNSA3LjMxOTU5QzYuODY3NDUgNy4zMjI4OCA2Ljg4NTc2IDcuMzI1NjIgNi45MDQxNCA3LjMyNzc1QzYuOTE3NDkgNy4zMjkzNCA2LjkzMTEgNy4zMzA1OCA2Ljk0NDczIDcuMzMxNDhDNi45NjM1IDcuMzMyNyA2Ljk4MjE1IDcuMzMzMzIgNy4wMDA4MSA3LjMzMzMxQzcuMDE5MDYgNy4zMzMzIDcuMDM3NDMgNy4zMzI2OCA3LjA1NTc3IDcuMzMxNDZDNy4wNjk1NSA3LjMzMDU4IDcuMDgzMTYgNy4zMjkzNCA3LjA5Njc0IDcuMzI3NzdDNy4xMTQ4OSA3LjMyNTYyIDcuMTMzMiA3LjMyMjg4IDcuMTUxNDEgNy4zMTk1M0M3LjE2OTEgNy4zMTYzNCA3LjE4NjcyIDcuMzEyNTEgNy4yMDQyMiA3LjMwODA5QzcuMjE5ODYgNy4zMDQwOSA3LjIzNTQ1IDcuMjk5NjYgNy4yNTA5MSA3LjI5NDc4QzcuMjY2ODUgNy4yODk3OSA3LjI4MjQ5IDcuMjg0MzIgNy4yOTc5OCA3LjI3ODM1QzcuMzE1MzkgNy4yNzE2MyA3LjMzMjY0IDcuMjY0MzEgNy4zNDk2NCA3LjI1NjM5QzcuMzYzNDMgNy4yNDk5NSA3LjM3NzQgNy4yNDI5NCA3LjM5MTE5IDcuMjM1NUM3LjQwNjkyIDcuMjI3MDYgNy40MjIxMiA3LjIxODIxIDcuNDM3MDYgNy4yMDg4M0M3LjQ1MTM2IDcuMTk5NzcgNy40NjU2NiA3LjE5MDE0IDcuNDc5NjkgNy4xOEM3LjUxNzkgNy4xNTI1IDcuNTUzOTMgNy4xMjEzIDcuNTg3MzYgNy4wODY0NUw3LjUyNzEzIDcuMTQyOTNDNy41MzA5MiA3LjEzOTczIDcuNTM0NjkgNy4xMzY0OSA3LjUzODQ0IDcuMTMzMjFMMTMuNDA4OCAxLjk4OTFDMTMuNzMzIDEuNzA1IDEzLjc1NDkgMS4yMjM0NSAxMy40NTc3IDAuOTEzNTE3WiIgZmlsbD0iIzAwMkEzQSIvPgo8L3N2Zz4K);
}

.selectBox.check-active span::before {
  transform: rotate(180deg);
  background-position: 5% center;
}
*/

.selectBox select {
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  border: none;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkBoxes {
  position: absolute;
  left: 0;
  top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  max-height: 120px;
  overflow-y: auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#checkBoxes.open {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

#checkBoxes label {
  display: block;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#checkBoxes label:hover {
  cursor: pointer;
  background-color: #4f615e;
}

#checkBoxes label input {
  margin-right: 0.5rem;
}

.indicator__selector p {
  text-transform: uppercase;
  color: #888b8d;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2rem;
  margin-bottom: 0;
}

.abbott__card.hide-card {
  display: none !important;
}

.splide.swipper__grid__three .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide.swipper__grid__three .splide__arrow svg {
  fill: none !important;
}

.splide.swipper__grid__three .splide__arrow--next {
  right: 100px;
}

.splide.swipper__grid__three .splide__arrow--prev {
  left: 100px !important;
}


@media screen and (max-width: 1080px) {
  .block__info .block__info__container .block__info__right {
    padding: 16px 80px 16px 64px;
  }

  .block__info .block__info__container {
    max-height: initial;
    padding: 0 44px;
  }

  .our__projects .our__projects__container {
    padding: 48px 16px 0;
  }

  .our__areas .our__areas__container {
    grid-template-columns: 1fr 1fr;
    padding: 0 56px;
  }
  .container__all__notes {
    padding: 22px 80px;
  }
  .container__grid__areas {
    padding: 0 44px;
  }
}

@media screen and (max-width:1020px) {
  .block__info .block__info__container .block__info__left img {
    width: 100%;
    object-fit: cover;
    max-height: none;
}
  
}

@media screen and (max-width: 768px) {
  .hero .hero__container.small {
    padding: 82px 0;
  }

  .block__info .block__info__container {
    flex-direction: column;
    padding: 0 30px;
  }

  .block__info.block__info__areas .block__info__container .block__info__right {
    padding: 40px 16px;
    gap: 24px;
  }

  .block__info .block__info__container .block__info__right h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }

  .block__info .block__info__container .block__info__right p {
    font-size: 1rem;
  }

  .our__projects {
    padding: 64px 0 80px;
  }

  .slider__full__container {
    width: 100%;
    padding: 88px 16px 68px;
  }

  .slider__full__container h3 {
    font-size: 1.5rem;
  }

  .slider__full__container p {
    font-size: 1rem;
  }

  .slider__full__container .btn__slider {
    margin-top: 0;
    width: 100%;
  }

  .our__projects .our__projects__container {
    padding: 32px 0 0;
  }

  .area__info {
    padding: 40px 0;
  }

  .our__areas .our__areas__container {
    grid-template-columns: 1fr;
    padding: 0 30px
  }

  .area__info span {
    font-size: 1.5rem;
  }

  .block__info .block__info__container .block__info__left img {
    width: 100%;
    min-width: auto;
    max-width: 100%;
  }

  .block__info .block__info__container .block__info__left {
    width: 100%;
  }

  .block__info .block__info__container .block__info__right {
    width: 100%;
  }


  .our__areas__search {
    padding: 0 16px;
  }
  .filters__category {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: flex-start;
  }
  .container__all__notes {
    max-width: 100%;
    width: 100%;
    padding: 0 30px;
  }
  .splide.swipper__grid__three .splide__arrow--next {
    right: 120px !important;
    top: 719px;
  }
  .splide.swipper__grid__three .splide__arrow--prev {
    left: 120px !important;
    top: 719px;
  }
  
}

@media screen and (max-width: 480px) {
  .splide.swipper__grid__three .splide__arrow--next {
    display: none;
  }
  .splide.swipper__grid__three .splide__arrow--prev {
    display: none;
  }
}