.project-list{
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all ease 0.5s;
    border-radius: 7px;
    margin-bottom: 30px;
    height: 450px;
}
.project-list:hover img{
    /* transform: scale(1.1); */
    transform: scale(1.1) rotate(-2deg);
    filter: grayscale(00);
}
.project-list img{
    width: 100%;
    position: relative;
    z-index: 0;
    border-radius: 3px;
    transition: all ease 0.5s;
    /* filter: grayscale(100); */
    height: 100%;
}

.project-bot:hover.project-list img{
    transform: scale(1.1);
}
.pay-plan{
    width: auto;
    padding: 6px 9px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 4px;
}
.project-list h5{
    font-size: 1rem;
    color: #000;
    font-weight: 600;
}
.project-list h5 span{
    font-size: 0.8rem;
    color: #000;
    font-weight: 300;
}
.project-list h2{
    font-size: 16px;
    color: #e0af34;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 1px solid #8E8E8E;
    padding-bottom: 7px;
}
.project-list h3{
    font-size: 0.9rem;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
    letter-spacing: 0.5px;
}
.project-list h4{
    font-size: 0.8rem;
    color: #000;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.project-list h5{
    font-size: 1rem;
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
}
.project-list p{
    font-size: 1rem;
    color: #ffffff;
    font-weight: 200;
    margin-bottom: 0px;
}
.project-list p a{
    text-decoration: underline;
    color: #ffffff;
}
.project-list p a:hover{
    text-decoration: none;
}
.project-list i{
    font-size: 18px;
    float: left;
    margin-right: 4px;
    margin-top: -3px;
}
.project-bot{
    background-color: #000000ba;
    border-radius: 10px 10px 0 0;
    width: 100%;
    display: inline-block;
    padding:20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.more-btn{
    border: 1px solid #AA8A39;
    background: #AA8A39;
    color: #fff;
    padding: 8px 25px;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 3px;
    transition: ease all 0.2s;
    text-align: center;
    width: unset;
}
.more-btn:hover{
    background-color: #0000006b;
    color: #fff;
    border: 1px solid #AA8A39;
}
.more-btn a{
    border: 1px solid #AA8A39;
    background: #AA8A39;
    color: #fff;
    padding: 8px 25px;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 3px;
    transition: ease all 0.2s;
    text-align: center;
    width: unset;
}
.more-btn a:hover{
    background-color: #0000006b;
    color: #fff;
    border: 1px solid #AA8A39;
}



  
  .test {

  }
  .test.red {
    background: red;
  }
  .test.blue {
    background: blue;
  }
  .test.green {
    background: green;
  }
  
  .small-test {
    width: 80px;
    height: 80px;
    margin: 10px;
  }
  

  
  .float {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  
  .leave-request .modal-header{
    background-color: #AA8A39;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
  }
  .leave-request h5{
    margin: 0 auto;
    width: 100%;
}
.leave-request .modal-header .btn-close {
    filter: invert(1);
}
.leave-request .modal-footer {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}
.leave-request .submit-btn{
    float: unset;
    font-weight: 500;
    padding: 12px;
}
.intl-tel-input .selected-flag {
    z-index: 4;
  }
.dark-text{
    color: #222;
}

.leave-request p{
    font-size: 13px;
    color: #222;
    font-weight: 300;
    margin-bottom: 10px;
}
.leave-request p span{
    width: 22px;
    height: 50px;
    float: left;
    margin-top: 3px;
}
.leave-request .modal-body{
    padding: 8%;
}

/*------------*/
.leave-request .form-area {
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
    padding: 40px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leave-request .form-area .form-inner {
    width: 100%;
}
.leave-request .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 11px 19px;
    font-size: 1rem;
    line-height: 1.4;
    color: #475F7B;
    background-color: #FFF;
    border: 1px solid #DFE3E7;
    border-radius: .267rem;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.leave-request .form-control:focus {
    color: #475F7B;
    background-color: #FFF;
    border-color: #5A8DEE;
    outline: 0;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);
}
.leave-request .intl-tel-input,
.iti{
  width: 100%;
}