/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
    font-family: Ubuntu-Regular;
    src: url('../fonts/ubuntu/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: Ubuntu-Bold;
    src: url('../fonts/ubuntu/Ubuntu-Bold.ttf');
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/

.bg-tertiary {
    background-color: #685BC7;
}

.btn-tertiary {
    background-color: #685BC7;
    color: #fff;
}

.btn-tertiary:hover {
    background-color: #5345A8;
    color: #fff;
}

.txt1 {
    font-family: Ubuntu-Regular;
    font-size: 16px;
    color: #827ffe;
    line-height: 1.4;
}

.label-txt {
    font-family: Ubuntu-Regular;
    font-size: 15px;
}


/*CUSTOM INPUT*/

.inp {
    border: none;
    border-bottom: 1px solid black;
    padding: 5px 10px;
    outline: none;
}

.inp:focus {
    border: #009c99;
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 0.4s 0.4s ease;
    text-indent: -100%;
    opacity: 1;
}

.inp:focus+label {
    color: #009c99;
}


/*****/

.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 2px;
    background: rgb(0, 0, 0);
}

.h-custom {
    height: calc(100% - 73px);
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

.loginTupp {
    width: 100%;
    height: auto;
    margin-top: 50px;
    object-fit: cover; 
    object-position: 50% 50%;
    
  }