/*==================================================
    SCC JAMBARI - COMING SOON
==================================================*/

/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    font-size:16px;
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;

    background:#ffffff;

    color:#34495e;

    overflow-x:hidden;

    overflow-y:auto;

    min-height:100vh;

}

/* PAGE LAYOUT */

.page-wrapper{

    min-height:100vh;

    display:flex;

    flex-direction:column;

}

/* TOP WAVE */

.top-wave{

    width:100%;

    line-height:0;

    overflow:hidden;

}

.top-wave svg{

    width:100%;

    height:42px;

    display:block;

}

/* MAIN SECTION */

.main-content{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding:12px 18px 8px;

}

.container{

    width:100%;

    max-width:450px;

}

.content-box{

    text-align:center;

    width:100%;

}

/* COMMON */

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

}

svg{

    display:block;

}

/*==================================================
    LOGO
==================================================*/

.logo{

    width:180px;

    max-width:100%;

    display:block;

    margin:0 auto;

    /* Compensate for transparent padding in logo.png */
    margin-top:-25px;

    margin-bottom:-10px;

    transition:.3s ease;

}

.logo:hover{

    transform:scale(1.02);

}


/*==================================================
    WE ARE
==================================================*/

.we-are{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-bottom:10px;

}

.we-are .line{

    width:38px;

    height:3px;

    background:#17b6c8;

    border-radius:50px;

}

.we-are .text{

    color:#108DA5;

    font-size:16px;

    font-weight:700;

    letter-spacing:5px;

}


/*==================================================
    COMING SOON
==================================================*/

.coming-title{

    color:#118AA5;

    font-size:58px;

    font-weight:800;

    line-height:.88;

    letter-spacing:1px;

    margin-bottom:12px;

}


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

.tagline{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin-bottom:14px;

}

.small-line{

    width:26px;

    height:2px;

    background:#BDEAF0;

    border-radius:20px;

}

.tag-text{

    color:#18A6BC;

    font-size:11px;

    font-weight:600;

    white-space:nowrap;

}
/*==================================================
    DESCRIPTION
==================================================*/

.description{

    max-width:360px;

    margin:0 auto 12px;

    color:#5F6977;

    font-size:13px;

    line-height:1.4;

    font-weight:400;

}

/*==================================================
    STAY CONNECTED
==================================================*/

.stay-title{

    color:#18A4BC;

    font-size:17px;

    font-weight:700;

    margin-bottom:12px;

}

/*==================================================
    INSTAGRAM BUTTON
==================================================*/

.instagram-btn{

    width:100%;

    max-width:280px;

    margin:0 auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    padding:12px 16px;

    background:linear-gradient(90deg,#32C4D5,#1188A3);

    border-radius:50px;

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

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

    transition:.3s;

}

.instagram-btn:hover{

    color:#ffffff;

    transform:translateY(-2px);

}

.instagram-btn i{

    font-size:18px;

}

/*==================================================
    BUTTON TEXT
==================================================*/

.instagram-btn span{

    white-space:nowrap;

}
/*==================================================
    BOTTOM WAVE
==================================================*/

.bottom-wave{

    width:100%;

    line-height:0;

    margin-top:12px;

    overflow:hidden;

}

.bottom-wave svg{

    width:100%;

    height:38px;

    display:block;

}

/*==================================================
    FOOTER
==================================================*/

footer{

    background:#18B8C8;

    color:#ffffff;

    text-align:center;

    font-size:11px;

    font-weight:500;

    padding:6px 10px;

}

/*==================================================
    TABLET
==================================================*/

@media (min-width:768px){

.container{

    max-width:650px;

}

.logo{

    width:220px;

    margin-top:-35px;

}

.coming-title{

    font-size:78px;

}

.tag-text{

    font-size:13px;

}

.description{

    max-width:500px;

    font-size:15px;

}

.stay-title{

    font-size:20px;

}

.instagram-btn{

    max-width:330px;

    font-size:16px;

}

.bottom-wave svg{

    height:50px;

}

footer{

    font-size:12px;

}

}

/*==================================================
    DESKTOP
==================================================*/

@media (min-width:992px){

.container{

    max-width:760px;

}

.logo{

    width:260px;

}

.coming-title{

    font-size:95px;

}

.tag-text{

    font-size:15px;

}

.description{

    max-width:620px;

    font-size:17px;

}

.instagram-btn{

    max-width:380px;

    font-size:18px;

}

.bottom-wave svg{

    height:60px;

}

}

/*==================================================
    MOBILE (SMALL)
==================================================*/

@media (max-width:380px){

.logo{

    width:160px;

}

.coming-title{

    font-size:52px;

}

.we-are .text{

    font-size:15px;

}

.tag-text{

    font-size:10px;

}

.description{

    font-size:12px;

}

.instagram-btn{

    max-width:260px;

    padding:10px 14px;

    font-size:13px;

}

.instagram-btn i{

    font-size:16px;

}

.bottom-wave svg{

    height:34px;

}

footer{

    font-size:10px;

    padding:5px;

}

}

/*==================================================
    FINAL FIXES
==================================================*/

img{

    display:block;

    max-width:100%;

}

svg{

    display:block;

}

.instagram-btn{

    overflow:hidden;

}

body{

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

}