@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,300;1,100&display=swap');
body{
    font-family:"barlow",sans-serif;
    line-height: 1.7;
    color:black;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 700 !important;
    color:black;
}
a{
    color:black;
}
img{
    width:100%;
}
.bg-cover {
    background-position: center !important;
    background-size: cover !important;
    background-position:center !important ;
}
/*---Top Navigation----*/

.top-nav{
    background-color:black !important;
}
.top-nav p{
    margin-bottom:5px;
    margin-top: 5px;
    display: inline-block;
    margin-right: 10px;
    color:white;
}
.top-nav i,
.top-nav span {
    vertical-align: middle;
}
.col-topnav {
    float: left !important;
}
.social-links {
    float: right !important;
  }
.social-links a{
    margin-bottom:5px;
    margin-top: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    font-size: 26px;
    background-color: rgb(255, 251, 248,0.8)!important;  
}

.navbar{
   box-shadow: 0px 6px 30px rgba(0,0,0,0.8);
}

.container .navbar-brand {
padding-left:400px !important;
}
.navbar .navbar-nav .nav-item{
    padding-left:20px !important;
    color:white !important;
    font-weight: 700 !important;
    }
  
.navbar .navbar-nav .nav-item a:hover {
        background-color:orangered !important;
        }

.navbar .navbar-nav .nav-item a:active {
            background-color:orangered !important;
            }

/*---buttons--*/
.btn{
    padding: 9px 24px;
    background-color:orangered;
    color:white;
    border-color: orangered;
    font-size: 20px;
}

/*-----SLIDER--------*/
.slide1{
    background-image: url(../img/elibsliderimage1.JPG);
}
.slide2{
    background-image: url(../img/elibsliderimage2.JPG);
}

.owl-prev,
.owl-next {
position: absolute;
top: 50%;
width:60px !important;
height: 60px !important;
display:grid;
place-items: center;
background-color:black !important;
margin-top: -30px !important;
color: white !important;
font-weight: 700 !important;
border-radius: 100px !important;
}

.owl-prev{
    left:0;
}

.owl-next{
    right:0;
}
/*----------ABOUT US SECTION---*/
.containerbody{
    margin: 20px !important;
}

.containerbody .column2 img{
    max-width: 500px;
    max-height: 300px;
     box-shadow: 0px 6px 30px rgba(0,0,0,0.8);
    border-radius: 5px !important;
    margin: 10px !important;
}
.containerbody .column3 img{
    max-width: 300px;
    height:250px;
    box-shadow: 0px 6px 30px rgba(0,0,0,0.8);
    border-radius: 5px !important;
    margin: 10px !important;
}


/*-----CLIENTS SECTION--------*/
#clients{
background: linear-gradient(rgba(241, 119, 4, 0.6),rgb(243, 81,7,0.6)),url(../img/sliderimage1.jpg);
color:white !important;
}
/*-----SERVICES SECTION--------*/

.intro{
    max-width: 500px;
    margin:auto;
}
.col-lg-4{
    padding:20px;  
}
.col{
    padding:20px;     
}
.service-box{
padding:30px;
box-shadow: 0px 6px 30px rgba(0,0,0,0.8);
border-radius: 5px !important;
}

.service-box h3{
    text-align: center;
}
.service-box p{
    text-align: justify;
}
.service-box img{
    width: 250px;
    height:100px;
}
/*--------PROJECTS SLIDE-------*/
.project{
    position: relative; 
    padding:20px !important;
}


/*-----FOOTER--------*/
.footer{
    color:#fff !important;
    text-align: center;
    position: relative;
    background: linear-gradient(rgba(241, 119, 4, 0.6),rgb(243, 81,7,0.8)),url(../img/sliderimage2.jpg);
}

.footer h3{
    color:blue !important;
    text-decoration-line: underline;
}

.footer .social-links{
  float:left !important;
  margin-left: 600px;
}

.footer .copyright{
    border-top: 1px solid #ffff;
    padding: 5px;

}