body
{
    font-family:Arial;background:#f5f5f5;margin:0;padding:0;
}
.container
{
    width:95%;margin:auto;margin-top:30px;
}

.profile-card{
    background:#fff;
    padding:50px 80px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    display:flex;
    gap:30px;
    align-items:end;
    height:410px;
    background-size: cover;
    object-fit: cover;
    background-position: center center;
}

.profile-card img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    background:#fff;
}

.social-icons
{
    display:flex;
    gap:0px;
    margin-top:25px;
}

.social-icons a{
    margin-right:15px;
    font-size:16px;
    color:#ff5722;
    text-decoration:none;
    background:#fff;
    padding:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
}

.property-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:25px 0px;
    padding:10px 80px 45px 80px;
}

.property-card{
    background:#fff;
    padding:15px;
    border-radius:10px;
    transition:0.3s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    position:relative;
}

.property-card:hover{
    transform:translateY(-5px);
}

    .profile_card_items
    {
        width:100%;
        display:flex;
        gap:25px;
        background:rgba(0, 0, 0,0.7);
        padding:15px;
        border-radius:15px;
    }

    .profile_card_items h2
    {
        font-size:25px;
        color:#fff;
    }
    .profile_card_items p
    {
        font-size:16px;
        color:#fff;
    }
    .profile_card_items p i
    {
        padding:5px;
        background:#fff;
        font-size:16px;
        color:#ff5722;
        border-radius:50%;
        margin-right:5px;
    }


/*    -------propety_not_found-----------*/

.empty-wrapper{
    height:350px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    overflow:hidden;
}

/* BACKGROUND GLOW WAVES */
.empty-wrapper::before,
.empty-wrapper::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background: radial-gradient(circle,#ff6a00,transparent 70%);
    filter:blur(120px);
    animation: moveGlow 8s infinite alternate;
    opacity:0.25;
}

.empty-wrapper::after{
    right:0;
    bottom:0;
    animation-delay:2s;
}

/* MAIN BOX */
.empty-box
{
    text-align: center;
    padding: 55px 35px;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* ANIMATED BORDER */
.empty-box::before
{
    content: "";
    position: absolute;
    inset: 0;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    /* -webkit-mask-composite: xor; */
    mask-composite: exclude;
}

/* ICON */
.empty-icon{
    font-size:75px;
    margin-bottom:15px;
    animation: float 3s ease-in-out infinite;
    display:inline-block;
}

/* HEADING */
.empty-box h2{
    font-size:24px;
    color:#ff8c00;
    margin-bottom:10px;
}

/* TYPING TEXT */
.typing{
    color:#bbb;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    border-right:2px solid #ff6a00;
    width:0;
    animation: typing 4s steps(40,end) infinite, blink 0.7s infinite;
    margin:auto;
}

/* BUTTON */
.empty-btn{
    margin-top:20px;
    display:inline-block;
    padding:12px 28px;
    border-radius:30px;
    background: linear-gradient(45deg,#ff6a00,#ff8c00);
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    transition:0.3s;
}

.empty-btn:hover{
    transform:scale(1.1);
    box-shadow:0 0 25px #ff6a00;
}

/* FLOATING PARTICLES */
.particle{
    position:absolute;
    width:6px;
    height:6px;
    background:#ff6a00;
    border-radius:50%;
    animation: floatParticle 10s linear infinite;
    opacity:0.6;
}

.particle:nth-child(1){left:10%; animation-delay:0s;}
.particle:nth-child(2){left:30%; animation-delay:2s;}
.particle:nth-child(3){left:60%; animation-delay:4s;}
.particle:nth-child(4){left:80%; animation-delay:6s;}

/* ANIMATIONS */
@keyframes float{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-15px);}
}

@keyframes typing{
    0%{width:0}
    50%{width:100%}
    100%{width:0}
}

@keyframes blink{
    0%,100%{border-color:transparent;}
    50%{border-color:#ff6a00;}
}

@keyframes floatParticle{
    0%{top:100%; transform:translateY(0);}
    100%{top:-10%; transform:translateY(-100vh);}
}

@keyframes moveGlow{
    from{transform:translate(0,0);}
    to{transform:translate(80px,80px);}
}

@keyframes borderMove{
    0%{background-position:0%}
    100%{background-position:300%}
}

/*    -------propety_not_found-----------*/

/*---------edit_profile_btans--------*/




/*---------edit_profile_btans--------*/


.property-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:8px;
}

.heading_items
{
    margin:45px 0px 20px 90px;
    font-size:30px;
}
.heading_items span
{
    color:#ff5722;
}

.property-card h5
{
    font-size:20px;
    margin:0px;
    margin-top:25px;
}
.property-card h4
{
     font-size:20px;
    margin:10px 0px 0px 0px;
}
.property-card a
{
    margin:10px 0px 0px 0px;
}

.city_date_informastion
{
    display: flex;
    gap: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 15px;
/*    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    color: #ffff;*/
    padding:10px;
}

.city_date_informastion p
{
    font-size:15px;
    margin:0px;
}

.city_date_informastion p i
{
    margin-right:3px;
    color:#ff5722;
    font-size:18px;
}

.property-card a
{
    margin-top:25px;
    display:flex;
    padding:3px;
    text-decoration:none;
    text-align:center;
    justify-content:center;
    align-items:center;
    background:#ff5722;
    color:#fff;
    border-radius:10px;
    font-size: 15px;
}

.profile_card_items
{
    position:relative;
}

.edit_btn_profile
{
    display:flex;
    justify-content:center;
    align-items:center;
    width:30px;
    height:30px;
    border-radius:50px;
    position:absolute;
    top: 90px;
    left: 9%;
    background:#fff;
    box-shadow:0px 0px 5px rgba(0,0,0,0.5);
    color:#ff5722;
}

.edit_btn_profile a
{
    color:#ff5722;
}


/*-------media-screen--------------*/

@media only screen and (max-width: 600px) 
{
    .profile-card
    {
        padding: 20px;
    }

    .profile_card_items
    {
         flex-direction: column;
    }
 .profile_card_items h2
 {
    margin-bottom: 15px;
 }

 .heading_items
 {
    margin: 20px;
    font-size: 30px;
 }

 .property-grid
 {
    padding: 20px;
    grid-template-columns: repeat(1, 1fr);
 }
 .property-card
 {
    width:100%;
 }

}












/*-------media-screen--------------*/