/*For home screen category in mobile view*/

@media(width < 30rem){
    .category-list {
        padding: 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        }
        .category-section .category-list li {
        width: 49% !important;
        }
        .category-block-one {
        aspect-ratio: 1;
        }
        .category-block-one h5 {
        font-size: 15px !important;
        }
        .category-block-one .inner-box {
        aspect-ratio: 1/1.1 !important;
       
        padding: 2rem;
        }
        .main-header .logo-box .logo img{
            width: 25%;
        }
        
}

.project_card .inner-box .image-box .image::before{
    background-color:unset;
}
.project_card .inner-box .image-box .image{
    padding:.6rem;
    & img{
        border-radius: .4rem;
    }
}

.carousel70 {
  padding-inline: .7rem;
  overflow-x: hidden;
  text-align: center;
  font-size: .7rem;
  background-color: #00b5000f;
  border-radius: .4rem;
  padding-block: .5rem;
}

.carousel70 .item{
    cursor:pointer;
    & .box p {
    margin: 0 !important;
    font-weight:600;
    color:#000;
    }
}


.swiper-button-next:after,
.swiper-button-prev:after {
  font-size:0.7rem !important;
  background-color: var(--main-color);
  padding: .4rem .55rem;
  border-radius: 1rem;
  color: #fff;
  font-weight: 700;
  top: 4.1rem;
position: relative;
}


@media (width < 27rem){
    .property-page-section .auto-container:first-child{
        margin-top: 0rem !important;
    }
    .property-page-section .item-shorting{
        display: flex;
        & h5{
            text-align: left;
        }
    }   
}