/* General styles */
     body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: Arial, sans-serif;
      overflow-x: hidden;
      color: white;
  }
  
  /* Background video container */
 /* Background video container */
.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  overflow: hidden;
}
.author-info {
  display: flex;
  align-items: center;
  padding: 22px 15px;
}

.author-image {
  max-height: 40px; /* Adjust based on your image size */
  margin-right: 10px;
}

.author-info h2 {
  margin: 0;
}
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay to make content more visible */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
}
  
  /* Main content styles */
  .MainDiv {
      position: relative;
      margin-bottom: 150px;
      z-index: 10; /* Ensure MainDiv is above video and overlay */
      width: 100%;
      padding-top: 30px;
  }
  
  .FirstBLock {
      margin-top: 50px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
      column-gap: 100px;
      align-items: center;
  }
  
  .FirstBLockDetails h1 {
      font-weight: 900;
      font-size: 40px;
      color: white;
  }
  
  .FirstBLockDetails p {
      width: 350px;
      margin-top: 10px;
      text-align: justify;
      color: #cacaca;
  }
  
  .FirstBLockDetails button {
      margin-top: 20px;
      width: 150px;
      height: 34px;
      font-size: 16px;
      color: white;
      background-color: #FF6CD3;
      border: 0;
      border-radius: 50px;
      font-weight: 800;
      cursor: pointer;
  }
  
  .Block_2 {
      margin-top: 50px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 80px;
      justify-content: center;
  }
  
  .ProjectCon {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      color: white;
      border-radius: 26px;
      background: linear-gradient(102deg, #b8b8b2 0%, #818175 100%);
  }
  
  .ProjectCon h2 {
      font-size: 14px;
      font-weight: 100;
  }
  
  .ImageConProject {
      width: 220px;
      height: 130px;
      border-radius: 15px;
      overflow: hidden;
  }
  
  .ImageConProject img {
      background-color: aliceblue;
      object-fit: cover;
  }
  
  .MainDiv a {
      color: white !important;
      text-decoration: none !important;
  }
  
  /* Book flip effect */
  .book {
      position: relative;
      border-radius: 10px;
      width: 260px;
      height: 256px;
      background: linear-gradient(102deg, #e7e7de 0%, #818175 100%);
      box-shadow: 1px 1px 12px #000;
      transform: preserve-3d;
      perspective: 2000px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      color: #ffffff;
  }
  
  .cover {
      top: 0;
      position: absolute;
      background-color: lightgray;
      width: 100%;
      border-radius: 10px;
      cursor: pointer;
      transition: all 0.5s;
      transform-origin: 0;
      box-shadow: 1px 1px 12px #000;
      display: flex;
      flex-direction: column;
  }
  
  .book:hover .cover {
      transition: all 0.5s;
      transform: rotatey(-80deg);
  }
  
  .Details {
      text-align: justify;
      /* margin-left: 10px; */
      line-height: 20px;
  }
  .Details1{
text-align: justify;
margin-left: 27px;
/* line-height: 20px; */
padding: 15px 15px 15px 25px ;
font-size: 12px;
}
.testimonial-author {
  display: block;
  text-align: right;
  margin-top: 10px;
  font-style: italic;
  font-weight: 500;
}
  
  .LinkBtn {
      width: 100px;
      margin-top: 20px;
      height: 30px;
      border: 0;
      border-radius: 10px;
      margin-right: 10px;
      background-color: #FF6CD3;
      cursor: pointer;
      color: white;
  }