html{
    overflow-x: hidden;
    height: 100%;
}
.log-form-bg {
    background-image: url(../img/Bg-login.jpg);
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 02% 0px;
    position: relative;
    height:100vh;
}

.log-form-bg2 {
    background-image: url(../img/Bg-login.jpg);
    background-size: cover !important;
    background-repeat: no-repeat;
    padding: 05% 0px;
    position: relative;
    height:auto;
}
.card {
    background: hsl(0deg 0% 0% / 19%);
    backdrop-filter: blur(5px);
    padding: 60px;
}

.cascading-right {
    margin-right: -50px;
}

button.btn-login-set {
   background-color: #A8722C !important;
}
p.tag-line-set{
    color: #ffffff !important;
    font-weight:600 ;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Space Grotesk ;
}

h2.font-change{
    font-family: Space Grotesk ;
    line-height: 40px;
}

.font-change-p{
    font-family: Space Grotesk ;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 17px;
    line-height: 22.1px;
    text-align: center;
}

.tag-line-set span a {
    text-decoration: none;
    color: #EE9F38;
}

.tag-signup{
    color: #EE9F38 !important;
    font-weight:400 ;
    text-transform: capitalize;
    font-size: 14px;
    font-family: Space Grotesk ;
}
  

.icon--eye{ 

    width: 20px;
    height: auto;
    position: absolute;
    right: 17%;
    margin-top: -28px;
    
}
.icon--eye--close {
    width: 20px;
    height: auto;
    position: absolute;
    right: 17%;
    margin-top: -28px;
}

.gif--set{
    width: 200px;
    border-radius: 100% ;
    margin: 20px 0px 0px 0px;
}

@media (max-width: 991.98px) {
    .cascading-right {
        margin-right: 0;
    }
}

@media (max-width:768px){

    .card {
        background: hsl(0deg 0% 100% / 19%);
        backdrop-filter: blur(5px);
        padding: 0px;
    }
}