/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30 Oct, 2025, 5:35:53 PM
    Author     : Kishan
*/

 .blog-item {
          border-radius: 15px;
          overflow: hidden;
          transition: all 0.3s ease-in-out;
        }

        .blog-img img {
          width: 100%;
          height: 250px; /* Fixed height for all images */
          object-fit: cover; /* Ensures image fits neatly without stretching */
          border-radius: 10px;
        }
        .blog-item {
          height: 500px; /* same for all cards */
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }
        .offer-img {
            width: 100%;
            height: 440px; /* You can adjust height (e.g., 300–350px) based on your layout */
            object-fit: cover;
            border-radius: 10px;
          }

          @media (max-width: 768px) {
            .offer-img {
              height: 250px;
            }
          }
          /* --- Uniform Grid Styling for Services --- */
        .service-item {
          background: #fff;
          border-radius: 12px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.08);
          transition: all 0.3s ease;
          display: flex;
          flex-direction: column;
          height: 100%;
        }

        .service-item:hover {
          transform: translateY(-5px);
          box-shadow: 0 6px 20px rgba(0,0,0,0.15);
        }

        .service-img img {
          width: 100%;
          height: 230px; /* 👈 makes all images same height */
          object-fit: cover; /* ensures proportional cropping */
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
        }

        .service-item .p-4 {
          flex-grow: 1; /* ensures equal text box height */
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }

        .service-item p {
          flex-grow: 1;
        }

        @media (max-width: 768px) {
          .service-img img {
            height: 200px;
          }
        }
        
        
        /*footer logo*/
        .logo-glow {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 70%);
            box-shadow: 0 0 25px rgba(0, 153, 255, 0.5), 0 0 50px rgba(0, 153, 255, 0.3);
            transition: all 0.3s ease;
            animation: glowPulse 2.5s infinite alternate;
          }

          .logo-glow img {
            border-radius: 50%;
            transition: transform 0.3s ease;
          }

          .logo-glow:hover img {
            transform: scale(1.08);
          }

          @keyframes glowPulse {
            0% {
              box-shadow: 0 0 15px rgba(0, 153, 255, 0.4), 0 0 30px rgba(0, 153, 255, 0.2);
            }
            100% {
              box-shadow: 0 0 35px rgba(0, 153, 255, 0.7), 0 0 70px rgba(0, 153, 255, 0.4);
            }
          }
          
          /*title*/
 /* ===== Responsive Glow Grid for Company Name ===== */
.glow-grid {
  position: relative;
  display: inline-block;
  padding: 10px 24px; /* slightly increased grid size */
  border: 2px solid rgba(0, 153, 255, 0.6);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.15);
  box-shadow:
    0 0 12px rgba(0, 153, 255, 0.4),
    inset 0 0 12px rgba(0, 153, 255, 0.2);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Subtle animated border glow */
.glow-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(
    45deg,
    rgba(0, 153, 255, 0.7),
    rgba(0, 255, 255, 0.7),
    rgba(0, 153, 255, 0.7)
  );
  background-size: 300% 300%;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: borderGlow 5s linear infinite;
}

/* Company Name Styling */
.glow-grid h1 {
  font-weight: 700;
  font-size: clamp(1.2rem, 2vw, 2rem); /* responsive scaling */
  letter-spacing: 0.6px;
  margin: 0;
  color: #00aaff;
  text-shadow: none;
  text-align: center;
  white-space: nowrap;
}

/* Hover effect */
.glow-grid:hover {
  transform: scale(1.05);
  box-shadow:
    0 0 18px rgba(0, 153, 255, 0.6),
    inset 0 0 18px rgba(0, 255, 255, 0.3);
}

@keyframes borderGlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 300% 0;
  }
}

/* ===== Mobile Responsive Tweaks ===== */
@media (max-width: 768px) {
  .glow-grid {
    padding: 8px 18px;
    border-radius: 8px;
  }

  .glow-grid h1 {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .glow-grid {
    padding: 6px 14px;
  }

  .glow-grid h1 {
    font-size: 1rem;
  }
}