/* for agent slider */

.container{
    width:1270px;
    max-width:100%;
    margin:auto;
}

/* SLIDER */
.slider-wrap{
    overflow:hidden;
    position:relative;
    user-select: none;
  -webkit-user-select: none;
}

.slider{
    display:flex;
    gap:40px;
    transition:transform .65s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

/* CARD */
.card{
    width:260px;
    padding:10px;
    border-radius:14px;
    text-align:center;
    flex-shrink:0;
}

/* ZIG ZAG */
.card:nth-child(even){
    margin-top:60px;
}

/* IMAGE */
.card img{
    width:100%;
    height:280px;   /* FIXED HEIGHT */
    object-fit:cover;
    border-radius:10px;
}
.img-wrap{
    width:100%;
    height:280px;
    border-radius:10px;
    overflow:hidden;     /* important */
}

.img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}
.card img{
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

/* INNER ZOOM */
.card:hover .img-wrap img{
    transform:scale(1.12);
}


/* NAME */
.name{
    font-weight:700;
    margin-top:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-bottom:2px solid #d5d5d5;
    padding-bottom:6px;
    cursor:pointer;
    font-size:18px;
    font-family:system-ui;
    flex-wrap:wrap;
    text-align:center;
}

/* DETAILS */


.details.open{
    max-height:200px;
    opacity:1;
    margin-top:12px;
    font-family: system-ui;
}
p.desig {
    font-size: 16px;
    font-weight: 700;
}
.details p{
    margin:6px 0;
    font-size:16px;
}

.verify{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transform:translateY(2px);
    flex-shrink:0;
}
.verify svg{
    width:18px;
    height:18px;
}

/* DOTS */
.dots{
    text-align:center;
    margin-top:35px;
}

.dot{
    height:10px;
    width:10px;
    margin:0 5px;
    background:#cfcfcf;
    border-radius:50%;
    display:inline-block;
    cursor:pointer;
}

.dot.active{
    background:#1db2ff;
}

@media(max-width:1024px){
  .card{width:45%;}
}

@media(max-width:700px){
  .card{
    width:80%;
  }
  .card:nth-child(even){
    margin-top:0;
  }
}


/* agent slider end */


/* properties portfolio slider */


.property-section{
  max-width:1300px;
  margin:80px auto;
  padding:0 20px;
  font-family:"Montserrat",sans-serif;
}

.top{
  display:flex;
  align-items:center;          /* vertical align same line */
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
}

/* heading */
.top h2{
  font-size:18px;
  font-weight: 500;
  color:#fff;
  margin:0;                    /* remove default margin */
  line-height:1;
}

/* arrow wrapper */
.arrowss{
  display:flex;
  align-items:center;
  gap:12px;
}

/* arrows */
.arrowss button{
  all:unset;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid #2a2a2a;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:25px;
  transition:.3s;
}
.arrowss button:hover{
  background:#1a1a1a;
  border-color:#444;
  color:#fff;
}
/* Slider container */
.property-slider {
  display: grid;
  grid-template-rows: repeat(2, 1fr); /* 2 rows */
  grid-auto-flow: column; /* horizontal sliding */
  gap: 20px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Cards */
.property-card {
  width:400px;
  height: 280px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.property-section .property-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.property-card:hover img {
  transform: scale(1.06);
}

/* Bottom info */
.info {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 18px;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85),
    transparent
  );
}
.info h3{
  margin:0;
  font-size:18px;
  color:#fff;
}
.info span{
  font-size:14px;
  color:#fff;
}

/* tablet */
@media(max-width:1024px){
.property-card{
  min-width:260px;
  height:340px;
}
}

@media(max-width:768px){

.property-section{
  padding:0 !important;
}

.property-slider{
  display:flex;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  gap:16px;
  padding:0 16px;
}

.property-card{
  flex:0 0 100%;
  max-width:100%;
  height:320px;
  scroll-snap-align:start;
}

}

/* properties portfolio slider end */