body *, html *{
    outline: none!important;
    margin: 0;


}

:root{
    --gray-black: #414042;
}

sup{
    font-size: 17px !important;
}



@font-face {
    font-family: myFirstFont;
    src: url();
  }

*, :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;
padding: 0 !important;
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;
}
    .row{
        width:100%;
        margin: 0;
    }





    
    .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: 100px 0px 350px 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-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: 600;
    color: #B8272D;
    line-height: 46px;
    margin-bottom: 30px;
    font-family: monsterrat-semi-bold;
    }

  

  

   

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .content{
        font-size: 1.6rem;
    line-height: 32px;
    margin-bottom: 10px;
    }

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .content p{
        font-size: 18px;
        font-family: hind;
        color: var(--gray-black);
        text-align: justify;
    }




   



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

    .module-paragraphs-with-two-rata-images-wrapper .images-wrapper{
    width: 55%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: flex-end;
    /* padding-bottom: 30%; */
    }

    .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
        width: 45%;
        margin-top: 60px;
        height:fit-content;
        position: unset;

    }
.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%;
        top: -120px;
        margin-left: 5%;
        height:fit-content;
        position: unset;
    }

  


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

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

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

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1{
        width: 44%;
           
            top: 0px;
            left: 10%;
            height:85vh;
        }

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2{
        width: 44%;
           
            top: -80px;
            right: -5%;
            height:110vh;
        }
    
        .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: 50%;
            height: auto;
            /* margin-right: 5%; */
            }

            .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper .content p{
                font-size: 18px;
                
            }

            .form-group.has-search .form-control{
                font-size: 20px;
                color:var(--gray-black);
            }
    }


    /* 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:35vh;
            margin: 0px auto 100px auto;
                }

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



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

        .module-paragraphs-with-two-rata-images-wrapper{
            margin: 100px 80px;
    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 100px auto;
                }

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

    }




.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;
            
        }
        }


/* navbar font */

.navbar-wrapper{
    font-family: Nunito;
    letter-spacing:2px !important;
}
      




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

/* desktop menu */
.dropdown .fa.fa-caret-down{
    margin-left: 10px;
}


.dropdown .dropbtn {
font-size: 14px;    
border: none;
outline: none;
color: white;
padding: 32px 33px;
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: 0px 40px;
text-decoration: none;
display: block;
text-align: left;
font-weight: 400;
font-size: 14px;

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

}

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

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


#desktop-menu{
    top: 0;
}

.navbar-wrapper .desktop-container {
display:flex;
position:absolute;
z-index: 2;

height:85px;
width: 100%;
background-color: rgba(88, 88, 88, 0.6);
}

.navbar-wrapper .desktop-container .logo{
width:12.5%;
height:100%;
background-color: lightgray;
display:grid;
place-items: center;
}

.navbar-wrapper .desktop-container .logo img{
/* width:120px;
height:30px; */

width:85%;
height:auto;

box-sizing: border-box;
}

.menu-list{
height:100%;
width: 85%;
}
.desktop-menu{
height:100%;
display:flex;
}

.left{
width: 75%;

}

.lang-search-button-container{
display: flex;
width: 15%;
}

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



.left .desktop-menu .menu-list ul li{
font-weight: 700;
font-size: 17px;
line-height: 50px;
display: inline-block;
height: min-content;
margin: auto 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;
letter-spacing:1px
}

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

.lang-btn{
height:min-content;
margin: auto;

width: 50%;
text-align: center;
border-left: 1px solid white;
}

.lang-btn a{
    color: white;
}

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

}

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

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

}

.property-finder-container{
    width: 100%;
    text-align: center;
    display: flex;
    background-color:rgb(82, 82, 82, 0.8)
}

.property-finder-container h1{
    margin: auto;
    font-size: 18px;
    color: white;
    font-weight: 400;
}

@media (max-width: 1440px){
    .left .desktop-menu .menu-list ul{
        justify-content: center;
        }

        .dropdown .dropbtn{
            padding:32px 20px;
        }
}




/* 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 */

.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-size:18px;
    font-weight: 700;
    color: black;
    margin: 15px 0px;
}

.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;
}

.lang-box .lang-btn span{
    padding:0px 20px;
}


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

padding: 32px 25px;

}
}

@media (max-width: 1500px){

.right{
width: 12.5%;
}

.left{
width: 75%;
}

/* .navbar-wrapper .desktop-container .logo img { */
/* width: 145px;
height: 50px; */
/* 
width:140px;
height:45px;
box-sizing: border-box;
padding: 10px 15px;
} */
}

@media (max-width: 1440px){
    .dropdown .dropbtn {
    font-size: 14px;
    
    padding: 32px 20px;
    
    }

    .lang-box .lang-btn span{
        padding:0;
    }
    
    }


    @media (max-width:1318px){
        .dropdown .dropbtn {        
            padding: 32px 16px;
        
        }
        
        }

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

padding: 32px 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;
}


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

.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{
    margin: auto 0px;
}

.map-content-wrapper .left-content .content h1{
    font-size: 6.5rem;
    font-weight: 700;
    line-height:0.9em;
    color: #ad2429;
}

.map-content-wrapper .left-content .content h4{
    font-size: 2.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: 2.3rem;
    word-spacing: 0.3rem;
    font-weight: 600;
}

.map-content-wrapper .right-content .content a{
    font-size: 1.5rem;
    color: #ad2429;
    margin-top: 20px;
}

.arrow-link:before {
    border-bottom: 2px solid #ad2429;
border-left: 2px solid #ad2429;
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: #ad2429;
position: relative;
font-size: 20px;
font-weight: 700;
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: #ad2429;
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: #ad2429 !important;
padding-left: 30px;
}

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

    .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;
    }

   }

   @media (max-width: 768px){
    .map-content-wrapper{
        margin:0px;
        height:250px;
        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-size: 3.5rem;
        font-weight: 700;
        line-height:0.9em;
        color: #ad2429;
    }
    
    .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: 1.3rem;
        word-spacing: 0.3rem;
        font-weight: 600;
    }
    
    .map-content-wrapper .right-content .content a{
        font-size: 1.5rem;
        color: #ad2429;
        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
    }

    .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;
        
    }
    
    .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: 250px 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: 80px;
}

.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;
display: inline-block;
margin-bottom: 80px;
}



.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:auto
}


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

.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: 50px;
padding-right: 50px;
left: 0;
}

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

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

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

    .module-home-left-image-right-tagline-wrapper .arrow-link.last:after {
        width: 0;
    background-color: #ad2429;
    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: #ad2429;
        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: 0;
    bottom: -5px;
    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 .links-box .arrow-link {
margin: 35px 0;
width: 100%;
display: inline-block;
color: #3b3b3b;
position: relative;
font-size: 28px;
line-height: 34px;
font-weight: 700;
}

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

.arrow-link.last:before {
    border-bottom: 2px solid #ad2429;
border-left: 2px solid #ad2429;
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: #ad2429;
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: #ad2429;
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: #ad2429 !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 .content-box .data-box .links-box .arrow-link{
        margin: 25px 0px;
    }
}


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

}



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

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

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

    .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: 24px;
    }

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

@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 .content-box .data-box .tagline {
font-size: 28px;
line-height: 40px;
}

.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;
}

.module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box .tagline {
font-size: 24px;
line-height: 34px;
}
}

@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 .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:auto    
}

.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: 18px;
}

}

.menu-mobile .accordion:after{
    font-size: 0px;
}




































/* 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;
margin-bottom: 0px;
padding: 0;
}

.module-three-column-page-links-wrapper .three-column-wrapper{
    width: 100%;
height: 320px;
display: inline-block;
box-sizing: border-box;
background: #cccccc;
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;
height:100%
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li{
    width: 18%;
box-sizing: border-box;
margin: auto 15px;
text-align: left;
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;
width: 60px;
height: 60px;
display:block;
margin: auto;
}

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

.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;
}


@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;
}

.module-three-column-page-links-wrapper .three-column-wrapper ul li .title{
    font-size: 24px;

}
}

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

}    */

@media (max-width: 1279px){

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









.module-three-column-page-links-wrapper .three-column-wrapper ul{
    padding:55px 0px;
}
}




@media (max-width: 1024px){

   #image-above-state{
       height: 550px !important;
   }

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

    }
    .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2 {
        height: 900px;
    }

    .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1 {
        height: 700px;

    }

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

    }
}

    
    @media (max-width: 991px){

        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-2 {
            height: auto;
        }
    
        .module-paragraphs-with-two-rata-images-wrapper .total-image-2 .image-1 {
            height: auto;
    
        }

        .logo-modal img {
            width: auto !important;
        }

        .module-homeTopKeyVisualData .content-wrapper.desktop{
            height: 50vh !important;
        }

        .text-content-modal .content-title p{
            margin: 0px !important;
            font-size: 14px !important;
        }
        


    .text-content-three-section{
        width: 86% !important;
        margin-top: 350px !important;
    }

    .module-propertyStoryContainerData{
        width: 86% !important;
        padding: 0 !important;
    }

    .module-home-left-image-right-tagline-wrapper{
        width: 86% !important;
        padding: 0 !important;

    }

    .subsidiary .col-md-6{
        text-align: center !important;
    }

}











@media (max-width: 768px){

    .module-paragraphs-with-two-rata-images-wrapper .paragraphs-wrapper{
        padding:0;
    }
.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;
}

.module-three-column-page-links-wrapper .three-column-wrapper{

height: 100%;

}
}


/* image institution */

.institution-title{
    color: #B8272D;
    font-size: 32px;
    font-weight: 700;
    /* padding-left: 20px; */
    margin: 100px 0px 100px 0px;
}

.supporting-institution-wrapper .institution-content h1{
     color: #B8272D;
    font-size: 22px;
    font-weight: 650;
    margin-bottom: 20px;
}

.supporting-institution-wrapper .institution-content p{
    font-size: 18px;
    
    line-height:40px;
    Color:var(--gray-black);
}

.supporting-institution-wrapper .institution-content .col-md-4{
    padding:0px 35px !important;
}



.corploc-satu, .corploc-dua, .corploc-tiga{
    font-weight: 600 !important;
    color: var(--gray-black);
}








/* select form property our business */


.form-group.has-search .form-control{
    font-size: 24px;
    color:var(--gray-black);
}






/* modal our business */

.text-content-modal .content-title h1{
    font-family: monsterrat-semi-bold;
}

.text-content-modal .content-title p{
    font-family: monsterrat
}

.facility-row-modal h1, .facility-row-modal p{
    font-family: monsterrat;
}

.facility-row-modal .row .col-md-3 h1:nth-child(2){
    font-size: 20px !important;
}

.facility-row-modal .row .col-md-3{
    padding: 0 5px !important;
}

.facility-row-modal .row{
    padding: 65px 20px 30px;
}











/* 1440 p global responsive */

@media (max-width: 1440px) {
    .paragraph-wrapper .summary p,
    .subtext-section-homepage,
    .arrow-link, .more-link,
    .links-box .arrow-link .text-date-link,
    .supporting-institution-wrapper .institution-content p,
    .text-content-modal .content-title p,
    .facility-row-modal .row .col-md-3 h1,
    .two-column-paragraph-csr .module-leftOverviewRightHightlightNumbersData .left .summary,
    .two-column-paragraph-csr .module-leftOverviewRightHightlightNumbersData .right p,
    .nav-link,
    .paragraphs-wrapper p,
    .card-text,
    .module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box p
    {
        font-size: 16px !important;
    }
}

@media (max-width: 1024px) {
    .paragraph-wrapper .summary p,
    .subtext-section-homepage,
    .arrow-link, .more-link,
    .links-box .arrow-link .text-date-link,
    .supporting-institution-wrapper .institution-content p,
    .text-content-modal .content-title p,
    .facility-row-modal .row .col-md-3 h1,
    .two-column-paragraph-csr .module-leftOverviewRightHightlightNumbersData .left .summary,
    .two-column-paragraph-csr .module-leftOverviewRightHightlightNumbersData .right p,
    .nav-link,
    .paragraphs-wrapper p,
    .card-text,
    .module-home-left-image-right-tagline-wrapper .module-home-left-image-right-tagline-wrapper-container .content-box .data-box p
    {
        font-size: 14px !important;
    }
}

.arrow-link, .more-link{
    font-family: monsterrat-semi-bold;
}


.paragraph-abu-wrapper .title h1{
    word-spacing: 7px;
    line-height: 32px;
}

.text-middle-csr{
    word-spacing: 7px;
    line-height: 32px;
    text-align: justify;
}

.property-mail {
    word-break: break-all;
}

.modal-content{
    border-radius: 0;
}

.modal-header{
    border-radius:0
}

.modal-body{
    border-radius: 0;
}

.close {
    position: absolute;
    right: -5px;
    top: 5px;
    width: 60px;
    height: 60px;
    background-color: white !important;
    border-radius: 900px !important;
    font-size: 20px;
    opacity: 1 !important;
    color: #B8272D !important;
}








/* font */


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

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

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

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


@font-face {
    font-family: 'noto-sans';
    src: url("../font/NotoSans-Regular.ttf");
}


b{
    font-family: monsterrat-semi-bold;
}

i {
    font-family: monsterrat;
}

.modal-body p a{
    word-break: break-all;
}