/* @font-face {
  font-family: mitr-regular;
  src: url(../font/Mitr/Mitr-Regular.ttf);
}

@font-face {
  font-family: mitr-bold;
  src: url(../font/Mitr/Mitr-Bold.ttf);
}

@font-face {
  font-family: d-din-regular;
  src: url(../font/din-condensed/DIN-Regular.ttf);
}

@font-face {
  font-family: d-din-bold;
  src: url(../font/din-condensed/DIN-Bold.ttf);
}

@font-face {
  font-family: d-din-con-bold;
  src: url(../font/din-condensed/D-DINCondensed-Bold.ttf);
} */

/* body
{
    font-family: mitr-regular;
} */

.title-header-show
{
    font-family: d-din-con-bold;
}
.btn:hover{
	opacity: 0.9;
}
.img-login
{
    width: 450px;
}
.show-line-header
{
    height: 1rem;
    background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.show-line-header-register
{
    height: 15px;
    top: -76px;
    background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
}
a:hover{
    color: var(--bs-primary);
    opacity: 0.9;
}
 .top-login
    {
        top: -140px;
    }
  /* .top-register
    {
        top: -120px;
    } */
.logo-login{
    width: 400px;
}
@media (max-width: 900px) {
    .img-login
    {
        width: 300px;
    }
    .show-line-header
    {
        top: -66px;
    }

    .top-login
    {
        top: -50px;
    }

    .show-line-header-register
    {
        height: 15px;
        top: -17px;
        background: linear-gradient(to right, var(--bs-primary) , var(--bs-primary3)); 
    }
    /* .top-register
    {
        top: -20px;
    } */
}
@media (max-width:576px) {
    .logo-login{
        width: 250px;
    }
}
.color-main
{
    color: var(--bs-primary);
}

.fw-700
{
    font-weight: 700;
}

.btn-login
{
    background-color: var(--bs-secondary) !important;
    border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
    padding: 0.6rem 4rem;
    color: white;
    
}

.btn-facebook{
    text-align: center;
    border-radius: 30px !important;
    border: none !important;
    color: white !important;
    /* font-size: 1.5rem !important; */
    align-items: center;
    padding: 0.6rem 4rem;
    background-color: #4172d9;
}
.btn-google{
    text-align: center;
    border-radius:30px !important;
    border: none !important;
    color: white !important;
    /* font-size: 1.5rem !important; */
    align-items: center;
    padding: 0.6rem 4rem;
    background-color: #df4a32;
}

.form-control::placeholder
{
    color: #B7B7B7;
}
select:required:invalid {
  color: #B7B7B7 !important;
}



.text-green
{
    color: #2FACA4;
}

.form-control {
    border-radius: 30px !important;
    border: 1px solid var(--bs-gray) !important;
    background-color: var(--bs-white) !important;
    height: 50px;
}
.custom-checkbox .custom-control-label::before {
    border-radius: 5px !important;
}
.custom-control-label:before{
    background-color:white !important;
    border: 2px solid var(--bs-secondary) !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: var(--bs-secondary) !important;
    border: 1px solid var(--bs-secondary) !important;
}