.image-section{
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 16px;          /* mobile padding */
}


.kalachaar-title h3{
	font-weight: 600;
        font-size: 32px;
        line-height: 40px;
  color: #2c3035;
  margin-bottom: 20px;}

.kalachaar-title p{margin-bottom:40px;
}
/* Aspect ratio box (16:9) */
.image-holder{
  position: relative;
  width: 100%;
  padding-top: 56.25%;      /* 16:9 ratio */
  overflow: hidden;
  border-radius: 16px;
}

/* Image */
.image-holder img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =====================
   RESPONSIVE BREAKPOINTS
===================== */

@media (max-width: 1024px){
  .image-section{
    max-width: 960px;
  }
}

@media (max-width: 768px){
  .image-section{
    margin: 24px auto;
  }
  .image-holder{
    border-radius: 12px;
  }
}