    @keyframes zoomOutAnimation {
      0% { transform: scale(1); }
      100% { transform: scale(0.95); } 
    }

    .hero-section {
      min-height: 100vh; 
      display: flex;
      animation: zoomOutAnimation 5s ease-in-out infinite alternate; 
      margin-top: 3rem;
      overflow: hidden;
    }

    .hero-heading {
      margin-left: 1.5rem;
    }

    .hero-section .tagline,
    .hero-section p.lead,
    .hero-section .card p.lead {
      font-size: 1.35rem;
    }

/* ========================== Stats Section ============================== */

    .stats-section {
        overflow: hidden;
    }

/* ========================== Domain Section ============================== */

    .domain-section {
      background: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)),
                  url('../images/section-bg/index\ domain\ 01.jpg') center/cover no-repeat;
          overflow: hidden;

    }

/* ========================== Services Section ============================= */

    .service-section {
        background: rgba(39, 47, 60, 0.5);
        background-size: cover;
        position: relative;
          overflow: hidden;
    }

/* ========================== Solution Section ============================== */

    .solution-section {
        background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),
                    url('../images/section-bg/holographic\ projection\ 01.jpg') center/cover no-repeat;
        overflow: hidden;
    }

/* ========================== Common Section ============================== */

    .domain-card,
    .service-card,
    .solution-card{
        background: rgba(255, 255, 255, 0.05);
        color: var(--cyan);
        backdrop-filter: blur(2px);
        transition: box-shadow 0.3s ease, transform 0.3s ease;
        align-items: center;
        text-align: center;
    }

    .domain-card:hover,
    .service-card:hover,
    .solution-card:hover{
        box-shadow: 0 0 25px cyan;
        background-position: 80% 20%;
    }

    .card-icon {
        font-size: 2.5rem;
        color: cyan;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
    }

