/* -------------- note
for custom styles :- overriden in BOOTSTRAP.CSS -- navbar (
  .navbar-nav {
    display: -ms-flexbox;
    display: flex; <-hidden in bootstrap.css>
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  )
note------------------ */

@import url('https://fonts.googleapis.com/css?family=Muli');
body{
  font-family: 'Muli', sans-serif;
  background-color: #f9f9f9;
}

/* top-header :start */
.woven-header{
  height: 50px;
  width: 100%;
  background-color: #4b90c7;
  color: #fff;
  /* border-bottom: 3px solid #305a87; */

}
.woven-header > .woven-call > p{
padding-top: 10px;
font-size: 18px;
color: #fff;
}
.woven-heade-img{
  background-color:#fff;
  border-radius:5px;
  padding:5px;
  /* margin-left:10px; */
  margin: 0px 10px;
}
.woven-header-social-icons{
background: #fff;
padding: 4px 3px 0px 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
margin-left: 10px;
}
/* top-header:end */
/* navbar:start */
.navbar{
  /* padding: 0rem 1rem!important; */
  font-size: 18px;
  margin-top: 1px;
  margin-bottom: 2px;
  border-top: 3px solid #305a87;
}
.navbar-brand{

}
.navbar-brand img{
  height: 60px;
  padding-top: -15px;
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: -10px;
}
.navbar-light .navbar-nav .nav-link {
    /* color: #305a87 !important;

    -webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg); */

       color:#666;

}
.navbar-light .navbar-nav .nav-link:hover{
    /* color: #fff !important;
    font-weight: 500;
    background-color:#4b90c7; */
    color: #00bbda;


}
.navbar-light .navbar-nav .nav-link.active{
    /* color: #fff !important;
    font-weight: 500;
    background-color:#4b90c7;
    -webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg); */
       color: #00bbda;


}

.navbar-light .navbar-nav {
    color: #fff !important;
    font-weight: 500;
}
/* shadow on scrolling */
.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;

}
/* shadow on scrolling */

/* Parallelogram bg */



/* Parallelogram bg */


/* navbar:end */
/* main content:start */
.woven-heading{
  color: #fe6000;
  margin: 20px auto;
  font-weight: bold;
  /* font */
}
.woven-heading > img{
  width: 25%;
  margin-bottom: 20px;
}
.woven-card{
  background-color: #fff;
  /* border: 1px solid #777; */
  border-radius: 8px;
  margin: 4px auto;
  padding: 8px;

  margin-bottom: 20px;
  /* height: 100%; */

}

.woven-card > img{
    width: 300px;
    height: 250px;
    margin: 10px auto;


}
 .woven-sub-heading{
  color: #305a87;
  font-weight: 500;
  margin: 20px auto;
}
.contact-info > center > p{
  margin:20px auto;
}
/* .woven-more-info > a {
  margin-bottom: 10px !important;
} */

/* main content:end */
/* footer:start */
.woven-footer{
  background-color: #5b5b5b;
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.woven-footer p {
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

/* footer:end */
/* ------------services-section:start--------------------- */
.services-banner{
  position: relative;
    width: 100%;
    height: 350px;
    background: url('../assets/services/banner-services-2.png') no-repeat center center;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 20px;
    text-align: center;
}
.woven-services-img{
    margin-top: 10px;
    margin-bottom: 10px;

}


/* ------------services-section:end--------------------- */

/* ------------Solutions-section:start--------------------- */

.solutions-banner{
  position: relative;
    width: 100%;
     height: 300px;
    background: url('../assets/solutions/our-solutions-banner.png') no-repeat center center;
    overflow: hidden;
    margin-top: 1px;
    margin-bottom: 20px;
    text-align: center;
}


/* ------------Solutions-section:end--------------------- */


/* ------------Partners-section:start--------------------- */
.partners-banner{
  position: relative;
    width: 100%;
     height: 300px;
    background: url('../assets/partners/banner-2.png') no-repeat center center;
    overflow: hidden;
    margin-top: 1px;
    margin-bottom: 20px;
    text-align: center;
}
.woven-partner-img{
      height: 100px;
}

/* ------------Partners-section:end--------------------- */
/* ------------Projects-section:start--------------------- */
.projects-banner{
  position: relative;
    width: 100%;
     height: 300px;
    background: url('../assets/projects/products-banner.png') no-repeat center center;
    overflow: hidden;
    margin-top: 1px;
    margin-bottom: 20px;
    text-align: center;
}


/* ------------Projects-section:end--------------------- */
/* ------------Contact-section:end--------------------- */
.contact-banner{
  position: relative;
    width: 100%;
     height: 300px;
    background: url('../assets/contact/banner.png') no-repeat center center;
    overflow: hidden;
    margin-top: 1px;
    margin-bottom: 20px;
    text-align: center;
}
/* ------------Contact-section:end--------------------- */