@font-face {
    font-family: aptos;
    src: url(../fonts/Aptos/aptos.ttf) format('truetype');
}

@font-face {
    font-family: aptos-semibold;
    src: url(../fonts/Aptos/aptos-semibold.ttf) format('truetype');
}

@font-face {
    font-family: aptos-extrabold;
    src: url(../fonts/Aptos/aptos-extrabold.ttf) format('truetype');
}

@font-face {
    font-family: aptos-bold;
    src: url(../fonts/Aptos/aptos-bold.ttf) format('truetype');
}

@font-face {
    font-family: aptos-black;
    src: url(../fonts/Aptos/aptos-black.ttf) format('truetype');
}
*{
    margin:0px;
    padding:0px;
}
html, body, #form1 {
    height: 100%;
}

.p-5{
    padding:8px 15px;
}
h3{
    font-size:28px;
    font-family:var(--aptosBold);
}
    h4{
        font-size:25px;
    }
    p{
        font-size:17.5px;
    }

    body {
        background: var(--bg);
        font-family:var(--aptos);
        position:relative;


    }
        body:after {
            content: '';
            position: absolute;
            background-image: url(../Images/ejoinbg.png);
            background-image: url(../Images/ejoinbg.svg);
            background-repeat: no-repeat;
            background-size: cover;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
        }
.w-100{
    width:100%!important;
}
/*--------------------------------- loginpage css ---------------------------------*/
.loginContainerNew {
    height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    background: transparent;
    overflow-y: auto;
    flex-wrap: wrap;
}
    .loginContainerNew::-webkit-scrollbar{
        display:none;
    }
    .logo a {
        display: flex;
        justify-content: center;
    }
.logo img {
    width: 200px;
}
.newlook-Log {
    background: var(--white);
    border: 1px solid var(--blueclr);
    width: 100%;
    border-radius: var(--borderradius);
    display: flex;
    flex-wrap: wrap;
    box-shadow: var(--bxshdow);
}
.newlook-Log h5{
    font-family:var(--aptos);
}
.newlook-Log_form-header p{
    font-family:var(--aptos);
    text-align:center
}
.newlook-Log_form {
    width: 40%;
    padding: 25px 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:12px;
}
.newlook-Log_form-img {
    width: 60%;
    background: var(--verylightyel);
    background: var(--lightprup);
    border-bottom-right-radius: var(--borderradius);
    border-top-right-radius: var(--borderradius);
    display: flex;
    justify-content: center;
}
.logintextNew {
    font-size: 14.5px;
    font-weight: 500;
    font-family: var(--aptos);
}
.main-form .form-group{
    margin-bottom:15px;
}
.buttoncol input{
    background:var(--lightyel);
    background:var(--pinkprup);
    border-radius:var(--borderradius);
    width:100%;
}

.Log_form-img{
    width:450px;
}
.copy-right {
    border-radius: var(--borderradius);
    padding: 5px;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--blueclr);
    font-family:'GraphikRegular',sans-serif
}
.copyrighttext, .hlp-line {
    color: var(--white);
    padding: 0;
    margin: 0;
    font-size:11px;
}

@media (max-width:600px) {
    h3{
        font-size:25px;
    }
        h4{
            font-size:20px;
        }
        p{
            font-size:15.5px;
        }
        .dmob-none {
            display: none;
        }
    .newlook-Log_form{
        width:100%;
    }
    .newlook-Log_form{
        padding:30px;
    }
}
@media (max-width:320px) {
    .newlook-Log_form {
        padding: 25px;
    }
}