*{
    margin: 0;
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
}


.hero-section {
  background: #222 url('../images/Oil-Transportation-Logistics-SIPMM.jpg') center/cover no-repeat;
  min-height: 50vh;
  padding-top: 80px;
  display: flex;
  align-items: center;
  opacity: 3;
}
.service-title {
      font-weight: 700;
      color: #222;
      margin-bottom: 1rem;
      transition: color 0.3s, transform 0.3s;
      display: inline-block;
      animation: fadeInDown 1s;
      cursor: pointer;
    }
    .service-title:hover {
      color:  rgba(14, 14, 156, 0.696);
      transform: scale(1.05) translateY(-2px);
      text-shadow: 0 2px 12px rgba(154,205,50,0.15);
    }
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-30px);}
      to { opacity: 1; transform: translateY(0);}
    }
    .service-section .service-image {
      width: 100%;
      max-width: 300px;
      height: auto;
      transition: transform 0.4s cubic-bezier(.4,2,.6,1);
    }
    .service-section .service-image:hover {
      transform: scale(1.05) translate(2px, -2px);
      box-shadow: 0 8px 32px rgba(154,205,50,0.15);
    }
    .service-section .service-text {
      font-size: 1rem;
      animation: fadeInRight 1s;
    }
    @keyframes fadeInRight {
      from { opacity: 0; transform: translateX(40px);}
      to { opacity: 1; transform: translateX(0);}
    }
    .feature-card {
      border: none;
      box-shadow: 0 2px 16px rgba(154,205,50,0.08);
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .feature-card:hover {
      transform: translateY(-8px) scale(1.03);
      box-shadow: 0 8px 32px rgba(154,205,50,0.15);
    }
    .section-title {
      font-weight: 700;
      letter-spacing: 1px;
      color: #004080;
      animation: fadeInDown 1s;
    }
   
    @media (max-width: 767.98px) {
      .service-section .row {
        flex-direction: column !important;
      }
      .service-section .service-image {
        margin-bottom: 1rem;
        max-width: 100%;
      }
      .section-title {
        font-size: 1.3rem;
      }
    }