@media (max-width: 767px) {
  /* casi todos los celulares */
  .title-one{
    max-width:100%px;
    display:flex;
    flex-wrap:wrap;

  }
  .title-two{
    margin-bottom:250px;
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .title-sub{
    font-size:30px;
  }
  .img-1{

    max-width:370px;
    width:100%;
    margin:0 auto;
  }
  h1{
    text-align:center;
  }
  .title-sub{
    text-align:center;
  }
  .btn-1,.btn-2{
    font-size:20px;
  }
  .first-parragreh{
    max-width:100%;
    font-family:"Poppins", sans-serif;
    font-size:20px;
    text-align:justify;
    background-color:white;
    padding:50px;
  }
 ul{
  margin-top:30px;
 }
 .one{
  font-family:"Poppins", sans-serif;
 }
.prices-forms{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
}
}
.information-one{
    transition:
    opacity 0.5s ease,
    transform 0.5s ease,
    filter 0.5s ease;

  transform-origin:top;
}
.oculto{
  opacity:0;
  transform:
    translateY(-20px)
    scale(0.95);

  filter:blur(8px);
  pointer-events:none;
}
.container-proyects{
  animation:aparecer 0.8s ease;
    max-width:350px;

    padding:40px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.35);

    backdrop-filter:blur(14px);

    border:
    1px solid rgba(255,255,255,0.4);

    box-shadow:
    0 10px 40px rgba(0,0,0,0.08);

    transition:0.4s ease;
    margin:auto;
}
.title{

    margin:0;
    font-size:38px;
    color:#4a1730;
}
.container-text p{
      color:#70495c;
      margin-top:8px;
}
@keyframes aparecer{

    from{

        opacity:0;

        transform:
        translateY(40px)
        scale(0.95);

        filter:blur(10px);
    }

    to{

        opacity:1;

        transform:
        translateY(0)
        scale(1);

        filter:blur(0);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
 .first-parragreh{
  padding:30px;
  font-family:"Poppins", sans-serif;
  overflow:hidden;
 }
 .title-one{
  flex-wrap:wrap;
 }
}
.title-one::before{
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;
    top: 50px;
    left: 100px;
}
.img-1{
    animation: float 4s ease-in-out infinite;
}
@keyframes float{
    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-15px);
    }

    100%{
        transform: translateY(0px);
    }
}