html,
body {
    height: 100%;
}

.navbar{ background:#F97300;}
.nav-link , .navbar-brand{ color: #f4f4f4; cursor: pointer;}
.nav-link{ margin-right: 1em !important;}
.nav-link:hover{ background: #f4f4f4; color: #f97300; }
.navbar-collapse{ justify-content: flex-end;}
.navbar-toggler{  background:#fff !important;}

.navbar-collapse{
    justify-content: flex-end;
}
.bg-dark{
    background-color:#343a40!important
}
.bg-primary{
    background-color:#007bff!important
}
.text-orange {
    color:#F97300;
}

#page {
    flex: 1 0 auto;
}

/*header style*/
.header{
    background-image: url('../img/background.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.overlay{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(244, 244, 244, 0.7);
}
.description{
    position: absolute;
    top: 30%;
    margin: auto;
    padding: 2em;
}
.description h2{
    color:#F97300;
}
.description p{
    font-size: 20px;
    width: 50%;
    line-height: 1.5;
    color: brown;
}
.description button{
    border:1px  solid #F97300;
    background:#F97300;
    color:#fff;
}

/*process */
.process {
    margin: 4em 0;
}
.process  h2{
    color:#F97300;
    font-weight: 600;
    margin: 2em;
}

/*about style*/
.about{
    margin: 4em 0;
    padding: 1em;
    position: relative;
}
.about h2{
    color:#F97300;
    font-weight: 600;
    margin: 2em;
}
.about img{
    height: 100%;
    width: 100%;
    border-radius: 50%
}
.about span{
    display: block;
    color: #888;
    position: absolute;
    left: 115px;
}
.about .desc{
    padding: 2em;
    border-left:4px solid #F97300;
}
.about .desc h3{
    color: #10828C;
}
.about .desc p{
    line-height:2;
    color:brown;
}

/*contact form*/
.contact{
    margin: 6em 0;
    position: relative;  
}
.contact h2{
    margin: 2em;
    font-weight: 600;
    color: #F97300; 
}
.contact .right{
    max-width: 600px;
}
.contact .right .btn-secondary{
    background:  #F97300;
    color: #fff;
    border:0;
}
.contact .right .form-control::placeholder{
    color: #888;
    font-size: 16px;
}

/*login*/
.login {
    min-height: 60vh;
    padding-top: 5em;
}

/*footer */
.footer {
    border-top: 4px solid #F97300;
    background-color: rgb(249, 115, 0, .2);
}
.last {
    border-top: 1px solid #F97300;
    background-color: rgb(249, 115, 0, .2);
    color: #F97300;
    padding: 1em 0;
}

/*media queries */
@media (max-width: 426px) {
    .footer {
        text-align: center;
    }
    .description {
        top: 20%;
        margin: 0;
    }
    .description h1 {
        font-size: 2em;
    }
    .description p {
        font-size: 20px;
        width: 100%;
        line-height: 1.5;
    }
    .about {
        margin: 0;
        padding: 0;
        position: relative;
    }
    .about h1 {
        margin: 1em;
    }
    .contact h1 {
        margin: 1em;
    }
    .title-section {
        text-align: center;
    }
}