.hero-container {
  margin-top: 40px;
}
.hero-text-div {
  height: 110vh;
  position: relative;
  top: 10%;
  left: 0%;
  transform: translateY(-4%);
}
.hero-img-div {
  background-image: url("../../img/home/image1.png");
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: -1;
}
.hero-text-heading {
  margin: 10px;
  padding: 10px;
  text-align: center;
}
.hero-text p {
  text-align: center;
  padding: 0px 50px;
  line-height: 1.8rem;
  /* max-width: 70%; */
}
.hero-text button {
  text-align: center;
  padding: 0px 50px;
  line-height: 1.8rem;
  /* max-width: 70%; */
}
.text-content{
  /* margin-top: 80px; */
}

.card {
  background-color: rgb(32, 37, 41);
  margin: 50px 0px;
  text-align: center;
  align-items: center; 
}

.contact-container .card-body {
  padding: 0% 30%;
  line-height: 1.5rem;
  font-weight: 400;
}
.card-title {
  margin-bottom: 20px;
}
.card-text{
  text-align: justify;
}
.solution-container{
  margin-top: 100px;
}
.amenities-container{
  margin-top: 100px!important;
  margin-bottom: 100px;
}
.amenities-container .card {
  background-color: black;
  margin: 4% 2%;
}

.img-container .carousel-item img{
  width: 100%;
  height: 85vh;
  object-fit: cover;
}

.contact-container{
 margin-top: 100px ;
}

@media screen and (max-width: 768px) {
  .hero-img-div {
    display: none;
  }
  .solution-container,.amenities-container,.contact-container,.img-container{
    padding: 0%;
  }
  .contact-container .contact-img{
    display: none;
  }
  .contact-container .card-body {
    position: relative;
    background-image: url("../../img/home/coworking-private-cubicals.png");
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 10% 20%;
    line-height: 1.5rem;
    z-index: 1;
    color: white;
    overflow: hidden; /* makes sure blur stays contained */
  }
  
  .contact-container .card-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1px) brightness(0.7);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
  }
  
  .hero-container {
    margin-top: 20px;
  }
  .hero-text p{
    padding: 0% 5%;
    text-align:justify;
  }
  .hero-text-div{
    background-image: url("../../img/home/image1.png");
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    position: relative;
    height: 100vh;
    transform: translateY(0%);
  }
  .hero-text-div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("../../img/home/image1.png");
    background-size: cover;
    background-position: center;
    filter: blur(1px) brightness(0.4);
    z-index: -1; /* places the blurred bg behind content */
  }
  .text-content{
    margin: 0;
  }
  .card{
    padding: 0% 0%;
    margin: 0px;
  }
  .card-body{
    padding: 15% 4%;
  }
  .card-body p{
    text-align: justify;
  }
  .amenities-container .card{
    margin: 0;
  }
  .amenities-container .card img {
    filter: brightness(0.6); /* Blur effect on the image */
  }
  .amenities-container .card .mt-4{
    position: absolute;
    top: 80%;
    transform: translateY(-60%);
  }
  .amenities-container .d-flex{
    margin-bottom: 30px;
  }
  .contact-container .img-fluid {
    border-top-right-radius: 0px!important;
    border-bottom-left-radius: 0.5rem!important;
  }
}