.top-container {
    position: relative;
    width:100vw;
    height: 100vh;
 }

/* .background {
    display: block;
    width: 100%;
    height: 100%;
} */

.background1 {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .title-text {
    position: absolute;
    top: 50%;
    margin-left: 40%;
    text-align:center;
    color: white;
 }

 h1{
    padding-bottom: 10px;
 }

 .second-container{
   position: relative;
   width:100vw;
   height: 100vh;
}
 
 /* .second-container{
    position: relative;
 } */

 .background2 {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;

}

 .about {
    position: absolute;
    display: flex;
    gap:10px;
    flex-direction: column;
    top: 30%;
    left: 50%;
    color: white;
    width: 50%;
 }

 .about p {
    max-width: 60%; 
}

.card-cover {
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position: center; 
  }

  .custom-cards {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:40px;
  }

  .card {
    width: 100%;
    height: 100%;
  }