.ps-form__item{
    width:200px;
}
.img-profile{
    width:40px;
    border-radius: 50%;
}
.bdr-50{
    border-radius: 50%;

}
.div-prv-img{
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
}
.fs-22{
    font-size: 22px;
}
.bdr-25{
    border-radius: 25px;
}
#homepage-one .ps-project-listing{
    padding-top: 80px;
    padding-bottom: 40px;
    background: #f1f6fa;
}
.img100{
    width:100%!important;
}
.bdrblue{
    border: solid 2px #333f63!important;
}
.bgblue{
   background: #dce7f6!important;
}
.mimg100{
    max-width:100%!important;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.dpre {
    white-space: pre-line;
    display: block;
}
.fwhite{
    color:#fff!important;
}

.dpre img,
.dpre iframe {
    max-width: 100%;
}

.logged-in{
    width:200px;
}
 .sub1{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
 }
 .sub2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
 }
 .info{
    top: auto;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    left: 80%;
    right: 0;
    bottom: 0;
    padding: 6px;
    font-weight: 700;
    font-size: 12px;
 }
 .imgprofile{
    border-radius: 50%;
    border: solid 2px #334064;
 }
 .info2{
    top: auto;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 6px;
    font-weight: 700;
    font-size: 12px;
    width:45px;
 }
.info.top{
    top: 14px;
    padding: 0px 4px;
    text-align: center;
}
.info2.top{
    top: 7px;
    padding: 0px 4px;
}
.info img{
    width: 42px!important;
    height: 42px!important;
    border: unset;
    border-radius: 50%;
}
.info2 img{
    width: 32px!important;
    height: 32px!important;
    border: unset;
    border-radius: 50%;
}
 #preloader {
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    position: fixed; 
    z-index: 99999999999999999;
    display: flex; 
    text-align: center; 
    align-items: center;  
    justify-content: center; 
  }
  #preloader img {
    /* existing styles */
    margin: auto; /* center the image vertically */
    display: block; /*  to prevent the image from getting a line break */
    max-width: 250px;
    
  }
.ps-drawer__heading img{
    width: 180px;
    padding-top: 10px;
}
  .divcontact{
    border: 1px solid #F0F7FF;
    box-shadow: 2px 4px 4px rgb(209 222 245 / 50%);
    border-radius: 8px;
    padding: 14px 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .divcontact .text-sm{
    font-size: 13px;
  }
  .ps-project__meta figure{
    background: #fff;
    border: 1px solid #ecf3fc;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 1px 2px 2px rgb(209 222 245 / 50%);
  }
  .headbody{
    background: #393f5e;
    padding: 9px 15px;
    border-radius: 6px;
    color: #fff;
  }
  .cards{
    background: transparent;
    padding: 0;
    border-radius: 10px;
  }
  .cardss{
    background: transparent;
    padding: 0;
    border-radius: 10px;
  }
  .cards2{
    padding: 15px 20px 15px 20px;

  }
  .show_profile img{
    width:100%;
  }
  .text-success {
    color: #28a745!important;
    background: #28a7453b;
}
.text-secondary {
    color: #6c757d!important;
    background: #6c757d3d;
}
.text-info {
    color: #17a2b8!important;
    background: #17a2b838;
}
.text-danger {
    color: #dc3545!important;
    background: #dc354529;
}
.text-warning {
    color: #ffc107!important;
    background: #ffc10724;
}
.ps-table tbody > tr > td{
    padding: 8px 4px;
}

.condo1 .owl-carousel .owl-item img{
    height: 194px;
    width: 100%;
    object-fit: cover;
}
.condo2   img{
    height: 194px;
    width: 100%;
    object-fit: cover;
}
.topsearch img{
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.detailcondo .owl-carousel .owl-item img{
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.lang{
    position: absolute;
    top: 59px;
    right: 4%;
    font-size: 11px;
    background: green;
    padding: 4px 5px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width: auto;
    text-align: center;
    letter-spacing: .8px;
}
.loginsocial{
    width:26px;
}
.banners .ps-section__content{
width:60%;
}
.ps-btn2{
    background-color: #8aaad2;
}
@media screen and (max-width: 768px) {
    .banners .ps-section__content{
        width:70%;
        }
    .cards{
        background: #fff;

        border-radius: 10px;
      }
    .cardss{
        background: #f2f5fa;

        border-radius: 10px;
      }
      .condo1 .owl-carousel .owl-item img{
        height: 220px;
        width: 100%;
        object-fit: cover;
    }
      .condo2   img{
        height: 220px;
        width: 100%;
        object-fit: cover;
    }
    .lang{
        position: absolute;
        top: 59px;
        right: 5%;
        font-size: 12px;
        background: green;
        padding: 4px 5px;
        border-radius: 4px;
        text-align: center;
        color: #fff;
        width: auto;
        text-align: center;
    }
}
@media screen and (max-width: 480px) {
    .banners .ps-section__content{
        width:100%;
        }
    .detailcondo .owl-carousel .owl-item img{
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
    .ps-form__item{
        width:auto;
    }
    #homepage-one .ps-project-listing{
        margin-top: 0;
        padding-bottom: 40px;
    background: #f1f6fa;
    }
    .info img{
        width: 62px!important;
        height: 62px!important;
        border: unset;
        border-radius: 50%;
    }
    .info2 img{
        width: 32px!important;
        height: 32px!important;
        border: unset;
        border-radius: 50%;
    }
    .lang{
        position: absolute;
        top: 80px;
        right: 3%;
        font-size: 13px;
        background: green;
        padding: 4px 5px;
        border-radius: 4px;
        text-align: center;
        color: #fff;
        width: auto;
        text-align: center;
    }
}