.main-nav .logo img {
      height: 80px;
      margin-top: 10px;
      transition: all 0.3s ease; 
    }
    .background-header .main-nav .logo img {
      height: 70px;
      margin-top: 0; 
    }  
    .background-header .main-nav .logo {
      line-height: 80px;  
      display: flex;
      align-items: center;  
    }
    @media (max-width: 768px) {
     .main-nav .logo img {
      height: 60px;
      margin-top: 0; 
       max-width: 300px;
    }
    .background-header .main-nav .logo img {
      height: 60px;
      margin-top: 9px; 
    }

    }
    /* Hero section */
    .hero-section {
      background: url("../../assets/images/bookpub.jpeg") center/cover no-repeat;
      position: relative;
      padding: 120px 0;
      color: #fff;
      text-align: center;
    }

    .hero-section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
    }

    .hero-section .content {
      position: relative;
      z-index: 1;
    }

    /* Service cards */
    .service-card {
      background: #fff;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
      text-align: center;
      transition: all 0.3s ease;
      height: 100%;
    }

    .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    }

    .service-card i {
      font-size: 40px;
      margin-bottom: 15px;
      color: #e63946;
    }

    /* Timeline */
    .timeline {
  position: relative;
  padding: 20px 0;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: #e63946;
  transform: translateX(-50%);
}

.timeline-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  position: relative;
  width: 100%;
}

.timeline-item.right {
  justify-content: flex-end;
}

.timeline-badge {
  width: 50px;
  height: 50px;
  background: #457b9d;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.timeline-panel {
  width: 45%;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .timeline::before {
    left: 25px;
  }
  .timeline-badge {
    left: 25px;
    transform: none;
  }
  .timeline-item {
    justify-content: flex-start !important;
  }
  .timeline-panel {
    width: calc(100% - 80px);
    margin-left: 70px;
  }
}

    /* CTA */
    .cta-section {
      background: linear-gradient(135deg, #e63946, #457b9d);
      color: #fff;
      text-align: center;
      padding: 60px 20px;
      border-radius: 12px;
      margin-top: 40px;
    }

    @media (max-width: 768px) {
      .timeline::before {
        left: 20px;
      }

      .timeline-badge {
        left: 20px;
        transform: none;
      }

      .timeline-panel {
        width: calc(100% - 80px);
        float: none !important;
        margin-left: 70px;
      }
    }