.parallax-bg {
  background-image: url("../images/projectPar.png");
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-size: cover;
  background-color: #020b14 !important;
  background-attachment: fixed !important;
}
.parallax-bg .row {
  height: 100vh;
}

.real-parallax {
  background: url("../images/projectPar.jpg");
  height: 100vh;
  width: 100vw;
  background-position: center;
  background-attachment: fixed !important;
  background-size: cover;
  background-color: #020b14 !important;
}

.projects-cards .card {
  background-color: transparent;
  border: 2px solid #1BA5DF;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  cursor: pointer;
  width: 70%;
  overflow: hidden;
  min-height: -webkit-max-content !important;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}
.projects-cards .card .btn_container {
  color: #23B46B;
}
.projects-cards .card .btn_container:hover {
  color: #1BA5DF;
}
@media (max-width: 768px) {
  .projects-cards .card {
    height: 55vh;
    width: 100%;
  }
}
.projects-cards .card .des-body {
  width: 100%;
}
.projects-cards .card:hover {
  background-color: rgba(35, 180, 107, 0.1450980392);
}
.projects-cards .card .img-container {
  width: 100%;
  height: 37vh;
  aspect-ratio: auto;
}
.projects-cards .card .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
.projects-cards .card .btn-outline-primary {
  border-radius: 50%;
}