.signin-signup-row {
    display: flex;
}

.signin-signup-row .sign-in,
.signin-signup-row .sign-up {
    width: 50%;
}

.signin-signup-row .sign-in figure {
    margin-left: 100px;
    margin-right: 100px;
}

.divider {
    border-left: 1px solid #707070;
    opacity: 0.3;
    height: 828px;
}

nav {
    box-shadow: unset;
}

.pink-btn {
    padding: 23px 150px 29px 150px;
}

.title {
    /* font: normal normal 900 53px/103px Axiforma; */
    font-size: 53px;
    font-weight: 900;
    margin-bottom: 60px;
}

.signin-signup-row .sign-in .email,
.signin-signup-row .sign-in .password {
    height: 85px;
    width: 90%;
    box-shadow: inset 0px 1px 6px #f3f3f3, 0px 10px 10px #e7e7e7;
    border-radius: 43px;
    opacity: 1;
    display: flex;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    font: normal normal bold 23px/31px Axiforma;
    letter-spacing: 0px;
    color: #1D1A1B;
}

.signin-signup-row .sign-in .email img,
.signin-signup-row .sign-in .password img {
    position: relative;
    top: 6px;
}

.signin-signup-row .sign-in .email,
.signin-signup-row .sign-up .pink-btn {
    margin-bottom: 41px;

}

.signin-signup-row .sign-in .password {
    margin-bottom: 31px;
}

.signin-signup-row .sign-in .email input,
.signin-signup-row .sign-in .password input {
    all: unset;
    width: 100%;
}

.forget-pass {
    margin-top: 47px;
    margin-bottom: 130px;
    display: flex;
    justify-content: space-between;
    width: 90%;
    /* gap: 200px; */
}

.forget-pass>div,
.singup-label {

    font: normal normal normal 29px/48px Axiforma;
    letter-spacing: 0px;
    color: #1D1A1B;
}

#signup-conatiner {
    position: relative;
    padding-bottom: 78px;
    position: relative;
    z-index: 1;
}

#signup-conatiner::after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 0;
    top: -140px;
    background-image: url("../assets/signupIntersection.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 45%;
    height: 100%;
}
#signup-conatiner.forgot-password::after {
background: unset;
}
.signin-signup-row .sign-up .pink-btn,
.signin-signup-row .sign-up .white-btn {
    width: 100%;
    text-align: center;
}

.singup-label {
    margin-bottom: 21px;
    margin-top: -125px;
}

.signin-signup-row .sign-up {
    display: flex;
    justify-content: end;
}

.signin-signup-row .sign-up .sign-up-wraper {
    width: 90%;
}

.sign-up-wraper figure {
    opacity: 0;
}


#forgotPassModal .modal-content{
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
header{
    position: unset;
  
}
main{
    margin-top: unset;
}
@media (max-width:1600px) {

    .forget-pass>div, .singup-label{
        font-size: 20px;
    }
    .pink-btn, .white-btn {
        padding: 15px 100px 15px 100px;
    }
    .signin-signup-row .sign-in .email, .signin-signup-row .sign-in .password {
    height: 55px;
    font-size: 16px;
    width: 75%;
    padding-left: 0;
    }
    .signin-signup-row .sign-up .sign-up-wraper{
        width: 75%;
    }
    .title {
        font-size: 32px;
        margin-bottom: 35px;
    }
    .singup-label{
        margin-top: -90px;
    }
    .signin-signup-row .sign-in .email, .signin-signup-row .sign-up .pink-btn{
        margin-bottom: 25px;
    }
    .forget-pass {
        margin-top: 30px;
       
    }
    .custom-checkbox {
    width: 22px;
    height: 22px;
    min-width: 22px;
    }
    .forget-pass>div, .singup-label,.checkbox-label {
    font-size: 18px;
    }
}
@media (max-width:1399px) {
    
    /* .signin-signup-row .sign-in .email, .signin-signup-row .sign-in .password{
        height: 75px;
    } */
}
@media (max-width:1199px) {
    
    /* .signin-signup-row .sign-in .email, .signin-signup-row .sign-in .password{
        height: 75px;
    } */
    .custom-checkbox {
        width: 18px;
        min-width: 18px;
        height: 18px;
        /* position: relative;
        top: 2px; */
    }
}

@media (max-width:991px) {

    .title {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .signin-signup-row .sign-in .email,
    .signin-signup-row .sign-in .password {
        height: 50px;
        /* width: 100%; */
        font: normal normal bold 14px/19px Axiforma;
    }

    .signin-signup-row .sign-in .email img,
    .signin-signup-row .sign-in .password img {
        width: 50px;
        top: 3px;
    }

    .signin-signup-row .sign-in .email,
    .signin-signup-row .sign-up .pink-btn {
        margin-bottom: 20px;
    }

    .forget-pass {
        margin-top: 24px;
        margin-bottom: 41px;
        justify-content: space-between;
        gap: unset;
        width: 90%;
    }

    .forget-pass>div,
    .singup-label {
        font: normal normal normal 15px/24px Axiforma;
    }

    .pink-btn,
    .white-btn {
        padding: 16px 81px 16px 81px;
        font-size: 16px;
    line-height: 20px;
    }
    .divider{
        height: 365px;
    }
}
@media (max-width:767px) {
    #signup-conatiner::after {
        bottom: -175px;
        width: 100%;
        height: 462px;
        top: unset;
    }
    .signin-signup-row {
        flex-direction: column;

    }

    .divider {
        height: 0px;
        width: 100%;
        border-bottom: 1px solid;
    }

    .signin-signup-row .sign-in,
    .signin-signup-row .sign-up {
        width: 100%;
    }

    .signin-signup-row .sign-in figure {
        margin: 0;
    }

    .title {
        font-size: 27px;
        margin-bottom: 20px;
    }

    .signin-signup-row .sign-in .email,
    .signin-signup-row .sign-in .password {
        height: 50px;
        width: 100%;
        font: normal normal bold 14px/19px Axiforma;
    }

    .signin-signup-row .sign-in .email img,
    .signin-signup-row .sign-in .password img {
        width: 50px;
        top: 3px;
    }

    .signin-signup-row .sign-in .email,
    .signin-signup-row .sign-up .pink-btn {
        margin-bottom: 20px;
    }

    .pink-btn,
    .white-btn {
        padding: 16px 81px 16px 81px;
    }

    .forget-pass {
        margin-top: 24px;
        margin-bottom: 41px;
        justify-content: space-between;
        gap: unset;
    }

    .forget-pass>div,
    .singup-label {
        font: normal normal normal 15px/24px Axiforma;
    }

  
    .signin-signup-row .sign-up .sign-up-wraper{
        width: 100%;
    }
    .sign-up-wraper figure{
        display: none;
    }
    .singup-label{
        margin-top: 38px;
    }
    #signup-conatiner{
        padding-bottom: 48px;
    }
}