@font-face {
    font-family: 'Century\ Gothic';
    src: url('../fonts/Century\ Gothic.ttf');
  }
  @font-face {
    font-family: 'GOTHICB0';
    src: url('../fonts/GOTHICB0.TTF');
  }
  @font-face {
    font-family: 'SansSerifFLF';
    src: url('../fonts/SansSerifFLF-Demibold.otf');
  }
.sign-in-page, .breadcrumb-area{
    background-color: #f8f8f8;
}
.breadcrumb-area{
    padding: 0;
    background-image: unset;
    min-height: unset;
}
.login-wrap{
    background-color: unset;
    box-shadow: unset;
}
.breadcrumb-area .breadcrumb-pages{
    text-align: left;
    padding-left: 15px;
    padding: 25px 0 7px 66px;

}
.login-wrap {
    text-align: left;
}
.login-wrap{
    padding: 0px 10px 0 66px;
}

.breadcrumb-area .breadcrumb-pages .page-item::after {
    content:' ';
 display: none;
}
.breadcrumb-area .breadcrumb-pages svg{
    fill: #999999;
    font-weight: 600;
}
.breadcrumb-area .breadcrumb-pages .page-item .page-item-link, .breadcrumb-area .breadcrumb-pages .page-item:last-child{
    font-family: 'Century\ Gothic';
font-size: 12px;
font-weight: 600;
color: #999999;
letter-spacing: .02em;
}
.breadcrumb-area .breadcrumb-pages .page-item .page-item-link:hover {
    color: #232323;
}
.breadcrumb-area .breadcrumb-pages .page-item{
    margin-right: 2px;
}

.login-wrap h1{
    
    padding-top: 8px;
    font-size: 20px;
    font-family: 'GOTHICB0';
line-height: 20px;
letter-spacing: .05em;
color: #232323;
text-transform: uppercase;
margin-bottom: 27px;
}
.login-wrap span.sub-title{
color: #232323;
font-size: 12px;
font-family: 'Century\ Gothic';
    line-height: 22px;
letter-spacing: .02em;
}
.login-form{
    margin-top:26px ;
}
.login-wrap form input{
    border-radius: 0;
height: auto;
    padding-top: 11px;
padding-bottom: 10px;
max-width: 450px;
color: #868686;
font-size: 12px;
font-family: 'Century\ Gothic';
line-height: 22px;
letter-spacing: .02em;
}
.login-wrap form input:focus{
    outline: unset;
    border-color: #c4c4c4;
}
.login-wrap form label{
    margin: 0 0 8px;
    font-size: 12px;
    font-family: 'Century\ Gothic';
    line-height: 22px;
    letter-spacing: .02em;
    color: #232323;
    text-transform: capitalize;

}
.login-wrap form label span{
    color: red;
    font-size: 13px;
}
.login-wrap form button{
    background-color: #304836;
opacity: 1;
color: white;
font-size: 14px!important;
font-family: 'Century\ Gothic';
width: 256px;
line-height: 20px;
padding: 10px 15px;
text-transform: uppercase;
letter-spacing: .05em;
border-radius: 0!important;
height: 50px;
}
.login-wrap form button:hover{
    background-color: #304836;
    color: white;
  
   
}
.login-wrap form .form-group{
    margin-bottom: 14px;
}
.login-wrap form .form-group:last-child{
    margin-top: 28px;

}
.login-form{
margin-bottom: 160px;

}

@media(max-width:1200px){
    .login-wrap {
        padding: unset;
    } 
    .breadcrumb-area .breadcrumb-pages{
        padding: 25px 0 7px 0px;
    }     
    .breadcrumb-area .container, .sign-in-page  .container{
        max-width: 98%;
    }
}
@media(max-width:500px){
    .login-wrap form button{
        /* font-size: 12px; */
    }
    .breadcrumb-area .breadcrumb-pages {
        padding: 5px 0 7px 0px;
    }
    .breadcrumb-area .breadcrumb-pages .page-item .page-item-link, .breadcrumb-area .breadcrumb-pages .page-item:last-child {
        font-size: 10px;
    }
    .breadcrumb-area .breadcrumb-pages .page-item:first-child{
        color: #232323;

    } 
    .login-wrap h1 {
        padding-top: 20px;
        margin-bottom: 15px;
    }
    .login-form {
        margin-top: 20px;
    }
    .login-wrap .primary-btn{
        height: 40px;
    }
}
body{
    background: #f8f8f8;
}

@media(max-width:575px){
    .breadcrumb-area{
        margin-top: -15px;
    }
    .breadcrumb-area .breadcrumb-pages .page-item .page-item-link {
        color: #232323;
      }
}