:root {
    --color-Charcoal-Gray: #333333;
    --color-Royal-Purple: #4D2C80;
    --color-royal-blue: #3563E7;
}


.WelcomeImage {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.WelcomeImage .bg-imagewelcome {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
    min-height: 120px;
}

.WelcomeImage .welcomeTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    width: 100%;
}

.DivAlreadyHaveAccounthead {
    background-color: #F5F5FC;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.alreadyHaveAccountHead {
    color: var(--color-Charcoal-Gray);
    text-align: center;
    letter-spacing: 1px;

}

.SignInText {
    color: var(--color-Royal-Purple);
    text-decoration: underline;
}



.CreateEventBG {
    background-color: #FFFF !important;
}


.CreateEventMainTitle h1 {
    display: none;
}

.CreateEventMainTitle::after {
    content: "تسجيل عبر";
    font-size: 24px;
    font-family: var(--font-main-bold);
    padding: 20px;
    text-transform: none;
}

.FormMainSubTitle {
    display: none;
}

.FBbtnDivMgB,
.GpbtnDiv {
    margin: 10px;
    width: auto;
}


.SocialLogInThroughGM,
.SocialLogInThroughFB {
    border-radius: 16px;
    height: 50px;
    font-family: var(--font-main-bold);
}

.SocialLogInThroughGM h6,
.SocialLogInThroughFB h6 {
    font-size: 14px;
}

.SocialLogInThroughFB {
    background-color: var(--color-royal-blue);
}

.txtFullName,
.txtEmail,
.ContactTextField,
.cmbCountries,
.cmbNationality,
.txtAdress,
.txtCountry,
.txtMobile,
.cmbGender,
.cmbyearOfBirth {
    border-radius: 16px;

}

.RegisterWhiteBg .FormsButton {
    background-color: var(--color-electric-indigo) !important;
    color: var(--color-white) !important;
    font-family: var(--font-main-bold);
    font-size: 16px;
    max-width: 265px !important;
    width: 100% !important;
    border-radius: 16px;
    margin-right: 40px;
}

.ButtonMain::after, .ButtonMain::before  {
    content: initial
}

.FormsButton2 ::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7' stroke='white' fill='none' stroke-width='2'/></svg>");
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    /* aligns with text baseline */
    margin-right: 6px;
    transform: rotate(180deg);
}

.textalignC h6 {
    padding: 10px;
}

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

.RegisterWhiteBg::before {
    content: "يرجى ملء النموذج أدناه";
    display: inline-block;
    background: #ffffff22;
    padding: 12px;
    border: 1px solid var(--color-electric-indigo);
    border-radius: 10px;
    font-family: var(--font-main-bold);
    font-size: 18px;
    max-width: 450px;
    width: 100%;
    text-align: center;
}

.register-main-header {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px !important;
}

.register-main-header::after {
    content: "او";
    display: inline-block;
    font-family: var(--font-main-bold);
    font-size: 24px;
    padding: 10px;
    max-width: 450px;
    width: 100%;
    text-align: center;
    order: 1;
    padding-top: 50px;
}

.RequiredFields {
    display: none;
}

.RegisterWhiteBg .subNewsLetter {
    font-family: var(--font-main-bold) !important;
    font-size: 14px !important;
    letter-spacing: 0px;
}

.scaleRecaptcha.u-relative {
    top: unset !important;
    left: unset !important;
    padding-bottom: 10px;
}

@media (min-width: 992px) {


    .WelcomeImage {
        padding: 30px;
        border-radius: 16px;
    }

    .FBbtnDivMgB,
    .GpbtnDiv {
        width: auto;
        margin: 20px;
    }

    .WelcomeImage .bg-imagewlecome {
        display: block;
        width: 100%;
        min-height: 100px;
        height: auto;
        filter: brightness(0.6);
        min-height: 200px;
        border-radius: 16px;
    }

    .scaleRecaptcha.u-relative {
        padding-bottom: 0px;
    }


}

@media (min-width:1200px) {


    .WelcomeImage {

        padding: 60px;
    }
}

div:has(> .CreateEventMainTitle),
div:has(> .FBbtnDiv) {
    order: 1;
}

.alreadyHaveAccount {
    position: absolute;
    top: 0;
    background-color: #F5F5FC !important;
    width: min(100vw, 1760px);
    color: var(--color-raisin-black) !important;
    letter-spacing: 0px !important;
    font-family: var(--font-main) !important;
}

.alreadyHaveAccount a {
    font-family: var(--font-main-bold) !important;
    color: var(--color-electric-indigo) !important;
}
.RegisterWhiteBg .FormsButton:hover {
    color: var(--color-electric-indigo) !important;
    background-color: transparent !important;
}


.FormsButton2:hover ::after{
    all: initial;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h14M12 5l7 7-7 7' stroke='%230083c4' fill='none' stroke-width='2'/></svg>");
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    /* aligns with text baseline */
    margin-left: 6px;
}


.RegisterWhiteBg .CheckBoxWhite3 + label .CheckBoxStyle {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cg id='Group_65886' data-name='Group 65886' transform='translate(-339 -1692)'%3e%3cg id='Frame_427320584_Frame_Background_' data-name='Frame 427320584 [Frame Background]' transform='translate(339 1692)' fill='%23fff' stroke='%230083c4' stroke-width='4'%3e%3crect width='30' height='30' rx='6' stroke='none'/%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='5.5' fill='none'/%3e%3c/g%3e%3cpath id='Path_77538' data-name='Path 77538' d='M0,0H26.676V26.676H0Z' transform='translate(341 1694)' fill='none'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat !important;
    background-size: 14px !important;
    position: relative !important;
    top: 0px !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    padding-left: 20px;
}

.CheckBoxWhite3:checked + label .CheckBoxStyle {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cg id='Group_65885' data-name='Group 65885' transform='translate(-339 -1692)'%3e%3cg id='Frame_427320584_Frame_Background_' data-name='Frame 427320584 [Frame Background]' transform='translate(339 1692)' fill='%23fff' stroke='%230083c4' stroke-width='4'%3e%3crect width='30' height='30' rx='6' stroke='none'/%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='5.5' fill='none'/%3e%3c/g%3e%3cg id='Group_65587' data-name='Group 65587' transform='translate(346.558 1701.669)'%3e%3cpath id='Path_77537' data-name='Path 77537' d='M25.228,14.133a1.074,1.074,0,0,0-1.556,0L15.335,22.47,11.89,19.024h0a1.1,1.1,0,1,0-1.556,1.556L14.557,24.8a1.074,1.074,0,0,0,1.556,0l9.114-9.114A1.074,1.074,0,0,0,25.228,14.133Z' transform='translate(-10 -13.8)' fill='%230083c4'/%3e%3c/g%3e%3cpath id='Path_77538' data-name='Path 77538' d='M0,0H26.676V26.676H0Z' transform='translate(341 1694)' fill='none'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat !important;
    position: relative !important;
    top: 0px !important;
    background-size: 14px !important;
}

.alreadyHaveAccount a {
    border-bottom: 1px solid var(--color-electric-indigo) !important;
}