#active-menu1{
   color:#175cff;
   }


   #about-banner1 {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      margin-top: 100px;
      padding: 60px 0;
      height: 400px; /* Default height for larger screens */
   }
   #bannercontent{
      display: none;
   }
   #bannertxt1 {
      display: none;
    }

    @media (max-width: 768px) {
      #bannertxt1 {
        display: none;
      }
    }

    #bannerbtn1 {
      display: none;
    }

    @media (max-width: 768px) {
      #bannerbtn1 {
        display:none;
      }
    }


    @media only screen and (max-width: 767px) {
      #about-banner1 {
         padding: 10px 0;
         background-attachment: scroll;
         height: 250px;
         background-size: cover;
      }
   }
   #bannertxt{
   color: #ffff;
   display: block;
   }
   #bannercontent{

      display: none;
   }

   .bg-light-subtle1{
   background: #ffff;
   }
   body{
   overflow-x: hidden;
   }
   .lead{
   text-align: justify;

   font-size: 13px;
   color: white;
   }
   #bannertxt1{
      color: white;
      font-size: 42px;

   }
   #timeid{

      width: 70px;
   }
   #bannercontent{

      font-size: 14px;
      word-spacing: -2px;
   }
   #textalign {
      text-align: justify;
      word-spacing: -2px;
      text-align-last: left;
      word-break: break-word;
      hyphens: none;
      font-size: 16px;
  }
   #aligncenter{
      text-align: center;
   }
   #top23{
      margin-top: 23px;
   }
   #textpara{
      font-size:15px;
      text-align:justify;
      word-spacing: -4px;
      color: #000;
   }
   #height{
      height: 400px;
   }
   #topup{
      margin-top: -130px;
   }
   #industries{
      margin-top: 22px;
   }
   #Yearchange{
      color: #175cff;
   }
   #abtPerennial{
      font-size:25px;
   }
   /* #cyber-about{
      margin-top: -100px;
   } */
   #abt{
      font-size:25px;
   }
   #why{
      font-size: 28px;
   }
#industry{

   font-size: 29px;
   font-weight: 600;
}

.card {
   background-color: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease, box-shadow 0.3s ease;

 }

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

 .card-body {
   padding: 2rem;
   height: 460px;
 }

 .card-body img {
   max-width: 80px;
   margin-bottom: 1.5rem;
 }

 .card-body h5 {
   font-size: 1.8rem;
   color: #032d60;

 }

 .card-body h4 {
   font-size: 1.3rem;
   font-weight: bold;
 }

 .card-body p {
   font-size: 1rem;
   color: #666;
   text-align: justify;
 }

 /* Responsive Design */
 @media (max-width: 768px) {
   h3 {
     font-size: 2rem;
   }

   .card-body {
     padding: 1.5rem;
   }

   .card-body h4 {
     font-size: 1.25rem;
   }
 }


 /* Container for the timeline */
.timeline-container {
   max-width: 1000px;
   width: 100%;
}

/* Vertical Timeline */
.timeline {
   list-style-type: none;
   padding: 0;
   position: relative;
   margin-top: 40px;
}

/* Timeline Line */
.timeline::before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   height: 100%;
   width: 3px;
   background-color: #3498db;
   z-index: -1;
}

/* Timeline Item Styling */
.timeline-item {
   position: relative;
   margin-bottom: 40px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

/* Timeline Icon */
.timeline-icon {
   width: 63px;
   height: 63px;
   background-color: #3498db;
   color: white;
   border-radius: 50%;
   font-size: 19px;
   line-height: 60px;
   font-weight: bold;
   z-index: 1;
}

/* Timeline Content */
.timeline-content {
   margin-top: 20px;
   width: 90%;
   padding: 20px;
   background-color: #ecf4ff;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   color: #333;
}

/* Styling for heading inside content */
.timeline-content h3 {
   font-size: 18px;
   color: #333;
   margin-bottom: 10px;
}

/* Odd and Even Item Styling */
.timeline-item:nth-child(odd) .timeline-content {
   background-color: #f0f7ff;
   margin-right: 40px; /* Slight right offset for odd items */
}

.timeline-item:nth-child(even) .timeline-content {
   background-color: #d0e7ff;
   margin-left: 40px; /* Slight left offset for even items */
}

/* Timeline lines connecting items */
.timeline-item::after {
   content: "";
   position: absolute;
   top: 50%;
   left: -50%;
   transform: translateY(-50%);
   height: 20px;
   width: 3px;

}

/* Remove line from the last item */
.timeline-item:last-child::after {
   display: none;
}

/* Make the timeline responsive */
@media screen and (max-width: 768px) {
   .timeline {
       margin-top: 10px;
   }

   .timeline-item {
       align-items:center;
   }
   .timeline-icon {
      text-align: center;
   }
   /* Adjust timeline line */
   .timeline::before {
       width: 2px;
   }

   .timeline-item::after {
       width: 80%;
       height: 2px;
       top: 0;
       left: 10%;
       transform: none;
   }

   .timeline-item:nth-child(odd) .timeline-content {
       margin-right: 0;
       margin-left: 20px;
   }

   .timeline-item:nth-child(even) .timeline-content {
       margin-left: 0;
       margin-right: 20px;
   }
}