/* list qustion  */
.list-qustion{
    margin: 1em 10%;
    /* background-color:#18293986 ; */
    padding-bottom:2em;
    
    background: linear-gradient(
  330deg,
     rgb(245, 255, 245) 0%, #18293946 100%);

    h1{
      font-family: var(--primary-font);
      padding: 25px 2%;
      color:white;
      text-align: center;
      font-size:3em;
    }
    .list-qustion-row{
        margin: 1em 8%;
      summary  {
          padding: 10px;
          border-radius: 10px;
          box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
          margin: 10px;
          cursor: pointer;
          transition: all 0.3s ease-in-out;
          font-family: var(--primary-font);
          font-size: 300;
        color: black;
        font-style: italic;
        background-color: white;
         
          p{
              font-size: 1.2em;
              font-family: var(--primary-font);
              color: #82382a;
              padding: 0px 2%;
              font-family: var(--primary-font);
            
          }
        
      }
      summary:hover{
          background-color: #b0c3d3e8;
          box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
          transform: scale(1);
          color:white;
      }
      details{
          margin: 10px;
          padding:10px;
          border-radius: 10px;
      }
  }}