*{
    direction: rtl;
    box-sizing: border-box;
    text-align: right;
}
html{
    scroll-behavior: smooth;
}
.pa-80{
    padding: 19px 0px 3px;
}
@media(max-width:1024px){
    .our-serv-img{
        transform: translateY(69px);
        display: block !important;

    }
    .cards{
        transform: translateY(16px);
    }
}
@media(max-width:768px){
    .our-serv-img{
        display: none !important;
    }
}
@media(max-width:680px){
    .banner{
        background: url(../img/banner-sm.png) no-repeat;
        background-size: auto;
    }
    .d-s-noe{
        display: none;
    }
    .navbar .list-inline{
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .nav-link {
        display: block;
        padding: .5rem .7rem;
    }
    .navbar .list-inline-item{
        margin-right: 0;
    }
    
    .banner .img-banner-footer-2 {
        top: 91% !important;
     
    }
    .banner .img-banner-footer-2 img{
        width: 65%;
    }
    .about-us .about-h5{
        margin: 10px 0 !important;
        line-height: 41px;
    }
    .banner-p{
        line-height: 46px;
    }
}
@media(min-width:681px){
    .d-sm-none{
        display: none;
    }
}

/*-start header*/
.navbar .navbar-list .nav-link{
    color: #463939;
    font-size: 22px;
}
/*-end header*/
/*start Banner*/
.banner{
    position: relative;
    padding-bottom: 90px;
   
}
.banner .banner-subtitle{
    font-size: 1.5rem;
}
.banner .banner-articl{
    padding: 30px 10px 30px 0px;
}
.banner .banner-title{
    font-size: 4rem;
    text-shadow: -2px 4px 0px #2b7ccb;
    padding: 9px 20px 10px 0;
}
.banner .img-banner-footer,.banner .img-banner-footer-2{
    position: absolute;
}
.banner .img-banner-footer{
    bottom: 0;
}
.banner .img-banner-footer-2{
    top:75%;
    left: 75%;
}
.banner .btn-banner{
    background-color: #000;
    color: #fff;
    border-radius: 15px;
    padding-left: 25px;
    padding-right: 25px;
}
/*end Banner*/
/*strat About Us*/
.about-us{
    background-color: #f8f8f8;
}
.about-us .about-h5{
    margin: 20px 100px 20px 0px;
    color: #888;
}
.about-h4{
 position: relative;
 margin-bottom: 15px;
}
.about-h4::after{
    position: absolute;
    content: " ";
    bottom: -30%;
    right: 0;
    width: 16%;
    height: 1px;
    border-bottom:3px dashed  #2b7ccb;
}
.about-p{
 letter-spacing: .5px;
}
.line {
    transform: translateY(7px);
}
/*end About Us*/
/*start ourServices*/

.our-serv-h5{
   color: #555;
   padding-bottom: 40px;
}
.our-serv .cards .one,.our-serv .cards .two{
    transform: translateY(-22%);
}

.our-serv .card{
    border-radius: 15px;
    border:2px dashed  #2b7ccb;
}
/*end ourServices*/
/*strat now*/
.now {
    padding-bottom: 10px;
    background-color: #f8f8f8;
}
.now p{
    width: 60%;
    margin: auto;
    letter-spacing: .5px;
    padding-bottom: 20px;

}
.now .card{
    background-color: #2b7ccb;
    
    margin-top: 20px;
}
.social{
   margin-left: 38px;
}
.social li{
    padding: 8px;
}
/*end now*/