/* Navbar menu styles */
  .navbar {
  background-color: #3D82E5;
  color: white;
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: large;
  }

  .navbar-nav > li{
    padding-left:10px;
    padding-right:10px;
  }
  
/* Navbar text color */
  .nav-link {
    color: white !important;
  }

/* Navbar hover text color */
  .nav-link:hover {
  color: #001640 !important;
  }

/*Dropdown menu on hover rather than click*/
  .dropdown:hover .dropdown-menu{
  display: block;
  }


/* Drop-down menu  */
.menu .drop-menu {
  border-radius: 10px;
  border: 1px solid #3d83e552;
  background: rgb(255, 255, 255);
}

.drop-menu a {    
  color:#001640;
  padding: 10px 15px;
  border-top: dotted 1px transparent;
  border-bottom: dotted 1px transparent; 
  }

.drop-menu a:hover {
  color: #001640;
  border-top: dotted 1px rgba(255, 255, 255, 0.41);
  border-bottom: dotted 1px rgba(255, 255, 255, 0.41);
  background:rgba(131, 171, 244, 0.195);
}

  


/*Header BG color*/
.hero-color {
  background: #E1E8F5 !important;
}


/*Services, design image flip horizontal*/
.flipped-horizontal {
  transform: scaleX(-1);
}


/* Custom BTN */
.btn-read {
  color: white  !important; 
  background: #3D82E5 !important;
  border-style: solid !important;
  border-width: 2px !important;
}

.btn-read:hover {
  color: #3D82E5 !important;
  background: white !important;
  border-style: solid !important;
  border-width: 2px !important;
  transform: scale(1.1); /* Increase the scale to make it grow */
  transition: transform 0.3s ease; /* Add a smooth transition for the scaling effect */
}


/* Project BTN */
.btn-project:hover {
  color: white  !important; 
  background: #3D82E5 !important;
  border-style: solid !important;
  border-width: 2px !important;
}

.btn-project {
  color: #3D82E5 !important;
  background: white !important;
  border-style: solid !important;
  border-width: 2px !important;
}

/* Service Shadow Effect */
.card-shadow {
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}

.card-shadow:hover {
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
}


/* Counter */
.counter-color {
  background-color: #55595F;
  color: white;
}

.overlap {
  margin-top: -70px;
}


/* Fotoer */
.footer-color {
  background-color: #55595F;
  color: white;
}

.btn-contact {
  color: white  !important; 
  background: #55595F !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: white !important;
}

.btn-contact:hover {
  color: #55595F  !important; 
  background: white !important;
  border-style: solid !important;
  border-width: 2px !important;

}


/* Separator */
  .footer-color {
    border-top: 1px solid #3D82E5; /* Set the border color and width */
  }

  .small-text {
    font-size: 14px;
  }

  .footer {
    margin-bottom: -20px;
  }



  /* Development Services */
  .dev-bg {
    background-image: url(./Content/develop_services.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }


  /* Design Services */
  .desgn-bg {
    background-image: url(./Content/design_services.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }

  /* Training Services */
  .train-bg {
    background-image: url(./Content/training_services.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }

  /* About Us*/
  .about-bg {
    background-image: url(./Content/about_us.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }

  /* Contact Us*/
  .cont-bg {
    background-image: url(./Content/contact_us.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
  }

  .bold-no {
    font-weight: 400;
  }

  .pad-round {
    padding-top: 150px;
    padding-bottom: 150px;
  }