/* product feature section css */
.ac-dc-head {
  font-size: 42px;
  color: rgb(4, 28, 61);
}

.info-panel {
  background-color: #f8f9fa;
  color: #333;
  padding: 20px;
  border-radius: 10px;
  opacity: 0;
  transform: translateX(100%);
  animation: slideInRight 2s ease forwards;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, background-color 0.5s, color 0.5s;
}
.info-panel:hover {
  transform: translateY(-5px) !important;
}

/* Text classes */
.DCmotor-text, .ACmotor-text, .DCcooling-text, .ACcooling-text {
  margin-left: 8px;
}
ul {
  padding-left: 1rem;
}

/* Slide animations */
@keyframes slideInRight {
  0% { opacity: 0; transform: translateX(100%); background-color: #f8f9fa; color: #333; }
  50% { background-color: #d3d3d3; color: #444; }
  100% { opacity: 1; transform: translateX(0); background: #f2a41d; color: #fff; }
}

@keyframes slideInLeft {
  0% { opacity: 0; transform: translateX(-100%); background-color: #f8f9fa; color: #333; }
  50% { background-color: #d3d3d3; color: #444; }
  100% { opacity: 1; transform: translateX(0); background:  rgb(10, 48, 87); color: #fff; }
}

@keyframes slideFadeRight {
  from { opacity: 0; transform: translateX(-80%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes slideFadeLeft {
  from { opacity: 0; transform: translateX(80%); }
  to { opacity: 1; transform: translateX(0); }
}

.animated-section {
  opacity: 0;
}

.slide-right {
  transform: translateX(-80%);
  animation: slideFadeRight 2s ease forwards;
}
.slide-left {
  transform: translateX(80%);
  animation: slideFadeLeft 2s ease forwards;
}

.slide-panel-left { animation: slideInLeft 2s ease forwards; }
.slide-panel-right { animation: slideInRight 2s ease forwards; }

.motor-types { animation-delay: 0.5s; }
.cooling-types { animation-delay: 1s; }
.ratings { animation-delay: 1.5s; }

.text-custom-dark {
  color: rgb(21, 28, 51) !important;
}

.bg-custom-gradient {
  background: linear-gradient(to bottom, #6EC1E4, rgb(27, 74, 120));
}
.custom-heading-color {
  color: #0a3057;
}

.star-rating {
  font-size: 24px;
  color: rgb(8, 3, 55);
}
.star-rating i {
  opacity: 0;
  transform: scale(0.8);
  animation: fadeInStar 0.3s ease forwards;
}
.star-rating i:nth-child(1) { animation-delay: 0.1s; }
.star-rating i:nth-child(2) { animation-delay: 0.2s; }
.star-rating i:nth-child(3) { animation-delay: 0.3s; }
.star-rating i:nth-child(4) { animation-delay: 0.4s; }
.star-rating i:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeInStar {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.table-bordered th {
   color: #1d1d3d;
}

@media (max-width: 767.98px) {
  .info-panel {
    padding: 15px;
    font-size: 0.95rem;
  }
  .custom-margin-md{
    margin-left:-1% !important; 
  }
}