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

h1,h2,h3,h4,h5,h6{
    font-weight: 800 !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 3px 3px rgba(0,0,0,0.8)!important;*/
   /*width:1400px !important;*/
}


.navbar-nav{
margin-left: 30px!important;
font-size: 20px!important;
font-family: Arial, Helvetica, sans-serif!important;
font-weight: normal !important;
/*box-shadow: 0px 3px 3px rgba(1,3,4,0.8)!important;*/
/*width:800px !important;*/
}

.navbar-brand{
    /*color:black !important;*/
    width: 180px;
    height:180px;
}

.navbar-brand img{
    width: 180px !important;
    height:180px !important;
}

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

/*-----SLIDER--------*/
.carousel-item{
   height: 400px;
   /*border: 1px solid red;*/
}

.carousel-item p{
 color:black;
 border: 2px solid white;
 border-radius: 5px;
 /*background-color: white;*/
  padding-top:5px;
 padding-bottom: 5px;

}

.carousel-item h5{
 color:white;
 font-size: 35px;
}



/*-----CLIENTS SECTION--------*/
#clients{
background-color:orangered!important;
color:white !important;
}

#clients img{
	  max-width: 100px !important;
    max-height: 100px !important;
	
}

/*----------ABOUT US SECTION---*/

#about  .row .column1 w-50 p-3 img{
	width: 50px !important;
    height: 50px !important;
}

.containerbody .row .column1 w-50 p-3{
    padding:30px !important;
}

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

/*-----SERVICES SECTION--------*/

.intro{
    max-width: 500px;
    margin:auto;
}
.col-lg-4{
    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 {
    background-color:black!important;
    text-align:center;
    color:white !important;
}