@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap%27');

/*#recursos .container {*/
/*  width: 100%;*/
/*  max-width: 1632px;*/
/*  padding: 0px 15px;*/
/*}*/

#recursos {
  padding: 0;
}

#recursos .component-section {
  padding: 0;
}

#recursos .button-link {
  margin-top: 143.72px;
}

#recursos .button-link .flex {
  flex-wrap: wrap;
  gap: 30.16px;
}
/* ----title-section----- */
#recursos #title-section {
  margin: 143.63px 0 57.79px;
}

#recursos #title-section h1 {
  font-size: 85.86px;
  line-height: 103.03px;
  letter-spacing: -0.69px;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding-left: 45px;
  margin: 0;
}

#recursos #title-section .intro-block {
  display: flex;
  align-items: center;
  gap: 30.1px;
  margin-bottom: 120px;
  padding-left: 13px;
}

#recursos #title-section .intro-block h1 {
  background-color: #C0127C;
  padding: 1.8px 70.3px 9.1px 56.2px;
  font-size: 85.86px;
  line-height: 103.03px;
  letter-spacing: -0.26px;
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 50px;
}

#recursos #title-section .intro-block .circle {
  width: 119px;
  height: 97px;
  background: #a10059;
  border-radius: 50px;
}

#recursos #title-section h6 {
  font-size: 27px;
  line-height: 32.4px;
  letter-spacing: 0;
  color: #373C3C;
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

/* ----heading-section----- */
#recursos #heading-section {
  padding: 34.44px 0 32.92px;
  background: #F2F2F2 0% 0% no-repeat padding-box;
  min-height: 140px;
  height: 100%;
}

#recursos #heading-section h2 {
  font-size: 60px;
  line-height: 72px;
  font-weight: bold;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0;
}

/* ----col-three-block----- */
#recursos #col-three-block .wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  padding: 91.82px 0 91.46px;
}

#recursos #col-three-block .wrapper .card {
  max-width: 504px;
  width: 100%;
  min-height: 520px;
  height: 100%;
  box-shadow: 0 3px 6px #707070;
  border-radius: 40px;
  padding: 70px 15px 48.68px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

#recursos #col-three-block .wrapper h4 {
  font-size: 36px;
  line-height: 43px;
  font-weight: bold;
  letter-spacing: 0;
  color: #373C3C;
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

#recursos #col-three-block .prime-btn {
  background: #A93782 0% 0% no-repeat padding-box;
  padding: 16.22px 32px 13.27px 36px;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 23.33px;
  line-height: 28px;
  text-decoration: none;
  text-align: center;
  border-radius: 15px;
  font-family: 'MyriadPro-Black';
  font-weight: normal;
}

/* ---- col-with-img ----- */
#recursos #col-with-img {
  background-color: #F2F2F2;
  padding: 0 0 75.83px;
}

#recursos #col-with-img .calc-link {
  max-width: 330px;
  width: 100%;
  display: block;
  background-color: #007462;
  text-align: center;
  border-radius: 25px;
  font-size: 37px;
  line-height: 45px;
  padding: 13px 0 18px;
  color: #FFFFFF;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-bottom: 48px;
}
#recursos #col-with-img .info-block .calc-head {
    font-family: "Montserrat", sans-serif;
}
#recursos #col-with-img #carousel .info-block.second h2{
    color:purple;
}
#recursos #col-with-img #carousel .info-block.second p{
    color:purple;
}
#recursos #col-with-img #carousel .info-block.third h2{
    color:black;
}
#recursos #col-with-img #carousel .info-block.third p{
    color:black;
}

/* ---- title-block ----- */
#recursos .title-block {
  padding: 45.37px 0 88.21px;
}

#recursos .title-block.second {
  padding: 91.91px 0 118px;
}

#recursos .title-block h3 {
  font-size: 50px;
  line-height: 60px;
  font-weight: bold;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 27.2px 0;
  text-align: center;
}

#recursos .title-block h6 {
  font-size: 28px;
  line-height: 34px;
  font-weight: normal;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0;
}

/* ---- col-two-block ----- */
#recursos #col-two-block {
  padding: 0 0 200px 0;
}

#recursos #col-two-block .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 70px 30px;
  justify-content: center;
}

#recursos #col-two-block .wrapper .item {
  max-width: 550px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#recursos #col-two-block .wrapper .item .img-wrap {
  margin-bottom: 80px;
}

#recursos #col-two-block .wrapper .item h6 {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0 0 35px 0;
}

#recursos #col-two-block .wrapper .item p {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0 0 35px 0;
}

#recursos #col-two-block .wrapper .item a {
  font-size: 30px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 0;
}
/* ---- introduction ----- */
#recursos #introduction {
  padding: 33px 20px 139px;
}

#recursos #introduction p {
  font-size: 21px;
  line-height: 25px;
  font-weight: normal;
  letter-spacing: 0;
  color: #7A0046;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  max-width: 1735px;
  margin: 0 auto;
}

#recursos #introduction p a {
  color: #7A0046;
  text-decoration: none;
}

/*----Responsive------*/

@media only screen and (min-width: 1920px) {
  #recursos .container {
    width: 100%;
    max-width: 1632px;
    padding: 0px 15px;
  }
#recursos #introduction.container {
        width: 100%;
        max-width: 1732px;
}

  #recursos .button-link .flex {
    flex-wrap: wrap;
    gap: 110.16px;
  }

  #recursos #col-three-block .wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 75.39px;
    padding: 91.82px 0 91.46px;
  }

  #recursos #col-three-block .wrapper .card {
    min-height: 657px;
    padding: 128px 55px 48.68px;
  }

  #recursos #col-two-block .wrapper {
    gap: 179px 200px;
    justify-content: center;
  }

  #recursos #col-two-block .wrapper .item {
    max-width: 598px;
  }
}

@media only screen and (max-width: 1440px) {
  #recursos #title-section h1 {
    font-size: 55px;
    line-height: 80px;
  }

  #recursos #title-section .intro-block {
    margin-bottom: 80px;
  }

  #recursos #title-section .intro-block h1 {
    padding: 1.8px 60.3px 9.1px 60.2px;
    font-size: 55px;
    line-height: 80px;
  }

  #recursos #heading-section {
    padding: 15px 0;
    min-height: 100px;
  }

  #recursos #heading-section h2 {
    font-size: 40px;
    line-height: 60px;
  }

  #recursos #col-three-block .wrapper .card {
    min-height: 470px;
  }

  #recursos #col-three-block .wrapper h4 {
    font-size: 32px;
    line-height: 36px;
  }

  #recursos .title-block h3 {
    font-size: 40px;
    line-height: 50px;
  }

  #recursos #col-two-block .wrapper .item h6 {
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 30px 0;
  }

  #recursos #col-two-block {
    padding: 0 0 80px 0;
  }

  #recursos #introduction {
    padding: 0px 20px 70px;
  }

  #recursos #col-with-img .calc-link {
    max-width: 280px;
    font-size: 30px;
    line-height: 36px;
  }
  #recursos .info-block .calc-para br{
      display:none;
  }
}

@media only screen and (max-width: 1200px) {
  #recursos .button-link {
    margin-top: 90px;
  }

  #recursos #title-section h1 {
    font-size: 42px;
    line-height: 60px;
  }

  #recursos #title-section .intro-block {
    margin-bottom: 50px;
  }

  #recursos #title-section .intro-block h1 {
    padding: 1.8px 50px 9.1px 50px;
    font-size: 45px;
    line-height: 70px;
  }

  #recursos #title-section .intro-block .circle {
    width: 100px;
    height: 80px;
  }

  #recursos #col-three-block .wrapper .card {
    min-height: 400px;
    padding: 50px 15px 40px;
    min-height: 360px;
  }

  #recursos #col-three-block .wrapper h4 {
    font-size: 28px;
    line-height: 32px;
  }

  #recursos #col-three-block .prime-btn {
    font-size: 18px;
    line-height: 26px;
  }

  #recursos #col-three-block .wrapper {
    padding: 70px 0;
    gap: 30px;
  }

  #recursos .title-block.second {
    padding: 80px 0;
  }

  #recursos #col-two-block .wrapper {
    gap: 70px 10px;
  }

  #recursos #col-two-block .wrapper .item {
    max-width: 460px;
    justify-content: space-between;
  }

  #recursos #col-with-img .calc-link {
    max-width: 200px;
    font-size: 22px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 992px) and  (min-width: 768px) {
    #recursos .button-link .flex {
    gap: 10.16px;
}
  #recursos .button-link {
    margin-top: 80px;
  }

  #recursos #title-section {
    margin: 90px 0 50px;
  }

  #recursos #title-section h1 {
    font-size: 40px;
    line-height: 60px;
  }

  #recursos #title-section .intro-block h1 {
    padding: 1.8px 35px 9.1px 35px;
    font-size: 40px;
    line-height: 60px;
  }

  #recursos #title-section .intro-block .circle {
    width: 80px;
    height: 70px;
  }

  #recursos #heading-section {
    min-height: 60px;
  }

  #recursos #heading-section h2 {
    font-size: 30px;
    line-height: 40px;
  }

  #recursos #col-three-block .wrapper {
    padding: 50px 0;
    gap: 20px;
  }

  #recursos #col-three-block .wrapper .card {
    min-height: 320px;
    padding: 30px 14px 30px;
  }

  #recursos #col-three-block .wrapper h4 {
    font-size: 22px;
    line-height: 26px;
  }

  #recursos #col-three-block .prime-btn {
    font-size: 12px;
    line-height: 20px;
  }

  #recursos #col-two-block .wrapper {
    gap: 70px 20px;
  }

  #recursos #col-two-block .wrapper .item {
    max-width: 350px;
  }

  #recursos #col-two-block .wrapper .item .img-wrap {
    margin-bottom: 60px;
  }

  #recursos #col-two-block .wrapper .item .img-wrap img {
    width: 150px;
  }

  #recursos #col-two-block .wrapper .item h6 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 25px 0;
  }

  #recursos #col-two-block .wrapper .item p {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 25px 0;
  }
}

@media (max-width: 932px) and (orientation: landscape) {
  #recursos .button-link .flex {
    flex-wrap: wrap;
    gap: 24px;
}
  #recursos .button-link {
    margin-top: 90px;
  }

  #recursos #title-section {
    margin: 90px 0 50px;
  }

  #recursos #title-section h1 {
    font-size: 40px;
    line-height: 60px;
  }

  #recursos #title-section .intro-block h1 {
    padding: 1.8px 35px 9.1px 35px;
    font-size: 40px;
    line-height: 60px;
  }

  #recursos #title-section .intro-block .circle {
    width: 80px;
    height: 70px;
  }

  #recursos #heading-section {
    min-height: 60px;
  }

  #recursos #heading-section h2 {
    font-size: 30px;
    line-height: 40px;
  }

  #recursos #col-three-block .wrapper {
    padding: 50px 0;
    gap: 20px;
  }

  #recursos #col-three-block .wrapper .card {
    min-height: 230px!important;
    padding: 30px 14px 30px;
  }

  #recursos #col-three-block .wrapper h4 {
    font-size: 22px;
    line-height: 26px;
  }

  #recursos #col-three-block .prime-btn {
    font-size: 12px;
    line-height: 20px;
  }

  #recursos #col-two-block .wrapper {
    gap: 70px 20px;
  }

  #recursos #col-two-block .wrapper .item {
    max-width: 300px;
  }

  #recursos #col-two-block .wrapper .item .img-wrap {
    margin-bottom: 30px;
  }

  #recursos #col-two-block .wrapper .item .img-wrap img {
    width: 80px;
  }

  #recursos #col-two-block .wrapper .item h6 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }

  #recursos #col-two-block .wrapper .item p {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }

  #recursos #col-two-block .wrapper .item a {
    font-size: 20px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  #recursos .button-link {
    margin-top: 50px;
  }

  #recursos #title-section {
    margin: 50px 0 40px;
  }

  #recursos #title-section h1 {
    font-size: 28px;
    line-height: 50px;
    padding-left: 20px;
  }

  #recursos #title-section .intro-block {
    margin-bottom: 40px;
    padding-left: 0;
    gap: 20px;
  }

  #recursos #title-section .intro-block h1 {
    padding: 1.8px 20px 9.1px 20px;
    font-size: 24px;
    line-height: 55px;
  }

  #recursos #title-section .intro-block .circle {
    width: 80px;
    height: 65px;
  }

  #recursos #title-section h6 {
    font-size: 20px;
    line-height: 30px;
  }

  #recursos #heading-section {
    padding: 15px 0;
    min-height: 70px;
  }

  #recursos #heading-section h2 {
    font-size: 20px;
    line-height: 40px;
  }

  #recursos #col-three-block .wrapper {
    padding: 40px 0;
    gap: 30px;
  }

  #recursos #col-three-block .wrapper {
    flex-wrap: wrap;
  }

  #recursos #col-three-block .wrapper .card {
    max-width: 100%;
    min-height: 330px;
  }

  #recursos #col-three-block .prime-btn {
    font-size: 16px;
    line-height: 20px;
  }

  #recursos #col-with-img {
    padding: 0 0 40px;
  }

  #recursos .title-block {
    padding: 40px 0 30px;
  }

  #recursos .title-block h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px 0;
  }

  #recursos .title-block h6 {
    font-size: 24px;
    line-height: 30px;
  }

  #recursos .title-block.second {
    padding: 40px 0;
  }

  #recursos #col-two-block {
    padding: 0 0 60px 0;
  }

  #recursos #col-two-block .wrapper .item .img-wrap {
    margin-bottom: 40px;
  }

  #recursos #col-two-block .wrapper .item .img-wrap img {
    width: 110px;
  }

  #recursos #col-two-block .wrapper .item h6 {
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 15px 0;
  }

  #recursos #col-two-block .wrapper .item p {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px 0;
  }

  #recursos #col-two-block .wrapper .item a {
    font-size: 22px;
    line-height: 30px;
  }

  #recursos #col-three-block .wrapper h4 {
    font-size: 24px;
    line-height: 30px;
  }

  #recursos #col-two-block .wrapper {
    gap: 50px;
  }

  #recursos #introduction {
    padding: 0px 20px 40px;
  }

  #recursos #introduction p {
    font-size: 18px;
  }

  #recursos #col-with-img .calc-link {
    max-width: 140px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 15px;
    padding: 10px 0 10px;
  }
  
  /* ----Slider----- */
  #recursos .arrow img {
    width: 45px;
    height: 45px;
  }

  #recursos .arrow img {
    width: 35px;
    height: 35px;
  }
}

@media screen and (max-width: 540px) {
  #recursos .carousel-slide .content {
    padding: 30px 0 0 60px;
    height: 266px;
  }

  #recursos #col-with-img .calc-link {
    margin-bottom: 18px;
  }

  #recursos #col-with-img .calc-link {
    max-width: 130px;
    font-size: 16px;
    line-height: 24px;
    padding: 7px 0;
  }
}


/*new added css*/
div#col-two-block {
  display: none;
}
/*path*/
.patologias-sec {
  padding: 91px 0 129px !important;
}
.fs-50 {
  font-size: 50px;
}
.lh-60 {
  line-height: 60px;
}
.patologias-sec .Patologias-title {
  text-align: center;
  font-weight: 600;
  color: #7a0046;
  margin-bottom: 27px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.patologias-sec .Patologias-para {
  text-align: center;
  font-weight: 400;
  color: #7a0046;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 118px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.patologias-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.patologias-boxes .box {
  width: 50%;
}

.patologias-boxes .box1 img {
  width: 235px;
  margin-bottom: 79px;
}

.patologias-boxes .box2 img {
  width: 240px;
  margin-bottom: 80px;
  margin-top: 17px;
}

.patologias-boxes .box3 img {
  width: 230px;
  margin-bottom: 61px;
}

.patologias-boxes .box4 img {
  width: 270px;
  margin-bottom: 55px;
}

.patologias-boxes .box5 img {
  width: 275px;
  margin-bottom: 58px;
}

.patologias-boxes .box .pato-box-title {
  font-size: 30px;
  line-height: 36px;
  color: #7a0046;
  max-width: 598px;
  text-align: center;
  margin: 0 auto 35px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

.patologias-boxes .box .pato-box-para {
  font-size: 30px;
  line-height: 36px;
  color: #7a0046;
  max-width: 566px;
  text-align: center;
  margin: 0 auto 35px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.patologias-boxes .box .pato-box-link {
  font-size: 30px;
  line-height: 36px;
  color: #7a0046;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.patologias-boxes .box1,
.patologias-boxes .box2 {
  margin-bottom: 179px;
}

.patologias-boxes .box3,
.patologias-boxes .box4 {
  margin-bottom: 95px;
}
@media screen and (max-width: 1950px) and (min-width: 1900px) {
  .patologias-sec {
    padding: 91px 263px 129px 244px !important;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .patologias-boxes .box {
    margin-bottom: 80px;
  }

  .patologias-boxes .box img {
    width: 25%;
    margin-bottom: 35px;
  }

  .patologias-boxes .box .pato-box-title {
    font-size: 20px;
    line-height: 26px;
    max-width: 70%;
    margin: 0 auto 20px;
  }

  .patologias-boxes .box .pato-box-para {
    font-size: 20px;
    line-height: 26px;
    max-width: 70%;
    margin: 0 auto 25px;
  }

  .patologias-boxes .box .pato-box-link {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1600px) {
  .patologias-sec {
    padding: 40px 0 60px !important;
  }
}
@media screen and (max-width: 1199px) {
  .patologias-sec {
    padding: 40px 0 60px !important;
  }
  .patologias-sec .Patologias-para {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 60px;
  }
  .patologias-boxes .box {
    margin-bottom: 50px;
  }

  .patologias-boxes .box5 {
    margin-bottom: 0;
  }

  .patologias-boxes .box img {
    width: 25%;
    margin-bottom: 35px;
  }

  .patologias-boxes .box .pato-box-title {
    font-size: 20px;
    line-height: 26px;
    max-width: 70%;
    margin: 0 auto 20px;
  }

  .patologias-boxes .box .pato-box-para {
    font-size: 20px;
    line-height: 26px;
    max-width: 70%;
    margin: 0 auto 25px;
  }

  .patologias-boxes .box .pato-box-link {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 540px) {
  .patologias-boxes {
    flex-direction: column;
  }

  .patologias-boxes .box {
    width: 100%;
  }
}
/*path*/
#recursos .button-link {
    margin-top: 91.8px;
    margin-bottom: 112px;
}
#recursos #title-section {
    margin-top: 0;
}
/*new code*/
@media screen and (max-width: 1440px) {
    .button-link .flex a {
        font-size: 15px;
    }
    #recursos #title-section h1,
    #recursos #title-section .intro-block h1 {
        font-size: 45px;
        line-height: 64px;
    }
    #recursos #title-section .intro-block .circle{
        width: 90px;
        height: 70px;
    }
  .patologias-sec .Patologias-para,
  .patologias-boxes .box .pato-box-title,
  .patologias-boxes .box .pato-box-para,
  .patologias-boxes .box .pato-box-link,
  #recursos #title-section h6,
  #recursos .title-block h6 {
    font-size: 20px;
    line-height: normal;
  }
  .patologias-sec .Patologias-title,
  #recursos .title-block h3{
    font-size: 38px;
    line-height: normal;
  }
  #recursos #introduction p{
    font-size: 16px;
    line-height:normal 
  }
  #recursos #col-with-img img{
    width:70%!important
}
}
@media screen and (max-width: 1200px) {
  .patologias-boxes .box img {
    width: 20%;
  }
  .patologias-sec .Patologias-para,
  .patologias-boxes .box .pato-box-title,
  .patologias-boxes .box .pato-box-para,
  .patologias-boxes .box .pato-box-link,
  #recursos #title-section h6,
  #recursos .title-block h6 {
    font-size: 18px;
  }
  .patologias-sec .Patologias-title,
  #recursos .title-block h3{
    font-size: 32px;
  }
  #recursos #introduction p{
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #recursos .button-link{
    margin: 40px 5px;
}
  .button-link .flex a {
        font-size: 13px;
  }
  #recursos #title-section h1, #recursos #title-section .intro-block h1 {
        font-size: 35px;
        line-height: 45px;
    }
      #recursos #title-section .intro-block .circle {
        width: 60px;
        height: 50px;
    }
  .patologias-sec .Patologias-para,
  .patologias-boxes .box .pato-box-title,
  .patologias-boxes .box .pato-box-para,
  .patologias-boxes .box .pato-box-link,
  #recursos #title-section h6,
  #recursos .title-block h6 {
    font-size: 16px;
  }
  .patologias-sec .Patologias-title,
  #recursos .title-block h3 {
    font-size: 22px;
  }
   #recursos #introduction p{
    font-size: 12px;
  }
  #recursos #col-with-img img{
    width:100%!important
  }
  #recursos #col-with-img .carousel .carousel-control.left, #recursos #col-with-img .carousel .carousel-control.right {
    margin-top: -5%;
  }
}
/*new code*/

/*new added css*/