.elementor-137 .elementor-element.elementor-element-1324e3e{--display:flex;--overlay-opacity:0.5;}.elementor-137 .elementor-element.elementor-element-1324e3e::before, .elementor-137 .elementor-element.elementor-element-1324e3e > .elementor-background-video-container::before, .elementor-137 .elementor-element.elementor-element-1324e3e > .e-con-inner > .elementor-background-video-container::before, .elementor-137 .elementor-element.elementor-element-1324e3e > .elementor-background-slideshow::before, .elementor-137 .elementor-element.elementor-element-1324e3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-137 .elementor-element.elementor-element-1324e3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-137 .elementor-element.elementor-element-a14d1e9{margin:160px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-137 .elementor-element.elementor-element-a14d1e9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#F5F5F5;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-137 .elementor-element.elementor-element-c066a1c{text-align:center;font-family:"Poppins", Sans-serif;font-weight:400;color:#F5F5F5;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-137 .elementor-element.elementor-element-549d8d1 .elementor-button{background-color:#E67E22;}@media(max-width:767px){.elementor-137 .elementor-element.elementor-element-a14d1e9{margin:130px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-137 .elementor-element.elementor-element-a14d1e9 .elementor-heading-title{font-size:25px;}.elementor-137 .elementor-element.elementor-element-c066a1c p{margin-block-end:20px;}}/* Start custom CSS for html, class: .elementor-element-14cfbe5 */.product-hero {

    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #fff6ed,
        #ffffff
    );

    overflow:hidden;

}



.product-hero-wrapper {

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;

}



.product-hero-content {

    width:50%;

}



.product-hero-content h1 {

    font-size:55px;
    line-height:1.15;
    margin:25px 0;

    color:#222;

}



.product-hero-content h1 span {

    color:#ff7a00;

}



.product-hero-content p {

    font-size:18px;
    color:#666;
    line-height:1.8;

}



.hero-product-button {

    display:flex;
    gap:20px;
    margin-top:35px;

}



.btn-primary {

    background:#ff7a00;
    color:white;

    padding:16px 35px;

    border-radius:50px;

    font-weight:600;

    transition:.3s;

}



.btn-primary:hover {

    transform:translateY(-4px);

}



.btn-outline {

    border:2px solid #ff7a00;

    color:#ff7a00;

    padding:16px 35px;

    border-radius:50px;

}



.product-stat {

    display:flex;

    gap:45px;

    margin-top:50px;

}



.product-stat h3 {

    font-size:32px;
    color:#ff7a00;

}



.product-stat p {

    font-size:14px;

}




.product-hero-image {

    width:50%;

    position:relative;

}



.image-card {

    border-radius:35px;

    overflow:hidden;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);

}



.image-card img {

    width:100%;

    height:600px;

    object-fit:cover;

}



.floating-card {

    position:absolute;

    bottom:40px;

    left:-40px;

    background:white;

    padding:20px 25px;

    border-radius:20px;

    display:flex;

    gap:15px;

    align-items:center;

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

}



.floating-card i {

    background:#ff7a00;

    color:white;

    padding:15px;

    border-radius:50%;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9548ddd */.featured-property{

padding:120px 0;

background:#FAF8F5;

}


/* HEADING */

.section-heading{

text-align:center;

max-width:750px;

margin:auto;

}


.section-badge{

display:inline-block;

background:#E67E22;

color:#fff;

padding:10px 22px;

border-radius:50px;

font-size:14px;

font-weight:700;

letter-spacing:.5px;

}



.section-heading h2{

font-size:48px;

font-weight:800;

line-height:1.2;

margin:25px 0 15px;

color:#222;

}



.section-heading h2 span{

color:#E67E22;

}



.section-heading p{

font-size:18px;

color:#666;

line-height:1.8;

}




/* PROPERTY GRID */

.property-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}





/* CARD */

.property-card{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}



.property-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(0,0,0,.12);

}




/* IMAGE */

.property-image{

position:relative;

height:260px;

overflow:hidden;

}



.property-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}



.property-card:hover .property-image img{

transform:scale(1.08);

}




/* BADGE */

.property-badge{

position:absolute;

top:20px;

left:20px;

background:#E67E22;

color:#fff;

padding:8px 18px;

border-radius:50px;

font-size:12px;

font-weight:700;

}




/* CONTENT */

.property-content{

padding:30px;

}



.property-content h3{

font-size:24px;

line-height:1.4;

margin-bottom:15px;

color:#222;

font-weight:800;

}




/* PRICE */

.price{

font-size:32px;

font-weight:800;

color:#E67E22;

margin-bottom:20px;

}




/* SPEC */

.specs{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:12px;

margin-bottom:25px;

}



.specs span{

font-size:15px;

color:#666;

font-weight:600;

}




/* BUTTON */

.property-btn{

display:flex;

gap:12px;

}



.btn-detail{

flex:1;

padding:14px;

text-align:center;

background:#222;

color:#fff;

border-radius:12px;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.btn-detail:hover{

background:#000;

}




.btn-wa{

flex:1;

padding:14px;

text-align:center;

background:#E67E22;

color:#fff;

border-radius:12px;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.btn-wa:hover{

background:#c86b17;

}




/* BUTTON LIHAT SEMUA */

.see-all{

text-align:center;

margin-top:60px;

}



.see-all-btn{

display:inline-block;

padding:18px 40px;

background:#E67E22;

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.see-all-btn:hover{

background:#c86b17;

}




/* RESPONSIVE */

@media(max-width:991px){


.property-grid{

grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:768px){


.featured-property{

padding:80px 0;

}



.section-heading h2{

font-size:36px;

}



.property-grid{

grid-template-columns:1fr;

}



.property-content h3{

font-size:22px;

}



.price{

font-size:28px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd0818d */.why-java{

padding:120px 0;

background:#FAF8F5;

}


.advantage-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}



.advantage-card{

background:#fff;

padding:35px 30px;

border-radius:24px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}



.advantage-card:hover{

transform:translateY(-10px);

}




.advantage-icon{

width:70px;

height:70px;

background:#FFF0E2;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:35px;

margin-bottom:25px;

}




.advantage-card h3{

font-size:22px;

font-weight:800;

color:#222;

margin-bottom:15px;

}



.advantage-card p{

font-size:15px;

color:#666;

line-height:1.8;

}



@media(max-width:991px){

.advantage-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.advantage-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-362f5c7 */.facility-section{

padding:120px 0;

background:#fff;

}



.facility-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}



.facility-card{

background:#fff;

padding:35px 30px;

border-radius:24px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}



.facility-card:hover{

transform:translateY(-10px);

}



.facility-icon{

width:70px;

height:70px;

display:flex;

align-items:center;

justify-content:center;

background:#FFF0E2;

border-radius:20px;

font-size:35px;

margin-bottom:25px;

}



.facility-card h3{

font-size:22px;

font-weight:800;

color:#222;

margin-bottom:15px;

}



.facility-card p{

font-size:15px;

color:#666;

line-height:1.8;

}



@media(max-width:991px){

.facility-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.facility-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03a0915 */.location-section{

padding:120px 0;

background:#FAF8F5;

}



.location-wrapper{

display:flex;

align-items:center;

gap:70px;

}



.location-content{

width:50%;

}



.location-content h2{

font-size:45px;

line-height:1.2;

font-weight:800;

color:#222;

margin:25px 0;

}



.location-content h2 span{

color:#E67E22;

}



.location-content p{

font-size:17px;

color:#666;

line-height:1.8;

}





.location-list{

margin-top:35px;

display:flex;

flex-direction:column;

gap:20px;

}





.location-item{

display:flex;

gap:18px;

align-items:center;

background:#fff;

padding:18px;

border-radius:18px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

}



.location-icon{

width:50px;

height:50px;

background:#FFF0E2;

border-radius:15px;

display:flex;

align-items:center;

justify-content:center;

font-size:25px;

}



.location-item h4{

font-size:18px;

margin-bottom:5px;

color:#222;

}



.location-item p{

font-size:14px;

margin:0;

}




.location-btn{

display:inline-block;

margin-top:35px;

padding:16px 35px;

background:#E67E22;

color:#fff;

border-radius:50px;

font-weight:700;

text-decoration:none;

}




.location-image{

width:50%;

position:relative;

}



.location-card{

border-radius:30px;

overflow:hidden;

box-shadow:0 20px 50px rgba(0,0,0,.12);

}



.location-card img{

width:100%;

height:550px;

object-fit:cover;

}




.location-floating{

position:absolute;

bottom:40px;

left:-30px;

background:#fff;

padding:18px 25px;

border-radius:50px;

font-weight:700;

box-shadow:0 15px 35px rgba(0,0,0,.12);

}




@media(max-width:991px){

.location-wrapper{

flex-direction:column;

}



.location-content,
.location-image{

width:100%;

}

}




@media(max-width:768px){

.location-content h2{

font-size:35px;

}

.location-card img{

height:400px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1463a3 */.product-cta{

padding:100px 0;

background:#FAF8F5;

}



.cta-box{

background:#E67E22;

border-radius:35px;

padding:60px;

display:flex;

align-items:center;

justify-content:space-between;

gap:50px;

overflow:hidden;

}



.cta-content{

width:55%;

color:#fff;

}



.cta-badge{

display:inline-block;

background:rgba(255,255,255,.2);

padding:10px 20px;

border-radius:50px;

font-size:13px;

font-weight:700;

}



.cta-content h2{

font-size:45px;

line-height:1.2;

margin:25px 0;

font-weight:800;

}



.cta-content h2 span{

color:#fff;

}



.cta-content p{

font-size:17px;

line-height:1.8;

color:#fff;

opacity:.95;

}





.cta-button{

display:flex;

gap:15px;

margin-top:35px;

}



.cta-primary{

background:#fff;

color:#E67E22;

padding:16px 35px;

border-radius:50px;

font-weight:700;

text-decoration:none;

}



.cta-secondary{

border:2px solid #fff;

color:#fff;

padding:14px 35px;

border-radius:50px;

font-weight:700;

text-decoration:none;

}




.cta-image{

width:40%;

}



.cta-image img{

width:100%;

height:300px;

object-fit:cover;

border-radius:25px;

}




@media(max-width:991px){


.cta-box{

flex-direction:column;

padding:40px;

}


.cta-content,
.cta-image{

width:100%;

}



.cta-content h2{

font-size:35px;

}


}



@media(max-width:768px){

.cta-button{

flex-direction:column;

}


}/* End custom CSS */