.formContent{
    overflow-y: scroll;
    height: 60vh;
   }
   .trainingInterestShow{
       display: none;
   }
   .ctfInterestShow{
       display: none;
   }
   
   .btn{
       background-color: orangered;
       padding: 5px;
       border-radius: 10px;
       color: white;
       font-weight: bold;
   }
   .submissionResponse{
       display: none !important;
   }
   .notification{
       position: absolute;
       top: 15%;
       left: 15%;
       color: white;
       font-weight: bold;
       padding: 5px;
   }
   .success{
       background-color: green;
   }
   .error{
       background-color: red;
   }
   .logos{
       display: flex;
       justify-content: space-around;
   
   }
   h2{
    color: orangered;
   }

   .loader {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid orangered;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    z-index: 9999;
    display: none; /* Cache le loader initialement */
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }