/* ================= MAIN GRID ================= */
.kundaroma-grid{
  width:100%;
  display:grid;
}

/* ================= ROW ================= */
.kundaroma-row{
  display:flex;
  width:100%;
  min-height:auto;
}

/* ================= COMMON ================= */
.kundaroma-grid-b1,
.kundaroma-grid-b2,
.kundaroma-grid-b3,
.kundaroma-grid-b4{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

/* ================= IMAGE BOX (40%) ================= */
.kundaroma-grid-b1,
.kundaroma-grid-b4{
  width:45%;
}

.kundaroma-grid-b1 img,
.kundaroma-grid-b4 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ================= CONTENT BOX (60%) ================= */
.kundaroma-grid-b2,
.kundaroma-grid-b3{
  width:60%;
  flex-direction:column;
  text-align:center;
  padding:50px 30px;
  gap:15px;
}

/* ================= COLORS ================= */

.kundaroma-grid-b2{
  background:#2f3a56;
  color:#fff;
}

.kundaroma-grid-b3{
  background:#bfe9f4;
  color:#000;
}

/* ================= CONTENT ================= */

.kundaroma-title{
  font-size:34px;
  font-weight:600;
  
}

.kundaroma-subtitle{
  font-size:14px;
  letter-spacing:2px;
}

.kundaroma-text{
  max-width:350px;
  font-size:15px;
  line-height:1.6;
}

.kundaroma-btn{
  margin-top:15px;
  padding:11px 30px;
  border:none;
  border-radius:30px;
  cursor:pointer;
  font-size:14px;
  transition:0.3s;
}

/* Buttons */

.kundaroma-grid-b2 .kundaroma-btn{
  background:#bfe9f4;
  color:#000;
}

.kundaroma-grid-b3 .kundaroma-btn{
  background:#2f3a56;
  color:#fff;
}

.kundaroma-btn:hover{
  transform:scale(1.05);
}

/* ================= IMAGE OVERLAY ================= */

.kundaroma-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.1);
  transition:0.3s;
}

.kundaroma-grid-b1:hover .kundaroma-overlay,
.kundaroma-grid-b4:hover .kundaroma-overlay{
  background:rgba(0,0,0,0.25);
}

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

/* Tablet */
@media(max-width:992px){

  .kundaroma-title{
    font-size:28px;
  }

}

/* Mobile */
@media(max-width:768px){

  /* .kundaroma-row{
    flex-direction:column;
  }

  .kundaroma-grid-b1,
  .kundaroma-grid-b2,
  .kundaroma-grid-b3,
  .kundaroma-grid-b4{
    width:100%;
    min-height:300px;
  }

  .kundaroma-grid-b2,
  .kundaroma-grid-b3{
    padding:35px 20px;
  } */





   .kundaroma-row{
    flex-direction:column;
  }

  /* Full width */
  .kundaroma-grid-b1,
  .kundaroma-grid-b2,
  .kundaroma-grid-b3,
  .kundaroma-grid-b4{
    width:100%;
    min-height:280px;
  }

  /* ORDER FIX */

  /* First row */
  .kundaroma-grid-b1{ order:1; } /* Image */
  .kundaroma-grid-b2{ order:2; } /* Content */

  /* Second row */
  .kundaroma-grid-b4{ order:3; } /* Image */
  .kundaroma-grid-b3{ order:4; } /* Content */



}

/* Small Mobile */
@media(max-width:480px){

  .kundaroma-title{
    font-size:22px;
  }

  .kundaroma-btn{
    padding:9px 22px;
    font-size:13px;
  }

}