/* @property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0turn;
  inherits: false;
} */

.Nada-section {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}

.containerNada {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 35px;
  width: 100%;
  max-width: 1200px;
}

.cardNada {
  /* display: grid;
  padding: 20px;
  text-decoration: none;
  color: currentColor;
  border-radius: 20px;
  place-content: center;
  place-items: center;
  min-height: 260px;
  background-image: linear-gradient(#584827, #2d230f),
    conic-gradient(
      from var(--gradient-angle),
      #584827 0%,
      #c7a03c 37%,
      #f9de90 30%,
      #c7a03c 33%,
      #584827 40%,
      #584827 50%,
      #c7a03c 77%,
      #f9de90 80%,
      #c7a03c 83%,
      #584827 90%
    );
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  animation: 2s gradient-angle infinite linear;
   border: 2px solid transparent; */
    /* position: relative;
  padding: 18px;
  border-radius: 20px;
  border: 2px solid transparent;
  background-image:
    linear-gradient(#584827, #2d230f); 
    conic-gradient(
      from var(--gradient-angle),
      #584827 0%,
      #c7a03c 37%,
      #f9de90 30%,
      #c7a03c 33%,
      #584827 40%,
      #584827 50%,
      #c7a03c 77%,
      #f9de90 80%,
      #c7a03c 83%,
      #584827 90%
    );
  background-origin: border-box;
  background-clip: content-box, border-box;
  animation: gradient-angle 6s linear infinite;

  
  display: grid;
  place-content: center;
  place-items: center;
  min-height: 260px;
  color: #fff;
  z-index: 1; */
  



  /* background-image: 
    linear-gradient(#000000, #53a5b6), 
    conic-gradient(
      from var(--gradient-angle),
      #bba421 ,
      #c7a03c ,
      #f9de90 ,
      #c7a03c ,
      #584827 ,
      #584827 ,
      #c7a03c ,
      #f9de90 ,
      #c7a03c ,
      #584827 ,
    ); */

  display: grid;
  place-content: center;
  place-items: center;
  min-height: 260px;
  padding: 20px;
  color: #012970;
  background-color: white;
     border-radius: 20px;
  border: 2px solid #012970;
   background-origin: padding-box, border-box;
  background-clip: padding-box, border-box; 
}



/* @keyframes gradient-angle {
  to {
    --gradient-angle: 1turn;
  }
} */

.cardNada h2 {
  font-family: "Cairo", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;

}

.cardNada p {
  font-family: "Cairo", sans-serif;
  font-size: 15px;
  direction: rtl;
  text-align: center;
}

.Nadah2{
  font-family: "Cairo", sans-serif;
  text-align: center;         
  margin-top: 100px;          
  margin-bottom: 40px;       
  font-size: 30px;            
}

.comment-form section h2{
  font-family: "Cairo", sans-serif;
  text-align: center;         /* يجعل النص في المنتصف أفقيًا */
  /* margin-top: 10px;           
  margin-bottom: 10px;        */
  margin: 0;
  padding: 0;
  font-size: 30px; 
}