main-loader{
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
  }
  body.loading {
    background-color: rgba(0, 0, 0, 0.75); /* Dark overlay while loader is active */
    overflow: hidden; /* Prevent scrolling during loading */
}

  .main-fader{
    width:100%;
    height: 100vh;
    position: absolute;
    background-color: white;
    .loader {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      svg {
        height: 300px;
        display: block;
        margin: 0 auto;
        path {
          animation-duration: 1s;
          animation-name: pulse;
          animation-iteration-count: infinite;
          color: #da0024;
  
          &.path-7 {
            animation-delay: -1s
          }
          &.path-6 {
            animation-delay: -.875s
          }
          &.path-5 {
            animation-delay: -.75s
          }
          &.path-4 {
            animation-delay: -.625s
          }
          &.path-3 {
            animation-delay: -.5s
          }
          &.path-2 {
            animation-delay: -.375s
          }
          &.path-1 {
            animation-delay: -.25s
          }
          &.path-0 {
            animation-delay: -.125s
          }
        }
      }
    }
  }
  
  
  @keyframes pulse {
    0%     { opacity: .1; }
    30%    { opacity: .8; }
    100%   { opacity: .1; }
  }






















.d-grid-2 {
    opacity: 0;
    transform: scale(0.8);
    animation: fadeInScale 1s ease-in-out forwards;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* Initial hidden state */
.index-about-col-1 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease-in-out;
}

/* Fade-in & Move Up */
.index-about-col-1.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* Scale-Up Effect */
.index-about-col-1.scale-up {
    opacity: 1;
    transform: scale(1);
}

/* Slide-in from Left & Right Alternately */
.index-about-col-1:nth-child(odd).slide-in {
    opacity: 1;
    transform: translateX(0);
}

.index-about-col-1:nth-child(even).slide-in {
    opacity: 1;
    transform: translateX(0);
}
/* Initially hidden */
.index-about-content {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease-in-out;
}

/* Animation Effects */
.index-about-content.fade-in {
    opacity: 1;
    transform: translateY(0);
}

.index-about-content.zoom-in {
    opacity: 1;
    transform: scale(1);
}

/* New Zoom-Out Animation */
.index-about-content.zoom-out {
    opacity: 1;
    transform: scale(0.8);
}

/* Rotate Animation */
.index-about-content.rotate-in {
    opacity: 1;
    transform: rotate(0deg);
}

/* Initial State for Rotate */
.index-about-content {
    transform: rotate(-0deg);
}
.training-schedule-table {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 1s ease;
  }
  
  .visible {
    opacity: 1;
    transform: translateY(0);
  }


/* key-feature */




/*-----OUR TEAM------*/
.our-team-col-1 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-in-out;
}

.our-team-col-1.animate {
    opacity: 1;
    transform: translateY(0);
}


.executive-training-col-1 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-in-out;
}

.executive-training-col-1.animate {
    opacity: 1;
    transform: translateY(0);
}





.testimonial-main {
    opacity: 0;                  /* Start hidden */
    transform: scale(0.8);       /* Start slightly smaller */
    transition: all 0.8s ease-out; /* Smooth transition */
}

.testimonial-main.show {
    opacity: 1;                  /* Fade in */
    transform: scale(1);         /* Zoom to original size */
}