/* class="locationstyle" placeholder="Select Your city" */
/* courseStyle
qualificationStyle */
@font-face {
    font-family: Montserrat;
    src: url(fonts_family/Montserrat-VariableFont_wght.ttf) format('truetype');
}

@font-face {
    font-family: Inter;
    src: url(./fonts_family/Inter-VariableFont_slnt\,wght.ttf);
}

a {
    color: unset;
    text-decoration: none;
    background-color: unset;
}

a:hover {
    color: unset;
    text-decoration: none;
}

* {
    margin: 0px;
    padding: 0px;
}

.loginSection {
    margin: 0px;
}

select {
    appearance: none;
}

.vertical_rectangle {
    background-color: #419EBD;
    padding: 0px;

}

.cb-sprite {
    background-image: url("../../img/careerSprite.png");
    display: inline-block;
    overflow: hidden;
}

.name-icon {
    width: 33px;
    height: 26px;
    background-position: -557px -30px;
    vertical-align: middle;
}

.phone-icon {
    width: 33px;
    height: 26px;
    background-position: -529px -75px;
    vertical-align: middle;
}

.email-icon {
    width: 33px;
    height: 26px;
    background-position: -569px -77px;
    vertical-align: middle;
}

.password-icon {
    width: 33px;
    height: 26px;
    background-position: -467px -235px;
    vertical-align: middle;
}


.CB_Image {
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 147px;
    left: 130px;

    border-radius: 16px;
    background: var(--neutral-07, #FDFDFC);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);

    padding-top: 155px;
    padding-right: 80px;
    padding-bottom: 161px;
    padding-left: 42px;

    /* margin-bottom: 212px; */
}

.CB_Image img {
    width: 334px;
    height: 171px;

}

.Login {
    margin-top: 65px;
    margin-left: 350px;
    margin-right: 100px;

}

.Login_Title {
    /* color: var(--neutral-02, #424240); */

    /* Heading 03 */
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    padding-bottom: 24px;
}

.login_title_descr {
    /* color: var(--neutral-03, #666563); */

    /* Body/03 */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;

}

.usernameStyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 54px;
    margin-bottom: 24px;
}

.userpng,
.emailpng,
.locationpng,
.coursepng,
.qualificationpng {
    position: absolute;
    top: 9px;
    left: 11px;
}

.mobilenumberStyle {
    width: 100%;
    padding-left: 0px;
}

.mobilenumberStyle img {
    display: none;
    visibility: hidden;
}

.mobilenumberStyle input {
    width: 100%;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid var(--neutral-5, #ADACA8);
    /* color: var(--neutral-5, #ADACA8); */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 32px;
}

.countrycodeStyle {
    display: flex;
    padding-right: 0px;
    width: 140px;

}

.coutrycodepng {
    position: relative;
    left: 10px;
    top: 7px;
}

.arrowPosition2 {
    position: absolute;
    margin-left: 82px;
    margin-block: 10px;
    font-size: 20px;
    pointer-events: none;
}

.countrycodeStyle select {
    width: 100%;
    margin-left: -33px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid var(--neutral-5, #ADACA8);
    /* color: var(--neutral-5, #ADACA8); */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 24px 10px 50px;
    background-color: white;
}

.emailStyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 54px;
    margin-bottom: 24px;
}

.locationstyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 54px;
    /* margin-bottom: 24px; */
    background-color: white;
}

.courseStyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 54px;
    /* margin-bottom: 24px; */
    background-color: white;
}

.qualificationStyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 54px;
    margin-bottom: 24px;
    background-color: white;
}

.passwordStyle {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--neutral-5, #ADACA8);

    /* color: var(--neutral-5, #ADACA8); */
    /* Body/04 */
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 44px;
    margin-bottom: 24px;
}

.arrowPosition1 {
    position: relative;
    float: right;
    top: -35px;
    right: 20px;
    font-size: 20px;
    pointer-events: none;
}

.arrowPosition {
    position: relative;
    float: right;
    top: -58px;
    right: 20px;
    font-size: 20px;
    pointer-events: none;
}

.remember_section {
    /* color: var(--neutral-06, #D1CFCA); */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 24px;
}


.form-check {
    padding-left: 40px;


}

.frgtPwd {
    text-align: end;
}

p {
    width: 100%;
    text-align: center;
    border-bottom: 1.5px solid #D1CFCA;
    height: 1.5px;
    line-height: 0.1em;
    margin: 10px 0 20px;


}
.errorName .errorlist{
    list-style: none;
}

p span {
    color: #D1CFCA;
    padding: 0 10px;
    background-color: white;

}

.horizontal_login_desc {
    margin-bottom: 24px;
}

.social_media_button {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* width: 70%; */
    margin: auto;
    gap: 28px;
    margin-bottom: 24px;
}

.google_button {
    padding: 10px 32px;
    border-radius: 10px;
    /* color: var(--neutral-5, #ADACA8); */
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: 'normal';
    font-weight: 700;
    line-height: 24px;
    width: 174px;
    float: right;
    border: 1px solid var(--neutral-5, #ADACA8);
}

.google_button img {
    margin-right: 12px;
}

.facebook_button {
    padding: 10px 32px;
    border-radius: 10px;
    color: #385596;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    width: 174px;
    float: left;
    border: 1px solid var(--neutral-5, #ADACA8);
}



.facebook_button img {
    margin-right: 12px;
}

.Login_button {
    border-radius: 16px;
    background: #F8AC1A;
    width: 100%;
    color: white;
    text-align: center;
    /* Body/04 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px;
}

.Signup_here {
    color: #666563;
    /* Body/03 */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 216px;
}

.Signup_here span {
    color: #F8AC1A;
    cursor: pointer;
}

.vertical_rectangle_mv {
    visibility: hidden;
    display: none;
}

/* Mobile CSS */
@media only screen and (max-width:768px) {

    .arrowPosition2 {
        margin-left: 76px;
    }

    .Login {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 80px;
        text-align: center;
    }

    .vertical_rectangle_mv {
        visibility: visible;
        display: block;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.10);

    }

    .vertical_rectangle_mv img {
        margin: 8px 17px;
    }

    .Login_Title {
        /* color: var(--neutral-02, #424240); */
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;

    }

    .vertical_rectangle {
        visibility: hidden;
        display: none;
    }

    .form-check {
        padding-left: 47px;
        width: 50%;
        text-align: left;
    }

    .mobilenumberStyle img {
        display: block;
        visibility: visible;
        position: absolute;
        top: 10px;
        left: 34px;
    }

    .countrycodeStyle select {
        padding: 10px 11px 10px 50px;
        margin-bottom: 24px;

    }

    .checkboxStyle {
        position: absolute;
        margin-block: 8px;
    }

    .mobilenumberStyle input {


        padding-left: 56px;
    }

    .userpng {
        float: left;
    }

    .emailpng,
    .locationpng {
        float: left;
    }

    .coursepng,
    .qualificationpng {
        float: left;
    }

    .mobilenumberStyle {
        margin-right: 13px;
    }

    option {
        width: 400px !important;
    }
}


@media only screen and (min-width:769px) and (max-width: 1000px) {
    .social_media_button {
        grid-template-columns: repeat(1, 1fr);
    }

    .social_media_button div {
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .CB_Image {

        top: 147px;
        left: 80px;



        padding-top: 125px;
        padding-right: 60px;
        padding-bottom: 141px;
        padding-left: 42px;


    }

    .CB_Image img {
        width: 300px;
        height: 141px;

    }

    .Login {

        margin-left: 300px;
        margin-right: 80px;

    }
}