* {
  box-sizing: border-box;
}
.slp-single-listing{
padding:40px 0;
}

.slp-container{
width:80%;
margin:auto;
}

.slp-breadcrumb{
color:#555555;
font-size:14px;
margin-bottom:10px;
font-weight:500;
}
.slp-breadcrumb a{
color:#555555;
font-size:14px;
margin-bottom:10px;
font-weight:500;
}
.slp-header-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.slp-title{
font-size:36px;
margin:0;
display:flex;
gap:10px;
align-items:center;
}

.slp-badge{
background:#390099;
color:white;
font-size:12px;
padding:3px 10px;
border-radius:20px;
font-weight:600
}

.slp-location{
display:flex;
gap:10px;
}
.slp-location p{
color:#4349E4;
font-weight:500;
font-size:14px;
}
.slp-callback-btn{
background:#4349E4;
color:white;
border:none;
padding:16px 24px;
border-radius:16px;
cursor:pointer;
font-size:16px;
font-weight:700;
}

.slp-info-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}
.slp-info-item {
    border-right: 1px solid #DBDBDB;
}
.slp-info-item p{
color:#777777;
font-size:14px;
display:block;
font-weight:500;
margin-bottom:10px;
}

.slp-info-item span{
font-size:20px;
font-weight:600;
color:#000000;
}
.slp-info-item:last-child {
  border-right: none;
}
.slp-content-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:15px;
margin-top:30px;
}

/* GALLERY */

.slp-gallery{
display:grid;
grid-template-columns:2fr 1fr;
gap:10px;
}

/* .slp-gallery img{
width:100%;
height:100%;
object-fit:cover;
} */

.slp-gallery-main{
height:100%;
}
.slp-gallery-main img{
    width:100%;
    height:100%;
    object-fit: cover;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.slp-gallery-right{
display:grid;
gap:10px;
}

.slp-gallery-small{
    width:100%;
height:100%;
position:relative;
}
.slp-gallery-small img{
    width:100%;
    height:100%;
    object-fit: cover;
border-top-right-radius: 16px;
}
.slp-show-more-trigger img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 0px;
}
.slp-show-more{
    position: absolute;
    bottom: 15px;
    left: 64%;
    transform: translateX(-50%);
    background: white;
    padding: 5px 13px;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 60%;
}
.slp-show-more p{
    color:#4349E4;
    font-weight:600;
    margin:0
}
.slp-show-more img{
    width:20px;
    height:20px;
}
/* FORM */

.slp-form-card{
background:#F3F3FD;
padding:30px 25px;
border-radius:20px;
box-shadow: 0px 4px 8px 0px #4349E40D;
height: fit-content;
}

.slp-form-card h3{
margin:0px;
font-size:16px;
font-weight:700;
}
.slp-form-card p{
    color:#555555;
    font-size:14px;
    font-weight:500;
}

.slp-form-card input{
width:100%;
padding:21px 12px;
margin: 5px 0px;
border-radius:12px;
border:1px solid #ddd;
}

.slp-form-card button{
width:100%;
padding:14px;
background:#5d59f5;
border:none;
color:white;
border-radius:12px;
font-size:16px;
cursor:pointer;
margin-top:10px;
}

/* MODAL */

.slp-gallery-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
z-index:9999;
}

.slp-carousel{
display:flex;
align-items:center;
gap:20px;
}

.slp-carousel img{
width:100%;
height:600px;
border-radius:12px;
    object-fit: cover;
}

.slp-prev,.slp-next{
background:transparent;
border:none;
color:white;
font-size:40px;
cursor:pointer;
}

.slp-modal-close{
position:absolute;
top:30px;
right:40px;
color:white;
font-size:30px;
cursor:pointer;
}

.slp-counter{
color:white;
margin-top:10px;
}

/* SECTION TWO CSS */

.slp2-container{
width:80%;
margin:auto;
}

.slp2-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:20px;
align-items: start;
}

.slp2-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin-bottom:30px;
}

.slp2-block h3{
font-size:18px;
font-weight:700;
margin:0px;
border-bottom:2px solid #000;
padding-bottom:6px;
display:flex;
  justify-content:space-between;
  align-items:center;
}

.slp2-block p{
font-weight:600;
margin:10px 0px 0px 0px;
font-size: 16px;
font-weight:700;
}
.slp2-value-bold{
font-weight:700 !important;
color:rgb(0, 0, 0) !important
}
.slp2-line{
display:flex;
justify-content:space-between;
padding:8px 0;
border-bottom:1px solid #e6e6e6;
}
.slp2-line span{
color:#777777;
font-size:16px;
font-weight:500;
}
.slp2-small{
font-size:18px;
color:#000000;
font-weight:700;
}

.slp2-right{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

.slp2-card{
background:#f3f3f3;
padding:20px 15px;
border-radius:16px;
text-align:center;
}

.slp2-card img{
width:26px;
    margin-bottom: 16px;
}

.slp2-card p{
font-size:14px;
color:#777777;
    margin: 0px 0px 7px 0px;
    font-weight: 500;
}

.slp2-card h4{
font-size:16px;
font-weight:600;
margin:0;
color:#000000;
}


/* SECTION 3 CSS */
.slp3-section{
padding:40px 0;
}

.slp3-container{
width:80%;
margin:auto;
}

.slp3-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:20px;
}

/* LEFT CARD */

.slp3-card{
background:#fff;
border-radius:16px;
padding:30px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.slp3-label{
color:#777777;
font-size:14px;
margin:0;
font-weight:500;
}

.slp3-description{
line-height:1.7;
margin-top:10px;
color:#000000;
font-size:16px;
font-weight:400;
}
.slp3-parking {
    margin-top: 20px;
}
.slp3-divider{
border:none;
border-top:1px solid #eee;
margin:40px 0;
}

.slp3-work-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.slp3-small{
color:#777;
font-size:13px;
margin:0;
}
.slp3-work-value{
    margin:0;
    font-weight: 600;
    color:#000000;
    font-size:16px;
    margin-top:8px;
}
.slp3-chargeable{
    font-weight:400;
}
.slp3-timing{
display:flex;
gap:15px;
align-items:center;
}

.slp3-clock{
font-size:24px;
}

.slp3-subtitle{
margin:20px 0px;
color:black;
font-size:18px;
font-weight:500;
}

.slp3-amenities{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.slp3-not{
margin:50px 0px 30px 0px;
}
.slp3-not h4{
    color: black;
    font-size: 18px;
    font-weight: 500;
}
.slp3-not-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
color:#777;
text-decoration:line-through;
}

.slp3-location{
display:flex;
gap:20px;
align-items:flex-start;
}

.slp3-location img{
width:180px;
border-radius:10px;
}

/* FAQ */

.slp3-faq-card{
background:#fff;
border-radius:16px;
padding:25px;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.slp3-faq{
border-bottom:1px solid #eee;
padding:15px 0;
}

.slp3-faq-question{
  width:100%;
  text-align:left;
  background:white !important;
  border:none;
  font-weight:600;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:0px;
  font-size:16px;
  gap:20px;
  color: #000000 !important;
}
.slp3-faq-question:hover{
  background:none !important;
  color: #000000 !important;
}
.slp3-faq-question::after{
  content:"";
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
  background-image:url("https://simplileap.com/space/wp-content/uploads/2026/03/faq-arrow.svg");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform 0.3s ease;
  flex-shrink:0;
}


/* rotate arrow when open */
.slp3-faq-question.active::after{
  transform:rotate(180deg);
}
.slp3-faq-answer{
display:none;
color:#333333;
font-size:14px;
margin-top:15px;
font-weight:400;
}
.slp3-faq-card h3{
    margin: 0px 0px 25px 0px;
    color:#333333;
    font-size:20px;
    font-weight:600;
}


.slp3-timings {
    color:#000000;
    font-weight:500;
    font-size:20px;
    margin:8px 0px 0px 0px;
}

.slp3-timings span{
    color:#777777;
    font-size:14px;
    font-weight:500;
    margin:0;
}
.slp3-amenities-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.slp3-amenities-info p{
    margin:0;
    color:#333333;
    font-size:14px;
    font-weight:500;
}
.slp3-map{
  border-radius:12px;
  overflow:hidden;
  width: 100%;
}

.slp3-map iframe{
  width:100%;
  height: 20vh;
  border:0;
  display:block;
}
.slp3-location-info p{
margin:0;
font-size:18px;
font-weight:700;
line-height:28.8px;
}
.slp3-location-info span{
font-size:18px;
font-weight:400;
line-height:28.8px;
width:70%;
}


/* SECTION4 CSS */

.slp4-section{
padding:50px 0;
}

.slp4-container{
width:80%;
margin:auto;
  position: relative; 
}

.slp4-title{
font-size:24px;
font-weight:700;
margin-bottom:25px;
}

.slp4-card{
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0px 4px 10px rgba(0,0,0,0.08);
}
.slp4-slider-wrapper {
  position: relative;  /* arrows position relative to this */
}
.slp4-image img{
width:100%;
height:180px;
object-fit:cover;
}

.slp4-content{
padding:18px;
}

.slp4-content h3{
margin:0 0 8px 0;
font-size:18px;
font-weight:700;
}

.slp4-location,
.slp4-time{
display:flex;
align-items:center;
gap:8px;
font-size:14px;
margin-bottom:6px;
}

.slp4-location span{
color:#4349E4;
font-weight:500;
font-size:14px;
}
.slp4-slider{
position:relative;
z-index:1;
}
.slp4-btn{
display:block;
margin-top:12px;
background:#4349E4;
color:#fff;
text-align:center;
padding:10px;
border-radius:20px;
text-decoration:none;
font-size:14px;
font-weight:500;
}

/* arrows */

.slp4-prev,
.slp4-next{
width:40px;
height:40px;
position:absolute;
top:35%;
transform:translateY(-50%);
z-index:9999;
cursor:pointer;
}

.slp4-prev{
left:-15px;
}

.slp4-next{
right:-15px;
}


/* SECTION5 */

.slp5-section{
padding-bottom:50px;
}

.slp5-container{
width:80%;
margin:auto;
}

.slp5-title{
font-size:24px;
font-weight:700;
margin-bottom:30px;
}

.slp5-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.slp5-card{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 28px;
background:#F3F3FD;
border-radius:24px;
text-decoration:none;
border:1px solid #E6E6FC;
transition:all 0.25s ease;
}

.slp5-card span{
font-size:16px;
font-weight:500;
color: #4349E4;
}

.slp5-card img{
width:20px;
height:20px;
}

.slp5-card:hover{
background:#e3e3ff;
}
.slp2-masked {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    user-select: none;
    letter-spacing: 2px;
	    filter: blur(4px);
}
.slp2-unlock-btn{
    margin-top: -272px;
    margin-left: 674px;
}
.slp2-cashflow-cta {
    margin-top: 16px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.slp2-cashflow-cta p {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.slp2-contact-btn {
    background: #4349e4;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 24px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.slp2-contact-btn:hover {
    background: #3730c8;
}
/* MOBILE */

@media(max-width:768px){

.slp-container{
width:92%;
}

.slp-header-row{
flex-direction:column;
align-items:flex-start;
gap:15px;
}

.slp-info-grid{
grid-template-columns:1fr 1fr;
	        margin-top: 31px;
}

.slp-content-grid{
grid-template-columns:1fr;
}
.slp-gallery{
display:none;
}

.slp-all-images{
display:flex !important;
overflow-x:auto;
gap:12px;
padding-bottom:10px;
}

.slp-all-images img{
min-width:280px;
height:200px;
object-fit:cover;
border-radius:16px;
}
.slp3-grid{
grid-template-columns:1fr;
}

.slp3-work-grid{
grid-template-columns:1fr;
}

.slp3-amenities{
grid-template-columns:1fr 1fr;
	    gap: 15px;
}
.slp5-grid{
grid-template-columns:1fr 1fr;
gap:15px;
}

.slp5-card{
        padding: 13px 20px;
}
	.slp2-grid{
display:grid;
grid-template-columns:1fr; 
		gap:30px;
	}
	.slp3-grid{
		display:flex;
		flex-direction:column;
	}
	.slp3-faq-question{
		white-space:unset !important;
	}
	.slp3-not-list{
		grid-template-columns: 1fr 1fr;
	}
	.slp3-location{
		flex-direction:column;
	}
	.slp2-container {
    width: 90%; 
	}
	.slp2-block h3 {
    font-size: 15px; 
	}
	.slp-title{
	font-size: 28px;
	flex-direction: column;
	align-items: flex-start;
    margin-bottom: 15px;

	}
	.slp2-row{
	grid-template-columns: 1fr;	
	}
	
	.slp3-container {
    width: 90%; 
	}
.slp5-card img {
    width: 16px;
    height: 16px;
}
	.slp5-container {
    width: 90%;
	}
	.slp-info-item span {
    font-size: 17px;
}
	.slp-callback-btn {
    padding: 12px 24px;
    font-size: 15px;
	}
	.slp2-line span {
    font-size: 15px;
	}
	.slp2-card h4 {
    font-size: 14px;
	}
	.slp5-title {
    font-size: 22px;
}
	.slp4-container {
    width: 90%;
	}
	.slp4-title {
    font-size: 23px;
	}
	h4.slp3-not {
    font-size: 18px;
}
.slp3-divider {
    margin: 25px 0;
	}
	.slp3-timings {
    font-size: 17px;
	}
	.slp3-location-info span {
    font-size: 16px;
    line-height: 26.8px;
	}
	.slp2-unlock-btn {
         position: absolute;
        top: 147%;
        right: -1%;
}
	.slp2-block.slp2-cashflow{
		position:relative
	}
}
@media(min-width:1770px){
	.slp2-unlock-btn {
    position: absolute;
         top: 143%;
        left: 22%;
}
	.slp2-block.slp2-cashflow{
		position:relative
	}
}