/* font */

i:not([class]){
    font-style: italic !important;
}

i.fa, i.fas{
    font-style: normal !important;
}

@font-face {
    font-family: 'monsterrat';
    src: url("../font/Montserrat-Regular.ttf");
}

@font-face {
    font-family: 'monsterrat-semi-bold';
    src: url("../font/Montserrat-SemiBold.ttf");
}



body *, html *{
    outline: none!important;
    margin: 0;
    font-family: monsterrat;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    margin: 0;
color: rgba(0,0,0,.65);
font-size: 18px;
/* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; */
font-variant: tabular-nums;
line-height: 1.5;
background-color: #fff;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
}

body, html {
    background: #fff;
    margin: 0;
    padding: 0;
    width: 100%!important;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
    vertical-align: baseline;
}

.link-companies-information-redirect{
    font-size: 12px;
}
    
    .home-page-wrapper .module-paragraphs-with-two-images-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;  
    }

    .module-paragraphs-with-two-images-wrapper{
        margin: 100px 0px 0px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }

    .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper{
        width: 50%;
        padding:50px 160px;
        box-sizing: border-box;
    }

    .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }

  
    .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: justify;
    }

    /* foto */
    .module-paragraphs-with-two-images-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-two-images-wrapper .images-wrapper{
    width: 50%;
    height: 48vw;
    position: relative;
    background-color: #ededed;
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-two-images-wrapper .total-image-2 .image-1{
        width: 45%;
        top: -40px;
        height: auto;
        left: 0;
    }
.module-paragraphs-with-two-images-wrapper .images-wrapper .image-data{
        position: absolute;
        
        object-fit: cover;
    }
    


    img{
        vertical-align: middle;
    border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-two-images-wrapper .total-image-2 .image-2{
        width: 45%;
        top: -110px;
        height: auto;
        right: 3%;
    }


    /* media */
    @media only screen and (max-width: 1440px){
        .module-paragraphs-with-two-images-wrapper{
            margin: 100px 0px 00px;
        }

        .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper{
            padding:0px 100px;
        }


    }

    


    /* media mobile */

    @media only screen and (max-width: 991px){

        .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper{
            width: 100%;
    padding: 0;
        }

        .module-paragraphs-with-two-images-wrapper{
            margin: 0px 80px 0px 80px;
    flex-direction: column-reverse!important;
    padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-two-images-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }

        .module-paragraphs-with-two-images-wrapper .paragraphs-wrapper .title{
        margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 991px){
        .module-paragraphs-with-two-images-wrapper .images-wrapper{
            display: flex;
            justify-content: space-between;
            height:auto;
            margin: auto;
            width: 70%;
            margin-bottom: 50px;
        }

        .module-paragraphs-with-two-images-wrapper .total-image-2 .image-1{
            width: 45%;
            margin: 0;
            height:auto;
            padding-bottom: 40px;
            
        }

        .module-paragraphs-with-two-images-wrapper .total-image-2 .image-2{
            width: 45%;
            margin: 0;
            top: 0;
            right: 0;
            height:auto;
            padding-top: 40px;
        }

        .module-paragraphs-with-two-images-wrapper .images-wrapper .image-data {
            height: auto;
            width: 44%;
            
        }
    }













    








    .home-page-wrapper .module-paragraphs-with-three-images-reverse-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;
        
    }

    .module-paragraphs-with-three-images-reverse-wrapper{
        margin: 550px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }


    .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
        text-align: justify;;
    line-height: 32px;
    margin-bottom: 10px;
    }

    .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper{
        width: 50%;
        padding:50px 160px;
        box-sizing: border-box;
    }

    .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }


    /* foto */
    .module-paragraphs-with-three-images-reverse-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-three-images-reverse-wrapper .images-wrapper{
    width: 42%;
    height: 860px;
    position: relative;
    background-color: #ededed;
    margin-left: auto;
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-1{
        width: 52%;
        top: 140px;
        left: -17%;
        height:auto;
    }
.module-paragraphs-with-three-images-reverse-wrapper .images-wrapper .image-data{
        position: absolute;
        
        object-fit: cover;
    }
    


    img{
        vertical-align: middle;
        border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-2{
        width: 52%;
        top: -270px;
        right: 6%;
        height:580px;
    }

    .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-3{
        width: 52%;
        top: 360px;
        right: 6%;
        height:auto;
    }

    


    /* media */
    @media only screen and (max-width: 1440px){
        .module-paragraphs-with-three-images-reverse-wrapper{
            margin: 450px 0px 350px;
        }

        

        .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper{
            padding:0px 90px;
        }

        /* .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper .title{
            font-size: 30px;
            line-height: 40px;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-1{
            width: 48%;
            top: 80px;
            left: -6%;
            height:760px;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-2{
            width: 47%;
            top: -200px;
            right: 4%;
            height:490px;
        }
    
        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-3{
            width: 47%;
            top: 330px;
            right: 4%;
            height:630px;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .images-wrapper{
           
            height: 65vh;
            
            } */
    }

    


    /* media mobile */

    @media only screen and (max-width: 991px){
        /* .module-paragraphs-with-three-images-reverse-wrapper .images-wrapper{
            width: 60%;
    padding-bottom: 0;
    margin-bottom: 30px;
    height:35vh;
    margin: 100px auto 200px auto;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-1{
            width: 46%;
            top: 60px;
            left: -5%;
            height:450px;
        }
        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-2{
            width: 46%;
            top: -110px;
            right: 4%;
            height: 300px
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-3{
            width: 46%;
            top: 220px;
            right: 4%;
            height:240px;
        } */


        .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper{
            width: 100%;
    padding-right: 0;
        }
        .module-paragraphs-with-three-images-reverse-wrapper{
            margin: 100px 80px;
    flex-direction: column-reverse!important;
    padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-three-images-reverse-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }
    }




    @media only screen and (max-width: 991px){
        .module-paragraphs-with-three-images-reverse-wrapper .images-wrapper{
    margin: 80px auto 50px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    height: auto;
        }

        .rptra-img-group{
width: 46%;
display: flex;
justify-content: space-between;
flex-direction: column;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-1{
            width: 46%;
            margin-top: 100%;
            height:auto;
            transform: translateY(-50%);
            top: 0;
            left: 0;
            
        }
        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-2{
            width: 100%;
            top: 0;
            right: 0;
            height: auto;
            margin-bottom:15%;
        }

        .module-paragraphs-with-three-images-reverse-wrapper .total-image-2 .image-3{
            width: 100%;
            top: 0;
            right: 0;

            height:auto;
        }
    }









    .home-page-wrapper .module-paragraphs-with-four-images-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;
        
    }

    .module-paragraphs-with-four-images-wrapper{
        margin: 270px 0px 400px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }

    .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper{
        width: 50%;
        padding:0px 160px;
        box-sizing: border-box;
    }

    .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }

  

  

   

    .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
        text-align: justify;
    line-height: 32px;
    margin-bottom: 10px;
    }


   



    /* foto */
    .module-paragraphs-with-four-images-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-four-images-wrapper .images-wrapper{
    width: 50%;
    height: 860px;
    position: relative;
    background-color: #ededed;
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-four-images-wrapper .total-image-2 .image-1{
        width: 45%;
        top: 0;
        left: 0;
        height:fit-content;
    }
.module-paragraphs-with-four-images-wrapper .images-wrapper .image-data{
        position: absolute;
        
        object-fit: cover;
    }
    


    img{
        vertical-align: middle;
        border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-four-images-wrapper .total-image-2 .image-2{
        width: 45%;
        top: 0;
        right: 0;
        height:fit-content;
    }

    .module-paragraphs-with-four-images-wrapper .total-image-2 .image-3{
        width: 45%;
        top: 0;
        right: 0;
        height:fit-content;
    }

    .module-paragraphs-with-four-images-wrapper .total-image-2 .image-4{
        width: 45%;
        top: 0;
        left: 0;
        height:fit-content;
    }


    /* media */
    @media only screen and (max-width: 1440px){
        .module-paragraphs-with-four-images-wrapper{
            margin: 300px 0px;
        }

        .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper{
            padding:0px 100px;
        }
/* 
        .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper .title{
            font-size: 30px;
            line-height: 40px;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-1{
            width: 42%;
            top: -180px;
            left: 6%;
            height:480px;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-2{
            width: 42%;
            top: -130px;
            right: 0;
            height:480px;
        }
    
        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-3{
            width: 42%;
            top: 390px;
            right: 0;
            height:380px;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-4{
            width: 42%;
            top: 340px;
            left: 6%;
            height:600px;
        }

        .module-paragraphs-with-four-images-wrapper .images-wrapper{
           
            height: 65vh;
            
            } */
    }


    /* media mobile */

    @media only screen and (max-width: 991px){
        /* .module-paragraphs-with-four-images-wrapper .images-wrapper{
            width: 85%;
    padding-bottom: 0;
    margin-bottom: 30px;
    height:35vh;
    margin: 180px auto 220px auto;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-1{
            width: 40%;
            top: -140px;
            left: 5%;
            height:300px;
        }
        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-2{
            width: 40%;
            top: -110px;
            right: 4%;
            height: 300px
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-3{
            width: 40%;
            top: 220px;
            right: 4%;
            height:240px;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-4{
            width: 40%;
            top: 200px;
            left: 5%;
            height:330px;
        } */


        .module-paragraphs-with-four-images-wrapper .paragraphs-wrapper{
            width: 100%;
    padding: 0;
        }
        .module-paragraphs-with-four-images-wrapper{
            margin: 100px 80px;
    flex-direction: column!important;
    padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-four-images-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }
    }


    @media only screen and (max-width: 991px){
        .module-paragraphs-with-four-images-wrapper .images-wrapper{
    margin: 100px auto 50px auto;
    display:flex;
    height: auto;
    width: 85%;
    justify-content:space-between;
        }

        .maestroimg1, .maestroimg2{
    display:flex;
    justify-content:space-between;
flex-direction: column;
        }

        .maestroimg1{
            width: 45%;
        }

        .maestroimg2{
            width: 45%;

        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-1{
            width: 100%;
            
            height:fit-content;
            margin-bottom: 15%;
        }
        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-2{
            width: 100%;
            margin-bottom: 15%;
            
            height: fit-content
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-3{
            width: 100%;
            
            height:fit-content;
        }

        .module-paragraphs-with-four-images-wrapper .total-image-2 .image-4{
            width: 100%;
            
            height:fit-content;
        }

    }






















    .home-page-wrapper .module-paragraphs-with-three-images-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;
        
    }

    .module-paragraphs-with-three-images-wrapper{
        margin: 400px 0px 200px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }

    .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper{
        width: 50%;
        padding:150px 160px 0;
        box-sizing: border-box;
    }

    .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }

  

  

   

    .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
        text-align: justify;
    line-height: 32px;
    margin-bottom: 10px;
    }


   



    /* foto */
    .module-paragraphs-with-three-images-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-three-images-wrapper .images-wrapper{
    width: 40%;
    height: 860px;
    position: relative;
    background-color: #ededed;
    margin-right: 10%;
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-three-images-wrapper .total-image-2 .image-1{
        width: 55%;
        top: -130px;
        left: 6%;
        height:auto;
        position: absolute;
    }
.module-paragraphs-with-three-images-wrapper .images-wrapper .image-data{
        /* position: absolute; */
        
        object-fit: cover;
    }

    .image-susi-container{
        position: absolute;
        width: 54%;
        right: -22%;
        top: -210px;
    }
    


    img{
        vertical-align: middle;
        border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-three-images-wrapper .total-image-2 .image-2{
        width: 100%;
        height:auto;
    }

    .module-paragraphs-with-three-images-wrapper .total-image-2 .image-3{
        width: 100%;
        height:auto;
        
    }



    /* media */
    @media only screen and (max-width: 1440px){
        

        .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper{
            padding:0px 100px;
        }

        .module-paragraphs-with-three-images-wrapper .images-wrapper{
            
            height: 660px;
            
            }

            
    }



    /* media mobile */

    @media only screen and (max-width: 991px){
        /* .module-paragraphs-with-three-images-wrapper .images-wrapper{
            width: 85%;
    padding-bottom: 0;
    margin-bottom: 30px;
    height:auto;
    margin: 140px auto 120px auto;
        }

        .module-propertyStoryContainerData{
            width: 100%;
        }

        .module-paragraphs-with-three-images-wrapper .total-image-2 .image-1{
            width: 40%;
            top: -80px;
            left: 5%;
            height:510px;
        }
        .module-paragraphs-with-three-images-wrapper .total-image-2 .image-2{
            width: 100%;
            top: -110px;
            right: 4%;
            height: auto
        }

        .module-paragraphs-with-three-images-wrapper .total-image-2 .image-3{
            width: 100%;
            top: 220px;
            right: 4%;
            height:auto;
            margin-top: 20px;
        } */


        .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper{
            width: 100%;
    padding: 0;
        }
        .module-paragraphs-with-three-images-wrapper{
            margin: 100px 80px;
    flex-direction: column!important;
    padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-three-images-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }
    }

    @media only screen and (max-width: 991px){
        .image-susi-container{
            position: relative !important;
            width: 45%;
            top: 0;
            right: 0;
        }

        .module-paragraphs-with-three-images-wrapper .images-wrapper{
            width: 85%;
            padding-bottom: 0;
            margin: auto;
            margin-bottom: 50px;
            height:auto;
            display: flex;
            justify-content: space-between;

        }

        .module-paragraphs-with-three-images-wrapper .total-image-2 .image-1{
            width: 45%;
            height:auto;
            top: 0;
            left: 0;
            height: 90%;
        }
        /* .module-paragraphs-with-three-images-wrapper .total-image-2 .image-2{
            width: 40%;           
            height:auto;

        }
        */

        


        .module-paragraphs-with-three-images-wrapper .paragraphs-wrapper{
            width: 100%;
            padding-right: 0;
        }


        .module-paragraphs-with-three-images-wrapper{
            margin: 100px 80px;
            flex-direction: column!important;
            padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-three-images-wrapper{
            padding-top: 100px;
            margin-bottom: 60px;

        }

        
    }
    

   

  

  

   

 
    .home-page-wrapper .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;
        
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
        margin: 460px 0px 500px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper{
        width: 50%;
        padding:50px 160px;
        box-sizing: border-box;
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }

  

    .red-paragraph.our-comp p {
        font-size: 18px;
        line-height: 34px;
        margin-top: 4px !important;
        color: black;
    }

  

   

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
        text-align: justify;
    line-height: 32px;
    margin-bottom: 10px;
    }


   



    /* foto */
    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .images-wrapper{
    width: 44%;
    height: 800px;
    position: relative;
    background-color: #ededed;
    
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-1{
        width: 52%;
        top: -150px;
        right: -6%;
        height:860px;
    }
.module-paragraphs-with-three-images-reverse-kebalik-wrapper .images-wrapper .image-data{
        position: absolute;
        
        object-fit: cover;
    }
    


    img{
        vertical-align: middle;
        border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-2{
        width: 48%;
        top: -200px;
        left: 0;
        height:700px;
        object-fit: cover;
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-3{
        width: 48%;
        top: 540px;
        left: 0;
        height:400px;
        object-fit: cover;
    }


    /* media */
    @media only screen and (max-width: 1440px){
        /* .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
            margin: 400px 0px;
        } */

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper{
            padding:0px 100px;
        }

        /* .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper .title{
            font-size: 30px;
            line-height: 40px;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-1{
            width: 48%;
            top: -80px;
            right: -6%;
            height:700px;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-2{
            width: 47%;
            top: -200px;
            left: 0;
            height:570px;
        }
    
        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-3{
            width: 47%;
            top: 380px;
            left: 0;
            height:430px;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .images-wrapper{
           
            height: 65vh;
            
            } */
    }


    /* media mobile */

    @media only screen and (max-width: 991px){
        /* .module-paragraphs-with-three-images-reverse-kebalik-wrapper .images-wrapper{
            width: 65%;
    padding-bottom: 0;
    margin-bottom: 30px;
    height:35vh;
    margin: 180px auto 60px auto;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-1{
            width: 50%;
            top: -80px;
            right: -5%;
            height:410px;
        }
        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-2{
            width: 50%;
            top: -110px;
            left: 0;
            height: 280px
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-3{
            width: 50%;
            top: 200px;
            left: 0;
            height:180px;
        } */


        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .paragraphs-wrapper{
            width: 100%;
    padding: 0;
        }
        .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
            margin: 100px 80px 200px 80px;
    flex-direction: column-reverse!important;
    padding: 0;
        }

        .home-page-wrapper .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }
    }


    @media only screen and (max-width: 991px){
        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .images-wrapper{
            margin: 80px auto 50px auto;
            display: flex;
            height: auto;
            justify-content: space-between;
            width: 85%;
        }

        .surpriseimg{
            width: 45%;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-1{
            width: 100%;
            top: 0;
            left: 0;
            height:auto;
            margin-bottom: 15%;
        }
        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-2{
            width: 45%;
            top: 0;
            left: 0;
            height: auto;
            margin-top: 130px;
        }

        .module-paragraphs-with-three-images-reverse-kebalik-wrapper .total-image-2 .image-3{
            width: 100%;
            top: 0;
            left: 0;
            height:auto;
        }

    }


















    
    .home-page-wrapper .module-paragraphs-with-two-rata-images-wrapper{
        padding-top: 126px;
        padding-bottom: 10px;
        margin-bottom: 100px;
        
    }

    .module-paragraphs-with-two-rata-images-wrapper{
        margin: 400px 0px 0px 0px;
        box-sizing: border-box;
        height: auto;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: row;
        opacity: 1;
        /* opacity ganti 0 kalo udh ad animasi fadeup */
    }

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper{
        width: 45%;
        padding:0px 160px;
        box-sizing: border-box;
    }

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .title{
        font-size: 28px;
    font-weight: 700;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    }

  

  

   

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .content{
        font-size: 18px;
        text-align: justify;
    line-height: 32px;
    margin-bottom: 10px;
    }


   



    /* foto */
    .module-paragraphs-with-two-rata-images-wrapper .total-image-2{
        padding-bottom: 0;
    }

    .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
    width: 50%;
    height: auto;
    position: relative;
    /* background-color: #ededed; */
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-two-rata-images-wrapper .gray-box-gerak{
        display: block;
        height: 70%;
        width: 100%;
        position: absolute;
        margin: auto;
        top:50%;
        transform: translateY(-50%);
    }

    .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
        width: 45%;
        position: relative;
        height:auto;
    }
.module-paragraphs-with-two-rata-images-wrapper .images-wrapper .image-data{
        object-fit: cover;
    }
    


    img{
        vertical-align: middle;
        border-style: none;
    }

    /* foto 2 */
    .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2{
        width: 45%;
        position: relative;
        margin-left: 5%;
        height:auto;
        vertical-align:top
    }

  


    /* media */
    @media only screen and (max-width: 1440px){

        /* .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
            height: auto;
        } */
       

        .module-paragraphs-with-two-rata-images-wrapper{
            margin: 200px 0px 0px;
        }

        .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper{
            padding:0px 100px;
        }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
            height: 1100px;
        }
        
        p, li, .visi-misi-container{
            font-size: 16px !important;
        }

        /* .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .title{
            font-size: 30px;
            line-height: 40px;
        }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
            width: 45%;
            top: -80px;
            left: 6%;
            height:880px;
        }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2{
            width: 45%;
            top: -80px;
            right: -5%;
            height:600px;
        }
    
        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-3{
            width: 51%;
            top: 370px;
            right: -17%;
            height:500px;
        }

        .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
            width: 45%;
            height: 65vh;
            margin-right: 5%;
            } */
    }


    /* media mobile */

    @media only screen and (max-width: 991px){
        .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
            width: 85%;
            padding-bottom: 0;
            margin-bottom: 30px;
            height:auto;
            margin: 0px auto 100px auto;
            display: flex;
            justify-content: space-between;
                }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
            width: 45%;
            top: -80px;
            left:0;
            height:500px;
        }
        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2{
            width: 40%;
            top: -40px;
            right: 0;
            height: 400px;
        }



        .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper{
            width: 100%;
    padding: 0;
        }

        .module-paragraphs-with-two-rata-images-wrapper{
            margin: 100px 80px 0;
    flex-direction: column!important;
    padding: 0;
        }

        

        .home-page-wrapper .module-paragraphs-with-two-rata-images-wrapper{
            padding-top: 100px;
    margin-bottom: 60px;

        }
    }

    @media only screen and (max-width: 648px){
        .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
            margin: 0px auto 50px auto;
            
        }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
            width: 45%;
            top: -40px;
            left: 0;
            height:400px;
        }
        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2{
            width: 45%;
            right: 0;
            height: 320px
        }

        p, li, .visi-misi-container{
            font-size: 12px !important;
        }

        p{
            font-size: 12px !important;
        }

    }




.image-header-banner{
    background-image: url(../image/Cape-Town-South-Africa-Lawhill-Luxury-Apartments-exterior.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative;
    padding:40vh 10vw
}

.text-image-header-banner{
    position: absolute;
}

.text-image-header-banner h1{
    font-size: 4.5rem;
    font-weight: 700;
    color:white
}

.text-image-header-banner p{
    font-size: 2rem;
    font-weight: 600;
    color:white
}

@media (max-width: 1440px){
    .image-header-banner{

        padding:38vh 10vw
    }
    
    .text-image-header-banner{
        position: absolute;
    }
    
    .text-image-header-banner h1{
        font-size: 4rem;
        
    }
    
    .text-image-header-banner p{
        font-size: 1.8rem;
     
    }
    }

    @media (max-width: 768px){
        .image-header-banner{
    
            padding:35vh 10vw
        }
        
    
        .text-image-header-banner h1{
            font-size: 3.5rem;
            
        }
        
        .text-image-header-banner p{
            font-size: 1.6rem;
         
        }

        .image-header-banner{
        
            width: 100%;
            height: 80vh;
            
        }
        }



      




/* sticky menu */
.sticky-menu{

top: -90px;
left: 0;
width: 100%;
transition: all .3s;
z-index: 101;
max-width: 1920px;
right: 0;
margin: auto;
}

.navbar-wrapper .desktop-container.sticky-menu{
display:flex;
position:fixed;
width: 100%;
background-color: rgba(88, 88, 88,.8);
}

/* desktop menu */

.desktop-menu .dropdown .dropbtn{
    font-size: 14px;
}

.dropdown .dropbtn {
font-size: 18px;    
border: none;
outline: none;
height: 100%;
color: white;
padding: 26px 50px;
background-color: inherit;
font-family: inherit;
margin: 0;
transition:1s ease-in-out;
line-height:normal !important;
}

.dropdown .fa.fa-caret-down{
margin-left: 10px;
}

.dropdown-content {
max-height:0 ;
position: absolute;
background-color:#606060;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
overflow: hidden;
transition:0.2s;
width: max-content;
}

.dropdown-content a {
float: none;
color: black;
padding: 5px 40px;
text-decoration: none;
display: block;
text-align: left;
font-weight: 400;
font-size: 16px;

}
.dropdown:hover .dropdown-content {
max-height: 500px;
width: max-content;

}

.dropdown:hover{
background-color:#606060;
}

.dropdown-content a:hover {
background-color: #ededed;
color: black !important;
}



.navbar-wrapper .desktop-container {
display:flex;
position:absolute;
width: 100%;
background-color: rgba(88, 88, 88,.8);
}

.navbar-wrapper .desktop-container .logo{
width:12.5%;
height:100%;
background-color: #ededed;
}

.navbar-wrapper .desktop-container .logo img{
width:100%;
height:80px;
box-sizing: border-box;
padding: 10px 35px;
}

.menu-list{
height:100%;
}
.desktop-menu{
height:100%;
}

.left{
width: 70%;

}

.left .desktop-menu .menu-list ul{
height:100%;
display:flex;
list-style-type: none;
padding:0;
margin:0;
justify-content: space-around;
}



.left .desktop-menu .menu-list ul li{
font-weight: 700;
font-size: 17px;
line-height: 70px;
display: inline-block;
height: 100%;
margin: 0 0px;
color: #595959;
position: relative;
cursor: pointer;
text-decoration: none;
color:white;

}

.left .desktop-menu .menu-list ul li a{
text-decoration: none;
color:white;
}

.lang-box {
display: flex;
width: 80%;
justify-content:space-around;
}

.lang-btn{
height:min-content;
margin: auto;
margin-left: 7%;
color:white;
}

.search-btn {
width: 20%;
display: flex;

}

.search-btn img {
height: 20px;
margin: auto 0px auto auto;
color:white;
}

.right{
width: 17.5%;
display:flex;

}


/* mobile menu desktop */


.mobile-menu-desktop {
display: none;
position: fixed;
width: 100%;
box-sizing: border-box;
top: 0;
left: 0;
height: 70px;
background: #e0e0e0;
z-index: 999;
box-shadow: 0 0 20px rgba(0,0,0,.05);
}

.mobile-menu-desktop .logo {
width: 198px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 40px;
}

.mobile-menu-desktop .logo img {
width: 100%;
border-radius: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}

/* burger icon */
.mobile-menu-desktop .hamburger-btn {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
font-size: 25px;
width: 25px;
cursor: pointer;
opacity: .9;
transition: all .3s;
height: 22px;
}

.mobile-menu-desktop .hamburger-btn .line {
width: 100%;
height: 3px;
background: #b51d05;
}

.mobile-menu-desktop .hamburger-btn .line.top {
position: absolute;
top: 0;
left: 0;
}

.mobile-menu-desktop .hamburger-btn .line.middle {
position: absolute;
top: 9px;
left: 0;
}

.mobile-menu-desktop .hamburger-btn .line.bottom {
position: absolute;
bottom: 0;
left: 0;
}





/* menu */

.left .desktop-menu .menu-list ul li{
    line-height: 45px !important;

}

.overlay{
/* Height & width depends on how you want to reveal the overlay (see JS below) */   
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
left: 0;
top: 0;
background-color: white; /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.control-bar {
height: 70px;
background: #e0e0e0;
position: relative;
}

.search-bar-m {
width: calc(100% - 30px);
box-sizing: border-box;
padding-left: 38px;
padding-top: 22px;
padding-bottom: 20px;
display: inline-block;
}

.search-bar-m .search-input-mask {
width: 0;
transition: all .3s;
height: 35px;
overflow: hidden;
float: left;
}

.search-bar-m .anticon-search {
width: 20px;
cursor: pointer;
float: left;
height: 35px;
}

.search-bar-m .search-input-m {
border: none;
outline: none;
border-radius: 0;
background-color: transparent;
transition: all .3s;
font-size: 18px;
width: 100%;
color: #fff;
}


.control-bar .hamburger-close-btn {
height: 25px;
position: absolute;
right: 25px;
top: 22px;
font-size: 25px;
width: 25px;
cursor: pointer;
}

.control-bar .hamburger-close-btn:after {
transform: rotate(-45deg);
}

.control-bar .hamburger-close-btn:before {
transform: rotate(45deg);
}

.control-bar .hamburger-close-btn:after, .control-bar .hamburger-close-btn:before {
position: absolute;
left: 12px;
content: " ";
height: 25px;
width: 2px;
background-color: #b51d05;
}

.specialNav {
background-color: #b51d05;
padding: 19px 0 19px 38px;
}

.specialNav a {
font-size: 18px;
color: #fff;
font-weight: 700;
}

.menu-row-container {
border: none;
background: none;
background-color: transparent;
border-radius: 0;
margin-bottom: 10px;
position: relative;
}

.item-collapse {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 18px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
background-color: #fafafa;
border: 1px solid #d9d9d9;
border-bottom: 0;
border-radius: 4px;
}

.menu-row-container .main-panel {
padding: 12px 0;
}

.menu-row-container .main-panel>.collapse-header {
text-indent: 38px;
}

.item-collapse>.main-panel>.collapse-header {
position: relative;
padding: 12px 16px 12px 40px;
color: rgba(0,0,0,.85);
line-height: 22px;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s;
padding:0 !important;
}

.menu-row-container .main-title {
font-size: 18px;
font-weight: 700;
color: #000;
}


.menu-mobile .control-lang ul{
padding-left: 0;
}

.menu-mobile .control-lang{
color: #000;
padding-left: 38px;
}

dl, ol, ul{
margin-top: 0;
margin-bottom: 1em;
}

ul {
list-style: disc;
}

.menu-mobile .control-lang ul li.selected{
color: #418dc6;
}

.menu-mobile .control-lang ul li{
line-height: 70px;
display: inline-block;
margin-right: 25px;
cursor: pointer;
position: relative;
}

.menu-mobile .control-lang ul li.selected:after{
content: "";
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
border-bottom: 2px solid #418dc6
}

.search-bar-m .search-input-mask.open{
width: calc(100% - 60px);
}
.search-bar-m .anticon-search {
width: 20px;
cursor: pointer;
float: left;
height: 35px;
}

.search-bar-m .search-input-m {
border: none;
outline: none;
border-radius: 0;
background-color: transparent;
transition: all .3s;
font-size: 18px;
width: 100%;
color: black
}

.search-bar-m .search-input-m:focus {
border-bottom: 1px solid #fff;
}

.search-bar-m .search-input-m:focus {
outline: none!important;
box-shadow: none!important;
}

.link-accordion{
    position:absolute;
    font-size: 18px;
    top: 15px;
    z-index:1003;
    left:35px;
    color: black;
    font-weight: 700;
}

.accordion-item{
    position: relative;
}

.accordion-body{
    display:flex;
    flex-direction:column;
    padding: 19px 38px;
}

.accordion-button{
    height:55px;
}

.accordion-body a{
    font-weight: 700;
    color: black;
    margin: 10px 0px;
}

.accordion-body a p{
    font-size:16px;
    line-height: 26px !important;
    text-align: start;
}

.accordion-button:not(.collapsed){
    background-color:transparent;
}

.accordion-button:focus{
    box-shadow: 0 0;
    border-color:transparent;
}

 .search-panel{
width: 100%;
height: 0;
overflow: hidden;
background: #f3f3f3;
position: fixed;
top: 0;
left: 0;
z-index: 102;
transition: all .3s;
transition-timing-function: ease-in-out;
}

.search-panel.show{

height: 230px;

}


.search-panel .search-container{
width: 100%;
height: 230px;
position: absolute;
top: 0;
left: 0;
background-color: gray
}

.search-panel .search-container .close-btn{
position: absolute;
right: 90px;
top: 50px;
cursor: pointer;
transition: all .3s;
width: 30px;
}

.search-panel .search-container .search-box{
width: 60%;
left: 20%;
bottom: 0;
top: 0;
margin: auto;
position: absolute;
display: flex;
align-items: center;
}

.search-panel .search-container .search-box .search-input{
width: 100%;
height: 80px;
box-sizing: border-box;
background: transparent;
color: black;
border-radius: 0;
border: none;
border-bottom: 1px solid hsla(0,0%,100%,.5);
font-size: 40px;
padding-left: 20px;
padding-right: 55px;
box-shadow: none!important;
line-height: 80px;
transition: all .3s;
}

.ant-input:placeholder-shown{
text-overflow: ellipsis;
}

input[type=number], input[type=password], input[type=text], textarea{
-webkit-appearance: none;
}

.ant-input{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
position: relative;
display: inline-block;
width: 100%;
height: 32px;
padding: 4px 11px;
color: rgba(0,0,0,.65);
font-size: 18px;
line-height: 32px;
line-height: 1.5\9;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
-webkit-transition: all .3s;
transition: all .3s;
}

.search-panel .search-container .search-box .search-icon{
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
cursor: pointer;
opacity: .7;
transition: all .3s;
}


/* media */
@media (max-width: 1650px){
.dropdown .dropbtn {
font-size: 18px;

padding: 26px 35px;

}

/* .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
    height: auto;
} */


.map-content-wrapper{
    margin: 100px 0 0 0;
}
}

@media (max-width: 1500px){
.dropdown .dropbtn {
font-size: 18px;

padding: 26px 25px;

}

.right{
width: 15%;
}

.left{
width: 72.5%;
}

.navbar-wrapper .desktop-container .logo img {
width: 100%;
height: 80px;
box-sizing: border-box;
padding: 10px 15px;
}
}

@media (max-width: 1200px){
.dropdown .dropbtn {
font-size: 18px;

padding: 26px 10px;

}

}


@media (max-width: 999px){
 .mobile-menu-desktop{
    display: block;
}

 #desktop-menu{
    display: none !important;
}

#sticky-menu{
    display: none !important;
}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: black;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: black;
}

.footer-wrapper{
    background-color:#b51d05;
    color: white;
    margin-top: 200px;
}

.footer-logo{
    background-color: white;
    padding: 20px 30px;
    width:100%;
    margin: 0;

}

.footer-wrapper .row{
    width:100%;
    margin: 0;
}

.footer-logo img{
    width: 200px
}

.footer-bottom-text{
    color:#414042 !important;
    text-align: end;
    padding: 10px 30px;
    font-size:20px;
    font-weight: 400;
}

.footer-wrapper a{
    color: white;
}

.col-md-12 p{
    margin-bottom:5px;
    width: 90%;
    margin-left: auto;
    font-weight: 300 !important;
    margin-right: auto;
}

.left-info p{
    font-weight: 300 !important;
    margin-bottom: 10px;
   
}

.col-md-12 a{
    margin-bottom:7px;
}

.col-md-12 h3{
    margin-bottom:7px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2rem;
}
.col-md-2 h3{
    margin-bottom:10px;

}

.social-media .fa{
    font-size: 26px;
    margin-right: 30px;
}

.social-media{
    margin-bottom: 20px;
    margin-top: 45px;
}

.col-md-2 p{
    margin-bottom:5px;
    font-weight: 300 !important;
}

.latest-news-footer h3{
    font-weight: 500 !important;
}

.icon{
    position:absolute;
    left: 0;
    font-size: 32px;
    bottom:0
}

.text-icon{
    padding-left:50px;
    margin-bottom:30px !important;
    position: relative;
}

.mobile-footer{
    display:none
}

.left-info-mobile{
    display:none
}

.footer-wrapper a:hover{
    color: #a6a6a6;
    text-decoration:none;
}

@media only screen and (max-width: 1024px) {

    .mobile-footer {
        display: block;

    }

    .desktop-footer{
        display: none
    }

    .left-info-mobile{
    display:block
}
.footer-logo{
text-align: center;
}   
    
}

@media only screen and (max-width: 768px) {

.mobile-footer {
display: block;
margin-top:55px

}

.desktop-footer{
display: none
}

}

.map-content-wrapper{
    width: 100%;
    height:650px;
    /* background-image: url("../image/indonesia-map-grey.png"); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 250px 0px 50px 0px;
    display:flex;
    padding:140px 0px 180px 0px;
    box-sizing: border-box;
    align-items: center;
}

.map-content-wrapper img{
    width: 100%;
    height: auto;
    opacity: 0.5;
}

.content-text-wrapper {
    display: flex;
    position: absolute;
    flex-wrap: wrap;
}

.map-content-wrapper .left-content{
    width: 50%;
    padding: 0px 200px;
    display:flex;
    border-right:2px solid gray
}

.map-content-wrapper .right-content{
    width: 50%;
    padding: 0px 100px;
    display:flex;
}

.map-content-wrapper .left-content .content h1{
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    color: #B8272D;
    font-family: monsterrat-semi-bold !important;
}

.map-content-wrapper .left-content .content h4{
    font-size: 28px;
    font-weight: 600;
    margin-top:20px
}

.map-content-wrapper .right-content .content{
    margin: auto 0px;
}

.map-content-wrapper .right-content .content h1{
    font-size:22px;


}

.map-content-wrapper .right-content .content a{
    font-size: 16px;
    color: #B8272D;
    margin-top: 20px;
}


.arrow-link:before {
    border-bottom: 2px solid #B8272D;
border-left: 2px solid #B8272D;
transform: rotate(-135deg);
height: 0;
padding: 4px;
content: "";
position: absolute;
left: 0px;
top: 5px;
bottom: 0;
margin: auto;
width: 0;
transition: all .3s;
}

.arrow-link{
    margin: 5px 0;
width: 100%;
display: inline-block;
color: #B8272D;
position: relative;
font-size: 20px;
font-weight: 500;
padding-left: 35px;
transition: all .3s;
}

.arrow-link:after {  
content: "";
position: absolute;
width: 0;
transition: all .2s;
}

.arrow-link:hover:after {
    width: 25px;
background-color: #B8272D;
height: 2px;
content: "";
position: absolute;
left: 0;
top: 5px;
bottom: 0;
margin: auto;
transition: all .3s;
}



.arrow-link:hover:before{
    left: 15px;

}

.arrow-link:hover{
    color: #B8272D !important;
padding-left: 30px;
}
@media (max-width: 1650px){

    
 
    
    .map-content-wrapper{
        margin: 200px 0 0 0;
    }
    }
@media (max-width: 1440px){
    .map-content-wrapper{
        margin: 350px 0 0 0;
    }

    .map-content-wrapper .left-content{
        width: 50%;
        padding: 0px 120px;
        display:flex;
        border-right:2px solid gray
    }
    
    .map-content-wrapper .right-content{
        width: 50%;
        padding: 0px 120px;
        display:flex;
    }

   }

   @media (max-width: 991px){
    .map-content-wrapper{
        margin:0px;
        height:480px;
        padding: 100px 0px
    }

    .map-content-wrapper .left-content{
        width: 50%;
        padding: 0px 60px;
        display:flex;
        border-right:2px solid gray
    }
    
    .map-content-wrapper .right-content{
        width: 50%;
        padding: 0px 60px;
        display:flex;
    }

    .map-content-wrapper .left-content .content h1{
        font-size: 28px;
    }

    .map-content-wrapper .right-content .content h1{
        font-size: 20px;
    }

   }

   @media (max-width: 768px){
    .map-content-wrapper{
        margin:0px;
        height:auto;
        padding: 0px;
        flex-wrap: wrap;
        padding:50px 0px;
    }

    .map-content-wrapper .left-content{
        width: 45%;
        padding: 0px 25px;
        display:flex;
        
    }
    
    .map-content-wrapper .right-content{
        width: 55%;
        padding: 0px 25px;
        display:flex;
    }

    .map-content-wrapper .left-content .content h1{
        font-weight: 700;
        line-height:0.9em;
        color: #B8272D;
        margin-bottom: 20px;
    }
    
    .map-content-wrapper .left-content .content h4{
        font-size: 1.5rem;
        font-weight: 600;
        margin-top:0px
    }
    
    .map-content-wrapper .right-content .content{
        margin: auto 0px;
    }
    
    .map-content-wrapper .right-content .content h1{
        font-size: 16px;
        word-spacing: 0.3rem;
        font-weight: 600;
    }
    
    .map-content-wrapper .right-content .content a{
        font-size: 16px;
        color: #B8272D;
        margin-top: 20px;
    }

    .paragraph .title{
        font-size: 1.5rem !important;
    }
    .paragraph .content{
        font-size: 1rem !important;
    }

   }

   @media (max-width: 648px){
    .map-content-wrapper{
        margin:0px;
        flex-wrap: wrap;
        padding:0;
        position: relative;
    }

    .map-content-wrapper .content-text-wrapper{
        position: relative;
    }

    .map-content-wrapper img{
        position: absolute;
        top: 0;
        /* transform: translateY(-50%); */
    }

    .paragraph .title{
        font-size: 1.5rem !important;
    }
    .paragraph .content{
        font-size: 1rem !important;
    }

    .paragraphs-wrapper{
        padding: 20px !important;
    }

    .map-content-wrapper .left-content{
        width: 100%;
        padding: 0px 25px;
        display:flex;
        margin-bottom: 20px;
        
    }
    
    .map-content-wrapper .right-content{
        width:100%;
        padding: 0px 25px;
        display:flex;
    }

    h1.title{
        margin-bottom: 25px !important;
    }

    .module-paragraphs-with-two-images-wrapper{
        margin: 100px 20px 100px 20px;
    }

    .module-paragraphs-with-three-images-wrapper{
        margin: 100px 20px;
    }

    .module-paragraphs-with-three-images-reverse-wrapper{
        margin: 100px 20px;
    }

    .module-paragraphs-with-four-images-wrapper{
        margin: 100px 20px;
    }

    .module-paragraphs-with-three-images-reverse-kebalik-wrapper{
        margin: 60px 20px 200px 20px;
    }

    .module-paragraphs-with-two-rata-images-wrapper{
        margin: 100px 20px;
    }
}
















/* image and link section */


















.module-home-left-image-right-tagline-wrapper{
    padding-top: 0;
margin-bottom: 0px;
}

.module-home-left-image-right-tagline-wrapper {
width: 100%;
box-sizing: border-box;
height: auto;
background-color: #fff;
margin-bottom: 10px;
transition: all .4s;
opacity: 1;
padding: 120px 140px 0;
display: inline-block;
}



.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container {
width: 100%;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .img-box {
width: 50%;
position: relative;

}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box {
width: 55%;
position: relative;
height: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .img-box img {
width: 100%;
display: block;
height: 540px;
object-fit: cover;
}


.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box {
width: 50%;
position: relative;
height: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box {
width: 100%;
box-sizing: border-box;
padding-left: 100px;
padding-right: 0px;
left: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .tagline {
font-size: 34px;
line-height: 46px;
color: #B8272D;
font-weight: 700;
letter-spacing: -.8px;
margin-bottom: 30px;
}

.module-home-left-image-right-tagline-wrapper .arrow-link:after {
    width: 0;
background-color: #3b3b3b;
height: 2px;
content: "";
position: absolute;
left: -3px;
top: -25px;
bottom: 0;
margin: auto;
transition: all .3s;
}

.module-home-left-image-right-tagline-wrapper .arrow-link:hover:after {
        width: 25px;
    background-color: #3b3b3b;
    height: 2px;
    content: "";
    position: absolute;
    left: -3px;
    top: -25px;
    bottom: 0;
    margin: auto;
    transition: all .3s;
    }

    .module-home-left-image-right-tagline-wrapper .arrow-link.last:after {
        width: 0;
    background-color: #B8272D;
    height: 2px;
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: -5px;
    margin: auto;
    transition: all .3s;
    }
    
    .module-home-left-image-right-tagline-wrapper .arrow-link.last:hover:after {
            width: 25px;
        background-color: #B8272D;
        height: 2px;
        content: "";
        position: absolute;
        left: -1px;
        top: 0;
        bottom: -5px;
        margin: auto;
        transition: all .3s;
        }



    .module-home-left-image-right-tagline-wrapper .arrow-link:before {
        border-bottom: 2px solid #3b3b3b;
    border-left: 2px solid #3b3b3b;
    transform: rotate(-135deg);
    height: 0;
    padding: 4px;
    content: "";
    position: absolute;
    left: -3px;
    top: -25px;
    bottom: 0;
    margin: auto;
    width: 0;
    transition: all .3s;
    }

    .module-home-left-image-right-tagline-wrapper .arrow-link:HOVER:before {
     left: 13px;
    }

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box:last-child {
margin-bottom: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box {
margin-bottom: 50px;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .text-date-link {
    font-size: 18px;
    font-weight: 700;
    }

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box .arrow-link {
margin: 20px 0;
width: 100%;
display: inline-block;
color: #3b3b3b;
position: relative;
font-size: 18px;
line-height: 34px;
font-weight: 700;
}

.links-box .arrow-link.last .text-date-link{
font-size: 16px;
}

.arrow-link.last:before {
    border-bottom: 2px solid #B8272D;
border-left: 2px solid #B8272D;
transform: rotate(-135deg);
height: 0;
padding: 4px;
content: "";
position: absolute;
left: 0px;
top: 5px;
bottom: 0;
margin: auto;
width: 0;
transition: all .3s;
}

.arrow-link.last{
    margin: 5px 0;
width: 100%;
display: inline-block;
color: #B8272D;
position: relative;
font-size: 20px;
font-weight: 700;
padding-left: 35px;
transition: all .3s;
}

.arrow-link.last:after {  
content: "";
position: absolute;
width: 0;
transition: all .2s;
}

.arrow-link.last:hover:after {
    width: 25px;
background-color: #B8272D;
height: 2px;
content: "";
position: absolute;
left: 0;
top: 5px;
bottom: 0;
margin: auto;
transition: all .3s;
}



.arrow-link.last:hover:before{
    left: 15px;

}

.arrow-link.last:hover{
    color: #B8272D !important;
padding-left: 30px;
}

@media only screen and (max-width: 1715px){
    .module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .img-box img{
        height:500px;
    }

    .module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box .arrow-link{
        margin: 15px 0px;
    }
}





/* media */
@media only screen and (max-width: 1599px){
    

    .module-home-left-image-right-tagline-wrapper {
        padding: 100px 140px 0;
    }
}

@media only screen and (max-width: 1440px){
    .module-home-left-image-right-tagline-wrapper {
        padding: 100px 100px 0px;
    }

    .module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box{
        padding-left: 80px;
    }
}

@media only screen and (max-width: 1279px){
.module-home-left-image-right-tagline-wrapper {
padding: 80px;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container{
align-items: center;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box {
top: 50%;
left: 0;
transform: translateY(-50%);
padding: 0 50px;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box .arrow-link{
font-size:20px
}
}

@media only screen and (max-width: 991px){
.module-home-left-image-right-tagline-wrapper {
padding: 70px 40px;
}

}

@media only screen and (max-width: 768px){
.home-page-wrapper .module-home-left-image-right-tagline-wrapper {
padding-bottom: 20%;
margin-bottom: 0;

}

.module-home-left-image-right-tagline-wrapper {
    padding: 70px 25px;
    }

.module-bordered-paragraphs-with-three-images-wrapper{
    margin: 0px !important;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container {
flex-direction: column;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .img-box {
width: 100%;
padding: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .img-box img {
width: 100%;
height:300px    
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box {
width: 100%;
height: auto;
padding-bottom: 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box {
position: relative;
top: 0;
left: 0;
transform: translate(0);
padding: 30px 0 0;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .tagline {
margin-bottom: 10px;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box .arrow-link{
    margin:15px;
    font-size: 18px;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .links-box .text-date-link{

    font-size: 16px;
}

}

.red-paragraph.our-comp h1{
    margin-bottom: 30px;
}


@font-face {
    font-family: 'monsterrat';
    src: url("../font/Montserrat-Regular.ttf");
}

@font-face {
    font-family: 'monsterrat-semi-bold';
    src: url("../font/Montserrat-SemiBold.ttf");
}

.title.serif, .values-text, .title-pj, .paragraph-wrapper h1, .upper-title, .title, .number-title, .red-paragraph h1, .two-column-paragraph-csr .module-leftOverviewRightHightlightNumbersData, .pr-title, .paragraph-abu-wrapper h1{
    font-family: monsterrat-semi-bold !important;
}


p, span, label, h2, h3, h4, h5 , a , button, .summary{
    font-family:monsterrat !important;
        
}

p{
    text-align: justify;
    line-height: 32px !important;
    color: #414042;
}

h1{
    font-family:monsterrat-semi-bold !important;
}

.footer-wrapper p {
    color: white !important;
    text-align: start;
}

.footer-wrapper h3{
    font-family: monsterrat-semi-bold !important;

}

/* font */
































/* three column footer page */



.module-three-column-page-links-wrapper{
    width: 100%;
box-sizing: border-box;
display: inline-block;
height: auto;
opacity: 1;
margin-top: 100px;
padding: 0;
}

.module-three-column-page-links-wrapper .three-column-wrapper{
    width: 100%;
height: auto;
display: inline-block;
box-sizing: border-box;
background: #e4e4e4;
border: 1px solid #e9e9e9;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul{
    padding: 75px 0px;
margin-bottom: 0;
display: inline-block;
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: center;
}

.module-three-column-page-links-wrapper .three-column-wrapper p{
    text-align: left;
    line-height: 32px;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li{
    width: 22%;
box-sizing: border-box;
margin: 0 30px;
text-align: center;
transition: all .3s;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li .icon-container{
    min-height: 72px;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li .section-icon{
    margin-top: 20px;
border-radius: 3px;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li .title{
    font-size: 18px;
    font-weight: 700;
    font-family: monsterrat-semi-bold !important;
line-height: 32px;
color: #B8272D;
font-weight: 700;
margin-bottom: 20px;
padding-top: 20px;
letter-spacing: -.5px;
transition: all .3s;
text-align: center;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li .description{
    color: #545454;
font-size: 1.5rem;
line-height: 32px;
margin-bottom: 24px;
font-weight: 600;
}

    
    /* .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
        height: auto;
    } */
    
    .map-content-wrapper{
        margin: 200px 0 0 0;
    }
    


@media (max-width: 1599px){
    .module-three-column-page-links-wrapper .three-column-wrapper ul li .description {
font-size: 18px;
line-height: 22px;
}



module-three-column-page-links-wrapper .three-column-wrapper ul li .title {
font-size: 20px;
line-height: 22px;
}
}

@media (max-width: 1440px){
/* .module-three-column-page-links-wrapper {
padding: 0 210px;
} */



}   

/* @media only screen and (max-width: 1300px){
    .module-paragraphs-with-two-images-wrapper .images-wrapper, .module-paragraphs-with-three-images-reverse-wrapper .images-wrapper, .module-paragraphs-with-four-images-wrapper .images-wrapper, .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
        height: auto;
    }
} */


@media (max-width: 1279px){
/* .module-three-column-page-links-wrapper {
padding-left: 100px;
padding-right: 100px;
} */

.module-three-column-page-links-wrapper .three-column-wrapper ul li{
    width: 25% ;
}
}

@media (max-width: 1185px){
    .module-paragraphs-with-three-images-reverse-wrapper .paragraphs-wrapper{
        padding: 0px 55px;
    }
}

@media (max-width: 991px){
/* .module-three-column-page-links-wrapper {
padding-left: 40px;
padding-right: 40px;
} */

.module-paragraphs-with-three-images-wrapper .total-image-2 .image-3{
    margin-top: 15% !important;
} 

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box{
    transform: translateY(0) !important;
    margin-top: 40px;
}

.images-wrapper{

    width: 100%;
}

.container-custom-one .images-wrapper img{
    width: 100%;
}
.image-susi-container{
    position: absolute;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.module-three-column-page-links-wrapper .three-column-wrapper ul{
    padding:55px 0px;
}
}

@media (max-width: 767px){
.module-three-column-page-links-wrapper .three-column-wrapper ul li {
width: 100%;
}

.module-three-column-page-links-wrapper {
margin-top: 50px;
margin-bottom: 50px;
/* padding-left: 80px;
padding-right: 80px; */
}
}

@media (max-width: 500px){
/* .module-three-column-page-links-wrapper {
padding-left: 20px;
padding-right: 20px;
} */



}

.arrow-left-point{
    margin-bottom: 4px;
}

.paragraphs-wrapper .title{
    font-family: monsterrat-semi-bold !important;

}

.footer-bottom-text p{
    color:#414042 !important;
    font-size: 14px !important;
}

b{
    font-weight: bold !important;
    font-family: monsterrat-semi-bold !important;
}

.module-bordered-paragraphs-with-three-images-wrapper .paragraphs-wrapper .paragraph .arrow-link{
    font-family: monsterrat-semi-bold !important;
}