#affiliate-page {
    margin-top: 9rem;
}

#affiliate-page h1,
#affiliate-page h2,
#affiliate-page h3{
    width: 100%;
    text-align: center;
    font-size: 2rem;
    margin: 1rem 0;
}

#affiliate-page h3 {
    font-size: 1.4rem;
}

#affiliate-page > .wrapper {
    flex-direction: column;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1rem;
}

#affiliate-form i {
    color: #e9464b;
    font-size: 0.8rem;
}

#affiliate-form {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
}

#affiliate-form label {
    margin-bottom: 0.25rem;    
}

#affiliate-form label[for="id_tos_consent"] {
    order: 1;
}

#affiliate-form input {
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    font-size: 1rem;
    transition: border-color 0.25s;
    padding: 0.6rem 1.25rem;
    background: #fff;
    color: #333;
}

#id_tos_consent {
    margin-right: 0.5rem;
}

#affiliate-form textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: none;
    font-size: 1rem;
    transition: border-color 0.25s;
    padding: 0.6rem 1.25rem;
    background: #fff;
    color: #333;
}


#affiliate-form p {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0.75rem 0;
}

#affiliate-form p:last-of-type {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#affiliate-form button {
    display: inline-block;
    color: #fff;
    background: #e9464b;
    padding: 1rem 4rem;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem;
    transition: background 1s linear;
    cursor: pointer;
    width: 100%;
}

#affiliate-form button:hover {
    background: #c31e24;
}



table {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
    color: #333;
    border: 1px solid #ddd;
    margin-bottom: 2rem;
}

table td, table th {
    border: 1px solid #ddd;
    padding: 8px;
}

table td:first-child {
    width: 200px;
    font-weight: bold;
}


.affiliate-terms {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 1rem 2rem 1rem;
}


.terms-section ul,
.terms-section ol {
    padding-left: 2.5rem; /* Adjust this value as needed */
    padding-top: 1.5rem;
}

@media screen and (max-width: 550px) {
   #affiliate-page h1,
   #affiliate-page h2 {
       font-size: 1.5rem;
   }    

   #affiliate-page h3 {
       font-size: 1.3rem; 
   }
}

#affiliate-form-success {
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
    padding: 2rem 1rem;
}

#affiliate-form-success i {
    font-size: 3rem;
}

#affiliate-ty {
    font-size: 2rem;
    padding-left: 1rem;
}

#affiliate-form-success div:last-child {
    margin-top: 1rem;
}

#affiliate-form .errorlist {
    color: red;
    list-style-type: none;
}