/* Preloader Container */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999; /* Sabse upar rakhne ke liye */
  display: flex;
  overflow: hidden;
}

/* Black Background Doors */
.door {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #5f1316; /* Dark Black */
  /* Ye slide hone ka animation hai (cinematic easing) */
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); 
}

.door-left {
  left: 0;
}

.door-right {
  right: 0;
}

/* Center Line */
.line {
  position: absolute;
  bottom: 0; /* Bottom se start hogi */
  left: 50%;
  transform: translateX(-50%);
  width: 1px; /* Line ki motai */
  height: 0%; /* Start mein height 0 rahegi */
  background-color: white; /* Red color (Aap apne hisaab se white/blue kar sakte ho) */
  z-index: 10;
  /* 1.5 second tak line bottom se top draw hogi */
  animation: drawLine 1.5s ease-in-out forwards; 
}

/* Line height animation */
@keyframes drawLine {
  0% { height: 0%; }
  100% { height: 100%; }
}

/* --- JS Classes (Jab page load hoga tab trigger hongi) --- */
.preloader-loaded .door-left {
  transform: translateX(-100%); /* Left door bahar jayega */
}

.preloader-loaded .door-right {
  transform: translateX(100%); /* Right door bahar jayega */
}

.preloader-loaded .line {
  opacity: 0; /* Line gayab ho jayegi */
  transition: opacity 0.3s ease;
}



.offer-item-bg2 {
    border: none !important;
    background-color: #ffffff;
    position: relative;
    padding: 15px;

    /* NEW: equal height + center content */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    overflow: hidden;
}

.offer-item-bg2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background-color: #215c5c; /* optional brand hover */
    opacity: 0.08;
    transition: all 0.7s ease;
}

/* Hover animation */
.offer-item-bg2:hover::before {
    width: 100%;
    opacity: 0.15;
}

/* Text consistency */
.offer-item-bg2 h6 {
    line-height: 1.3;
    margin: 0;
}

/* Icon consistency */
.offer-item-bg2 img {
    /* height: 60px; */
    object-fit: contain;
    z-index: 1;
}

.offer-item-bg2 h6 {
    z-index: 1;
}