@font-face {
     font-family: 'Poppins-Regular';
     src: url('./Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'FRA2024-Standard';
     src: url('./FRA2024-Standard.otf') format('opentype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'FRA2024-Wide';
     src: url('./FRA2024-Wide.otf') format('opentype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Poppins-Light';
     src: url('./Poppins-Light.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 .center {
     text-align: center;
 }

 .validate-button {
     height: 56px;
     border-radius: 4px;
     display: "flex";
     justify-content: "center";
     align-items: "center";
     width: "100%";
     background-color: #504798;
     font-family: "FRA2024-Wide";
     font-size: 16px;
     letter-spacing: 1px;
     color: white;
 }

.validate-button:hover {
    background-color: #ffffff;
    color: #504798;
    border-width: 2px;
    border-color: #504798;
}

 .mail-input {
     padding-left: 12px;
     padding-right: 12px;
     border-width: 1px;
     border-color: black;
     height: 56px;
     border-radius: 4px;
     display: "flex";
     justify-content: "center";
     align-items: "center";
     width: 400px;
     background-color: white;
     font-family: "Poppins-Light";
     font-size: 16px;
 }

 .header-div {
     width: 100%;
     height: 270px;
     background-color: #504798;
     justify-content: center;
     align-items: center;
     display: flex;
 }

 .content-div {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     margin-top: 80px;
     margin-left: 166px;
     margin-right: 166px;
     overflow: auto;
 }

 .description-text {
     font-family: 'Poppins-Regular';
     font-size: 16px;
     margin-bottom: 40px;
 }

 .label-txt {
     font-family: 'FRA2024-Standard';
     font-size: 20px;
     letter-spacing: 0.4%;
 }

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

 .option-title {
     font-family: 'FRA2024-Standard';
     font-size: 32px;
     color: #504798;
 }

 .option-text {
     font-family: 'Poppins-Regular';
     font-size: 16px;

 }

 .suboption-text {
     font-family: 'Poppins-Regular';
     font-size: 16px;
     font-weight: bold;
     margin-top: 40px;
     margin-bottom: 40px;
 }

 .option-content {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
 }

 .buttons-content {
     display: flex;
     flex-direction: row;
     gap: 8px;
 }

 .mt-20 {
     margin-top: 20px;
 }

 .w-500 {
     width: 500px;
 }

 .w-650 {
     width: 650px;
 }

 .mt-40 {
     margin-top: 40px;

 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .display-none {
     display: none;
 }

 @media (max-width: 1064px) {
     
      .header-div {
     height: 190px;
 }
     .image-header {
         width: 80%;
     }
     
      .content-div {
     justify-content: center;
     align-items: center;
     margin-top: 40px;
     margin-left: 24px;
     margin-right: 24px;
 }
     
     .buttons-content {
     flex-direction: column;
        justify-content: center;
        align-items: center;
     }
     
     .mail-input {
         font-size: 16px;
     }
     

     .label-txt {
         font-size: 24px;
         margin-bottom: 4px;
     }

     .option-title {
         font-size: 32px;
         justify-content: center;
     }
     
     .w-500 {
             display: flex
;
    align-items: center;
    justify-content: center;
     }
         
     
 }

@media (max-width: 520px) {
    
    .mail-input {
        width: 90%;
        margin: 0;
        justify-content: center;
    }
    
    #emailForm {
        width: 90%;
        margin: 0 32px;
    }
   
}