:root{
    --mainBlue:#40ACF1;
    --transparentBlue:rgba(64, 172, 241,0.7);
    --mainWhite:#FFFFFF;
    --mainBlack:#292F36;
    --mainGrey:rgb(216, 214, 214);
    --mainYellow:#e3b505;
  }


  body{
    /* font-family: 'roboto', sans-serif; */
    color: var(--mainBlack);
    background: var(--mainWhite);
  }
/* ------------------------------------------ */


/* title */
.section-title-special{
    color: #ffcc00;
    
}
/* end title */

/* nav */
.menu-nav-my{
    background-color: rgb(240, 230, 209);
}
.collapse-menu-my{
    background-color: rgb(240, 230, 209);
}
.navbar-icon{
    color: var(--mainBlack)!important;
    text-transform: capitalize;
  }
#baner{
    color: rgb(15, 15, 236);;
}
.nav-item{
    color: var(--mainBlack);
}
/* end nav
 */
/* header */

.height-max{
    height: calc(100vh - 73px);
    background: url(../img/photo-5.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.bg-input{
    background: rgb(235, 235, 235);
}
.title{
    color: var(--mainWhite);
}

/* محصولات موجود */
.inventory{
    background: var(--mainGrey);
}
.lebas-card{
    color: var(--mainBlack);
    background: rgb(175, 170, 170);
    border: 0.3rem solid var(--mainYellow);
}
.car-text{
    display: flex;
    flex-wrap: nowrap;
    font-size: 1rem;
    color: var(--mainBlack);
}
.gheimat-card{
    background: steelblue;
    color: var(--mainWhite);
    padding: 0.3rem;
    border: 3px solid var(--mainYellow);
}

/* my store */
.store{
    background: url(../img/bg-1.png) center/cover no-repeat fixed;
}
.custom-card{
    background: var(--mainGrey);
}
.card-img-top{
    border-bottom: 0.2rem solid var(--mainBlue);
}
.card-body{
    margin-top: 8px;
    border-top:  0.1rem solid var(--mainBlue);
}
.footer-icon{
    font-size: 1.5rem;
    text-decoration: none;
    color: var(--mainYellow);
}

/* Services */
.Services-icon{
    font-size: 4rem
}
.Services-name{
    padding-top: 40px;
}
.custom-Services{
    border: 0.5rem solid var(--mainWhite);
}

/* email */
.contact{
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
 url(../img/bg-3.png) center/ cover fixed no-repeat;
}
.contact-input{
    border: 2px solid var(--mainYellow);
    background: none;
}
.contact-input::placeholder{
    color: var(--mainYellow);
}
.contact-input:focus{
    background: transparent;
    border-color: var(--mainYellow);
  }
.contact-btn{
    margin-top: 2px;
    border: 2px solid var(--mainYellow);
    color: var(--mainYellow);
}
.contact-btn:hover{
    margin: 4px;
    color: var(--mainWhite);
    background: var(--mainYellow);
}


/* footer */
.footer
{
border-top: 5px solid var(--mainBlue);
border-bottom: 5px solid var(--mainBlue);
background: var(--mainBlack);
}
.icon-footer{
    font-size: 1.5rem;
    color: var(--mainGrey);
}
.icon-footer:hover{
    transition: 1s;
    font-size: 2rem;
    color: var(--mainYellow);
}
.text-footer{
    color: var(--mainWhite);
}
.text-footer:hover{
    transition: 1s;
    color: var(--mainYellow);
}