.slider {
    border-radius: 10px;
    width: 1500px;
    height: 500px;
    font-size: larger;
  }

  .slides {
    width: 900%;
    height: 470px;
    display: flex;
  }

  .slides input {
    display: none;
  }

  .slide {
    width: 15%;
    transition: 3s;
  }

  .navigation-manual {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 1490px;
  }

  .manual-btn {
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
    border: 3px solid black;
    padding: 5px;
    width: 30px;
  }

  .manual-btn:not(:last-child) {
    margin-right: 90px;
  }

  .manual-btn:hover {
    background: #c43af3;
  }

  #radio1:checked~.first {
    margin-left: -0.5%;
  }

  #radio2:checked~.first {
    margin-left: -12%;
  }

  #radio3:checked~.first {
    margin-left: -25.5%;
  }

  #radio4:checked~.first {
    margin-left: -42.7%;
  }

  #radio5:checked~.first {
    margin-left: -60.5%;
  }

  #radio6:checked~.first {
    margin-left: -75.5%;
  }

  #radio7:checked~.first {
    margin-left: -90.6%;
  }

  #radio8:checked~.first {
    margin-left: -105.6%;
  }

  #radio9:checked~.first {
    margin-left: -120.6%;
  }

  #radio10:checked~.first {
    margin-left: -135.6%;
  }

  @media screen and (max-width : 720px) {
  
    .slider {
      border-radius: 30px;
      width: 1700px;
      height: 1500px;
      font-size: smaller;
    }
  
    .slides {
      width: 300%;
      height: 1450px;
      display: flex;
    }
  
    .slides input {
      display: none;
    }
  
    .slide {
      width: 15%;
      transition: 3s;
    }
  
    .navigation-manual {
      position: absolute;
      display: flex;
      justify-content: center;
      width: 1300px;
    }
  
    .manual-btn {
      border-radius: 10px;
      cursor: pointer;
      transition: 1s;
      border: 3px solid black;
      padding: 5px;
      width: 20px;
    }
  
    .manual-btn:not(:last-child) {
      margin-right: 50px;
    }
  
    .manual-btn:hover {
      background: #c43af3;
    }
  
    #radio1:checked~.first {
      margin-left: -10%;
    }
  
    #radio2:checked~.first {
      margin-left: -20%;
    }
  
    #radio3:checked~.first {
      margin-left: -30%;
    }
  
    #radio4:checked~.first {
      margin-left: -40%;
    }
  
    #radio5:checked~.first {
      margin-left: -50%;
    }
  
    #radio6:checked~.first {
      margin-left: -60%;
    }
  
    #radio7:checked~.first {
      margin-left: -70%;
    }
  
    #radio8:checked~.first {
      margin-left: -80%;
    }
  
    #radio9:checked~.first {
      margin-left: -90%;
    }
  
    #radio10:checked~.first {
      margin-left: -100%;
    }

    .spec-info p {
      width: 300px;
      align-self: center;
      justify-self: flex-end;
      font-family: 'Poppins';
      font-style: italic;
      /* font-weight: 400; */
      font-size: 20px;
      color: var(--secondary);
      position: relative;
  }
  

  }