/* ================= UNITS SECTION 1 ================= */

#units-page{
width:100%;
height:100vh;   /* agar bisa mengikuti tinggi konten */
display:flex;
align-items:stretch;
}

/* WRAPPER */

#units-page .units-wrapper{
display:flex;
width:100%;
min-height:100vh;
}

/* ================= TAGLINE ================= */

.units-tagline-1{

font-family:calibri;
font-size:28px;

letter-spacing:6px;
color:#e7f6f7;

margin:0 0 10px 0;

/* agar berada di tengah */
width:100%;
text-align:center;

}

.units-desc-title-1{
font-family:calibri;
font-size:24px;

letter-spacing:2px;
color:#e7f6f7;

margin:0 0 10px 0;


}
/* TEXT CANVAS */

#units-page .units-text{

width:40%;
max-width:620px;

background:#0f7f86;
color:#ffffff;

padding:120px 60px;   /* sedikit dikurangi supaya tidak overflow */

display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;

box-sizing:border-box;

}

/* TITLE */

#units-page .units-title{
font-family:calibri;
font-size:36px;
margin-bottom:2px;
}

.units-capacities-1{

font-family:calibri;
font-size:24px;
padding-top: 0px ;
padding-bottom: -10px;

letter-spacing:6px;
color:#e7f6f7;

margin:0 0 10px 0;

}
/* PARAGRAPH */

#units-page .units-desc{
font-size:18px;
font-family:calibri;
line-height:1.8;
margin-bottom:28px;

text-align:justify;
text-justify:inter-word;
}

/* CONTACT */

#units-page .units-contact-title{
font-family:calibri;
margin-top:20px;
margin-bottom:5px;
font-weight:600;
}

#units-page .units-contact-number{
font-family:calibri;
font-size:20px;
}

/* IMAGE */

#units-page .units-image{
flex:1;
}

#units-page .units-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* ================= MOBILE ================= */

@media (max-width:991px){

#units-page{
height:auto;      /* hapus tinggi paksa */
min-height:auto;
}

#units-page .units-wrapper{
flex-direction:column;
height:auto;
min-height:auto;
}

#units-page .units-image{
order:1;
width:100%;
}

#units-page .units-image img{
width:100%;
height:auto;     /* penting agar gambar tidak memaksa tinggi */
object-fit:cover;
}

#units-page .units-text{
order:2;

width:100%;
max-width:none;

padding:70px 30px;   /* sedikit dirapikan */
}

}





/* ================= SECTION UNITS 3 ================= */

#units-page-3{
width:100%;
height:100vh;
display:flex;
}

/* WRAPPER */

#units-page-3 .units-wrapper{
display:flex;
width:100%;
height:100%;
align-items:stretch;
}

/* IMAGE KANAN */

#units-page-3 .units-image{
flex:1;
height:100%;
}

#units-page-3 .units-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* TEXT CANVAS KIRI */
/* ================= TAGLINE SECTION 3 ================= */

#units-page-3 .units-tagline-3{

font-family: calibri;
font-size:24px;

letter-spacing:6px;
text-transform:uppercase;

color:#e7f6f7;

margin:0 0 10px 0;

text-align:left;

}

#units-page-3 .units-text{

width:40%;
max-width:620px;

background:#0f7f86;
color:#ffffff;

padding:60px 60px;

display:flex;
flex-direction:column;
align-items:flex-start;

}

/* TITLE */

#units-page-3 .units-title{
font-size:36px;
margin-bottom:35px;
}

/* PARAGRAPH */

#units-page-3 .units-desc{
font-size:18px;
line-height:1.8;
margin-bottom:28px;
text-align:justify;
}

/* CONTACT */

#units-page-3 .units-contact-title{
margin-top:20px;
margin-bottom:5px;
font-weight:600;
}

#units-page-3 .units-contact-number{
font-size:20px;
}

/* ================= MOBILE ================= */

@media (max-width:991px){

#units-page-3{
height:auto;
}

#units-page-3 .units-wrapper{
flex-direction:column;
}

#units-page-3 .units-image{
order:1;
}

#units-page-3 .units-text{
order:2;
width:100%;
max-width:none;
padding:80px 30px;
}

#units-page-3 .units-image img{
height:auto;
}

}






/* ================= SECTION UNITS 2 ================= */

#units-page-2{
width:100%;
min-height:100vh;
display:flex;
}

/* WRAPPER */

#units-page-2 .units-wrapper{
display:flex;
width:100%;
height:100%;
align-items:stretch;
}

/* IMAGE KIRI */


#units-page-2 .units-image{
flex:1;
height:100%;
}

#units-page-2 .units-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* TEXT CANVAS KANAN */
/* ================= TAGLINE SECTION 2 ================= */

#units-page-2 .units-tagline-2{

font-family: calibri;
font-size:24px;

letter-spacing:6px;
text-transform:uppercase;

color:#e7f6f7;

margin:0 0 10px 0;

text-align:left;

}

#units-page-2 .units-text{

width:40%;
max-width:620px;

background:#0f7f86;
color:#ffffff;

padding:60px 60px;

display:flex;
flex-direction:column;
align-items:flex-start; /* membuat semua text rata kiri */


}

/* TITLE */

#units-page-2 .units-title{
font-size:36px;
margin-bottom:35px;
}

/* PARAGRAPH */

#units-page-2 .units-desc{
font-size:18px;
line-height:1.8;
margin-bottom:28px;
text-align:justify;
}

/* CONTACT */

#units-page-2 .units-contact-title{
margin-top:20px;
margin-bottom:5px;
font-weight:600;
}

#units-page-2 .units-contact-number{
font-size:20px;
}

/* ================= MOBILE ================= */

@media (max-width:991px){

#units-page-2{
height:auto;
}

#units-page-2 .units-wrapper{
flex-direction:column;
}

#units-page-2 .units-image{
order:1;
}

#units-page-2 .units-text{
order:2;
width:100%;
max-width:none;
padding:80px 30px;
}

#units-page-2 .units-image img{
height:auto;
}

}




/* ================= UNITS VIDEO ================= */

.units-hero-video{
width:100%;
padding:120px 0;

display:flex;
justify-content:center;
align-items:center;

background:#ffffff;
}

.units-video-wrapper{
width:100%;
max-width:1200px;

display:flex;
justify-content:center;

position:relative;
}

.units-video{
height:520px;
width:auto;

display:block;
}

.units-sound-btn{
position:absolute;
bottom:20px;
right:20px;

background:rgba(0,0,0,0.6);
color:#fff;

border:none;
padding:10px 14px;

cursor:pointer;
}
/* ================= UNITS VIDEO ================= */

.units-hero-video{
width:100%;
padding:100px 0;

display:flex;
justify-content:center;
align-items:center;

background:#ffffff;
}

.units-video-wrapper{
max-width:1200px;
width:100%;

display:flex;
justify-content:center;

position:relative;
}

.units-video{
height:520px;
width:auto;

display:block;
}

.units-sound-btn{
position:absolute;
bottom:20px;
right:20px;

background:rgba(0,0,0,0.6);
color:#fff;

border:none;
padding:10px 14px;

cursor:pointer;
}