body{
    background-image: url('/assets/about/background.png');
    background-repeat: no-repeat;
    background-size: cover;
}


.home_page .landing{
    background-image: url('/assets/home/top backfround.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.home_page .landing img{
    max-height: 30rem;
}
.home_page .cntrs select{
    padding: 0.5rem 2rem;
    border-radius: 1rem;
    background: rgb(233, 233, 233);
    border: none;
}
.home_page .cntrs .icon{
    width: 9rem;
    height: 8rem;
    padding: 0.7rem 2rem;
    background: rgb(255, 255, 255);
    box-shadow: 0rem 0rem 0.5rem 0.3rem rgb(238, 238, 238);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
/* .home_page .cntrs .icon img{
    height: 100%;
} */
.home_page .cntrs .rchrg_btn{
    border: none;
    background: #ffffff;
    border-radius: 2rem;
    color: #f1684f;
    padding: 0.2rem 1rem;
    text-decoration: none;
    cursor: pointer;
}
.home_page .reviews li{
    display: inline-block;
}
.home_page .reviews .cntry_btn{
    background: none;
    border: none;
    color: rgb(185, 185, 185);
    font-size: 2rem;
}
.home_page .reviews .active_btn{
    color: #f1684f;
    padding-bottom: 0;
    text-decoration: underline;
}
.home_page .reviews .rev_box{
    width: 300px;
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 0.5rem 0.3rem rgb(238, 238, 238);
}
.home_page .fa-star {
    color: #f1684f;
    font-size: 2rem;
}
.home_page .features .app_btns button{
    background: none;
    border: none;
}
.rev_btn{
    color: #f1684f;
    margin-top: 10px;
}
/*---------------------------*/

.cstm_slct{
    appearance: none;
    position: relative;
}
.cstm_slct:before{
    content: "<>";
    position: absolute;
    color: black;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 1rem;
}
/*---------------------------*/
.navbar-nav{
    margin-left: 150px;
}
nav .navbar-nav li a{
    color: #f1684f !important;
}
@media screen and (max-width:730px) {
    .landing .w-50{
        width: 100% !important;
    }
    .navbar-nav{
        margin-left: 0;
    }
}
@media screen and (max-width:1000px) {
    .navbar-nav{
        margin-left: 0;
    }
}

@media screen and (max-width:800px) {
    .w-40{
        display: none;
    }
    .w-60{
        width: 100% !important;
    }
}