/* ================= UNITS FULL SCREEN ================= */
#units-page{
width:100%;
height:calc(100vh - -100px);

display:flex;
align-items:stretch;
}

/* WRAPPER */

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

/* TEXT AREA */
/* ================= TAGLINE ================= */
.units-tagline-1{

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

letter-spacing:6px;


color:#e7f6f7;

padding-top:10px;
padding-bottom:0;

margin:0 0 10px 0;

text-align:left;

}
#units-page .units-text{

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

background:#0f7f86;
color:#ffffff;

padding:150px 60px;

display:flex;
flex-direction:column;

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

}


/* TITLE */

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

/* 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;   /* jarak ke nomor */
font-weight:600;
}

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

/* IMAGE */
#units-page .units-image{
flex:1;
height:auto;
}

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

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

@media (max-width:991px){

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

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

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

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

}






/* ================= 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%;
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;
}

}