@charset "utf-8";
/* CSS Document */


@media  (max-width: 320px){
  .cards-pipeline  { grid-template-columns: repeat(1, 1fr) !important; }

}
@media  (max-width: 426px){
  .img-h-d-w-1 {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    display: flex;
  }
  .img-h-d-w-2 {
    width: 85%;
    margin: 0 auto;
    display: flex;
  }
  .img-h-d-w-3 {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .content-page__values-title {
    margin: 20px !important;
  }

  .content-page__primary-content {
    width: 100% !important;
  }

  .content-page__heading-description {
     margin-top: 0 !important;
  }
  
  .content-page__secure-flex {
    justify-content: center !important;
    padding-left: 0 !important;
  }


  .counter-box-image {
    display: flex;
    justify-content: center; 

  }

  .content-page__secure-right-image {
    max-width: 100%;
    height: auto;
  }

  .mobile {
    display: block !important;
    margin: 0 2rem !important;
  }

  .content-page__papeline  {
    margin: 0 2rem;
  }

  .desktop {
    display: none;
  }

  .secure-items {
    margin-top: -4rem !important;
  }

  .experience {
    margin: 0 auto !important;
  }

  .persei-tech-title {
    text-align: center;
  }

  .content-page__description {
    margin-top: 0 !important;
  }

  .cards { grid-template-columns: repeat(1, 1fr); padding: 0;}
  .cards-pipeline  { grid-template-columns: repeat(2, 1fr); }

  .content-page--heading {
    padding: 0 2rem;
  }

  .content-page--main-title , h1{
    font-size: 1.375rem !important;
    padding-bottom: 1rem;
    font-weight: 700;
    margin-top: 0 !important;
  }

  .content-page__values-bg {
    margin-top: 2.5rem !important;
  }

  .semi-height, .semi-height-2, .semi-height-4  {
    padding-left: 35px;
    padding-right: 35px;
  }

  .counter-box, .counter-box-2, .counter-box-3 {
    font-size: 4.375rem !important;
    font-weight: 400 !important;
    /* margin: 2rem !important; */
    margin: 2rem !important;
  }

  .counter-size {
    margin: 0 !important;
    font-size: 70px;
  }

  .content-page__values-bg {
    background-size: 71rem;
    background-position-x: 40px;
  }

  .content-page__values-bg .cards {
    padding-bottom: 2.5rem;
  }
  .content-page__inside-h-d-w {
    margin-top: 1rem;
  }

  .box_hdw  {
    /* max-width: 85% !important; */
    max-width: 100% !important;
  }

  .box_hdw_title  {
    font-size: 18px ;
    padding: 5px 0;
    /*  max-width: 85% !important; */
    margin: auto;
    margin-top: 12px;
  }
  .content-page__inside-h-d-w {
    padding: 0 2rem !important;
  }
  /* .content-page__papeline  {
    margin-top: -90px;
  } */
  .content-page__pepeline-info  {
    border: none !important;
    text-align: left;
  }

  .sub-span {
    font-size: 1.563rem !important;
  }

  .content-page__values-title {
    font-size: 1.375rem !important;
    font-weight: 700;
  }

  .mobile-dwt {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
  }

  .content-page__value-box.custom-margin-hospital, .content-page__value-box.custom-margin-goverment {
    margin-top: 210px !important;
  }

  .content-page__value-box.custom-margin-pharma,  .content-page__value-box.custom-margin-patients {
    margin-top: 225px !important;
  }

  .content-page__value-box.custom-margin-patients {
    margin-top: 230px !important;
  }

  .clinical_bg  video{
    height: auto !important;
  }

  .primary:hover .secundary {
    box-shadow: 100px 500px 500px black !important;
  }

  #overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* color de fondo oscuro */
  }

  .secure-items{
    flex-direction: column !important;
  }

  .content-rectangule{
    bottom: 0 !important;
    width: 100% !important;
    left: 0;

  }

  .img img {
    width: 80% !important;
    margin: 0 2rem;
  }

  .content-text {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1rem;
    margin: auto 2rem ;
  }

  .content-rectangule {
    position: relative !important;
    width: 80% !important;
    margin: 0 auto;
    text-align: center;
  }

  .content-rectangule a { 
    left: 20%;
    width: 55%;
  }

  .text-rectangule {
    right: auto !important;
    height: 100%;
    display: flex;
    align-items: center;
    top: auto !important;
  }

  .content-articles {
    margin: 2rem !important;
  }

  .line-reactangle {
    top: 0 !important;
    border: 2px solid #61bdf3 !important;
    width: 85% !important;
  }

  .line-reactangle h1 {
    margin-left: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
  }

  .list-articles {
    width: 75% !important;
    margin: 1rem auto;
  }

  .items-articles .semi-height {
    padding: 0 !important;
  }

  .items-articles  {
    flex-direction: column;
    width: 100%;
    margin: 0 auto !important;
  }

  .li-market {
    line-height: 1.2;
  }

  .articles-box-video .articles-page__video{ 
    position: relative !important;
    top: 30px;
    left: 0;
  }

  .triangle {
    display: none;
  }

  .contact-page_contact-left {
    left: 0 !important;
  }

  .input-name, .input-email, .input-message, .message-send, .form-action {
    width: 100% !important;
  }

  .content-page__secure-new  {
    background-size: 70rem !important;
  }

  .contact-page_auto  {
    width: 85% !important;
  }

  .content-page__description p {
    text-align: left !important;
  }

  .persei-contact-form-title {
    text-align: center;
  }

  .contact-page_auto {
    margin: 2rem auto !important;
  }
}

@media screen and (min-width: 427px) and (max-width: 1279px) {
  .mobile {
    display: block !important;
    margin: 0 1rem !important;
  }

  .persei-tech-title, .persei-txt-tech {
    text-align: center;
  }

  .content-page__secure-flex {
    justify-content: center !important;
    padding-left: 0 !important;
  }

  .desktop {
    display: none;
  }
    .cards, .cards-pipeline  { grid-template-columns: repeat(2, 1fr); }
    .content-page--heading {
      padding: 0 5rem;
    }
    .mobile-dwt {
        display: none;
        margin: 0 25px;
    }
    .secure-items{
      flex-direction: column !important;
    }
  
    .content-rectangule{
      bottom: 0 !important;
      width: 100% !important;
      left: 0;
      margin: 0 auto;
      text-align: center;
      
    }
  
    .img img {
      width: 70% !important;
      margin: 0 auto;
      text-align: center;
      display: flex;
    }
  
    .content-text {
      display: grid;
      grid-template-columns: repeat(1, 1fr) !important;
      gap: 1rem;
    }
  
    .content-rectangule {
      position: relative !important;
      width: 80% !important;
      margin: 0 auto;
      text-align: center;
    }
  
    .content-rectangule a { 
      left: 20%;
      width: 55%;
    }
  
    .text-rectangule {
      right: auto !important;
      height: 100%;
      display: flex;
      align-items: center;
      top: auto !important;
      justify-content: center;
      width: 100%;
    }

    .content-articles {
      margin: 2rem auto !important;
    }
  
    .line-reactangle {
      top: 0 !important;
      border: 2px solid #61bdf3 !important;
      width: 80% !important;
      margin: 0 auto;
    }
  
    .line-reactangle h1 {
      margin-left: 0 !important;
      padding-bottom: 0 !important;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 0 2rem;
    }
  
    .list-articles {
      width: 100% !important;
    }
  
    .items-articles  {
      width: 80%;
      margin: 0 auto !important;
      flex-direction: column-reverse;
    }

    .articles-box-video .articles-page__video{ 
      position: relative !important;
      top: 80px;
      left: 0;
    }

    .triangle {
      display: none;
    }
  
    .contact-page_contact-left {
      left: 0 !important;
    }
  
    .input-name, .input-email, .input-message, .message-send {
      width: 100% !important;
    }
  
    .persei-contact-form-title {
      text-align: center;
    }
  
    .contact-page_auto {
      margin: 2rem auto !important;
    }
}



@media (min-width: 1280px) {
  .mobile {
    display: none !important;
  }

  .desktop {
    display: block;
  }
  
  .cards { grid-template-columns: repeat(4, 1fr); }

  .mobile-dwt {
    display: none;
  }
}