.layout-form {
    width: 100%;
    min-height: 100vh;
    background-image: url("../assets/images/invetation-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.layout-form .image-metra {
    width: 100%;
    display: flex;
    justify-content: end;
    padding: 0 30px;
}
.layout-form .image-metra img {
    width: 90px;
}
.layout-form header {
    width: 90%;
    margin: 0 auto;
}
.layout-form .image-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout-form header .image-box .image {
    height: clamp(30px, 15vw, 40px);
}

/******* Form *******/
.auth .form-container {
    background-color: var(--white-color);
    width: 40%;
    margin:  auto ;
    padding: 20px 30px;
    border-radius: 16px;
}
.partner-form .form-container {
    width: 30%;
}
.auth .form-container .form-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.auth .form-container .form-content .title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: clamp(2px, 2vw, 30px);
    width: 100%;
    margin: auto;
}
.auth .title .image.logo {
    width: clamp(70px, 15vw, 80px);
}

/* Global */
h2.title-form {
    font-size: clamp(15px, 3vw, 20px);
    font-weight: bold;
    /* background: linear-gradient(to right, rgba(91, 56, 173, 1), rgba(55, 28, 126, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    /* color: rgba(20, 20, 26, 1); */
}
.sign-up h2.title-form {
    background: linear-gradient(to right, rgba(65, 65, 79, 1), rgba(65, 65, 79, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
p.dec {
    font-size: clamp(9px, 2vw, 14px);
    padding-top: 10px;
    color: rgba(65, 65, 79, 1);
}
.auth form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.auth .group-input {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.auth .group-input .show-pass {
    color: rgba(231, 231, 234, 1);
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.auth label {
    font-size: 15px;
    color: rgba(65, 65, 79, 1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: clamp(12px, 3vw, 15px);
    width: fit-content;
    gap: 2px;
}
.auth label .star {
    color: rgba(253, 61, 68, 1);
    font-size: 6px;
    width: fit-content;
}
.auth input,
.auth textarea,
.auth select {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(231, 231, 234, 1);
    height: clamp(35px, 5vw, 50px);
    padding: 5px 12px;
    transition: .3s;
}
.auth select {
    appearance: none;
    color: rgba(186, 186, 193, 1);
}
.auth textarea {
    height: 150px;
    resize: none;
}
.auth input:focus,
.auth textarea:focus {
    border-color: #3F2289;
    box-shadow: 0 0 8px rgba(63, 34, 137, 0.4);
}
.auth input::placeholder,
.auth textarea::placeholder {
    color: rgba(186, 186, 193, 1);
    font-size: clamp(12px, 3vw, 14px);
}
.auth .group-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.auth .forget-pass {
    color: rgba(91, 56, 173, 1);
    font-size: clamp(12px, 3vw, 14px);
    text-align: start;
}
.auth .create-acount {
    text-align: center;
    font-weight: 700;
    color: rgba(186, 186, 193, 1);
    font-size: clamp(12px, 3vw, 14px);
}

.auth .create-acount p{
    font-weight: 500px;
}
.auth .create-acount p a,
.auth .create-acount p span {
    color: rgba(91, 56, 173, 1);
}
.verify-input-container .verify-input {
    text-align: center;
}
.auth .support-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 100%;
}
@media (max-width: 1200px) {
    .partner-form .form-container {
        width: 45%;
    }
}
@media (max-width: 991px) {
    .auth .form-container {
        width: 85%;
    }
}
.auth .select-group {
    position: relative;
}
.auth .select-group .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(186, 186, 193, 1);
}

/*? Partner-Identity-Verification */
.partner-form {
    background-image: url("../assets/images/invetation-bg.png");
}
.partner-form .title .image.logo {
    width: 75px;
    /* height: 75px; */
    /* background-image: linear-gradient(90deg, #481DAA, #9071FF, #A94AE8, #AB9BE5, #AB9BE5, #E3A000); */
    /* background-image: linear-gradient(90deg, #4c1cba, #5937d2, #8521c6, #836fcb, #8a75d6, #c89419);
    padding: 15px;
    border-radius: 50%;
    border: 10px solid rgb(204 198 228); */
    /* background-image: url("../assets/images/BG-iconPartner.svg");
    background-position: center;
    background-size: cover; */
}

.partner-form .form-container {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}
.partner-form form {
    border: 1px solid #9680DD;
    border-radius: 20px;
    background-color: var(--white-color);
    padding: 20px;
    gap: 20px;
}
.partner-form form .logo-company {
    width: 80px;
    height: 80px;
    margin: auto;
    border: 2px solid #E7D7FA;
    border-radius: 50%;
    margin-bottom: 30px;
}
.partner-form form .logo-company img {
    border-radius: 50%;
}
.partner-form form .info-company ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 25px;
}
.partner-form form .info-company h5 {
    color: #9680DD;
    background-color: #F1EFFB;
    padding: 5px 15px;
    font-size: clamp(12px, 3vw, 14px);
}
.partner-form form .info-company ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.partner-form form .info-company ul li label {
    color: #BABAC1;
}
.partner-form form .info-company ul li label,
.partner-form form .info-company ul li input {
    font-size: clamp(10px, 2vw, 12px);
}
.partner-form form .info-company input {
    border: 1px solid rgba(231, 231, 234, 1);
    border-radius: 5px;
    width: 200px;
    height: 25px;
    text-align: center;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.partner-form form .info-company input:focus {
    box-shadow: none;
}

.partner-form .btn-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-inline: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(241, 239, 251, 1);
}





.modal-content .form-container.reg{
    width: 100% !important;
}
#partner-request-form .modal-body  textarea{
    height: 70px !important;
}

#partner-request-form .modal-footer {
    border-top: none !important;
}

.request_partner_btn{
    border: 1px solid #3f2289 !important;
    color: #3f2289 !important;
    background-color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    margin-top: 10px !important;
}
.request_partner_btn:hover{
    background-color: #3f2289 !important;
    color: #fff !important;
}


#partner_email_error{

    margin-bottom: 10px;
}