.the-details{

  h2,h3,p{
    text-align: center;
    color:var(--blue);
  }


  .res{
    text-transform: uppercase;
    font-size:25px;
  }

  .columns{
    padding:40px 0;
    display: flex;
    flex-wrap:wrap;
    gap:40px;
  }
  .cols{

    @media(min-width: 768px){
      flex:1;
    }

    p{
      line-height:200%;
      text-align: left;
      font-size:20px;
    }

    img{
      width:100%;
      border-radius:30px;
      margin-bottom:30px;
    }
  }
}