section.project-section {
    padding: 25px 0 50px;box-shadow: 0px 15px 20px -17px rgb(0 0 0 / 8%);
}
.project-details-section{position: relative;  margin: 20px; outline: rgb(93 81 71 / 20%) solid 2px; outline-offset: 4px;border-radius: 25px;
    .project-img {position: relative;
        img{ width: 100%; border-radius: 25px;height: 320px; }
        
    }
    .project-info{
        padding: 0 25px;
        .project-name{margin: 0;margin-top: 10px; border-bottom: 1px solid #dddddd;font-size: 29px;padding: 4px 0;}
        .project-loc{padding: 5px; border-bottom: 1px solid #dddddd;            font-size: 14px;}
        .platter-price-section{
            h3{ font-size: 40px;padding: 8px 0 4px;border-bottom: 1px solid #5f5f5f17;}
        }
        .platter-typology-section, .platter-size-section{    display: flex; justify-content: space-between;padding: 0 10px 10px;}
        .platter-btn { display: flex; justify-content: space-between; border-top: 1px solid #dddddd; }
    }
}
.platter-typology-section p {
    font-size: 14px;
}
.project-img::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: linear-gradient(90deg, #00000036 35%, transparent);
}

.rera-section{display: flex;justify-content:center;gap:4px;    flex-direction: column; align-items: center;margin-bottom: 7px;
    img{width: 100px;}
}
.rera-section-img{
    img{width: 100px;height: 100px;margin: 2px;}
}

@media(max-width:767px){
   
    .project-details-section {
        & .project-img {
            img {
                width: 100%;
                border-radius: 25px;
                height: 270px;
                object-fit: cover;
            }
        }
        .project-info {
            padding: 0 15px;
        }
    }
    
}