.report-wrapper{
    position: fixed;
    z-index:9999;
    top: 0;bottom: 0;left: 0;right: 0;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}
#report-wrapper.show{
    display: flex;
    align-items: center;
    justify-content: center;
}
.report-wrapper .cancel-wrapper{
    color: #fc2533;
    cursor:pointer;
}
.report-wrapper .cancel-wrapper i{
    font-size: 1.2rem;
    cursor:pointer;
}
.report-wrapper .report-container{
    height: auto;
    max-width: 350px;
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
}
.report-wrapper .report-header{
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    color: #000;
}
.report-wrapper .input-container{
    margin: 10px 0;
    font-size: .9rem;
    color: #35495e;

}
.report-wrapper .input-container select,.report-wrapper .input-container textarea{
    border: solid #35495e 1px;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
}
.report-wrapper .input-container select:focus,.report-wrapper .input-container textarea:focus{
    outline: solid #00b53f 1px;
    border: none;
}
.report-wrapper .submit-container button{
    width: 100%;
    background-color: #00b53f;
    padding: 13px 0;
    text-align: center;
    outline: none;
    border-radius: 4px;
    border: transparent;
    color: white;
    cursor: pointer;
}
.report-wrapper .cancel-wrapper{
    text-align: end;
    padding: 1px 0;
    font-size: .9rem;
    color: red;
}



.chat-wrapper{
    margin:10px 0;

}
.message-status{
    padding:10px 20px;
    font-size:.9rem;
    color:rgb(0, 181, 63);
    display:none;
}
.chat-wrapper .chat-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
}
.chat-wrapper .chat-header .icon{
    font-size:1.3rem;
    color: rgb(108, 142, 160);
}
.chat-wrapper .suggestions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 20px;
    overflow-x: scroll;
}
.chat-wrapper .suggestions .cards{
    color: rgb(0, 181, 63);
    border: solid rgb(0, 181, 63) 1px;
    padding: 8px;
    cursor: pointer;
    font-size: .9rem;
    border-radius: 5px;
    flex-shrink: 0;
    margin: 0 8px;
}
.chat-wrapper .chat-input{
    display: flex;
    flex-direction:column;

}

.chat-wrapper textarea{
    border-radius: 8px;
    padding: 5px 20px;
    flex-grow: 1;
    border: solid rgb(108, 142, 160) 1px;

}


.detail-wrapper{
margin-top: 110px;
padding: 20px 40px;
display: flex;
justify-content: space-between;
}

.detail-wrapper .main-image-wrapper {
position: relative;
}
.detail-wrapper .main-image-wrapper .swiper-button-next{
position: absolute;
color: white;

}
.detail-wrapper .main-image-wrapper .swiper-button-prev{
position: absolute;
color: white;

}
.detail-wrapper .container1{
width: 70%;

margin-right: 20px;
}

.detail-wrapper .container2{
max-width: 400px;
height: 100%;

}
.detail-wrapper .main-image-wrapper .swiper-slide{
text-align: center;
background-color: rgba(0, 0, 0, 0.9);
}
.detail-wrapper .main-image-wrapper .swiper-slide img{
height: 100vh;
width: auto;
max-width: 100%;
margin: 0;
padding: 0;
object-fit: contain;

}


.detail-wrapper .container2 .side-1 .side-wrapper-1,.detail-wrapper .container2 .side-1 .side-wrapper-2{
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 10px 0;
}
.detail-wrapper .container2 .side-1 .side-wrapper-1 .price{
font-weight: 700;
font-size: 1.2rem;
}
.detail-wrapper .container2 .side-1 .side-wrapper-1 .request-call{
border: solid #00b53f 1px;
text-align: center;
margin-top: 13px;
padding: 7px 0;
color: #00b53f;
font-size: .85rem;
cursor: pointer;
transition: background-color 0.3s ease;
}
.detail-wrapper .container2 .side-1 .side-wrapper-1 .request-call:hover{
background-color: #f0f0f0;
}

.detail-wrapper .container2 .side-1 .side-wrapper-2 .profile-wrapper{
display: flex;

}
.detail-wrapper .container2 .side-1 .side-wrapper-2 img{
height: 40px;
width: 40px;
border-radius: 40px;
cursor: pointer;
}

.detail-wrapper .container2 .side-1 .side-wrapper-2 .name{
font-weight: 600;
}

.detail-wrapper .container2 .side-1 .side-wrapper-2 .img-card{
margin-right: 20px;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .replies{
font-size: .75rem;
margin: 3px 0;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .active-years{
font-size: .75rem;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .replies i{
margin-right: 5px;
color: rgb(254, 160, 60);
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .active-years i{
color: #00b53f;
margin-right: 5px;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .show-contact{
text-align: center;
padding: 10px 0;
background-color: #00b53f;
color: white;
margin-top: 15px;
font-size: .8rem;
cursor: pointer;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .show-contact i{
margin-right: 3px;
}

.detail-wrapper .container2 .side-1 .side-wrapper-2 .chat{
text-align: center;
padding: 10px 0;
border: solid #00b53f 1px;
margin-top: 15px;
font-size: .8rem;
cursor: pointer;
color: #00b53f;
width:100%;

}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .chat:hover{
background-color: #00b53f;
color: white;
}
.detail-wrapper .container2 .side-1 .side-wrapper-2 .chat i{
margin-right: 3px;
}

.detail-wrapper .container2 .side-2 .side2-wrapper1 {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 10px 0;
padding: 20px 10px 20px 0;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .title{
font-size: .85rem;
font-weight: 600;
text-align: center;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 ul{
font-size: .8rem;
margin: 0;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 ul li{
margin: 5px 0;
}

.detail-wrapper .container2 .side-2 .side2-wrapper1 .mark-wrapper{
display: flex;
margin-top: 10px;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .mark-unvailable{
color: #0aa7eb;
border: 1px solid #0aa7eb;
text-align: center;
padding: 10px 0;
width: 100%;
margin-right: 6px;
font-size: .8rem;
cursor: pointer;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .mark-unvailable:hover{
background:#3c3241;
border:none;
color:white;

}

.detail-wrapper .container2 .side-2 .side2-wrapper1 .report:hover{
background:#3c3241;
border:none;
color:white;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .report{

width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fc2533;
border: 1px solid #fc2533;
font-size: .8rem;
padding: 10px 0;
cursor: pointer;
}

.detail-wrapper .container2 .side-2 .side2-wrapper1 .report i{
margin-right: 10px;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .post-ads{
background-color: #00b53f;
text-align: center;
color: white;
padding: 10px 0;
border: solid #00b53f 1px;
margin-top: 30px;
}
.detail-wrapper .container2 .side-2 .side2-wrapper1 .below{
padding: 0 20px;
}



.detail-wrapper .main-info-wrapper .listing-title{
font-size: 1.1rem;
font-weight: 600;
color: #464b4f;
padding: 6px 20px;
}
.detail-wrapper .listing-description{
color: #464b4f;
font-size:.9rem;
padding: 6px 20px;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper .wrapper1{
display: flex;
flex-wrap: wrap;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper .wrapper2{
display: flex;
align-items: center;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper .wrapper2 .views{
padding: 10px 20px;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper .wrapper1 .cards{
padding: 10px 20px;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper{

display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: #99b2bf;
}
.detail-wrapper .main-info-wrapper .promoted-wrapper i{
margin-right: 10px;
}
.detail-wrapper .main-info-wrapper .features-wrapper{

padding: 10px 20px;
}
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper{

padding: 10px 0;
display: flex;
justify-content: space-between;
}
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper .cards{

width: 50%;
}
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper .cards .title{
font-size: .9rem;
font-weight: 600;
}
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper .cards .text{
color: #464b4f;
font-size: .8rem;
}
@media screen and (max-width:1200px) {
.detail-wrapper .main-image-wrapper .swiper-slide img{
    height: 70vh;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;

}
}

@media screen and (max-width:992px) {

.detail-wrapper{
    flex-direction: column;
    margin-top: 65px;
}
.detail-wrapper .container1{
    width: 100%;
}
.detail-wrapper .container2{
    min-width: 100%;

    display: flex;
    max-width: unset;
}
.detail-wrapper .container2 .side-1{
   width: 50%;
   margin-right: 20px;
}
.detail-wrapper .container2 .side-2{
    width: 50%;
}

}

@media screen and (max-width:768px) {

.detail-wrapper .container2{
    min-width: 100%;
    display: block;
    max-width: unset;
}
.detail-wrapper .container2 .side-1{
   width: 100%;
   margin-right: 0;
}
.detail-wrapper .container2 .side-2{
    width: 100%;

}

.detail-wrapper{

    padding: 0;

}


}


@media screen and (max-width:499px) {
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper{

    padding: 10px 0px;
    display: flex;
    flex-direction: column;
}
.detail-wrapper .main-info-wrapper .features-wrapper .wrapper .cards{
    width: 100%;
}
}