.cococa12{
        
  background-color: white;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  height:100%;
  margin:0;
    }
    
    #appleid-signin{
        margin-top:12px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    
    
    
    .nonono41{
        width:22px;
    }
    
    .thes-text {
        display: block; /* Κάθε κείμενο σε ξεχωριστή γραμμή */
    }
	
  /*Για το index.css*/
  
  html {
    scroll-behavior: smooth;
    }
    
	
	.nonono10:active, .nonono20:active  {
        
        background-color:#ff6666;
    }
   
     
    .nonono52{
        
        width:20%;
        padding:10px;
            align-items: center;
    display: flex;
    flex-direction: column;
    }
    
.nonono50{
    
    display:flex;
        align-items: center;
    justify-content: center;

}
    
    .nonono38{
        
        display:flex;
        justify-content:center;
        
    }
    .nonono34{
        
        width:800px;
    }
    .nonono37{
        
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    width:70%;
    }
    
    .nonono44{
        
        width:100%;
        height:100%;
    }
    
    .nonono34{

    color: #666666;
    font-size: 20px;
    text-align:center;
    margin-top:0px;
    }
    
    .nonono31{
        
        margin-top:40px;
       
    }
    
    .nonono40{
        
        color:#222222;
        font-size:20px;
                margin-left: 5px;
    }
    
    .nonono42{
        
        display:flex;
    }
    
    .nonono35{
      display:none!important;
        width:100%;
       
        display:flex;
        flex-direction:column;
        
    }
    
    .nonono36{
        padding:10px;
        width:25%;
        display: flex;
    flex-direction: column;
    align-items: center;
    }
    
    .nonono32{
        
            color: #222222;
    font-size: 32px;
    width: fit-content;
    border-bottom: 1px solid #ff0033;
    text-align:center;
    }
    
    .nonono33{
        
            width: 90%;
    margin-left: auto;
    margin-right: auto;
        display: flex;
    flex-direction: column;
    align-items: center;
    }
    
    .nonono30{
        
        display:none;
    }
    
    .nonono26{
        
       color: #222222;
    font-size: 32px;
    width: fit-content;
    border-bottom: 1px solid #ff0033;

    }
    
    .nonono27{
        
    
        color:#666666;
        font-size:20px;
    }



.pop2 {
  text-decoration: none;
}

.nonono24{
width: 100%;
    height: 100%;
}

.nonono28{
    
    height: 70%;
    margin-left: auto;
    width: 90%;
}

.nonono21{
    
  
    margin-top:110px;
}

.nonono25{
    width: 90%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
       align-items: center;
}
.nonono22,.nonono23{
    
    width:50%;
    height:100%;
    display:flex;
        align-items: center;

}

.nonono1{
    
    flex:1;
    width:100%;
   
    
}



.nonono4{
    
    width:90%;
    margin-left: auto;
    margin-right: auto;
    margin-top:50px;
    
}



.nonono5{
    
    display:flex;
}

.nonono9{
    
        align-items: center;
    display: flex;
    justify-content: center;
}

.nonono8,.nonono9{
    
    width:50%;
}

.nonono10{
 
    background-color: #ff0033;
    padding: 11.5px;
    border-radius: 8px;
    margin-top: 5px;
        width: 170px;
    text-align: center;
}

.nonono20{
    
    display:none;
}

.nonono11{
    
    text-decoration: none;
    color: white;
    font-size: 17px;

    
}

.nonono12{
    

    font-size: 52px;
    color: #ff0033;
    margin-bottom:20px;

}

.nonono13{
    
            color: #666666;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom:20px;
    width:360px;
}

.nonono8{
    
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nonono15{
    
    margin-top:0px;
    font-size: 52px;
    color: #ff0033;
}


/*Για το registration.php */

.ab101:active {
        
        background-color:#ff6666;
    }
    
    
     #toggle-password{
        
        color:#666666;
        outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor:pointer;
        
    }
    
    
    
              #response-message {
           color: #ff4757;
            font-size: 1rem;
                position: fixed;
    bottom: 0px;
         
z-index:1;
box-sizing: border-box;
               width: 100%;
    background-color: #c9fdd7;
    font-weight:700;
            text-align: center;
            
        }
         

.nonono65{
    
    flex:1;
    display:flex;
    align-items:center;
    margin-top:50px;
}

/*Για το FAQ */
.esot1234{
    width:90%;
}
#suxnes{
    font-size: 28px;
    margin-bottom: 20px;
    color: #222222;
    margin-top: 0px;
    text-align:center;
}

.faq {
    width:100%;
    flex-direction:column;
}

 .faq-item {
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
    }
    .faq-question {
        font-weight: bold;
        color: #ff0033;
        font-size: 18px;
        font-family: sans-serif;
        outline: none !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        text-decoration: underline;
    }
    .faq-answer {
        display: none;
        padding-top: 10px;
        font-family: sans-serif;
        font-size: 17px;
    }
    
.marsou6{
    
    width:360px;
}

.myofmyh200{
    
         font-family: Plus Jakarta Sans;
     font-size:28px;
         margin-bottom: 0px;
         color:#222222;
         margin-top:0px;
}


.nonono66{
    
      
     font-family: Plus Jakarta Sans;
     font-size:17px;
     color:#666666;
    margin-top: 8px;
}




.input-container {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            border-radius: 10px;
            padding: 11px;
            margin-bottom:12px;
            background-color:#f5f5f5;
        }

        .input-container img {
            margin-right: 8px;
        }

        .input-container input {
            border: none;
            outline: none;
            width: 100%;
            background-color: #f5f5f5;
            color: #666666;
            font-size:16px;
            font-family:Plus Jakarta Sans;
        }

        .input-container input::placeholder {
            color: #999;
        }

        .input-container input:focus {
            outline: none;
        }
        
            input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #666666;
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.ab101{
    width:100%;
        border: none;
    background-color: #ff0033;
    padding: 12.5px;
    border-radius: 8px;
    color: white;
    font-size: 17px;
    font-family: Plus Jakarta Sans;
    margin-top: 5px;
     outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}



/* Για το register_process.php */


     
     .ab105:active{
        
        background-color:#ff6666;
    }
    
     
     #resendEmailForm{
         
         width:100%;
     }
     
     #sendverification{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
     }
     
     
     .ab102{
         cursor:pointer;
        border:0px; 
      width: auto;
    margin-bottom: 0px;
    margin-top: 18px;
    background-color: white;
    color: #ff0033;
    font-size:15px;
}

#countdown{
   
    margin-bottom:0px;
    font-size:17px;
}
         
     
     
     .code-input {
        width: 40px;
        height: 40px;
        font-size: 16px;
        text-align: center;
        margin-right: 14px; /* Απόσταση μεταξύ των inputs */
        background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius:12px;

    }
    .input-container2000 {
        display: flex;
        justify-content: center;
    }
    
    .ab105{
        
      
    width:100%;
        border: none;
    background-color: #ff0033;
    padding: 12.5px;
    border-radius: 8px;
    color: white;
    font-size: medium;
    margin-top: 20px;
     outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;

    }
     
        
   

.na1{
    
    color:#666666;
    font-size:17px;
        text-align: center;
            margin-top: 8px;

}

.ab106{
    
    font-size: 28px;
    text-align: center;
    margin-top:15px;
    color:#222222;
        margin-bottom: 0px;
}
   
 

.container{
    
      flex:1;
    display:flex;
    align-items:center;
    margin-top:100px;
}


       
       .marsou5{
           
           
        display: flex;
    flex-direction: column;
        width: 350px;
        align-items: center;
       }
         
	    #digit6{
	        
	        margin-right:0px;
	    }
		
		
		 .loading-spinner {
    border: 2px solid #f3f3f3; /* Light gray */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 0.8s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; /* Απόσταση από το κείμενο */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Για το jexasa_kodiko */

.ab111:active {
        
        background-color:#ff6666;
    }

.container123{
    
        display: flex;
    flex-direction: column;
        width: 350px;
        align-items: center;
}

.ab108{
    
    font-size:28px;
    color:#222222;
     font-family: Plus Jakarta Sans;
         margin-bottom: 0px;
             margin-top: 14px;
             text-align:center;

}

.nonono70{
    
       text-align:center;
     font-family: Plus Jakarta Sans;
     font-size:17px;
     color:#666666;
    margin-top: 4px;
}


#forgotPasswordForm{
    
    width:100%;
}

.ab111{
        margin-top: 7px;
        width: 100%;
    border: none;
    background-color: #ff0033;
    padding: 12.5px;
    border-radius: 10px;
    color: white;
    font-size: 17px;
    font-family: Plus Jakarta Sans;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

/* Για το allagh_kodikou */

.ca5{
        
        width:100%;
    }
	
/*Για το login */

 .mybutton10:active {    
    background-color:#ff6666;
}
	
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    font-size: 14px;
}

.divider::before, 
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #dddddd;
}

.divider:not(:empty)::before {
    margin-right: 10px;
}

.divider:not(:empty)::after {
    margin-left: 10px;
}

.popopop1{
    align-items: center;
    display: flex;
    flex:1;
}

.container54{ 
    width:360px;
}

.myofmyh2{ 
    font-size:28px;
    margin-bottom: 0px;
    color:#222222;
    margin-top:0px;
}

.nonono60{
    font-size:17px;
    color:#666666;
    margin-top: 8px;
}

.mybutton10{   
    margin-top: 10px;
    width: 100%;
    border: none;
    background-color: #ff0033;
    padding: 12.5px;
    border-radius: 10px;
    color: white;
    font-size: 17px;
    font-family: Plus Jakarta Sans;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.myamy{      
    text-decoration: none;
    color: #ff0033;
    text-align:center;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;      
}

 .no10{          
    display:flex;
    flex-direction:column;
}

#loginForm{
    margin-bottom: 20px;
}
   
.g_id_signin{    
   outline: none !important;
   box-shadow: none !important;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   cursor: pointer;   
}

    
.S9gUrf-YoZ4jf{   
    display: flex;
    justify-content: center;
}
       
/*Με αυτο δεν κουνιεται ολη η σελιδα οταν φορτωνει */
.g_id_signin span {
    display: none; /* Κρύβουμε το email */
}


 @media (max-width: 1200px) {
     /*Για το index.css*/
	 
     .nonono12 {
   
    font-size: 50px;
     }
     
     
     .nonono11{
         
         font-size:16px;
     }
	 
	 
	 /* Για το registration.php */
	 
	   .nonono66{
              
              font-size:16px;
          }
          
          .input-container input {
              
              font-size:15px;
          }
          
          
          .ab101{
              
              font-size:16px;
          }
		  
		  
		  
		  /* Για το register_process.php */
		  
		       #countdown{
              
              font-size:16px;
          }
          .na1{
              
              font-size:16px;
          }
          
            .input-container2000 input {
	         
	         font-size:15px;
	     }
	     
	     
	     .ab102{
	         
	         font-size:15px;
	     }
	     
	     .ab105{
	         
	         font-size:16px;
	     }
     
	 
	 /* Για το jexasa_kodiko */
	 
	  .nonono70{
              
              font-size:16px;
          }
          
	     
	     .ab111{
	         
	         font-size:16px;
	     }
		 
	 /*Για το login */
	 
	 .nonono60{
              
              font-size:16px;
          }
          
         
          
          .mybutton10{
              
              font-size:16px;
          }
	    
 }
 
 
 @media (max-width: 1100px) {
	 
	  /*Για το index.css*/
    .nonono12 {
        font-size: 48px;
    }
    
    .nonono34{
        
        width:100%;
    }
}


 
 @media (max-width: 1100px) {
	 
	  /*Για το index.css*/
    .nonono12 {
        font-size: 46px;
    }
}

 @media (max-width: 950px) {
	 
	  /*Για το index.css*/
	  
    .nonono12 {
        font-size: 43px;
    }
    
    .nonono7{
        
        width:100%;
    }
    
 
}


		 @media (max-width: 850px) {
			 
			  /*Για το index.css*/
			  
			  .thes-text {
        display: unset;
        margin-right: 10px; /* Δίνει λίγο κενό ανάμεσα στα κείμενα */
    }
			  
			  .nonono37{
			      
			      width:100%;
			  }
		     
		     .nonono11{
		         
		         align-items: center;
    display: flex;
    justify-content: center;
		     }
		     
		     .nonono50{
		         
		         display:none;
		     }
		     
		     .nonono35{
		         
		         display:flex!important;
		     }
		     
		     .nonono7{
		         
   width: auto;
    
		     }
		     
		     .nonono4{
		         
		         margin-top:0px;
		     }
		     
		   
		     .nonono24{
		         
		         height:100%;
		     }
		     
		     .nonono12{
		         
		         margin-top:0px;
		     }
		     .nonono27{
		         
		         text-align:center;
		     }
		     
		     
		     .nonono21{
		         
		         margin-top:20px;
		     }
		     .nonono28{
		         
		             display: flex;
    flex-direction: column;
    align-items: center;
    margin-left:auto;
    margin-right:auto;
		     }
		     
		     .nonono23{
		         
		         width:100%;
		     }
		     
		     .nonono30{
		         
		         display:block;
		     }
		     
		     .nonono22{
		         
		         display:none;
		     }
		     
		     
		     
		     .nonono25{
		         
		         flex-direction:column;
		         height:100%;
		     }
		     
		     .nonono10{
		         display:none;
		     }
	 
	 
	     .nonono5 {
	       flex-direction:column;
	         align-items:center;
	         
	     }
	     
	     .nonono8, .nonono9 {
    width: 100%;
     align-items:center;
}

.nonono15,.nonono12{
    
        text-align: center;
        font-size:39px;
}



.nonono8{
    
    flex-direction: column-reverse;
}
.nonono13{
    
    text-align:center;
    margin-top:30px;
}
	  
	  
	  .nonono20{
	      
	      display:block;
	       background-color: #ff0033;
    padding: 11.5px;
    border-radius: 8px;
    margin-top: 15px;
        width: 170px;
    text-align: center;
	  }  
	  
	  

	 }
	 
	 
	 
	 @media (max-width: 480px) {
	      /*Για το index.css*/
	  
	     
	     .nonono7{
	         
	         width:100%;
	     }
	     
	     .nonono27{
	         
	         font-size:19px;
	     }
	       .nonono34{
	         
	         font-size:19px;
	     }
    .nonono15, .nonono12 {
    
        font-size: 39px;
    }
    
    .nonono13{
        
        width:100%;
        font-size:19px;
    }
    
    .nonono40{
        
        
        font-size:17px;
        margin-left:0px;
    }
    
	
	
	
	/* Για το registration.php */
	
	
	.input-container input {
	         
	         font-size:16px;
	     }
	     
	     .marsou6{
	         
	         width:90%;
	         margin-left:auto;
	         margin-right:auto;
	     }
  
    /* Για το jexasa_kodiko */
	
	  
	     .nonono70{
	         
	         margin-top:8px;
	     }



.container123{
    
        width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* Για το login */

.container54{
     	         
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

}

	 @media (max-width: 420px) {
		 
		 
		  /*Για το index.css*/
	     
	      .nonono32{
	         
	         width:min-content;
	     }
    .nonono15, .nonono12 {
    
        font-size: 37px;
    }
    
  
}


 @media (max-width: 400px) {
	 
	 /* Για το register_process.php */

 .ab103{
        width: 100%;
}

 .marsou5{
	         
	         
        width: 90%;
    margin-left: auto;
    margin-right: auto;
	     }
        
        .code-input{
	         
	         width:11.5%;
	     }
		 
		 
 }
 
	 
	 @media (max-width: 380px) {
	      /*Για το index.css*/
	    
	     
	     .nonono27{
	         
	         font-size:18px;
	     }
	     
	       .nonono34{
	         
	         font-size:18px;
	     }
    .nonono15, .nonono12 {
    
        font-size: 35px;
    }
    
    .nonono13{
        
       
        font-size:18px;
    }
}



 @media (max-width: 360px) {

/* Για το register_process.php */
  .code-input{
	         
	         width:20%;
	     }
		 
 }
 

 @media (max-width: 330px) {
	  /*Για το index.css*/
    .nonono15, .nonono12 {
    
        font-size: 32px;
    }
    
    .nonono13{
        
       
        font-size:17px;
    }
    
    .nonono40{
        
        font-size:16px;
    }
}



 @media (max-width: 300px) {
	  /*Για το index.css*/
    .nonono15, .nonono12 {
    
        font-size: 31px;
    }
    
    .nonono40{
        
        font-size:16px;
    }
    
   
}