body{
  margin:0;
  font-family:Poppins, Arial, sans-serif;
  background:#f4f4f4;
}

/* RENT SECTION */
.rent-products{
  padding:70px 20px;
  background:#fff;
  text-align:center;
}
.rent-products h2{
  color:red;
  font-size:32px;
  font-weight:800;
  margin-bottom:40px;
}

.rent-grid{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
}

.rent-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
  position:relative;
}

/* BADGES */
.price-badge{
  position:absolute;
  top:15px;
  left:15px;
  background:red;
  color:#fff;
  padding:6px 14px;
  border-radius:30px;
  font-weight:700;
  z-index:5;
}
.popular-badge{
  position:absolute;
  top:15px;
  right:15px;
  background:#ffd700;
  padding:6px 14px;
  border-radius:30px;
  font-weight:800;
  animation:pulse 1.4s infinite;
}
@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.08)}
  100%{transform:scale(1)}
}

/* SLIDER */
.slider{
  height:230px;
  overflow:hidden;
  position:relative;
}
.slides{
  display:flex;
  transition:.5s;
}
.slide{
  min-width:100%;
}
.slide img,
.slide video{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* DOTS */
.dots{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
}
.dots span{
  width:9px;
  height:9px;
  background:#ddd;
  border-radius:50%;
}
.dots span.active{
  background:red;
}

/* TEXT */
.rent-card h3{
  color:red;
  margin:15px;
}
.rent-card p{
  margin:0 15px 15px;
  font-size:14px;
  color:#555;
}

/* BUTTON */
.rent-btn{
  margin:15px;
  padding:12px;
  width:calc(100% - 30px);
  border:none;
  border-radius:35px;
  background:#25D366;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

/* ===== Associate Partners ===== */
.partners-section{
  padding:80px 20px;
  background:#fff;
  text-align:center;
  overflow:hidden;
}

.partners-section h2{
  font-size:34px;
  font-weight:900;
  color:#c40000;
}

.partners-sub{
  color:#777;
  margin-bottom:40px;
  font-size:15px;
}

/* Wrapper */
.partners-wrapper{
  position:relative;
  width:100%;
  overflow:hidden;
}

/* Gradient fade */
.fade{
  position:absolute;
  top:0;
  width:120px;
  height:100%;
  z-index:5;
  pointer-events:none;
}
.fade-left{
  left:0;
  background:linear-gradient(to right,#fff,transparent);
}
.fade-right{
  right:0;
  background:linear-gradient(to left,#fff,transparent);
}

/* Track */
.partners-track{
  display:flex;
  gap:40px;
  animation:partnerScroll 30s linear infinite;
}

/* Pause on hover */
.partners-wrapper:hover .partners-track{
  animation-play-state:paused;
}

@keyframes partnerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Card */
.partner-card{
  min-width:190px;
  height:120px;
  background:#fff;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
  transition:.4s;
  transform-style:preserve-3d;
}

/* 3D hover */
.partner-card:hover{
  transform:translateY(-10px) rotateX(8deg) rotateY(-8deg);
  box-shadow:0 20px 45px rgba(0,0,0,.3);
}

/* Logo */
.partner-card img{
  max-width:80%;
  max-height:70px;
  object-fit:contain;
  filter:grayscale(100%);
  transition:.4s;
}

.partner-card:hover img{
  filter:grayscale(0%);
}

/* Responsive */
@media(max-width:768px){
  .partner-card{
    min-width:150px;
    height:100px;
  }
}

