.orange-moon {
  background: #fc4a1a;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 3px solid #eee;
}
.wi-header-section{
  position: sticky;
  top: 0;
  z-index: 999;
}
.navbar{
  background-image: url('../images/Header Design.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
}
.navbar-collapse a{
  color:#115486;
  font-size: 1.3rem;
}
.navbar-nav .nav-item > .nav-link.active  {
  color:rgb(43, 1, 250);
  border: 1px solid rgba(152, 152, 150, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
  border-radius: 10px;
}

.modal-header{
  background-color: #39de18;
}
.modal-body{
  background-color: #90e080;
}
.modal-footer{
  background-color: #39de18;
}
.carousel-content {
  position: absolute;
  bottom: 35%;
  left: 5%;
  z-index: 20;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  width: 40%;
}
@media (min-width: 576px) { 
  .carousel-content {bottom: 7%;}
  .carousel-content h1 { font-size: 1.1em;}
  .carousel-content h5 {font-size: 0.7em;}  
}
@media (min-width: 768px) {
  .carousel-content {bottom: 15%;}
  .carousel-content h1 { font-size: 1.4em;}
  .carousel-content h5 {font-size: 0.9em;}  
}
@media (min-width: 992px) {
  .carousel-content {bottom: 25%;}
  .carousel-content h1 { font-size: 1.8em;}
  .carousel-content h5 {font-size: 1.1em;}  
}
@media (min-width: 1200px) {
  .carousel-content {bottom: 35%;}
  .carousel-content h1 { font-size: 2.5em;}
  .carousel-content h5 {font-size: 1.3em;}  
}
.carousel-content a{
  margin-top:10px;
}
.wi-intro-section{
  margin-top:80px;
}
.wi-intro-section h1{
  text-align: center;
  padding-bottom: 30px;
}
.intro {
  border-width: 3px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      red, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
}
@media (max-width: 536px) {
  .intro {

    background-color: #fc4a1a;
  } 
}
.intro h1{
  text-align: center;
  font-size: 35px;
  background: -webkit-linear-gradient(#fc4a1a, #035FA5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.intro h5{
  text-align: center;
}
.intro p{
  text-align: justify;
}
.wi-services-section{
  margin-top:80px;
}
.wi-services-section h1{
  text-align: center;
  padding-bottom: 30px;
}
.wi_sw {
  border-radius: 120px 20px 120px 20px;
}
.wi_dw{
  border-radius: 50px;
}
.wi_ew{
  border-radius: 0 50% 50% 50%;
}
#forthImg{
  padding-top: 35px;
}
#fifthImg{
  padding-top: 35px;
}
#sixthImg{
  padding-top: 35px;
}
.wi-features-section{
  margin-top: 80px;
}
.wi-features-box{
  background-color: rgb(154, 220, 220);
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow:15px 18px #888888;
}
.wi-features-section h1{
  text-align: center;
  
}
.wi-features-section h2{
  text-align: center;
  padding-bottom: 30px;
  color: #035FA5;
}

/*Carousel start*/
.wi-technologies-section{
  margin-top: 80px;
  text-align: center;
}
.stretch-card>.card {
  width: 100%;
  min-width: 100%
}

.flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media (max-width:991.98px) {
  .padding {
      padding: 1.5rem
  }
}

@media (max-width:767.98px) {
  .padding {
      padding: 1rem
  }
}

.padding {
  padding: 3rem
}

.owl-carousel .item{
margin: 3px;

}
.owl-carousel .item img{
display: block;
width: 80%;
height: auto;
padding-left:35px;
}

.owl-carousel .item {
 margin: 3px;
}

.owl-carousel{
 margin-bottom:5px;
}

.item p{
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  margin-top: 10px;;
}

.tech_name{
  background-color: #f7b733;
}
.card-body{
  box-shadow:7px 10px #888888;
  width: 100%;
}
/*Carousel end*/

/*Footer*/
.wi-inquiry-footer-section{
  margin-top: 80px;
  padding: 30px 0px 30px 0px;
  background-color:#0d5a94;
  color: #ffffff;
}
.wi-moreinfo-footer-section {
  padding: 30px 0px 30px 0px;
  background-color:#115486;
  background-image: url('../images/Footerimg.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
  color: #ffffff;
}

.wi-moreinfo-footer-section h4{
  margin-top: 15px;
  padding-bottom: 10px;
}
.wi-moreinfo-footer-section p{
  margin-left:25px;
}
.wi-moreinfo-footer-section a{
  text-align: center;
}
.fa-phone{
  transform: rotate(90deg);
  color:#ffffff;
  margin-right:10px;
}
.fa-map-marker{
  margin-right:10px;
}
.fa-envelope{
  margin-right:10px;
}
.wi-moreinfo-footer-section li{
  list-style-type: none;
  color: #ffffff;
  margin-bottom: 15px
}
.wi-moreinfo-footer-section a:hover{
  text-decoration: none;
}
.wi-moreinfo-footer-section li:hover{
  border-radius:5px;
  color:#39de18;
}
.addresscol{
  border-left: 2px solid grey;
}
.implinkscol{
  border-left: 2px solid grey;
}
.servicescol{
  border-left: 2px solid grey;
  border-right: 2px solid grey;
}