.mainbox1{
    display: flex;
    justify-content: space-around;
    padding: 3rem;
    border-radius: 10px;
}
.mainbox2{
    display: flex;
    justify-content: space-around;
    padding: 3rem;  
    border-radius: 10px;
}
.box1{
    width: 50%;
    display: flex;
    border-radius: 10px;
    margin-right: 10px;
    
}
.box2{
    width: 50%;
    display: flex;
    border-radius: 10px;
}
.box3{
    width: 50%;
    display: flex;
    border-radius: 10px;
    margin-right: 10px;
}
.box4{
    width: 50%;
    display: flex;
    border-radius: 10px;
}
.sech2{
    text-align: center;
}
.image1{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.boxcontent{
    padding: 10px;
}


.image1 {
    transition: width 1s, height 1s;
  }
  
  .image1:hover {
    width: 320px;
    height: 320px;
  }
 

/* scroll */

.swiper {
    width: 90%;
    max-width: 1200px;
    height: 50vh; /* Adjust height dynamically */
   
  }
  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures proper scaling */
    border-radius: 8px; /* Optional rounded corners */
    
  }
  .swiper-slide{
      padding: 10px;
  }