/* Wajib menambahkan font-display:swap; */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
@font-face { font-family: 'Roboto'; src: url("fonts/Roboto-Light_0.ttf"); font-style: normal; font-weight: 200; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("fonts/Roboto-Regular_0.ttf"); font-style: normal; font-weight: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("fonts/Roboto-Medium_0.ttf"); font-style: normal; font-weight: bold; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url("fonts/Roboto-Italic_0.ttf"); font-style: italic; font-weight: normal; font-display: swap; }

@font-face { font-family: 'Archivo'; src: url("fonts/Archivo-Bold.ttf"); font-style: normal; font-weight: bold; font-display: swap; }

@font-face { font-family: 'Archivo'; src: url("fonts/Archivo-Medium.ttf"); font-style: normal; font-weight: normal; font-display: swap; }

* { margin: 0; padding: 0; outline: none; }

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

a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

a, a:link, a:visited { text-decoration: none; }

body { font-family: "Lato"; font-size: 16px; line-height: 1.8; color: #6c757d; }

body.deactivate { overflow-y: hidden; }

img { border: none; }

div.clear { clear: both; }

button { border: 0; }

button:hover, button:focus { outline: none; }

.nowrap { white-space: nowrap; }

#copyright-gositus { background: url(../images/gositus/go-online-solusi.png) no-repeat left bottom; color: #FFF; display: block; font-size: 10px; height: 20px; padding-left: 23px; color: #333; background-size: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

#copyright-gositus:hover { background-position: left top; }

#copyright-gositus:hover label { color: #9dd22a; cursor: pointer; }

#copyright-gositus:hover span { color: #97d4e9; }

/* Clear */
.clearfix { display: inline-block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hide from IE Mac \*/
.clearfix { display: block; }

/* End hide from IE Mac */
::-moz-selection { background-color: #e29617; color: white; }

::selection { background-color: #e29617; color: white; }

.gohide { display: none; }

label.error { color: #ff5a00; display: block; margin-top: 5px; margin-bottom: 10px; padding: 0; font-weight: normal; text-align: left; font-size: 13px; }

#gositusform { position: absolute; top: -8900px; left: -9800px; }

a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

header { position: fixed; z-index: 99; width: 100%; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: white; }

header.on-top.invert { background: rgba(255, 255, 255, 0.4); }

header.on-top.invert .menus .single-menu > a:not(.main-button) { color: #16325b; }

header.on-top.invert .menus .single-menu > a:not(.main-button).active { color: #e29617; }

header.on-top.invert .menus .single-menu > a:not(.main-button):hover { color: #fff; }

.header-margin { margin-top: 85px; }

.grecaptcha-badge { visibility: hidden; }

.header-container { display: flex; padding: 20px 0; }

.header-container .logo { flex: 0 1 30%; }

.header-container .logo img { width: 100%; max-width: 280px; }

.header-container .menu-button { display: none; }

.header-container .menus { display: flex; flex: 1 0; align-items: center; width: 100%; margin-right: 0; margin-left: auto; justify-content: flex-end; }

.header-container .menus .single-menu { position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0 4px; border-radius: 5px; }

.header-container .menus .single-menu > a:not(.main-button) { font-weight: bold; display: inline-block; padding: 8px 15px; color: #333333; }

.header-container .menus .single-menu > a:not(.main-button).active { color: #e29617; }

.header-container .menus .single-menu .sub-menu { opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; top: 43px; background: white; width: 250px; pointer-events: none; border-top: solid 4px #e29617; }

.header-container .menus .single-menu .sub-menu a { padding: 5px 10px; display: block; color: #333333; }

.header-container .menus .single-menu .sub-menu a:hover { color: #e29617; }

.header-container .menus .single-menu .sub-menu:hover { opacity: 1; pointer-events: unset; }

.header-container .menus .single-menu:hover { background: #e29617; border-radius: 0px; }

.header-container .menus .single-menu:hover > a:not(.main-button) { color: white; }

.header-container .menus .single-menu:hover .sub-menu { opacity: 1; pointer-events: unset; }

.splide .circle-nav .arrow, .swiper .circle-nav .arrow { height: 50px; width: 50px; font-size: 20px; display: flex; align-items: center; justify-content: center; color: white; background: #e29617; border-radius: 50%; position: absolute; top: 50%; transition: all 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.6); cursor: pointer; z-index: 2; }

.splide .circle-nav .arrow.arrow-left, .swiper .circle-nav .arrow.arrow-left { left: -50px; }

.splide .circle-nav .arrow.arrow-left.inside, .swiper .circle-nav .arrow.arrow-left.inside { left: 10vw; }

.splide .circle-nav .arrow.arrow-right, .swiper .circle-nav .arrow.arrow-right { right: -50px; }

.splide .circle-nav .arrow.arrow-right.inside, .swiper .circle-nav .arrow.arrow-right.inside { right: 10vw; }

.splide .circle-nav .arrow:hover, .swiper .circle-nav .arrow:hover { background: white; color: #e29617; }

.nearby-nav { justify-content: center; margin-bottom: 30px; }

.nearby-nav button { margin: 0 15px; background: transparent; height: 120px; width: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; border: solid 1px transparent; transition: all 0.3s; }

.nearby-nav button svg { width: 75px; margin-bottom: 10px; }

.nearby-nav button svg .svg-path { fill: #16325b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.nearby-nav button:hover svg .svg-path, .nearby-nav button.active svg .svg-path { fill: #e29617; }

.nearby-nav button:hover .text, .nearby-nav button.active .text { color: #e29617; }

.nearby-nav button.active { border: solid 1px #e29617; }

.nearby-nav button .text { font-size: 11px; color: #16325b; transition: all 0.3s; }

#nearby-place-content .tab-pane { overflow-y: auto; }

#nearby-place-content .count { font-weight: bold; font-size: 18px; color: #16325b; margin-bottom: 15px; }

#nearby-place-content .list .single-item { display: flex; cursor: pointer; margin-bottom: 20px; }

#nearby-place-content .list .single-item:last-child { margin-bottom: 0; }

#nearby-place-content .list .single-item:hover .text .name, #nearby-place-content .list .single-item.active .text .name { color: #e29617; }

#nearby-place-content .list .single-item .image { flex: 0 1 150px; }

#nearby-place-content .list .single-item .image img { width: 100%; border-radius: 5px; }

#nearby-place-content .list .single-item .text { padding-left: 20px; flex: 1 1; }

#nearby-place-content .list .single-item .text .name { font-size: 18px; color: #16325b; font-weight: bold; transition: all 0.3s; }

#nearby-place-content .list .single-item .text .distance { color: #bdbdbd; font-size: 14px; }

#nearby-map { height: 640px; }

#sales-map { width: 100%; height: 500px; }

#sales-map .info-window { padding: 15px; text-align: center; }

#sales-map .info-window .name { font-size: 16px; color: #16325b; font-weight: bold; margin-bottom: 10px; }

#sales-map .info-window .address { font-size: 14px; }

.floating-whatsapp-button { position: fixed; right: 15px; bottom: 15px; z-index: 99; pointer-events: none; transition: all 0.35s ease; }

.floating-whatsapp-button .vita-video { width: 200px; border-radius: 50%; width: 100px; }

.floating-whatsapp-button > .wa-button { padding: 8px 25px; margin-top: 5px; color: white; background: #33a527; border-radius: 5px; font-size: 14px; user-select: none; pointer-events: auto; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: flex; align-items: center; }

.floating-whatsapp-button > .wa-button i { margin-left: 10px; font-size: 16px; }

.floating-whatsapp-button > .wa-button:hover { color: #e29617; background: #16325b; }

.floating-whatsapp-button.open .number-container { display: block; pointer-events: auto; opacity: 1; transform: scale(1); }

.floating-whatsapp-button .number-container { position: absolute; bottom: 60px; right: 0; box-shadow: 0 8px 25px -5px rgba(45, 62, 79, 0.15); pointer-events: none; background: #f5f9ff; color: #6c757d; width: 380px; opacity: 0; transform: scale(0.5); transform-origin: bottom right; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container:before { content: ""; position: absolute; bottom: -6px; right: 24px; width: 13px; height: 13px; transform: rotate(45deg); background: white; }

.floating-whatsapp-button .number-container .end { text-align: left; padding: 15px 30px; background: white; color: #6a6a6a; font-size: 11px; }

.floating-whatsapp-button .number-container .end a { color: #6a6a6a; }

.floating-whatsapp-button .number-container .end a:hover { color: #e29617; }

.floating-whatsapp-button .number-container .close-button { position: absolute; right: 0; top: 0; padding: 15px; color: white; cursor: pointer; font-size: 18px; line-height: 1; }

.floating-whatsapp-button .number-container .top-heading { padding: 15px 30px; background: #e29617; color: white; font-size: 12px; border-radius: 5px 5px 0 0; line-height: 1.7; font-family: "Roboto"; }

.floating-whatsapp-button .number-container .top-heading .title { font-weight: bold; display: flex; align-items: center; font-size: 18px; }

.floating-whatsapp-button .number-container .top-heading .title i { margin-right: 12px; }

.floating-whatsapp-button .number-container .top-heading a { color: white; }

.floating-whatsapp-button .number-container .top-heading a:hover { color: #16325b; }

.floating-whatsapp-button .number-container .single-number { font-size: 13px; display: flex; padding: 15px 30px; align-items: center; border: 1px solid #eeeeee; }

.floating-whatsapp-button .number-container .single-number:hover { background: #fefefe; }

.floating-whatsapp-button .number-container .single-number .logo-container { flex: 0 0 150px; margin-right: 15px; position: relative; }

.floating-whatsapp-button .number-container .single-number .logo-container > img { max-height: 30px; object-fit: contain; }

.floating-whatsapp-button .number-container .single-number .whatsapp-icon { justify-content: center; align-items: center; margin-right: 5px; }

.floating-whatsapp-button .number-container .single-number .whatsapp-icon img { width: 16px; }

.floating-whatsapp-button .number-container .single-number .text { flex: 1 1 100%; }

.floating-whatsapp-button .number-container .single-number .text .name { font-size: 16px; color: #16325b; font-weight: bold; line-height: 1.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container .single-number .text .number { color: #6c757d; font-size: 12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; white-space: nowrap; }

.floating-whatsapp-button .number-container .single-number .text:hover .number { color: #e29617; }

.floating-whatsapp-button .number-container .single-number img { width: 100%; margin: 0 auto; }

.floating-whatsapp-button .number-container .single-number:last-child { margin-bottom: 0; border-bottom: 0; }

.floating-whatsapp-button .number-container .customer-service { display: flex; align-items: center; padding: 15px 30px; width: 100%; }

.floating-whatsapp-button .number-container .customer-service .image { flex: 0 0 70px; margin-right: 15px; }

.floating-whatsapp-button .number-container .customer-service .image img { height: 70px; width: 70px; border-radius: 50%; }

.floating-whatsapp-button .number-container .customer-service .text { color: #6c757d; line-height: 1; }

.floating-whatsapp-button .number-container .customer-service .text .location { font-size: 14px; margin-bottom: 10px; }

.floating-whatsapp-button .number-container .customer-service .text .name { font-size: 20px; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.floating-whatsapp-button .number-container .customer-service:hover .text .name { color: #e29617; }

.main-banner .item { height: 75vh; }

.main-banner .item.no-background { height: auto; }

.main-banner .item.no-background .image-container { position: unset; }

.main-banner .item.no-background img { display: block; }

.main-banner .item img { width: 100%; display: none; }

.main-banner .item .image-container { width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.main-banner .item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); }

.main-banner .item .text-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 60px; display: flex; justify-content: center; z-index: 2; flex-direction: column; }

.main-banner .item h3 { font-family: "Lato"; font-size: 40px; font-weight: bold; color: white; width: 50%; margin-bottom: 10px; }

.main-banner .item h3 span { white-space: nowrap; }

.main-banner .item p { color: white; width: 60%; font-family: "Roboto"; line-height: 2; }

.main-banner .circle-nav .arrow.arrow-left { left: 15px; }

.main-banner .circle-nav .arrow.arrow-right { right: 15px; }

.paragraph-image { width: 100%; }

.faq-section { width: 100%; max-width: 1000px; margin: 0 auto; }

.faq-section .question { color: #16325b; font-size: 20px; padding: 15px 50px 15px 0; border-bottom: solid 1px #f2f2f2; font-weight: bold; display: block; position: relative; }

.faq-section .question[aria-expanded=true] i.far.fa-chevron-right:before { font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f078"; }

.faq-section .question i.far.fa-chevron-right { color: #e29617; font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.faq-section .faq-answer { padding: 15px 0; }

.show-unit { box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.04); }

.show-unit .side-image { background-size: cover; background-position: center; }

.show-unit .side-image img { width: 100%; }

.show-unit .visit-form-container { background: white; }

.show-unit .visit-form-container .visit-form { height: 100%; display: flex; align-items: center; justify-content: center; padding: 50px; }

.show-unit .visit-form-container .visit-form form { flex: 1 1; }

.properties-location-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 30px; padding: 0 7%; }

.properties-location-grid .item { position: relative; }

.properties-location-grid .item:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.properties-location-grid .item img { width: 100%; height: 250px; object-fit: cover; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.properties-location-grid .item .content-container { transition: all 0.3s; position: relative; border-radius: 5px; overflow: hidden; }

.properties-location-grid .item.is-active.is-visible .content-container { transform: scale(1.12); }

.properties-location-grid .item .text-container { position: absolute; width: 100%; left: 0; bottom: 0; padding: 25px 15px; display: flex; flex-direction: column; justify-content: flex-end; background: rgba(0, 0, 0, 0.3); }

.properties-location-grid .item .text-container .property-title { color: white; font-size: 24px; font-weight: bold; margin-bottom: 5px; line-height: 1; }

.properties-location-grid .item .text-container .property-count { display: flex; color: white; align-items: center; font-size: 14px; }

.properties-location-grid .item .text-container .property-count .icon { margin-right: 10px; }

.properties-location-grid .item .next-button { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; border: solid 1px white; position: absolute; right: 15px; bottom: 25px; font-size: 20px; }

.properties-location-grid .item .next-button:after { content: ""; width: 40px; height: 40px; border-radius: 50px; background: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.properties-location-grid .item .next-button:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.project-gallery-slide .item { padding: 75px; }

.project-gallery-slide .item .content-container { transition: all 0.3s; position: relative; }

.project-gallery-slide .item.is-active.is-visible .content-container { transform: scale(1.5); }

.project-gallery-slide .item img { width: 100%; }

.project-gallery-slide .item .text-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 50px; display: flex; flex-direction: column; justify-content: flex-end; }

.project-gallery-slide .item .text-container .gallery-title { color: white; font-size: 32px; font-weight: bold; line-height: 1; letter-spacing: 2px; }

.project-gallery-slide .item .text-container .gallery-sub { text-transform: uppercase; color: white; font-size: 16px; margin-bottom: 5px; }

.project-gallery-slide .item .next-button { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; border: solid 1px white; position: absolute; right: 50px; bottom: 50px; font-size: 20px; }

.project-gallery-slide .item .next-button:after { content: ""; width: 50px; height: 50px; border-radius: 50px; background: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.project-gallery-slide .item .next-button:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.project-gallery-slide .circle-nav .arrow { width: 45px; height: 45px; font-size: 24px; }

#announcement-modal .modal-dialog { max-width: 1000px; }

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

#announcement-modal .modal-body { padding: 0; position: relative; }

#announcement-modal .modal-body .btn-close { position: absolute; right: 10px; top: 10px; z-index: 1; }

#announcement-modal .announcement-box { display: flex; height: 100%; }

#announcement-modal .announcement-box .text { display: flex; padding: 30px; flex: 1 1 50%; flex-direction: column; background: #eaf0f9; }

#announcement-modal .announcement-box .text h3 { font-weight: bold; color: #16325b; margin-bottom: 15px; }

#announcement-modal .announcement-box .text p { line-height: 2; }

#announcement-modal .announcement-box .text .main-button { display: inline-block; margin-top: auto; margin-bottom: 0; align-self: center; }

#announcement-modal .announcement-box .image { flex: 1 1 50%; }

#announcement-modal .announcement-box .image img { width: 100%; }

#announcement-modal .splide .circle-nav .arrow.arrow-left { left: -60px; }

#announcement-modal .splide .circle-nav .arrow.arrow-right { right: -60px; }

.slider-arrow-box .arrow { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); color: white; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.slider-arrow-box .arrow.arrow-left { left: 0; }

.slider-arrow-box .arrow.arrow-right { right: 0; }

.slider-arrow-box .arrow:hover { background: rgba(0, 0, 0, 0.8); }

.main-button { background: #e29617; border-radius: 5px; min-width: 130px; text-align: center; padding: 8px 15px; font-family: "Lato"; color: white; letter-spacing: 1px; display: inline-block; position: relative; }

.main-button .button-text { position: relative; z-index: 2; }

.main-button:after { content: ""; position: absolute; width: calc(100%); height: calc(100%); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); background: white; z-index: 1; border-radius: 5px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.main-button:hover { color: #e29617; }

.main-button:hover:after { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }

.main-button.danger { background: #ff5454; }

.main-button.block { display: block; width: 100%; max-width: 100%; }

.main-button.whatsapp { max-width: 100%; background: #33a527; width: 100%; }

.main-button.whatsapp i { font-size: 18px; margin-right: 10px; }

.btn-profile-group .btn-default { border-color: #f0f6ff; min-width: 100px; padding: 8px 30px; text-align: center; }

.btn-profile-group .btn-default:hover, .btn-profile-group .btn-default.active { background-color: #e29617; color: white; }

.btn-profile-group .btn-default:focus { box-shadow: unset; }

.profile .sales-profile { background-color: #fafdff; }

.profile .contact-column { align-self: flex-start; position: sticky; top: 120px; }

.profile .listing-nav { display: flex; justify-content: center; border-bottom: solid 1px #f0f6ff; }

.profile .listing-nav .nav-link { padding: 20px 8px 20px 8px; background: transparent; border-bottom: solid 2px transparent; color: #16325b; margin: 0 25px; font-weight: bold; }

.profile .listing-nav .nav-link.active, .profile .listing-nav .nav-link:hover { color: #e29617; }

.profile .listing-nav .nav-link.active { border-bottom: solid 2px #e29617; font-weight: bold; }

.profile .tab-pane h2.heading-group { font-size: 26px; }

.profile .review-index .item { display: block; margin-bottom: 25px; }

.profile .review-index .item .video-img { position: relative; padding-top: 56%; border-radius: 5px; overflow: hidden; }

.profile .review-index .item .video-img iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.profile .review-index .item .video-img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.profile .review-index .item .video-text { padding-top: 15px; }

.profile .review-index .item .video-text .title { font-weight: bold; color: #16325b; font-size: 20px; margin-bottom: 10px; line-height: 1.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.profile .review-index .item .video-text p { color: #333333; margin-bottom: 0; }

.profile .review-index .item:hover .video-img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.profile .testimonial-index { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; row-gap: 22px; }

.profile .testimonial-index .item { transition: all 0.3s; text-align: center; border-radius: 5px; position: relative; box-shadow: 0 2px 100px 0px rgba(0, 0, 0, 0.08); }

.profile .testimonial-index .item .content-container { padding: 30px 40px; background: white; }

.profile .testimonial-index .item .testimonial-image { margin: 0 auto; margin-bottom: 20px; overflow: hidden; width: 100%; max-width: 90px; border-radius: 50%; }

.profile .testimonial-index .item .testimonial-image img { width: 100%; width: 90px; height: 90px; object-fit: cover; }

.profile .testimonial-index .item .name { color: #16325b; font-weight: bold; font-size: 20px; margin-bottom: 10px; }

.profile .testimonial-index .item p { font-size: 16px; color: #6c757d; }

.profile .banner { min-height: 250px; background: linear-gradient(180deg, #16325b 0%, white 100%); }

.profile .banner img { width: 100%; }

.profile .sales-info { display: flex; align-items: flex-end; margin-top: -80px; }

.profile .sales-info .profile-picture { margin-right: 30px; }

.profile .sales-info .profile-picture img { width: 200px; height: 200px; object-fit: cover; border-radius: 50%; border: solid 5px white; }

.profile .sales-info .name { color: #16325b; font-weight: bold; font-size: 22px; }

.profile .sales-info .name span { display: block; color: #6c757d; font-size: 16px; font-weight: normal; }

.profile .sales-info .location-logo { margin-right: 0; margin-left: auto; max-width: 250px; max-height: 50%; }

.profile .sales-info .location-logo img { max-height: 90px; width: 100%; object-fit: contain; }

.profile .about { margin: 25px 0; line-height: 2; }

.profile .about p { margin-bottom: 0; text-align: justify; }

.profile .about .contact-data { padding-right: 50px; }

.profile .about .contact-data .single-data { font-family: "Roboto"; display: flex; color: #6c757d; margin-bottom: 6px; }

.profile .about .contact-data .single-data:last-child { margin-bottom: 0; }

.profile .about .contact-data .single-data a { color: #6c757d; }

.profile .about .contact-data .single-data a:hover { color: #e29617; }

.profile .about .contact-data .single-data > i { font-size: 18px; margin-right: 12px; position: relative; top: 5px; }

.profile .about .contact-data .social-media-container { margin: 25px 0; }

.profile .about .contact-data .social-media-container a { height: 28px; width: 28px; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 15px; margin-right: 10px; color: white; }

.profile .about .contact-data .social-media-container a:hover { color: white; border: solid 1px #e29617; }

.profile .about .contact-data .social-media-container a.facebook { background: #5886ff; }

.profile .about .contact-data .social-media-container a.twitter { background: #00b2ef; }

.profile .about .contact-data .social-media-container a.youtube { background: #e60000; }

.profile .about .contact-data .social-media-container a.instagram { background: #fec564; background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }

.profile .about .contact-data .social-media-container a.whatsapp { background: #28a219; }

.profile .about .contact-data .social-media-container a.youtube { background: #ff0000; }

.profile .about .contact-data .social-media-container a.tiktok { background: black; }

.profile .contact-info { border-top: solid 1px #f0f6ff; background: white; }

.profile .contact-info .contact-heading { font-weight: bold; font-size: 22px; color: #16325b; padding-bottom: 20px; border-bottom: solid 1px #f0f6ff; margin-bottom: 20px; line-height: 1; }

.reasons-to-choose .single-reason { display: flex; margin-bottom: 20px; }

.reasons-to-choose .single-reason:last-child { margin-bottom: 0; }

.reasons-to-choose .single-reason .icon { flex: 0 1 85px; margin-right: 15px; }

.reasons-to-choose .single-reason .icon img { width: 100%; }

.reasons-to-choose .single-reason .text { flex: 1 0; }

.reasons-to-choose .single-reason .text h4 { font-weight: bold; color: #16325b; margin-bottom: 5px; font-size: 20px; }

footer.margin-sales { margin-bottom: 150px; }

footer .top-section { background-image: url(../images/footer-bg.jpg); background-color: #333; background-repeat: no-repeat; background-size: cover; color: white; }

footer .top-section .container { max-width: 1000px; }

footer .contact-row { padding: 50px 0 50px 0; }

footer .bottom-section { padding: 30px 0; background: white; }

footer .bottom-section img { width: 100%; max-width: 300px; }

footer .bottom-section .info-links { margin-left: auto; margin-right: 0; padding: 0 15px; text-align: center; }

footer .bottom-section .info-links a { font-size: 14px; color: #16325b; }

footer .bottom-section .info-links a:hover { color: #e29617; }

footer .bottom-section .logo { width: 33.33%; flex: 1 1 33%; }

footer .bottom-section .social { margin-left: auto; margin-right: 0; display: flex; justify-content: end; }

footer .bottom-section .social a { margin-right: 10px; height: 45px; width: 45px; display: flex; color: white; justify-content: center; align-items: center; background: #a9a9a9; border-radius: 50%; }

footer .bottom-section .social a:last-child { margin-right: 0; }

footer .bottom-section .social a:hover { background: #16325b; }

footer .bottom-section .menus { display: flex; align-items: center; margin-left: auto; margin-right: 0; justify-content: flex-end; flex-wrap: wrap; }

footer .bottom-section .menus a { padding: 10px 12px; color: #6c757d; }

footer .bottom-section .menus a:hover { color: #e29617; }

footer .bottom-section .bottom-logo-social { display: flex; }

footer .copyright-section { font-size: 10px; text-align: center; color: white; font-weight: "Roboto"; display: flex; font-family: "Roboto"; }

footer .copyright-section .block { background: #16325b; flex: 1 1 100%; margin: 0 3px; text-align: center; padding: 3px 15px; }

footer .copyright-section .block.text { background: #e29617; }

footer .copyright-section .block:first-child { margin-left: 0; }

footer .copyright-section .block:last-child { margin-right: 0; }

footer .copyright-section a { color: white; font-weight: bold; }

footer .copyright-section a:hover { color: #e29617; }

footer .col-title { font-size: 20px; margin-bottom: 10px; font-weight: bold; text-transform: capitalize; color: #e29617; }

footer .info-col { width: 100%; max-width: 300px; }

footer p { line-height: 2; }

footer .info, footer .project-location { margin-bottom: 15px; font-family: "Roboto"; font-size: 14px; }

footer .info a, footer .project-location a { display: block; color: white; }

footer .info a:hover, footer .project-location a:hover { color: #e29617; }

footer .project-location { margin-bottom: 5px; }

footer .sales-login { padding: 8px 15px; background: white; color: #e29617; border-radius: 5px; display: inline-flex; align-items: center; font-size: 14px; border: solid 2px white; }

footer .sales-login i { font-size: 18px; margin-right: 10px; }

footer .sales-login:hover { border-color: #e29617; }

.sales-dashboard .homepage-url { display: flex; align-items: center; }

.sales-dashboard .homepage-url .copy-button { cursor: pointer; margin-left: 15px; color: #e29617; font-size: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.sales-dashboard .homepage-url .copy-button:hover { color: #16325b; }

.sales-dashboard .inquiry-content .name { color: #16325b; font-weight: bold; font-size: 24px; margin-bottom: 10px; }

.sales-dashboard .inquiry-content .inquiry-info { display: flex; margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #ced2d7; }

.sales-dashboard .inquiry-content .inquiry-info .info { display: flex; align-items: center; color: #ced2d7; line-height: 1; margin-right: 20px; }

.sales-dashboard .inquiry-content .inquiry-info .info i { margin-right: 10px; }

.sales-dashboard .inquiry-content .inquiry-info .info:last-child { margin-right: 0; }

.sales-dashboard .inquiry-content .content { font-family: "Roboto"; line-height: 2; }

.sales-dashboard .inquiry-content .inquiry-data { font-family: "Roboto"; }

.sales-dashboard .inquiry-content .inquiry-data i { margin-right: 5px; }

.sales-dashboard .inquiry-content .inquiry-data a { color: #6c757d; }

.sales-dashboard .inquiry-content .inquiry-data a:hover { color: #e29617; }

.sales-dashboard .form-back-button, .sales-dashboard .form-delete-button { white-space: nowrap; background: transparent; padding: 10px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: bold; color: #e29617; }

.sales-dashboard .form-back-button i, .sales-dashboard .form-delete-button i { margin-right: 5px; }

.sales-dashboard .form-back-button:hover, .sales-dashboard .form-delete-button:hover { color: #16325b; }

.sales-dashboard .form-delete-button { color: #f40000; }

.sales-dashboard .top-menu { display: block; background: #16325b; margin: 0; display: flex; align-items: center; margin-bottom: 15px; }

.sales-dashboard .top-menu a { color: white; padding: 10px 20px 6px 20px; display: block; border-bottom: solid 4px transparent; }

.sales-dashboard .top-menu a:hover { background: #e29617; color: white; }

.sales-dashboard .top-menu a.active { border-bottom: solid 4px #e29617; }

.sales-dashboard .top-menu a i { margin-right: 5px; }

.sales-dashboard .top-menu li { list-style: none; }

.sales-dashboard h1 { color: #16325b; font-size: 28px; font-weight: bold; margin-bottom: 20px; line-height: 1.4; }

.sales-dashboard h3 { color: #16325b; font-size: 24px; font-weight: bold; line-height: 1.4; }

.sales-dashboard .search-field { position: relative; width: 350px; }

.sales-dashboard .search-field input { padding: 8px 20px; border-radius: 50px; border: solid 1px #dddddd; width: 100%; }

.sales-dashboard .search-field .search-button { position: absolute; height: 100%; display: flex; align-items: center; padding: 0 25px; border-radius: 0 50px 50px 0; background: #e29617; color: white; top: 0; right: 0; font-weight: bold; min-width: 100px; justify-content: center; }

.sales-dashboard .menu-list { background: #16325b; margin: 0; display: flex; align-items: center; }

.sales-dashboard .dashboard-container { margin-bottom: 30px; }

.sales-dashboard .dashboard-container.flex { display: flex; flex-wrap: wrap; }

.sales-dashboard .dashboard-container:last-child { margin-bottom: 0; }

.sales-dashboard .dashboard-container .heading { display: flex; align-items: center; margin-bottom: 20px; }

.sales-dashboard .dashboard-container .heading * { line-height: 1; margin-bottom: 0; }

.sales-dashboard .dashboard-container .heading a { color: #16325b; font-size: 24px; padding-left: 10px; }

.sales-dashboard .dashboard-container .heading a:hover { color: #e29617; }

.sales-dashboard .dashboard-container .heading .edit-button { margin-right: 0; margin-left: auto; border-radius: 50px; border: solid 2px #e29617; background: white; color: #e29617; padding: 8px 15px; font-size: 14px; }

.sales-dashboard .dashboard-container .heading .edit-button:after { content: none; }

.sales-dashboard .dashboard-container .heading .edit-button:hover { background: #e29617; color: white; }

.sales-dashboard .dashboard-container .contact-counter { background: #e29617; color: white; display: flex; padding: 15px; }

.sales-dashboard .dashboard-container .contact-counter .single-counter { text-align: center; flex: 1 1 100%; border-right: solid 1px white; }

.sales-dashboard .dashboard-container .contact-counter .single-counter:last-child { border-right: 0; }

.sales-dashboard .dashboard-container .contact-counter .single-counter .content { font-size: 40px; color: white; font-weight: bold; letter-spacing: 2px; }

.sales-dashboard .dashboard-container .contact-counter .single-counter label { text-transform: uppercase; }

.sales-dashboard .dashboard-container .notif-box a { display: block; padding: 15px 30px; border: solid 2px #e29617; background: #e29617; text-align: center; }

.sales-dashboard .dashboard-container .notif-box a .content { font-size: 40px; color: white; font-weight: bold; letter-spacing: 2px; }

.sales-dashboard .dashboard-container .notif-box a label { color: white; text-transform: uppercase; }

.sales-dashboard .dashboard-container .notif-box a:hover { border: solid 2px #16325b; }

.sales-dashboard .dashboard-container .dashboard-table { width: 100%; }

.sales-dashboard .page-content { background: #fafdff; padding: 15px; }

.sales-dashboard .page-content .page-content-container { width: 100%; margin: 0 auto; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; }

.sales-dashboard .page-content .page-content-container.full { max-width: 100%; }

.sales-dashboard .page-content .page-content-container .content-box { background: white; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.03); padding: 50px; }

.sales-dashboard .action-bar { display: flex; }

.sales-dashboard .action-bar.margin { margin-bottom: 30px; }

.sales-dashboard .action-bar .left { margin-left: 0; margin-right: auto; }

.sales-dashboard .action-bar .right { margin-left: auto; margin-right: 0; }

#featured-units_wrapper { padding-top: 30px; }

#featured-units_wrapper.dataTables_wrapper .dataTables_filter { float: left; }

#featured-units_wrapper.dataTables_wrapper .dataTables_filter label { font-weight: bold; color: #e29617; display: none; }

#featured-units_wrapper.dataTables_wrapper .dataTables_filter input { border-radius: 5px; border: solid 1px #ddd; padding: 5px 15px; box-shadow: none; color: #6c757d; display: none; }

#featured-units_wrapper a { color: #e29617; }

#featured-units_wrapper a:hover { color: #16325b; }

#featured-units_wrapper .main-button { border-radius: 50px; border: solid 2px #e29617; background: white; color: #e29617; font-weight: bold; padding: 5px 15px; font-size: 14px; }

#featured-units_wrapper .main-button:after { content: none; }

#featured-units_wrapper .main-button:hover { background: #e29617; color: white; }

.responsive-table { overflow-x: auto; }

table#featured-units, .dashboard-table { border-bottom: 0; }

table#featured-units thead, .dashboard-table thead { font-size: 16px; color: #16325b; font-weight: bold; }

table#featured-units thead th, .dashboard-table thead th { padding-left: 0; border-bottom: solid 1px #f9f9f9; padding: 10px 18px 10px 0; }

table#featured-units tbody, .dashboard-table tbody { font-size: 15px; }

table#featured-units tbody a, .dashboard-table tbody a { color: #e29617; }

table#featured-units tbody a:hover, .dashboard-table tbody a:hover { color: #16325b; }

table#featured-units tbody .indicator, .dashboard-table tbody .indicator { height: 10px; width: 10px; border-radius: 50%; background: #d3d3d3; display: inline-block; margin-right: 10px; }

table#featured-units tbody .preview-image, .dashboard-table tbody .preview-image { width: 40px; height: 40px; object-fit: cover; object-position: center; border-radius: 50%; margin-right: 15px; }

table#featured-units tbody tr.highlight, .dashboard-table tbody tr.highlight { font-weight: bold; }

table#featured-units tbody tr.highlight .indicator, .dashboard-table tbody tr.highlight .indicator { background: #f40000; }

table#featured-units tbody tr td, .dashboard-table tbody tr td { border-bottom: solid 1px #f9f9f9; padding: 10px 15px 10px 0; }

table#featured-units tbody input, .dashboard-table tbody input { text-align: center; }

table#featured-units tbody input[sort-input], .dashboard-table tbody input[sort-input] { width: 75px; }

.agents-slider { margin-bottom: 50px; }

.agents-slider .item { text-align: center; }

.agents-slider .item a:hover .name { color: #e29617; }

.agents-slider .item .agent-image { width: 100%; max-width: 150px; margin: 0 auto; border-radius: 50%; border: solid 1px #e29617; margin-bottom: 10px; }

.agents-slider .item .agent-image img { width: 100%; border-radius: 50%; border: solid 7px white; height: 150px; object-fit: cover; }

.agents-slider .item .name { color: #16325b; font-weight: bold; font-size: 20px; transition: all 0.3s; line-height: 1.3; margin-bottom: 5px; }

.agents-slider .item .contact { font-size: 14px; font-family: "Roboto"; color: #333333; }

.agents-slider .item .contact a { color: #333333; }

.agents-slider .item .contact a:hover { color: #e29617; }

.achievement-count { background: #fafdff; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 50px 0; margin: 50px 0; }

.achievement-count .count { display: flex; }

.achievement-count .count .single-count { flex: 0 0 20%; text-align: center; }

.achievement-count .count .single-count .number { color: #16325b; font-weight: bold; font-size: 40px; margin-bottom: 15px; line-height: 1; }

.achievement-count .count .single-count .title { color: #6c757d; font-size: 16px; }

.about-banner { margin-bottom: 60px; width: 100%; }

.about-banner-text { padding: 100px 0; color: white; background-size: cover; background-position: center; position: relative; }

.about-banner-text .overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(22, 38, 61, 0.45); }

.about-banner-text .text-container { position: relative; z-index: 2; }

.about-map { width: 100%; max-width: 800px; margin: 0 auto; margin-bottom: 50px; position: relative; }

.about-map img { max-width: 100%; }

.about-map .marker { position: absolute; transform: translate(-50%, -100%); width: 4%; }

.about-vision { background: #fafdff; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 80px 0; }

.about-vision .image img { width: 100%; }

.mission-container { display: flex; align-items: center; }

.mission-container .image { flex: 0 0 50%; }

.mission-container .image img { width: 100%; }

.mission-container .text { padding: 30px 50px 30px 90px; }

.about-timeline { margin-top: 50px; padding-bottom: 100px; }

.about-timeline .circle-nav .arrow.arrow-left { left: 15px; }

.about-timeline .circle-nav .arrow.arrow-right { right: 15px; }

.about-timeline .item .title { color: #16325b; font-weight: bold; font-size: 20px; margin-bottom: 10px; }

.about-timeline .item ul { line-height: 2; }

.about-timeline .item ul li { list-style: disc; }

.about-timeline .year { display: flex; align-items: center; margin-bottom: 10px; position: relative; }

.about-timeline .year .dot { border: solid 1px #e29617; height: 20px; width: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: -35px; }

.about-timeline .year .dot .inner { border-radius: 50%; height: 10px; width: 10px; background: #e29617; }

.about-timeline .year .number { font-size: 26px; font-weight: bold; color: #e29617; display: flex; padding-right: 30px; }

.about-timeline .year .line { height: 1px; background: #d1d1d1; flex: 1 1 100%; }

.disclaimer .section { padding: 35px 0px; }

.disclaimer .section p, .disclaimer .section ul { font-family: Roboto; }

.disclaimer .section p:last-child, .disclaimer .section ul:last-child { margin-bottom: 0; }

.section { padding: 50px 0; }

.section.overflow-hidden { overflow-x: hidden; }

.section.p-0 { padding-top: 0; }

.section.pt-0 { padding-top: 0; }

.section.pb-0 { padding-bottom: 0; }

.section.home-first-section { margin-top: 34px; }

.section.bg-light-blue { background: #eaf0f9; }

.section.bg-light-blue h5, .section.bg-light-blue h2, .section.bg-light-blue h3, .section.bg-light-blue p { color: #16325b; }

.section.bg-grey { background: #EFEFEF; }

.section.bg-grey h5, .section.bg-grey h2, .section.bg-grey h3, .section.bg-grey p { color: #16325b; }

.section h5 { font-family: "Roboto"; color: #e29617; text-transform: uppercase; margin-bottom: 18px; font-size: 16px; }

.section h1, .section h2 { color: #16325b; font-size: 30px; font-weight: bold; margin-bottom: 15px; line-height: 1.4; }

.section h3 { color: #e29617; font-size: 24px; font-weight: bold; margin-bottom: 20px; line-height: 1.4; }

.section p { font-size: 16px; font-family: "Roboto"; line-height: 2; }

.section .heading { text-align: center; margin-bottom: 50px; }

.section .heading.padding-top { padding-top: 25px; }

.section .heading p { width: 100%; max-width: 950px; margin: 0 auto; }

.section .heading h2.not-full-width, .section .heading h3.not-full-width { width: 100%; max-width: 800px; margin: 0 auto; }

.popular-properties { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 22px; margin-bottom: 50px; }

.popular-properties.alt { grid-template-columns: 1fr 1fr 1fr; }

.popular-properties.alt.smaller { grid-template-columns: 1fr 1fr; }

.slide-properties .splide__arrows .splide__arrow { width: 50px; height: 50px; background-color: #e29617; opacity: 1; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.6); cursor: pointer; }

.slide-properties .splide__arrows .splide__arrow.splide__arrow--prev { left: -25px; }

.slide-properties .splide__arrows .splide__arrow.splide__arrow--next { right: -25px; }

.slide-properties .splide__arrows .splide__arrow:hover { background-color: white; }

.slide-properties .splide__arrows .splide__arrow:hover svg { fill: #e29617; }

.slide-properties .splide__arrows .splide__arrow svg { fill: white; height: 12px; width: 12px; }

.slide-properties .splide__arrows .splide__arrow:disabled { display: none; }

.popular-properties .single-property-alt, .slide-properties .single-property-alt { position: relative; min-width: 0; border-radius: 10px; box-shadow: 0px 0px 3px #eaf0f9; }

.popular-properties .single-property-alt.sold, .slide-properties .single-property-alt.sold { filter: grayscale(1); }

.popular-properties .single-property-alt.sold .property-image:after, .slide-properties .single-property-alt.sold .property-image:after { content: none; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-20deg); font-size: 44px; text-transform: uppercase; /* background: white; */ padding: 3px 50px; letter-spacing: 0px; border-radius: 5px; color: white; font-family: 'Lato'; width: 100%; text-align: center; }

.popular-properties .single-property-alt a, .slide-properties .single-property-alt a { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 10px; }

.popular-properties .single-property-alt a:hover .property-image img, .slide-properties .single-property-alt a:hover .property-image img { filter: blur(3px); }

.popular-properties .single-property-alt a:hover .property-image .view-button, .slide-properties .single-property-alt a:hover .property-image .view-button { opacity: 1; }

.popular-properties .single-property-alt a:hover .ask-for-price, .slide-properties .single-property-alt a:hover .ask-for-price { color: white; background: #e29617; }

.popular-properties .single-property-alt .ask-for-price, .slide-properties .single-property-alt .ask-for-price { text-align: center; display: inline-block; padding: 12px 20px; border: solid 1px #e29617; border-radius: 5px; font-size: 16px; font-weight: normal; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.popular-properties .single-property-alt .property-image, .slide-properties .single-property-alt .property-image { position: relative; flex: 0 0 200px; overflow: hidden; }

.popular-properties .single-property-alt .property-image img, .slide-properties .single-property-alt .property-image img { border-radius: 5px 5px 0 0; overflow: hidden; width: 100%; height: 200px; filter: blur(0px); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; object-fit: cover; }

.popular-properties .single-property-alt .property-image .unit-category, .slide-properties .single-property-alt .property-image .unit-category { position: absolute; top: 20px; left: 20px; padding: 7px 16px; border: solid 1px white; border-radius: 50px; color: white; font-size: 13px; line-height: 1; background: rgba(0, 0, 0, 0.3); }

.popular-properties .single-property-alt .property-image .view-button, .slide-properties .single-property-alt .property-image .view-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; line-height: 1; padding: 12px 30px; color: white; background: #e29617; border-radius: 5px; font-family: "Roboto"; opacity: 0; z-index: 2; }

.popular-properties .single-property-alt .promo-badge, .slide-properties .single-property-alt .promo-badge { position: absolute; top: 10px; right: -7px; z-index: 2; }

.popular-properties .single-property-alt .promo-badge.alt, .slide-properties .single-property-alt .promo-badge.alt { top: -6px; }

.popular-properties .single-property-alt .promo-badge img, .slide-properties .single-property-alt .promo-badge img { max-width: 110px; display: inline-block; }

.popular-properties .single-property-alt .price-info, .slide-properties .single-property-alt .price-info { padding: 15px 24px; background: #fffaf1; }

.popular-properties .single-property-alt .price-info .text-center, .slide-properties .single-property-alt .price-info .text-center { margin: 0 auto; }

.popular-properties .single-property-alt .price-info .price, .slide-properties .single-property-alt .price-info .price { font-weight: bold; font-size: 22px; color: #e29617; display: flex; align-items: center; line-height: 1; justify-content: space-between; }

.popular-properties .single-property-alt .price-info .price.no-mb, .slide-properties .single-property-alt .price-info .price.no-mb { margin-bottom: 0; }

.popular-properties .single-property-alt .price-info .price span, .slide-properties .single-property-alt .price-info .price span { font-family: "Roboto"; color: #6c757d; display: block; font-size: 12px; font-weight: normal; margin-right: 10px; }

.popular-properties .single-property-alt .information, .slide-properties .single-property-alt .information { padding: 15px 24px; background: #eaf0f9; flex: 1 1 100%; }

.popular-properties .single-property-alt .information .unit-type, .slide-properties .single-property-alt .information .unit-type { position: absolute; right: 20px; bottom: 20px; color: #6c757d; display: flex; font-size: 14px; align-items: center; }

.popular-properties .single-property-alt .information .unit-type .icon, .slide-properties .single-property-alt .information .unit-type .icon { margin-right: 5px; }

.popular-properties .single-property-alt .information .location, .slide-properties .single-property-alt .information .location { font-size: 12px; color: #97a6b2; display: flex; font-family: "Roboto"; padding: 0 0 10px; }

.popular-properties .single-property-alt .information .location .icon, .slide-properties .single-property-alt .information .location .icon { margin-right: 8px; }

.popular-properties .single-property-alt .information .property-name, .slide-properties .single-property-alt .information .property-name { font-weight: bold; color: #6c757d; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.popular-properties .single-property-alt .information .property-name.with-margin, .slide-properties .single-property-alt .information .property-name.with-margin { margin-bottom: 10px; }

.popular-properties .single-property-alt .information .info-bar, .slide-properties .single-property-alt .information .info-bar { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.popular-properties .single-property-alt .information .info-bar.top, .slide-properties .single-property-alt .information .info-bar.top { margin-top: auto; }

.popular-properties .single-property-alt .information .info-bar.bottom, .slide-properties .single-property-alt .information .info-bar.bottom { margin-bottom: auto; }

.popular-properties .single-property-alt .information .info-bar .single-info, .slide-properties .single-property-alt .information .info-bar .single-info { display: flex; font-size: 13px; color: #6c757d; white-space: nowrap; align-items: center; padding-right: 12px; margin-top: 5px; min-width: 90px; flex: 1 1 33.33%; }

.popular-properties .single-property-alt .information .info-bar .single-info .icon, .slide-properties .single-property-alt .information .info-bar .single-info .icon { margin-right: 8px; }

.popular-properties .single-property-alt .information .info-bar .single-info sup, .slide-properties .single-property-alt .information .info-bar .single-info sup { top: -0.3em; }

.popular-properties .single-property-alt .information .info-bar .single-info:last-child, .slide-properties .single-property-alt .information .info-bar .single-info:last-child { margin-right: 0; }

.popular-properties .single-property-alt .information .info-bar .area, .slide-properties .single-property-alt .information .info-bar .area { margin-left: 0; margin-right: auto; display: flex; }

.popular-properties .single-property-alt .information .info-bar .additional-information, .slide-properties .single-property-alt .information .info-bar .additional-information { display: flex; }

.popular-properties .single-property-alt .information .info-bar .additional-information .single-info, .slide-properties .single-property-alt .information .info-bar .additional-information .single-info { margin-left: 10px; }

.popular-properties .single-property-alt .project-info, .slide-properties .single-property-alt .project-info { display: flex; align-items: center; }

.popular-properties .single-property-alt .project-info .project-name, .slide-properties .single-property-alt .project-info .project-name { font-size: 15px; color: #e29617; font-weight: bold; font-family: Roboto; }

.popular-properties .single-property-alt .project-info .property-name, .slide-properties .single-property-alt .project-info .property-name { margin-bottom: 0; }

.popular-properties .single-property-alt .project-info .location, .slide-properties .single-property-alt .project-info .location { margin-left: auto; margin-right: 0; padding: 0; }

.popular-properties .single-property, .slide-properties .single-property { border-radius: 5px; position: relative; }

.popular-properties .single-property .property-image img, .slide-properties .single-property .property-image img { width: 100%; height: 280px; object-fit: cover; }

.popular-properties .single-property:hover .information.basic-information, .slide-properties .single-property:hover .information.basic-information { opacity: 0; }

.popular-properties .single-property:hover .information.hover-information, .slide-properties .single-property:hover .information.hover-information { opacity: 1; }

.popular-properties .single-property:hover .information.hover-information:after, .popular-properties .single-property:hover .information.hover-information:before, .slide-properties .single-property:hover .information.hover-information:after, .slide-properties .single-property:hover .information.hover-information:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.popular-properties .single-property .promo-badge, .slide-properties .single-property .promo-badge { position: absolute; top: 10px; right: -7px; z-index: 2; }

.popular-properties .single-property .promo-badge.alt, .slide-properties .single-property .promo-badge.alt { top: -6px; }

.popular-properties .single-property .promo-badge img, .slide-properties .single-property .promo-badge img { max-width: 110px; display: inline-block; }

.popular-properties .single-property .information, .slide-properties .single-property .information { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; padding: 20px; z-index: 1; line-height: 1; display: flex; flex-direction: column; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.popular-properties .single-property .information .unit-type, .slide-properties .single-property .information .unit-type { position: absolute; right: 20px; bottom: 20px; color: white; display: flex; font-size: 14px; align-items: center; }

.popular-properties .single-property .information .unit-type .icon, .slide-properties .single-property .information .unit-type .icon { margin-right: 5px; }

.popular-properties .single-property .information .location, .slide-properties .single-property .information .location { font-size: 12px; color: white; display: flex; font-family: "Roboto"; }

.popular-properties .single-property .information .location .icon, .slide-properties .single-property .information .location .icon { margin-right: 12px; }

.popular-properties .single-property .information .property-name, .slide-properties .single-property .information .property-name { font-weight: bold; color: white; font-size: 22px; margin-bottom: 15px; }

.popular-properties .single-property .information .price, .slide-properties .single-property .information .price { font-weight: bold; font-size: 17px; color: white; margin-bottom: 20px; }

.popular-properties .single-property .information .price.no-mb, .slide-properties .single-property .information .price.no-mb { margin-bottom: 0; }

.popular-properties .single-property .information .price span, .slide-properties .single-property .information .price span { display: block; font-size: 10px; margin-bottom: 8px; font-weight: normal; }

.popular-properties .single-property .information .info-bar, .slide-properties .single-property .information .info-bar { display: flex; justify-content: space-between; flex-wrap: wrap; }

.popular-properties .single-property .information .info-bar.top, .slide-properties .single-property .information .info-bar.top { margin-top: auto; }

.popular-properties .single-property .information .info-bar.bottom, .slide-properties .single-property .information .info-bar.bottom { margin-bottom: auto; }

.popular-properties .single-property .information .info-bar .single-info, .slide-properties .single-property .information .info-bar .single-info { display: flex; font-size: 14px; color: white; white-space: nowrap; align-items: center; margin-right: 10px; margin-top: 5px; }

.popular-properties .single-property .information .info-bar .single-info .icon, .slide-properties .single-property .information .info-bar .single-info .icon { margin-right: 8px; }

.popular-properties .single-property .information .info-bar .single-info sup, .slide-properties .single-property .information .info-bar .single-info sup { top: -0.3em; }

.popular-properties .single-property .information .info-bar .single-info:last-child, .slide-properties .single-property .information .info-bar .single-info:last-child { margin-right: 0; }

.popular-properties .single-property .information .info-bar .area, .slide-properties .single-property .information .info-bar .area { margin-left: 0; margin-right: auto; display: flex; }

.popular-properties .single-property .information .info-bar .additional-information, .slide-properties .single-property .information .info-bar .additional-information { display: flex; }

.popular-properties .single-property .information .info-bar .additional-information .single-info, .slide-properties .single-property .information .info-bar .additional-information .single-info { margin-left: 10px; }

.popular-properties .single-property .information.basic-information, .slide-properties .single-property .information.basic-information { justify-content: flex-end; }

.popular-properties .single-property .information.basic-information .location, .slide-properties .single-property .information.basic-information .location { position: absolute; top: 20px; left: 20px; }

.popular-properties .single-property .information.basic-information .info-bar .additional-information, .slide-properties .single-property .information.basic-information .info-bar .additional-information { margin-right: 0; margin-left: auto; }

.popular-properties .single-property .information.hover-information, .slide-properties .single-property .information.hover-information { background: rgba(22, 50, 91, 0.6); padding: 38px; opacity: 0; }

.popular-properties .single-property .information.hover-information .property-name, .slide-properties .single-property .information.hover-information .property-name { font-weight: bold; }

.popular-properties .single-property .information.hover-information .location, .slide-properties .single-property .information.hover-information .location { margin-bottom: 15px; }

.popular-properties .single-property .information.hover-information .info-bar, .slide-properties .single-property .information.hover-information .info-bar { margin-bottom: 15px; }

.popular-properties .single-property .information.hover-information .info-bar .additional-information .single-info:first-child, .slide-properties .single-property .information.hover-information .info-bar .additional-information .single-info:first-child { margin-left: 0; }

.popular-properties .single-property .information.hover-information .price, .slide-properties .single-property .information.hover-information .price { margin-top: auto; margin-bottom: 0; font-size: 20px; display: flex; align-items: end; }

.popular-properties .single-property .information.hover-information .price .view-button, .slide-properties .single-property .information.hover-information .price .view-button { padding: 10px 22px; display: flex; align-items: center; justify-content: center; background: white; font-weight: normal; border-radius: 5px; color: white; background: #e29617; border: solid 1px white; margin-left: auto; font-size: 16px; }

.popular-properties .single-property .information.hover-information:before, .slide-properties .single-property .information.hover-information:before { content: ""; position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; }

.popular-properties .single-property .information.hover-information:before, .slide-properties .single-property .information.hover-information:before { left: 15px; top: 15px; border-right: solid 1px white; border-bottom: solid 1px white; border-top: solid 1px white; border-left: solid 1px white; }

.property-search-box { background: #fafdff; padding: 100px 0; display: flex; align-items: center; min-height: 70vh; background-repeat: no-repeat; background-size: cover; }

.property-search-box .filter-box-container { position: unset; }

.news-index .news-index-nav { justify-content: center; margin-bottom: 30px; }

.news-index .news-index-nav button, .news-index .news-index-nav a { cursor: pointer; background: transparent; color: #16325b; font-weight: bold; font-size: 20px; transition: all 0.3s; }

.news-index .news-index-nav button.active, .news-index .news-index-nav a.active { color: #e29617; }

.news-index .news-index-nav button:hover, .news-index .news-index-nav a:hover { color: #6c757d; }

.news-index .news-card { margin-bottom: 30px; }

.projects { margin-bottom: 50px; }

.projects .project-nav { justify-content: center; flex-wrap: nowrap; margin: 0 -10px; margin-bottom: 30px; padding-bottom: 30px; position: relative; }

.projects .project-nav:after { content: ""; position: absolute; bottom: 0; left: 10px; width: calc(100% - 20px); border-bottom: solid 1px #efefef; }

.projects .project-nav button, .projects .project-nav a { cursor: pointer; background: transparent; color: white; font-weight: bold; font-size: 20px; transition: all 0.3s; width: 100%; text-align: center; border-radius: 5px; padding: 10px 15px; height: 100px; background-size: cover; position: relative; overflow: hidden; display: flex; align-items: center; }

.projects .project-nav button .overlay, .projects .project-nav a .overlay { position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.projects .project-nav button .content, .projects .project-nav a .content { position: relative; z-index: 1; display: flex; max-width: 230px; margin: 0 auto; align-items: center; flex: 1 1; }

.projects .project-nav button .content .icon, .projects .project-nav a .content .icon { margin-right: 15px; }

.projects .project-nav button .content .button-text, .projects .project-nav a .content .button-text { flex: 1 1 100%; text-align: center; }

.projects .project-nav button.active .overlay, .projects .project-nav a.active .overlay { background: rgba(0, 0, 0, 0.7); }

.projects .project-nav button:hover .overlay, .projects .project-nav a:hover .overlay { background: rgba(226, 150, 23, 0.5); }

.projects .project-nav li { flex: 1 1 100%; padding: 0 10px; }

.projects .projects-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }

.projects .projects-grid .single-project { position: relative; box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; }

.projects .projects-grid .single-project img { width: 100%; }

.projects .projects-grid .single-project .project-image { border-radius: 5px; overflow: hidden; }

.projects .projects-grid .single-project .promo-badge { position: absolute; top: -6px; right: 20px; z-index: 2; }

.projects .projects-grid .single-project .promo-badge img { max-width: 55px; display: inline-block; }

.projects .projects-grid .single-project:hover .info-container.basic-information { opacity: 0; }

.projects .projects-grid .single-project:hover .info-container.hover-info { opacity: 1; }

.projects .projects-grid .single-project:hover .info-container.hover-info:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.projects .projects-grid .info-container { position: absolute; bottom: 0; left: 0; padding: 30px; background: white; width: 100%; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.projects .projects-grid .info-container .name { color: #16325b; font-weight: bold; margin-bottom: 12px; font-size: 20px; line-height: 1; }

.projects .projects-grid .info-container .location, .projects .projects-grid .info-container .area { font-size: 14px; color: #333333; display: flex; font-family: "Roboto"; }

.projects .projects-grid .info-container .location .icon, .projects .projects-grid .info-container .area .icon { margin-right: 12px; }

.projects .projects-grid .info-container .area { font-size: 16px; }

.projects .projects-grid .info-container .area sup { top: 0.5em; }

.projects .projects-grid .info-container .price { font-weight: bold; font-size: 20px; color: #e29617; margin-top: 12px; line-height: 1; }

.projects .projects-grid .info-container .price span { color: #333333; display: block; font-size: 12px; margin-bottom: 5px; font-weight: normal; }

.projects .projects-grid .info-container.basic-information { border-radius: 0 0 5px 5px; }

.projects .projects-grid .info-container.basic-information .area { margin-left: auto; }

.projects .projects-grid .info-container.hover-info { border-radius: 5px; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(22, 50, 91, 0.6); }

.projects .projects-grid .info-container.hover-info .name, .projects .projects-grid .info-container.hover-info .price, .projects .projects-grid .info-container.hover-info .area, .projects .projects-grid .info-container.hover-info .location { color: white; }

.projects .projects-grid .info-container.hover-info .name span, .projects .projects-grid .info-container.hover-info .price span, .projects .projects-grid .info-container.hover-info .area span, .projects .projects-grid .info-container.hover-info .location span { color: white; }

.projects .projects-grid .info-container.hover-info .location, .projects .projects-grid .info-container.hover-info .area { line-height: 1; margin-bottom: 15px; }

.projects .projects-grid .info-container.hover-info .price { text-align: center; font-size: 24px; line-height: 1.3; margin-bottom: 20px; }

.projects .projects-grid .info-container.hover-info .view-button { margin: 0 auto; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 50%; color: #e29617; margin-left: auto; font-size: 16px; }

.projects .projects-grid .info-container.hover-info:before { content: ""; position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; left: 15px; top: 15px; border-right: solid 1px white; border-bottom: solid 1px white; border-top: solid 1px white; border-left: solid 1px white; }

.tour-360 { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

.tour-360 iframe { position: absolute; top: 0; left: 50%; width: calc(100% - 30px); height: 90%; transform: translateX(-50%); }

.search-result { margin-bottom: 50px; display: flex; align-items: center; }

.search-result .count { display: flex; font-size: 20px; font-weight: bold; flex: 1 1; }

.search-result .count .icon { flex: 0 0 40px; }

.search-result .count .icon img { width: 30px; }

.search-result .filter { margin-left: auto; margin-right: 0; position: relative; }

.search-result .filter select { -webkit-appearance: none; padding: 10px 15px 10px 60px; border: solid 1px #f2f2f2; color: #6c757d; }

.search-result .filter .icon { pointer-events: none; position: absolute; left: 10px; color: #6c757d; border-right: solid 1px #f2f2f2; padding-right: 7px; top: 50%; transform: translateY(-50%); }

.notif-contact { padding: 15px; margin-bottom: 30px; background: #e29617; border-radius: 5px; text-align: center; color: white; font-size: 18px; }

.notif-contact.failed { background: #ff5454; }

.contact-us-form { box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.06); display: flex; }

.contact-us-form .form-col { flex: 0 0 60%; background: white; padding: 100px 80px; }

.contact-us-form .contact-col { flex: 0 0 40%; background-size: cover; background-position: center; padding: 100px 50px; }

.contact-us-form .contact-col .single-contact, .contact-us-form .sales-contact-col .single-contact { font-family: "Roboto"; display: flex; color: white; margin-bottom: 30px; }

.contact-us-form .contact-col .single-contact a, .contact-us-form .sales-contact-col .single-contact a { color: white; }

.contact-us-form .contact-col .single-contact a:hover, .contact-us-form .sales-contact-col .single-contact a:hover { color: #e29617; }

.contact-us-form .contact-col .single-contact > i, .contact-us-form .sales-contact-col .single-contact > i { padding-top: 5px; flex: 0 0 30px; font-size: 16px; }

.contact-us-form .contact-col .single-contact:last-child, .contact-us-form .sales-contact-col .single-contact:last-child { margin-bottom: 0; }

.contact-us-form .contact-col .single-contact .social-media-container, .contact-us-form .sales-contact-col .single-contact .social-media-container { margin-top: 10px; }

.contact-us-form .contact-col .single-contact .social-media-container a, .contact-us-form .sales-contact-col .single-contact .social-media-container a { height: 28px; width: 28px; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 15px; margin-right: 10px; }

.contact-us-form .contact-col .single-contact .social-media-container a:hover, .contact-us-form .sales-contact-col .single-contact .social-media-container a:hover { color: white; border: solid 1px white; }

.contact-us-form .contact-col .single-contact .social-media-container a.facebook, .contact-us-form .sales-contact-col .single-contact .social-media-container a.facebook { background: #5886ff; }

.contact-us-form .contact-col .single-contact .social-media-container a.twitter, .contact-us-form .sales-contact-col .single-contact .social-media-container a.twitter { background: #00b2ef; }

.contact-us-form .contact-col .single-contact .social-media-container a.youtube, .contact-us-form .sales-contact-col .single-contact .social-media-container a.youtube { background: #e60000; }

.contact-us-form .contact-col .single-contact .social-media-container a.instagram, .contact-us-form .sales-contact-col .single-contact .social-media-container a.instagram { background: #fec564; background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); }

.contact-us-form .contact-col .single-contact .social-media-container a.whatsapp, .contact-us-form .sales-contact-col .single-contact .social-media-container a.whatsapp { background: #28a219; }

.contact-us-form .contact-col .single-contact .social-media-container a.youtube, .contact-us-form .sales-contact-col .single-contact .social-media-container a.youtube { background: #ff0000; }

.contact-us-form .contact-col .single-contact .social-media-container a.tiktok, .contact-us-form .sales-contact-col .single-contact .social-media-container a.tiktok { background: black; }

.contact-us-form .sales-contact-col { background: #f9fdff; }

.contact-us-form .sales-contact-col .banner img { width: 100%; min-height: 170px; object-fit: cover; }

.contact-us-form .sales-contact-col .single-contact { margin-bottom: 10px; color: #6c757d; }

.contact-us-form .sales-contact-col .single-contact a { color: #6c757d; }

.contact-us-form .sales-contact-col .single-contact .social-media-container { margin: 25px 0; }

.contact-us-form .sales-contact-col .single-contact .social-media-container a { color: white; }

.contact-us-form .sales-contact-col .sales-info { margin-top: -75px; padding: 0 50px; }

.contact-us-form .sales-contact-col .profile-picture { margin-bottom: 15px; }

.contact-us-form .sales-contact-col .profile-picture img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; border: solid 5px white; }

.contact-us-form .sales-contact-col .sales-name { color: #16325b; font-weight: bold; font-size: 22px; margin-bottom: 10px; }

.contact-us-form .sales-contact-col .sales-name span { display: block; color: #6c757d; font-size: 16px; font-weight: normal; }

.static-banner { position: relative; }

.static-banner img { width: 100%; max-height: 70vh; object-fit: cover; }

.static-banner .text { position: absolute; width: 100%; padding: 0 15px; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-weight: bold; color: white; font-size: 46px; line-height: 1.4; }

.static-banner.with-background { background-size: cover; background-repeat: no-repeat; background-position: center; }

hr { margin: 0; }

.pagination { text-align: center; justify-content: center; }

.pagination .separator { display: flex; align-items: center; width: 30px; justify-content: center; color: #6c757d; }

.pagination li { margin-right: 5px; }

.pagination li:last-child { margin-right: 0; }

.pagination li.active a { background: #e29617; color: white; }

.pagination a { color: #e29617; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: solid 1px #e29617; }

.pagination a:hover { background: #e29617; color: white; }

.news-detail .news-date { display: flex; align-items: center; color: #6c757d; line-height: 1; justify-content: center; margin-top: 30px; }

.news-detail .news-date i { margin-right: 10px; }

.news-detail .news-detail-banner img { width: 100%; }

.news-detail .news-text-content { display: flex; padding: 50px 0; }

.news-detail .news-text-content .share-column { padding-right: 15px; flex: 0 0 80px; }

.news-detail .news-text-content .share-column .sticky-container { position: -webkit-sticky; position: sticky; top: 100px; }

.news-detail .news-text-content .share-column .sticky-container .column-title { color: #e29617; margin-bottom: 15px; font-size: 18px; }

.news-detail .news-text-content .text-column { flex: 1 1 100%; }

.news-detail .news-text-content .text-column p, .news-detail .news-text-content .text-column ul, .news-detail .news-text-content .text-column li { color: #6c757d; line-height: 2; }

.news-detail .news-text-content .text-column p:last-child, .news-detail .news-text-content .text-column ul:last-child, .news-detail .news-text-content .text-column li:last-child { margin-bottom: 0; }

.news-detail .news-additional-images { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.news-detail .news-additional-images .single-image { display: flex; align-items: stretch; }

.news-detail .news-additional-images .single-image img { width: 100%; height: 100%; object-fit: cover; }

.featured-news-slide .item { padding: 50px 80px; }

.featured-news-slide .item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(37, 60, 92, 0.4); }

.featured-news-slide .item img { width: 100%; }

.featured-news-slide .item .content-container { transform: scale(1); transition: all 0.3s; }

.featured-news-slide .item.is-active.is-visible .content-container { transform: scale(1.12); }

.featured-news-slide .item .content-container { position: relative; }

.featured-news-slide .item .text-container { width: 100%; color: white; position: absolute; bottom: 0; text-align: center; padding: 0 15px 25px 15px; margin: 0 auto; max-width: 800px; left: 50%; transform: translateX(-50%); }

.featured-news-slide .item .text-container .title { line-height: 1.4; font-weight: bold; font-size: 24px; margin-bottom: 10px; }

.featured-news-slide .item .text-container p { font-family: "Roboto"; font-size: 14px; font-weight: 200; }

.featured-news-slide .item .date { border-radius: 5px; position: absolute; line-height: 1.3; top: 20px; left: 20px; padding: 10px 15px; font-size: 24px; color: white; text-align: center; background: #e29617; }

.featured-news-slide .item .date span { display: block; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-family: "Roboto"; }

.project-detail { padding-top: 30px; align-items: center; background: white; }

.project-detail .project-name { color: #16325b; font-weight: bold; font-size: 34px; line-height: 1; margin-bottom: 17px; }

.project-detail .project-address { color: #6c757d; display: flex; }

.project-detail .project-address i { margin-top: 6px; margin-right: 10px; }

.project-detail .price-detail { margin-left: auto; margin-right: 0; font-weight: bold; font-size: 36px; color: #16325b; line-height: 1; white-space: nowrap; }

.project-detail .price-detail span { line-height: 1; margin-bottom: 12px; display: block; font-weight: normal; font-size: 14px; color: #e29617; }

.project-detail .contact-button { flex: 0; text-align: right; white-space: nowrap; margin-left: auto; margin-right: 20px; }

.project-detail .contact-button span { font-size: 14px; color: #16325b; display: block; margin-bottom: 5px; }

.project-detail .contact-button button { max-width: 250px; }

.project-detail .contact-button .main-button { margin-right: 10px; overflow: hidden; }

.project-detail .contact-button .main-button:last-child { margin-right: 0; }

.project-detail .contact-button .registrasi-nup { vertical-align: bottom; }

.project-detail .contact-button .registrasi-nup:before { content: ""; filter: blur(10px); height: 200%; width: 200%; transform: rotateZ(45deg); background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; left: 0; animation: moving-glow 2s infinite linear; }

.project-detail .contact-button:last-child { margin-right: 0; }

.project-detail .contact-button + .contact-button { margin-left: 0; }

.project-detail .contact-button + .price-detail { margin-left: 0; }

.project-detail .registrasi-nup { white-space: nowrap; }

.project-detail-section .section { padding: 0; margin-bottom: 60px; }

.project-detail-section .section.first-section { margin-top: 60px; }

.project-detail-section .project-desc p { margin-bottom: 0; }

.project-detail-section .shortcut-menus { background: white; position: -webkit-sticky; position: sticky; top: 84px; z-index: 10; margin-top: 15px; padding: 15px 0; border-top: solid 1px #f0f6ff; border-bottom: solid 1px #f0f6ff; }

.project-detail-section .shortcut-menus .container { position: relative; }

.project-detail-section .shortcut-menus .slide-arrow { display: none; }

.project-detail-section .shortcut-menus .menus { display: flex; justify-content: flex-start; }

.project-detail-section .shortcut-menus .menus a { padding: 0 35px; cursor: pointer; font-size: 14px; color: #16325b; white-space: nowrap; }

.project-detail-section .shortcut-menus .menus a:hover { color: #e29617; }

.project-detail-section .shortcut-menus .menus a:first-child { padding-left: 0; }

.project-detail-section .project-images { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }

.project-detail-section .project-images .single-image { text-align: center; }

.project-detail-section .project-images .single-image img { width: 100%; margin-bottom: 30px; border-radius: 5px; }

.project-detail-section .project-images .single-image .title { color: #16325b; font-weight: bold; margin-bottom: 5px; font-size: 25px; }

.project-detail-section .project-images .single-image p { color: #6c757d; line-height: 2; }

.project-detail-section .smart-features { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }

.project-detail-section .smart-features .single-feature { border-radius: 5px; overflow: hidden; position: relative; }

.project-detail-section .smart-features .single-feature .image img { width: 100%; }

.project-detail-section .smart-features .single-feature .text { color: white; position: absolute; top: 0; z-index: 2; width: 100%; height: 100%; background: #00000030; text-align: center; font-weight: bold; font-size: 24px; display: flex; align-items: flex-end; justify-content: center; padding: 20px; }

.project-detail-section .project-facilities { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }

.project-detail-section .project-facilities .single-facility .image img { border-radius: 5px; width: 100%; }

.project-detail-section .project-heading { text-align: center; margin-bottom: 20px; }

.project-detail-section .project-heading h2 { color: #16325b; font-size: 32px; text-transform: capitalize; }

.project-detail-section .project-heading h2.project-name { color: #e29617; font-weight: normal; }

.project-detail-section .project-heading h3 { font-size: 28px; font-weight: bold; color: #16325b; }

.project-detail-section .project-heading h2, .project-detail-section .project-heading h3 { margin-bottom: 15px; }

.project-detail-section .project-heading p { color: #6c757d; width: 100%; max-width: 1100px; margin: 0 auto; }

.project-detail-section .sales-contact { padding: 50px 80px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.04); display: flex; }

.project-detail-section .sales-contact .sales-image { border-radius: 50%; height: 180px; width: 180px; overflow: hidden; border: solid 1px #e29617; flex: 0 1 180px; margin-right: 50px; }

.project-detail-section .sales-contact .sales-image img { width: 100%; border: solid 8px white; border-radius: 50%; }

.project-detail-section .sales-contact .sales-info { flex: 1; }

.project-detail-section .sales-contact .sales-info .name { font-weight: bold; color: #16325b; font-size: 24px; }

.project-detail-section .sales-contact .sales-info .position { font-family: "Roboto"; color: #6c757d; }

.project-detail-section .sales-contact .sales-info .info-container { display: flex; margin-top: 20px; }

.project-detail-section .sales-contact .sales-info .info-container .info { flex: 1 1 auto; }

.project-detail-section .sales-contact .sales-info .info-container .info label { color: #6c757d; display: block; }

.project-detail-section .sales-contact .sales-info .info-container .info a { font-size: 20px; font-weight: bold; color: #16325b; }

.project-detail-section .sales-contact .sales-info .info-container .info a:hover { color: #e29617; }

.project-detail-section .sales-contact .sales-info .social-media { margin-top: 15px; }

.project-detail-section .sales-contact .sales-info .social-media a { display: inline-block; margin-right: 10px; }

.project-detail-section .sales-contact .sales-info .social-media a img { width: 30px; }

.floating-button { position: fixed; right: 15px; bottom: 250px; z-index: 20; }

.floating-button.mobile-shift-up { bottom: 30px; }

.floating-button a { margin-bottom: 10px; }

.floating-button a:last-child { margin-bottom: 0; }

.floating-button .back-to-top { display: block; height: 50px; width: 50px; border-radius: 50%; background: white; font-size: 22px; border: solid 2px #e29617; color: #e29617; display: flex; align-items: center; justify-content: center; margin-left: auto; }

.floating-button .back-to-top:hover { background: #e29617; color: white; }

.floating-button .whatsapp { display: block; height: 50px; width: 50px; border-radius: 50%; background: #33a527; color: white; display: flex; align-items: center; justify-content: center; font-size: 22px; border: solid 2px transparent; margin-left: auto; }

.floating-button .whatsapp:hover { border: solid 2px #e29617; }

.floating-button .sales-button { display: none; font-size: 12px; }

.agent .agent-filter { justify-content: center; display: flex; flex-wrap: wrap; margin: 0 -7.5px 20px -7.5px; }

.agent .agent-filter a, .agent .agent-filter li { display: block; padding: 0 7.5px; flex: 0 0 20%; color: #16325b; margin-bottom: 30px; }

.agent .agent-filter a.disabled, .agent .agent-filter li.disabled { cursor: no-drop; }

.agent .agent-filter a.disabled .logo-container, .agent .agent-filter li.disabled .logo-container { filter: grayscale(1); background: #e3e3e3; cursor: no-drop; }

.agent .agent-filter a:hover .logo-container, .agent .agent-filter li:hover .logo-container { border: solid 1px #EEEEEE; }

.agent .agent-filter a.active .logo-container, .agent .agent-filter li.active .logo-container { border: solid 1px #e29617; }

.agent .agent-filter a .logo-container, .agent .agent-filter li .logo-container { width: 100%; font-weight: bold; border: solid 1px transparent; height: 80px; padding: 0 30px; background: white; box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.agent .agent-filter a .logo-container[aria-selected=true], .agent .agent-filter li .logo-container[aria-selected=true] { border: solid 1px #e29617; }

.agent .agent-filter a .logo-container img, .agent .agent-filter li .logo-container img { width: 100%; max-width: 160px; max-height: 50px; object-fit: contain; }

.agent .agent-list { display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 20px; column-gap: 20px; margin-bottom: 50px; }

.agent .agent-list .single-agent { text-align: center; }

.agent .agent-list .single-agent a { background: white; box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.05); padding: 20px; display: flex; align-items: center; }

.agent .agent-list .single-agent a:hover .name { color: #e29617; }

.agent .agent-list .single-agent a:hover { box-shadow: 0px 0px 10px 0 rgba(226, 150, 23, 0.3); }

.agent .agent-list .single-agent .agent-image { width: 80px; border-radius: 50%; border: solid 1px #e29617; flex: 0 0 80px; }

.agent .agent-list .single-agent .agent-image img { width: 100%; border-radius: 50%; border: solid 3px white; height: 80px; object-fit: cover; }

.agent .agent-list .single-agent .phone-number { color: #6c757d; font-size: 14px; }

.agent .agent-list .single-agent .name { color: #16325b; font-weight: bold; font-size: 18px; transition: all 0.3s; text-align: left; padding: 0 20px; }

.agent .agent-list .single-agent .location-logo { padding-top: 5px; }

.agent .agent-list .single-agent .location-logo img { width: 100%; max-height: 46px; max-width: 150px; object-fit: contain; object-position: left; }

.agent .agent-list .single-agent .contact { font-size: 14px; font-family: "Roboto"; color: #333333; }

.agent .agent-list .single-agent .contact a { color: #333333; }

.agent .agent-list .single-agent .contact a:hover { color: #e29617; }

.unit-information h1.unit-name { color: #16325b; font-weight: bold; font-family: "Lato"; font-size: 34px; }

.unit-information h1.unit-name .name { margin-right: 15px; }

.unit-information h1.unit-name .sub-name { display: block; font-size: 50%; color: #6c757d; font-weight: normal; }

.unit-information h1.unit-name .sub-name:hover { color: #e29617; }

.unit-information .unit-address { color: #6c757d; display: flex; margin-bottom: 20px; }

.unit-information .unit-address i { margin-top: 6px; margin-right: 10px; }

.unit-information .main-unit-features { padding: 20px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; justify-content: space-around; display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 25px; place-items: center; }

.unit-information .main-unit-features .single-feature { width: 100%; display: flex; color: #6c757d; align-items: center; justify-content: center; }

.unit-information .main-unit-features .single-feature .icon { line-height: 1; margin-right: 15px; }

.unit-information .main-unit-features .single-feature .icon img, .unit-information .main-unit-features .single-feature .icon i { width: 25px; text-align: center; }

.unit-information .main-unit-features .single-feature .icon i { font-size: 22px; }

.cluster-facilities { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }

.cluster-facilities .single-facility { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: flex; align-items: center; }

.cluster-facilities .single-facility .icon { margin-right: 15px; }

.cluster-facilities .single-facility .icon img { width: 28px; }

.cluster-facilities .single-facility .text { line-height: 1; }

.cluster-facilities .single-facility:hover { filter: brightness(1.5); }

.unit-contact-form { position: -webkit-sticky; position: sticky; top: 100px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.14); padding: 60px 40px; border-radius: 5px; }

.unit-contact-form .promo-badge { position: absolute; top: 10px; right: -7px; z-index: 2; }

.unit-contact-form .promo-badge.alt { top: -6px; }

.unit-contact-form .promo-badge.sold { filter: grayscale(1); }

.unit-contact-form .promo-badge img { max-width: 110px; display: inline-block; }

.unit-contact-form .or-separator { position: relative; text-align: center; color: #333333; font-size: 14px; padding: 30px 0; }

.unit-contact-form .or-separator span { padding: 0 15px; background: white; }

.unit-contact-form .or-separator:after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; z-index: -1; background: #f2f2f2; top: 50%; transform: translateY(-50%); }

.unit-contact-form form .form-title { text-align: center; color: #16325b; font-weight: bold; margin-bottom: 25px; font-size: 22px; }

.unit-contact-form .unit-promo-info { background: #fffaf1; padding: 15px; color: #e29617; display: flex; align-items: center; font-family: "Roboto"; font-weight: 200; margin-bottom: 20px; border-radius: 5px; }

.unit-contact-form .unit-promo-info i { margin-right: 8px; }

.unit-contact-form .sales-box { border-radius: 5px; border: solid 1px #e29617; background: #fffaf1; color: orange; padding: 20px 30px; margin-bottom: 30px; display: flex; align-items: center; }

.unit-contact-form .sales-box .sales-image { width: 100%; max-width: 100px; border-radius: 50%; border: solid 1px #e29617; margin-right: 15px; }

.unit-contact-form .sales-box .sales-image img { width: 100%; border-radius: 50%; border: solid 5px white; }

.unit-contact-form .sales-box .name { color: #16325b; font-weight: bold; font-size: 20px; font-family: "Lato"; }

.unit-contact-form .sales-box .position { color: #6c757d; font-size: 14px; font-weight: 200; }

.unit-contact-form .term-of-payment { border-radius: 5px; border: solid 1px #e29617; background: #fffaf1; display: flex; color: orange; padding: 20px 30px; margin-bottom: 30px; }

.unit-contact-form .term-of-payment .icon { padding-right: 15px; }

.unit-contact-form .term-of-payment .icon i { font-size: 20px; }

.unit-contact-form .term-of-payment .points .title { line-height: 1; font-size: 22px; margin-bottom: 15px; }

.unit-contact-form .term-of-payment .points .point { font-family: "Roboto"; font-weight: 200; }

.unit-contact-form .term-of-payment .points .point i { margin-right: 8px; }

.unit-contact-form .unit-price { margin-bottom: 20px; }

.unit-contact-form .unit-price span { display: block; font-size: 16px; color: #e29617; font-family: "Roboto"; margin-bottom: 5px; }

.unit-contact-form .unit-price .price { display: flex; align-items: flex-end; line-height: 1; }

.unit-contact-form .unit-price .price .new-price { color: #16325b; font-weight: bold; font-size: 26px; padding-right: 10px; }

.unit-contact-form .unit-price .price .old-price { color: #c5c5c5; text-decoration: line-through; font-size: 14px; font-family: "Roboto"; }

.no-project-available { grid-column: span 3; }

.floor-plan img { width: 100%; margin-bottom: 30px; }

.floor-plan .details { padding: 20px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; justify-content: space-around; display: flex; }

.floor-plan .details .single-detail span { font-weight: bold; }

.collage-banner { display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 10px; }

.collage-banner img { width: 100%; border-radius: 5px; object-fit: cover; }

.collage-banner .grid-50 { grid-column: span 3; }

.collage-banner .grid-50 img { height: 320px; }

.collage-banner .grid-33 { grid-column: span 2; }

.collage-banner .grid-33 img { height: 210px; }

.fixed-sales-contact-container { position: fixed; bottom: -200px; left: 0; width: 100%; z-index: 11; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.fixed-sales-contact-container.show { bottom: 15px; }

.fixed-sales-contact-container .sales-button { overflow: hidden; float: right; display: none; font-size: 12px; position: relative; }

.fixed-sales-contact-container .sales-button:before { content: ""; filter: blur(10px); height: 200%; width: 200%; transform: rotateZ(45deg); background: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; left: 0; animation: moving-glow 2s infinite linear; }

.fixed-sales-contact-container .close-button { display: none; height: 30px; width: 30px; position: absolute; right: -8px; top: -8px; border-radius: 50%; background: #e29617; color: white; cursor: pointer; align-items: center; justify-content: center; transition: all 0.3s; }

.fixed-sales-contact-container .close-button:hover { background: #16325b; }

.fixed-sales-contact-container .sales-contact { background: #dceffd; border-radius: 5px; display: flex; align-items: center; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); padding: 15px; }

.fixed-sales-contact-container .sales-contact .sales-info { flex: 1 0 25%; display: flex; align-items: center; }

.fixed-sales-contact-container .sales-contact .sales-info > a { display: flex; align-items: center; }

.fixed-sales-contact-container .sales-contact .sales-info > a:hover .name { color: #e29617; }

.fixed-sales-contact-container .sales-contact .sales-info .sales-image { margin-right: 20px; width: 100%; max-width: 90px; border-radius: 50%; border: solid 1px #e29617; }

.fixed-sales-contact-container .sales-contact .sales-info .sales-image img { width: 100%; border-radius: 50%; border: solid 5px white; height: 90px; object-fit: cover; }

.fixed-sales-contact-container .sales-contact .sales-info .sales-name .name { color: #16325b; font-weight: bold; font-size: 20px; font-family: "Lato"; transition: all 0.3s; }

.fixed-sales-contact-container .sales-contact .sales-info .sales-name .position { color: #6c757d; font-size: 14px; font-weight: 200; }

.fixed-sales-contact-container .sales-contact .contact-box { flex: 1 0 55%; display: flex; align-items: center; }

.fixed-sales-contact-container .sales-contact .contact-number { flex: 1 0 50%; padding: 0 15px; }

.fixed-sales-contact-container .sales-contact .contact-number .number { display: flex; align-items: center; white-space: nowrap; color: #6c757d; }

.fixed-sales-contact-container .sales-contact .contact-number .number:hover { color: #16325b; }

.fixed-sales-contact-container .sales-contact .contact-number .number i { font-size: 18px; margin-right: 10px; }

.fixed-sales-contact-container .sales-contact .social-media { flex: 1 0 50%; text-align: center; display: flex; justify-content: center; }

.fixed-sales-contact-container .sales-contact .social-media a { margin-right: 10px; height: 35px; width: 35px; display: flex; color: white; justify-content: center; align-items: center; background: #a9a9a9; border-radius: 50%; }

.fixed-sales-contact-container .sales-contact .social-media a:hover { background: #16325b; }

.fixed-sales-contact-container .sales-contact .social-media a:last-child { margin-right: 0; }

.fixed-sales-contact-container .sales-contact .message-button { text-align: center; flex: 1 0 20%; }

.inquiry-form { display: flex; align-items: center; }

.inquiry-form .box-title { margin-bottom: 25px; }

.inquiry-form .box { flex: 1 1 50%; padding: 40px; display: flex; align-items: center; }

.inquiry-form .box.form-container { background-image: url("../images/inquiry-bg.jpg"); background-size: cover; }

.inquiry-form .box .box-content { width: 100%; max-width: 500px; margin: 0 auto; }

.inquiry-form .box form { padding: 30px; background: white; }

.inquiry-form .side-map { flex: 1 1 50%; width: 100%; align-self: stretch; height: auto; }

.inquiry-form .side-map iframe { width: 100%; height: 100%; }

.inquiry-form input, .inquiry-form select, .inquiry-form textarea, .visit-form input, .visit-form select, .visit-form textarea, .unit-contact-form input, .unit-contact-form select, .unit-contact-form textarea, .contact-us-form input, .contact-us-form select, .contact-us-form textarea, .sales-login-form input, .sales-login-form select, .sales-login-form textarea, .default-form input, .default-form select, .default-form textarea { resize: none; }

.inquiry-form input.error, .inquiry-form select.error, .inquiry-form textarea.error, .visit-form input.error, .visit-form select.error, .visit-form textarea.error, .unit-contact-form input.error, .unit-contact-form select.error, .unit-contact-form textarea.error, .contact-us-form input.error, .contact-us-form select.error, .contact-us-form textarea.error, .sales-login-form input.error, .sales-login-form select.error, .sales-login-form textarea.error, .default-form input.error, .default-form select.error, .default-form textarea.error { background: #ffecec; }

.inquiry-form .link, .visit-form .link, .unit-contact-form .link, .contact-us-form .link, .sales-login-form .link, .default-form .link { color: #e29617; }

.inquiry-form .link:hover, .visit-form .link:hover, .unit-contact-form .link:hover, .contact-us-form .link:hover, .sales-login-form .link:hover, .default-form .link:hover { color: #16325b; }

.inquiry-form .cover-banner-preview img, .visit-form .cover-banner-preview img, .unit-contact-form .cover-banner-preview img, .contact-us-form .cover-banner-preview img, .sales-login-form .cover-banner-preview img, .default-form .cover-banner-preview img { width: 100%; }

.inquiry-form .radio-container, .visit-form .radio-container, .unit-contact-form .radio-container, .contact-us-form .radio-container, .sales-login-form .radio-container, .default-form .radio-container { display: flex; }

.inquiry-form .radio-container.with-padding, .visit-form .radio-container.with-padding, .unit-contact-form .radio-container.with-padding, .contact-us-form .radio-container.with-padding, .sales-login-form .radio-container.with-padding, .default-form .radio-container.with-padding { padding: 10px 0; }

.inquiry-form .radio-container .radio, .visit-form .radio-container .radio, .unit-contact-form .radio-container .radio, .contact-us-form .radio-container .radio, .sales-login-form .radio-container .radio, .default-form .radio-container .radio { margin-right: 15px; white-space: nowrap; }

.inquiry-form .radio-container .radio input, .visit-form .radio-container .radio input, .unit-contact-form .radio-container .radio input, .contact-us-form .radio-container .radio input, .sales-login-form .radio-container .radio input, .default-form .radio-container .radio input { margin-right: 5px; }

.inquiry-form .radio-container .radio label, .visit-form .radio-container .radio label, .unit-contact-form .radio-container .radio label, .contact-us-form .radio-container .radio label, .sales-login-form .radio-container .radio label, .default-form .radio-container .radio label { margin-bottom: 0; }

.inquiry-form label.error, .visit-form label.error, .unit-contact-form label.error, .contact-us-form label.error, .sales-login-form label.error, .default-form label.error { color: #ff2828; font-size: 14px; font-weight: 100; }

.inquiry-form .datepicker[readonly], .visit-form .datepicker[readonly], .unit-contact-form .datepicker[readonly], .contact-us-form .datepicker[readonly], .sales-login-form .datepicker[readonly], .default-form .datepicker[readonly] { background: transparent; }

.inquiry-form .profile-picture, .visit-form .profile-picture, .unit-contact-form .profile-picture, .contact-us-form .profile-picture, .sales-login-form .profile-picture, .default-form .profile-picture { display: flex; }

.inquiry-form .profile-picture.cover-image, .visit-form .profile-picture.cover-image, .unit-contact-form .profile-picture.cover-image, .contact-us-form .profile-picture.cover-image, .sales-login-form .profile-picture.cover-image, .default-form .profile-picture.cover-image { display: block; }

.inquiry-form .profile-picture .wrap-preview-image, .visit-form .profile-picture .wrap-preview-image, .unit-contact-form .profile-picture .wrap-preview-image, .contact-us-form .profile-picture .wrap-preview-image, .sales-login-form .profile-picture .wrap-preview-image, .default-form .profile-picture .wrap-preview-image { flex: 0 0 110px; height: 110px; border-radius: 50%; border: solid 1px #e29617; margin-right: 20px; display: flex; justify-content: center; align-items: center; }

.inquiry-form .profile-picture .wrap-preview-image img, .visit-form .profile-picture .wrap-preview-image img, .unit-contact-form .profile-picture .wrap-preview-image img, .contact-us-form .profile-picture .wrap-preview-image img, .sales-login-form .profile-picture .wrap-preview-image img, .default-form .profile-picture .wrap-preview-image img { border-radius: 50%; width: 100px; height: 100px; object-fit: cover; }

.inquiry-form .profile-picture .info-path-image, .visit-form .profile-picture .info-path-image, .unit-contact-form .profile-picture .info-path-image, .contact-us-form .profile-picture .info-path-image, .sales-login-form .profile-picture .info-path-image, .default-form .profile-picture .info-path-image { display: none !important; }

.inquiry-form .profile-picture .file-upload-btn #remove-button, .visit-form .profile-picture .file-upload-btn #remove-button, .unit-contact-form .profile-picture .file-upload-btn #remove-button, .contact-us-form .profile-picture .file-upload-btn #remove-button, .sales-login-form .profile-picture .file-upload-btn #remove-button, .default-form .profile-picture .file-upload-btn #remove-button { color: #f40000; background: transparent; margin-left: 15px; font-weight: bold; }

.inquiry-form .profile-picture .file-upload-btn #remove-button:focus, .inquiry-form .profile-picture .file-upload-btn #remove-button:hover, .visit-form .profile-picture .file-upload-btn #remove-button:focus, .visit-form .profile-picture .file-upload-btn #remove-button:hover, .unit-contact-form .profile-picture .file-upload-btn #remove-button:focus, .unit-contact-form .profile-picture .file-upload-btn #remove-button:hover, .contact-us-form .profile-picture .file-upload-btn #remove-button:focus, .contact-us-form .profile-picture .file-upload-btn #remove-button:hover, .sales-login-form .profile-picture .file-upload-btn #remove-button:focus, .sales-login-form .profile-picture .file-upload-btn #remove-button:hover, .default-form .profile-picture .file-upload-btn #remove-button:focus, .default-form .profile-picture .file-upload-btn #remove-button:hover { background: transparent; outline: none; }

.inquiry-form .profile-picture .choose-file-button, .visit-form .profile-picture .choose-file-button, .unit-contact-form .profile-picture .choose-file-button, .contact-us-form .profile-picture .choose-file-button, .sales-login-form .profile-picture .choose-file-button, .default-form .profile-picture .choose-file-button { border-radius: 50px; border: solid 2px #e29617; background: white; padding: 5px 30px; text-align: center; background: white; color: #e29617; font-weight: bold; margin-bottom: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.inquiry-form .profile-picture .choose-file-button:hover, .visit-form .profile-picture .choose-file-button:hover, .unit-contact-form .profile-picture .choose-file-button:hover, .contact-us-form .profile-picture .choose-file-button:hover, .sales-login-form .profile-picture .choose-file-button:hover, .default-form .profile-picture .choose-file-button:hover { color: white; background: #e29617; }

.sales-header { display: flex; padding: 20px 0px; background: white; border-bottom: solid 1px #e1e1e1; align-items: center; }

.sales-header .logo img { max-width: 250px; width: 100%; }

.sales-header .sales-data { margin-left: auto; margin-right: 0; display: flex; align-items: center; }

.sales-header .sales-data .inbox { color: #e29617; font-size: 24px; position: relative; margin-right: 30px; line-height: 1; }

.sales-header .sales-data .inbox a { color: #e29617; }

.sales-header .sales-data .inbox a:hover { color: #16325b; }

.sales-header .sales-data .inbox .inbox-count { height: 18px; width: 18px; font-size: 12px; color: white; background: red; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: -8px; right: -10px; }

.sales-header .sales-data .name-container { position: relative; }

.sales-header .sales-data .name-container:hover .sales-name-dropdown { opacity: 1; pointer-events: unset; }

.sales-header .sales-data .name-container a { display: flex; align-items: center; cursor: pointer; }

.sales-header .sales-data .name-container a .profile-picture { border-radius: 50%; border: solid 1px #e29617; margin-right: 10px; height: 45px; width: 45px; }

.sales-header .sales-data .name-container a .profile-picture img { border-radius: 50%; height: 100%; width: 100%; border: solid 2px white; object-fit: cover; }

.sales-header .sales-data .name-container a .name { font-weight: bold; color: #e29617; }

.sales-header .sales-data .name-container a .name i { font-size: 12px; margin-left: 5px; color: #16325b; }

.sales-header .sales-data .name-container .sales-name-dropdown { background: white; position: absolute; top: 45px; right: 0; border-radius: 10px; box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }

.sales-header .sales-data .name-container .sales-name-dropdown ul { margin: 0; padding: 15px; }

.sales-header .sales-data .name-container .sales-name-dropdown ul li { list-style: none; }

.sales-header .sales-data .name-container .sales-name-dropdown ul li a { padding: 5px 15px; display: block; color: #16325b; letter-spacing: 1px; }

.sales-header .sales-data .name-container .sales-name-dropdown ul li a:hover { color: #e29617; }

.form-group { margin-bottom: 15px; }

.form-group label { font-weight: bold; color: #16325b; margin-bottom: 7px; }

.form-group .select-container { position: relative; }

.form-group .select-container select { -webkit-appearance: none; padding: 11px 15px; border: solid 1px #ddd; width: 100%; border-radius: 5px; background: white; color: #6c757d; }

.form-group .select-container i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.form-group .form-control { border-radius: 5px; border: solid 1px #ddd; padding: 12px 15px; box-shadow: none; color: #6c757d; }

.form-group .form-control[disabled] { background: #f2f2f2; }

.form-group .social-media-input { display: flex; }

.form-group .social-media-input .social-media-prefix { padding: 12px 15px; border: solid 1px #ddd; border-radius: 5px 0 0 5px; line-height: 1; margin-bottom: 0; display: flex; align-items: center; font-weight: normal; color: #a3a3a3; border-right: 0; }

.form-group .social-media-input .form-control { border-radius: 0 5px 5px 0; }

.form-group .inline-checkbox-container { display: flex; flex-wrap: wrap; }

.form-group .inline-checkbox-container .single-checkbox { display: inline-flex; align-items: center; font-weight: normal; flex: 1 1 50%; padding-right: 10px; line-height: 1.5; margin-bottom: 10px; }

.form-group .inline-checkbox-container .single-checkbox input { margin-right: 5px; }

.agent-search .search-box { margin-bottom: 15px; width: 100%; max-width: 500px; margin: 0 auto 20px auto; }

.agent-search .search-box .input-group .form-control { border-radius: 0; box-shadow: none; }

.agent-search .search-box .input-group .form-control:focus { border-color: #e29617; box-shadow: none; }

.agent-search .search-box .input-group .btn { border-radius: 0; background: #e29617; color: white; border: solid 1px #e29617; transition: all 0.3s; }

.agent-search .search-box .input-group .btn:hover { color: #e29617; background: white; }

#kpr-calculator .input-padding { position: relative; }

#kpr-calculator .input-padding.input-dp-percentage .form-control { padding-right: 45px; }

#kpr-calculator .input-padding.input-year .form-control { padding-right: 60px; }

#kpr-calculator .input-padding .label { pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }

#kpr-calculator .calculation-detail { max-height: 0px; transition: all 0.3s; overflow: hidden; }

#kpr-calculator .calculation-detail.show { max-height: 300px; overflow: visible; }

#kpr-calculator .calculation-detail .info-container { margin-top: 15px; padding: 30px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1); display: flex; }

#kpr-calculator .calculation-detail .info-container .single-info { flex: 0 0 33.33%; padding: 0 10px; }

#kpr-calculator .calculation-detail .info-container .single-info label { color: #16325b; font-weight: bold; }

.testimonial-slide .splide__track { overflow: visible; }

.testimonial-slide .item { opacity: 0.4; transition: all 0.3s; text-align: center; border-radius: 5px; position: relative; padding: 25px 0; }

.testimonial-slide .item .content-container { padding: 30px 60px; background: white; }

.testimonial-slide .item.is-visible { opacity: 1; z-index: 3; }

.testimonial-slide .item.is-visible .content-container { box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1); transition: all 0.3s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.testimonial-slide .item .testimonial-image { margin: 0 auto; margin-bottom: 20px; overflow: hidden; width: 100%; max-width: 120px; border-radius: 50%; border: solid 1px #e29617; }

.testimonial-slide .item .testimonial-image img { width: 100%; width: 120px; height: 120px; object-fit: cover; }

.testimonial-slide .item .name { color: #16325b; font-weight: bold; font-size: 20px; margin-bottom: 10px; }

.testimonial-slide .item p { font-size: 14px; color: #6c757d; }

.specification-container { border-radius: 5px; padding: 20px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; }

.unit-bank-container .single-bank { user-select: none; padding: 15px 20px; }

.unit-bank-container .single-bank img { max-height: 50px; width: 100%; object-fit: contain; }

.unit-bank-container .bank-continous-slider > .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; }

.unit-contact-sales .sales-continous-slider > .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; }

.unit-contact-sales .single-agent { user-select: none; }

.unit-contact-sales .single-agent:hover .name { color: #e29617; }

.unit-contact-sales .single-agent .agent-image { width: 120px; border-radius: 50%; border: solid 1px #e29617; margin: 0 auto; margin-bottom: 10px; }

.unit-contact-sales .single-agent .agent-image img { width: 100%; border-radius: 50%; border: solid 3px white; height: 120px; object-fit: cover; }

.unit-contact-sales .single-agent .name { text-align: center; font-weight: bold; color: #16325b; font-size: 18px; transition: all 0.3s; }

.unit-contact-sales .single-agent .contact { text-align: center; color: #6c757d; font-size: 14px; transition: all 0.3s; }

.news-card a { display: block; }

.news-card a .news-img { position: relative; border-radius: 5px; overflow: hidden; }

.news-card a .news-img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 200px; object-fit: cover; }

.news-card a .news-img .date { border-radius: 5px; position: absolute; line-height: 1.3; top: 20px; left: 20px; padding: 10px 15px; font-size: 24px; color: white; text-align: center; background: #e29617; }

.news-card a .news-img .date span { display: block; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-family: "Roboto"; }

.news-card a .news-text { padding: 20px 0px 10px; }

.news-card a .news-text .title { font-weight: bold; color: #16325b; font-size: 20px; margin-bottom: 10px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 93px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.news-card a .news-text p { color: #333333; margin-bottom: 0; }

.news-card a .read-more-button { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; background: #e29617; color: white; padding: 5px 20px; display: inline-block; border: solid 1px #e29617; margin: 0 auto; font-size: 14px; }

.news-card a:hover .news-img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.news-card a:hover .news-text .title { color: #e29617; }

.news-card a:hover .read-more-button { background: white; color: #e29617; }

.latest-news-slider { margin-bottom: 30px; }

.latest-news-slider hr { margin-top: 30px; }

.mini-banner .item img { width: 100%; }

.property-review-slider .item { display: block; }

.property-review-slider .item .video-img { position: relative; padding-top: 56%; border-radius: 5px; overflow: hidden; }

.property-review-slider .item .video-img iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.property-review-slider .item .video-img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.property-review-slider .item .video-text { padding-top: 20px; }

.property-review-slider .item .video-text .title { font-weight: bold; color: #16325b; font-size: 18px; margin-bottom: 10px; line-height: 1.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.property-review-slider .item .video-text p { color: #333333; margin-bottom: 0; }

.property-review-slider .item:hover .video-img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.filter-box-container { position: absolute; width: 100%; bottom: -35px; left: 0; }

.filter-box-container.shift-up { position: relative; top: -35px; }

.sales-login-form { display: flex; min-height: calc(100vh - 480px); align-items: flex-start; justify-content: center; background: #eaf0f9; padding: 0 15px; }

.sales-login-form .side-image { flex: 0 0 60%; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px; padding-bottom: 0; position: relative; display: flex; flex-direction: column; }

.sales-login-form .side-image .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(22, 50, 91, 0.3); z-index: -1; }

.sales-login-form .side-image .logo img { width: 100%; max-width: 300px; }

.sales-login-form .side-image .login-image { max-width: 450px; margin: 0 auto; margin-top: auto; margin-bottom: 0; padding: 0 30px; }

.sales-login-form .side-image.register { flex: 0 0 40%; height: 100vh; position: sticky; top: 0; }

.sales-login-form .side-form { padding: 50px 80px; background: #fafdff; flex: 1; width: 100%; max-width: 600px; box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.1); margin-top: 60px; margin-bottom: 60px; }

.sales-login-form .side-form.register-form { max-width: 1200px; }

.sales-login-form .side-form .forgot-password { margin-top: 5px; float: right; color: #e29617; }

.sales-login-form .side-form .forgot-password:hover { color: #16325b; }

.sales-login-form .side-form .register { float: left; margin-top: 5px; color: #e29617; }

.sales-login-form .side-form .register:hover { color: #16325b; }

.sales-login-form .side-form h1 { font-weight: bold; font-size: 34px; color: #16325b; margin-bottom: 30px; }

.sales-login-form .side-form form { width: 100%; max-width: 450px; }

.sales-login-form .side-form form.full { max-width: 100%; }

.filter-box { padding: 8px; background: white; border-radius: 5px; position: relative; background: rgba(0, 0, 0, 0.2); z-index: 1; }

.filter-box .single-filter { display: flex; }

.filter-box .single-filter .filter-dropdown { position: relative; border: solid 1px #16325b; border-radius: 5px; display: flex; flex: 1 0; }

.filter-box .single-filter .filter-dropdown .filter-icon { font-size: 18px; color: white; background: #16325b; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 1 0 50px; font-family: "Roboto"; font-weight: lighter; }

.filter-box .single-filter .filter-dropdown select { flex: 1 1 100%; -webkit-appearance: none; border: 0; background: 0; color: #333333; font-family: "Roboto"; padding: 0 15px; width: 100%; background: white; }

.filter-box .single-filter .filter-dropdown .select-arrow { position: absolute; z-index: 2; color: #16325b; font-size: 20px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.filter-box .search-button { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 0 0 50px; background: #16325b; color: white; border-radius: 5px; margin-left: 10px; cursor: pointer; border: solid 1px #16325b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.filter-box .search-button:hover { background: white; color: #16325b; }

.menu-section { padding: 5px 15px; border-top: solid 1px rgba(255, 255, 255, 0.4); font-family: "Roboto"; }

.menu-section .menu-container { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }

.menu-section a { padding: 10px 0px; color: white; font-weight: 200; }

.menu-section a:hover { color: #e29617; }

.cursor { pointer-events: none; position: fixed; z-index: 2000; top: 0; left: 0; display: block; /*styles applied for showing / hiding cursor - do not touch*/ -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; opacity: 0; /*element width*/ width: 6px; height: 6px; }

.cursor.moving { opacity: 1; }

.cursor::before { content: ' '; height: 100%; width: 100%; position: absolute; background-color: #16325b; border-radius: 50%; top: 0; left: 0; /* transitions animations*/ opacity: 1; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; }

/* expand is the class you assigned with the plugin to cursor when a selected element is hovered*/
.cursor.expand::before { opacity: 0; }

/* ----------------------------

  node styles

--------------------------- */
.node { pointer-events: none; position: fixed; z-index: 2000; top: 0; left: 0; display: block; /*styles applied for showing / hiding cursor - do not touch*/ -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; opacity: 0; /*element width*/ width: 32px; height: 32px; }

.node.moving { opacity: 1; }

.node::before { content: ' '; height: 100%; width: 100%; position: absolute; background-color: transparent; border-radius: 50%; top: 0; left: 0; border: 1px solid #e29617; /*states and transitions animations*/ transform: scale(1.5); opacity: 1; -webkit-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear; -moz-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear; -o-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear; transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear; }

/* expand is the class you assigned with the plugin to cursor when a selected element is hovered*/
.node.expand::before { transform: scale(1.2); background-color: #e29617; opacity: 0.2; animation: rotating infinite 1s linear; }

.viewport { width: 100%; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-position: center right 15px; }

@keyframes moving-glow { 0% { left: -150%; }
  100% { left: 150%; } }

/* Added by Yehezkiel P.W */
.filter-box-career { padding: 2.5% 5% 2.5% 5%; border-radius: 4px; position: relative; background: white; z-index: 1; }

.filter-box-career .single-filter { display: flex; }

.filter-box-career .single-filter .filter-dropdown { position: relative; border: solid 1px #16325b; border-radius: 4px; display: flex; flex: 1 0; }

.filter-box-career .single-filter .filter-dropdown .filter-icon { font-size: 18px; color: white; background: #16325b; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 1 0 50px; font-family: "Roboto"; font-weight: lighter; }

.filter-box-career .single-filter .filter-dropdown select { flex: 1 1 100%; -webkit-appearance: none; border: 0; background: 0; color: #333333; font-family: "Roboto"; padding: 0 15px; width: 100%; border-radius: 5px; background: white; }

.filter-box-career .single-filter .filter-dropdown .select-arrow { position: absolute; z-index: 2; color: #16325b; font-size: 20px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

.filter-box-career .search-button { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex: 0 0 50px; background: #16325b; color: white; border-radius: 4px; margin-left: 10px; cursor: pointer; border: solid 1px #16325b; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.filter-box-career .search-button:hover { background: white; color: #16325b; }

.flex-middle-hor-ver { display: flex; justify-content: center; align-items: center; }

.no-marg-pad { padding: 0px; margin: 0px; }

.employees-fact-con { display: flex; justify-content: space-evenly; }

.employees-fact-con .employees-fact { display: flex; width: 22.5%; height: 100%; justify-content: space-between; }

.employees-fact-con .employees-fact .employees-fact-icon { height: 100%; width: 30%; }

.employees-fact-con .employees-fact .employees-fact-icon .frame { width: 67px; height: 67px; flex-grow: 0; margin: 0 6px 6px 0; border-radius: 4px; border: solid 1px #e29617; background-size: 50%; background-repeat: no-repeat; background-position: center; }

.employees-fact-con .employees-fact .employees-fact-icon .shadow { width: 67px; height: 67px; flex-grow: 0; margin: 6px 0 0 6px; border-radius: 4px; background-color: rgba(226, 150, 23, 0.06); }

.employees-fact-con .employees-fact .employees-fact-desc { height: 100%; width: 60%; display: flex; flex-direction: column; justify-content: space-evenly; }

.employees-fact-con .employees-fact .employees-fact-desc h2 { color: #16325b; font-size: 30px; font-weight: bold; margin-bottom: 10px; margin-top: 5px; line-height: normal; font-family: Archivo; }

.employees-fact-con .employees-fact .employees-fact-desc p { margin-bottom: 0px; line-height: normal; }

.bg-def-image { position: relative; }

.bg-def-image:before { content: ''; position: absolute; width: 100%; height: 100%; background: url("../images/paramount-land-logo.png"), #cacaca; background-size: 200px; background-position: center center; background-repeat: no-repeat; z-index: -1; }

.office-nuance-grid { display: grid; grid-template-areas: 'item1 item1 .'; grid-gap: 20px; }

.office-nuance-grid .item1 { grid-area: item1; }

.office-nuance-grid div { height: 260px; max-width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; overflow: hidden; }

.tour-slide { margin-bottom: 100px; }

.tour-slide .item .tour-360 iframe { height: 75%; }

.tour-slide .splide__pagination__page.is-active { background: #16325b; opacity: 1; }

.tour-slide .splide__pagination { bottom: 0px; }

.jobs-category-slider .splide__track .splide__list .job-category { display: flex; flex-direction: column; border-radius: 6px; background-color: #fff; }

.jobs-category-slider .splide__track .splide__list .job-category .image { height: 260px; width: 100%; }

.jobs-category-slider .splide__track .splide__list .job-category .image img { width: 100%; height: 100%; object-fit: cover; }

.jobs-category-slider .splide__track .splide__list .job-category .title { font-family: Archivo; font-size: 14px; font-weight: bold; color: #e29617; text-align: center; margin-top: 15px; }

.jobs-category-slider .splide__track .splide__list .job-category:hover { cursor: pointer; }

.jobs-category-slider .circle-nav .arrow { height: 40px; width: 40px; font-size: 20px; display: flex; align-items: center; justify-content: center; color: #e29617; background: white; border-radius: 50%; position: absolute; top: 50%; transition: all 0.3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); box-shadow: none; cursor: pointer; z-index: 2; }

.jobs-category-slider .circle-nav .arrow.arrow-left { left: -20px; }

.jobs-category-slider .circle-nav .arrow.arrow-left.inside { left: 10vw; }

.jobs-category-slider .circle-nav .arrow.arrow-right { right: -20px; }

.jobs-category-slider .circle-nav .arrow.arrow-right.inside { right: 10vw; }

.jobs-category-slider .circle-nav .arrow:hover { background: orange; color: white; }

.wh-100 { width: 100%; height: 100%; object-fit: cover; }

.testimonials-slide .splide__track .splide__list .testimony { width: 540px; }

.testimonials-slide .splide__track .splide__list .testimony .atas { height: calc(100% - 15px); width: 100%; }

.testimonials-slide .splide__track .splide__list .testimony .atas .photo-con { width: 100%; position: relative; z-index: 5; }

.testimonials-slide .splide__track .splide__list .testimony .atas .photo-con .photo { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: auto; }

.testimonials-slide .splide__track .splide__list .testimony .atas .text { height: 100%; width: 100%; align-items: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04); background-color: white; padding: 15px 30px; padding-top: 60px; text-align: center; -webkit-transform: translateY(-34px); -moz-transform: translateY(-34px); -ms-transform: translateY(-34px); -o-transform: translateY(-34px); transform: translateY(-34px); }

.testimonials-slide .splide__track .splide__list .testimony .atas .text p { font-size: 14px; font-family: Roboto; font-style: italic; }

.testimonials-slide .splide__track .splide__list .testimony .atas .text .bawah { width: 100%; -webkit-transform: translateY(-34px); -moz-transform: translateY(-34px); -ms-transform: translateY(-34px); -o-transform: translateY(-34px); transform: translateY(-34px); }

.testimonials-slide .splide__track .splide__list .testimony .atas .text .bawah .nama { font-size: 15px; color: #e29617; font-weight: bold; font-family: Archivo; }

.testimonials-slide .splide__track .splide__list .testimony .atas .text .bawah .posisi { font-size: 13px; font-family: Roboto; }

.featured-job1, .featured-job2 { width: 352.5px; }

.featured-job1, .featured-job2, .job-search-result { margin-top: 1%; margin-bottom: 1%; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; height: 155.5px; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; cursor: pointer; transition: all .5s; background-color: white; }

.featured-job1:hover, .featured-job2:hover, .job-search-result:hover { background-color: #e29617; }

.featured-job1:hover .loc-and-time, .featured-job1:hover .position, .featured-job1:hover .loc-and-time .middle, .featured-job2:hover .loc-and-time, .featured-job2:hover .position, .featured-job2:hover .loc-and-time .middle, .job-search-result:hover .loc-and-time, .job-search-result:hover .position, .job-search-result:hover .loc-and-time .middle { color: white; }

.featured-job1:hover .button, .featured-job2:hover .button, .job-search-result:hover .button { border: 1px solid white; }

.featured-job1:hover svg, .featured-job2:hover svg, .job-search-result:hover svg { stroke: white; }

.featured-job1 svg, .featured-job2 svg, .job-search-result svg { stroke: #97a6b2; }

.featured-job1 .position, .featured-job2 .position, .job-search-result .position { width: 100%; height: 25%; font-family: Archivo; font-size: 16px; color: #16325b; display: flex; justify-content: center; align-items: center; font-weight: bold; }

.featured-job1 .loc-and-time, .featured-job2 .loc-and-time, .job-search-result .loc-and-time { width: 80%; height: 25%; font-family: Roboto; font-size: 12px; color: #97a6b2; display: flex; justify-content: space-evenly; align-items: center; }

.featured-job1 .loc-and-time .left, .featured-job2 .loc-and-time .left, .job-search-result .loc-and-time .left { height: 100%; display: flex; justify-content: center; align-items: center; }

.featured-job1 .loc-and-time .middle, .featured-job2 .loc-and-time .middle, .job-search-result .loc-and-time .middle { color: #f0f6fb; }

.featured-job1 .loc-and-time .right, .featured-job2 .loc-and-time .right, .job-search-result .loc-and-time .right { height: 100%; display: flex; justify-content: center; align-items: center; }

.featured-job1 .button, .featured-job2 .button, .job-search-result .button { height: 25%; min-width: 30%; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04); background-color: #e29617; border-radius: 100px; display: flex; justify-content: center; align-items: center; }

.featured-job1 .button:hover, .featured-job2 .button:hover, .job-search-result .button:hover { cursor: pointer; }

.featured-job1 .button span, .featured-job2 .button span, .job-search-result .button span { padding-right: 20px; padding-left: 20px; color: white; font-family: Roboto; font-size: 12px; }

.job-detail-con { height: 100vh; width: 100%; position: fixed; top: 0; right: -100vw; z-index: 100; display: flex; transition: all 0.3s ease; }

.job-detail-con.show { right: 0; }

.job-detail-con .blur-space { height: 100%; width: 40%; background-color: #16325b; opacity: 0.2; }

.job-detail-con .page { width: 60%; height: 100%; background-color: white; display: flex; justify-content: center; align-items: center; overflow-y: scroll; }

.job-detail-con .page .inner-con { width: 80%; height: 90%; }

.job-detail-con .page .inner-con .title-and-close { width: 100%; height: 10%; display: flex; justify-content: space-between; align-items: center; }

.job-detail-con .page .inner-con .title-and-close .title { font-size: 19px; font-family: Archivo; color: #16325b; font-weight: bold; margin-left: 10px; }

.job-detail-con .page .inner-con .title-and-close .close-button { width: 43px; height: 43px; background-color: #e29617; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.job-detail-con .page .inner-con .title-and-close .close-button img { width: 25%; height: auto; }

.job-detail-con .page .inner-con .title-and-close .close-button:hover { cursor: pointer; background-color: #d80000; }

.job-detail-con .page .inner-con .job-desc-req span { font-size: 15px; font-weight: 500; color: #16325b; font-family: Archivo; margin-left: 10px; }

.job-detail-con .page .inner-con .job-desc-req ul li { font-size: 14px; font-family: Roboto; color: #6c757d; line-height: 2.14; margin-left: -2.5%; }

.job-detail-con .page .inner-con .job-desc-req .job-desc-content, .job-detail-con .page .inner-con .job-desc-req .job-req-content { padding-left: 2.5%; }

.job-detail-con .page .inner-con .apply-button-con { width: 100%; height: 10%; }

.job-detail-con .page .inner-con .apply-button-con .apply-button { margin-left: 10px; border-radius: 4px; background-color: #e29617; width: 134px; height: 39px; display: flex; justify-content: center; align-items: center; }

.job-detail-con .page .inner-con .apply-button-con .apply-button span { font-family: Archivo; font-size: 14px; font-weight: bold; color: white; }

.job-detail-con .page .inner-con .apply-button-con .apply-button:hover { cursor: pointer; background-color: #9ad680; }

header { transition: all 0.3 ease; }

header.hide { top: -300px; }

.apply-form-con { height: 100vh; width: 100%; position: fixed; top: 0; right: -100vw; z-index: 100; display: flex; transition: all 0.3s ease; }

.apply-form-con.show { right: 0; }

.apply-form-con .blur-space { height: 100%; width: 7.5%; background-color: black; opacity: 0.7; }

.apply-form-con .outer-form-con { width: 85%; height: 100%; background-color: white; display: flex; justify-content: center; font-family: Archivo; overflow-y: scroll; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.apply-form-con .outer-form-con .inner-form-con { width: 95%; }

.apply-form-con .outer-form-con .inner-form-con .logo-con { width: 100%; height: 10vh; margin-top: 2.5%; margin-bottom: 2.5%; display: flex; align-items: center; justify-content: space-between; }

.apply-form-con .outer-form-con .inner-form-con .logo-con img { height: 75%; width: auto; }

.apply-form-con .outer-form-con .inner-form-con .logo-con .close-button { width: 43px; height: 43px; background-color: #e29617; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

.apply-form-con .outer-form-con .inner-form-con .logo-con .close-button img { width: 25%; height: auto; }

.apply-form-con .outer-form-con .inner-form-con .logo-con .close-button:hover { cursor: pointer; background-color: #d80000; }

.apply-form-con .outer-form-con .inner-form-con .job-desc { width: 100%; height: 20vh; margin-top: 2.5%; margin-bottom: 2.5%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.apply-form-con .outer-form-con .inner-form-con .form-con { width: 100%; background-color: #F9F9F9; border-radius: 5px; display: flex; justify-content: center; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con { width: 100%; padding: 50px; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form { width: 100%; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .required:after { content: "*"; color: red; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form.was-validated .form-control:valid { border-color: #ced4da; background-image: unset; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .wrapper #text-counter { font-style: italic; font-size: 12px; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=button], .apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=submit], .apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=reset] { background-color: #e29617; border-radius: 5px; border: none; color: white; padding: 10px 32.5px; text-decoration: none; margin: 4px 2px; cursor: pointer; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=button]:hover, .apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=submit]:hover, .apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form input[type=reset]:hover { background-color: #9ad680; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form h5 { font-weight: bold; color: black; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .form-item { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .form-item p { width: 27.5%; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .form-item input { width: 70%; height: 7.5vh; border: 1px solid #d8d8d8; border-radius: 5px; padding: 5px 10px; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .form-item input[type="file"] { height: 100%; border: none; padding-left: 1px; }

.apply-form-con .outer-form-con .inner-form-con .form-con .inner-con form .apply-captcha-con { width: 100%; display: flex; justify-content: center; align-items: center; }

/* width */
/* Track */
/* Handle */
/* Handle on hover */
.flash-con { height: 15vh; width: 100vw; position: fixed; z-index: 99; }

.flash-con .flash { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; background-color: #f8f7f1; }

.flash-con .success { color: green; }

.flash-con .error { color: red; }

.fade-lazy { animation-name: fadeanimation; animation-duration: 1.5s; }

@keyframes fadeanimation { from { opacity: 0; }
  to { opacity: 1; } }

/* Added by Yehezkiel */
@media (max-width: 1199px) { .job-search-result-con .inner-con { grid-template-columns: repeat(2, 50%); }
  .job-search-result-con .inner-con .job-search-result { margin-bottom: 10%; } }

@media (min-width: 992px) { .slide-properties .splide__arrows .splide__arrow { width: 50px; height: 50px; }
  .slide-properties .splide__arrows .splide__arrow.splide__arrow--prev { left: -50px; }
  .slide-properties .splide__arrows .splide__arrow.splide__arrow--next { right: -50px; } }

@media (min-width: 1200px) { .sales-dashboard .page-content .page-content-container { max-width: 1140px; }
  .project-gallery-slide .item { padding: 85px; } }

@media (min-width: 1400px) { .floating-button { bottom: 160px; }
  .floating-whatsapp-button { bottom: 15px; }
  .sales-dashboard .page-content .page-content-container { max-width: 1320px; }
  .project-gallery-slide .item { padding: 85px 110px; } }

@media (max-width: 991px) { .inquiry-form .box { width: 100%; }
  .inquiry-form .box .box-content { max-width: 100%; }
  .sales-dashboard { flex-direction: column; }
  .sales-dashboard .page-content .page-content-container { max-width: 720px; }
  #announcement-modal .modal-dialog { max-width: 500px; }
  #announcement-modal .announcement-box { flex-direction: column-reverse; }
  #announcement-modal .announcement-box .image { flex: 0 1 auto; }
  header .header-container .menus { left: -100%; }
  header.open { top: -300px; }
  header.open .header-container .menus { left: 0; }
  header .menus .single-menu.open { background: #e29617; }
  header.on-top.invert .menus .single-menu > a:not(.main-button) { color: #333333; }
  .header-margin { margin-top: 86px; }
  .header-margin-mobile { margin-top: 71px; }
  .filter-box-container { position: unset; padding-top: 40px; margin-bottom: 10px; }
  .filter-box-container.shift-up { top: 0; }
  .property-search-box { min-height: 50vh; }
  .static-banner.with-background { min-height: 400px; }
  .static-banner.with-background img { display: none; }
  .floating-button { bottom: 160px; }
  .floating-button.mobile-shift-up { bottom: 210px; }
  .sales-login-form { flex-direction: column; }
  .sales-login-form .side-image .login-image { margin-top: 50px; max-width: 300px; }
  .sales-login-form .side-image.register { position: unset; }
  .header-container .menu-button { display: block; margin-left: auto; margin-right: 0; align-self: center; text-align: right; }
  .header-container .menu-button div { height: 4px; width: 35px; background: #16325b; margin-bottom: 8px; }
  .header-container .menu-button div:last-child { margin-bottom: 0; }
  .header-container .menu-button div:nth-child(2) { margin-left: auto; width: 30px; }
  .header-container .menus { flex-direction: column; position: fixed; top: 0; bottom: 0; left: 0; width: 350px; background: white; justify-content: flex-start; align-items: flex-start; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; transition: left 0.3s; }
  .header-container .menus .close-button { border-bottom: solid 1px #333333; display: block; align-self: stretch; font-size: 25px; }
  .header-container .menus .close-button .x-button { color: #333333; padding: 15px 20px; }
  .header-container .menus .single-menu { align-self: stretch; margin: 0; }
  .header-container .menus .single-menu > a:not(.main-button) { padding: 15px 20px; display: block; }
  .header-container .menus .single-menu .sub-menu { opacity: 1; width: 100%; position: unset; background: unset; border-top: 0; max-height: 0px; pointer-events: auto; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .header-container .menus .single-menu .sub-menu a { padding: 10px 20px 10px 50px; color: white; font-weight: bold; }
  .header-container .menus .single-menu .sub-menu a:hover { color: #333333; }
  .header-container .menus .single-menu.has-sub-menu:after { font-family: "Font Awesome 5 Pro"; content: "\f067"; color: #333333; position: absolute; right: 20px; font-size: 20px; top: 27px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .header-container .menus .single-menu.has-sub-menu.open:after { content: "\f068"; }
  .header-container .menus .single-menu.has-sub-menu.open .sub-menu { max-height: 1000px; }
  .header-container .menus .contact-button { margin-top: auto; align-self: stretch; text-align: center; padding: 20px 15px; }
  .header-container .menus .contact-button .main-button { display: block; padding: 12px 15px; }
  .latest-news-slider .item a .news-img img, .news-index .item a .news-img img { height: 200px; }
  .main-banner .item { height: 320px; }
  .main-banner .item h3 { font-size: 32px; }
  .main-banner .item .image-container { height: 100%; background-position: center; }
  .main-banner .item .text-container { padding: 0 70px; }
  .filter-box .col-lg-4 { margin-bottom: 15px; }
  .filter-box .col-lg-4:last-child { margin-bottom: 0; }
  .filter-box .single-filter { margin-bottom: 15px; }
  .popular-properties { grid-template-columns: 1fr; }
  .popular-properties.alt { grid-template-columns: 1fr 1fr; }
  .popular-properties .single-property-alt .information .info-bar .single-info { flex: 1 1 50%; }
  .collage-banner .grid-33 { grid-column: span 4; }
  .collage-banner .grid-33 img { height: 210px; }
  .project-detail-section .smart-features .single-feature .text { font-size: 18px; padding: 10px; }
  .project-gallery-slide .item { padding: 60px; }
  .project-detail-section .sales-contact { flex-direction: column; align-items: center; padding: 40px; }
  .project-detail-section .sales-contact .sales-image { margin-right: 0; margin-bottom: 20px; }
  .project-detail-section .sales-contact .sales-info { width: 100%; }
  .project-detail-section .smart-features .single-feature .text { font-size: 18px; padding: 10px; }
  .project-detail-section .shortcut-menus { top: 75px; }
  .project-detail-section .shortcut-menus .container { max-width: 100%; margin: 0; position: relative; padding: 0; }
  .project-detail-section .shortcut-menus .container:before { height: 100%; width: 50px; position: absolute; left: 0; top: 0; background: linear-gradient(to right, white, transparent); }
  .project-detail-section .shortcut-menus .container:after { height: 100%; width: 50px; position: absolute; right: 0; top: 0; background: linear-gradient(to left, white, transparent); }
  .project-detail-section .shortcut-menus .slide-arrow { display: block; }
  .project-detail-section .shortcut-menus .slide-arrow .arrow { color: #16325b; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.3s; cursor: pointer; font-size: 20px; z-index: 1; padding: 15px; }
  .project-detail-section .shortcut-menus .slide-arrow .arrow:hover { color: #e29617; }
  .project-detail-section .shortcut-menus .slide-arrow .arrow.arrow-left { left: 0px; }
  .project-detail-section .shortcut-menus .slide-arrow .arrow.arrow-right { right: 0px; }
  .project-detail-section .shortcut-menus .menus { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; }
  .project-detail-section .shortcut-menus .menus a { font-size: 16px; padding: 0 15px; }
  .project-detail-section .shortcut-menus .menus a:first-child { margin-left: 50px; }
  .project-detail-section .shortcut-menus .menus a:last-child { margin-right: 50px; }
  .project-detail-section .shortcut-menus .menus::-webkit-scrollbar { display: none; }
  .project-detail { padding-right: 15px; }
  .project-detail .project-name { font-size: 28px; }
  .project-detail .project-address { font-size: 14px; }
  .project-detail .price-detail { font-size: 26px; }
  .unit-contact-form { position: relative; top: 0; }
  .fixed-sales-contact-container .sales-contact .sales-info { flex-direction: column; }
  .fixed-sales-contact-container .sales-contact .sales-info > a { flex-direction: column; text-align: center; }
  .fixed-sales-contact-container .sales-contact .sales-info .sales-image { margin-right: 0; }
  .fixed-sales-contact-container .sales-contact .contact-box { flex-direction: column; }
  .fixed-sales-contact-container .sales-contact .social-media { margin-top: 15px; }
  .show-unit .visit-form-container .visit-form { padding: 15px; }
  .show-unit .visit-form-container .visit-form .contact-info .col-lg-6 { margin-bottom: 15px; }
  .show-unit .visit-form-container .visit-form .contact-info .col-lg-6:last-child { margin-bottom: 0; }
  .featured-news-slide .item { padding: 24px 15px; }
  .featured-news-slide .item .overlay { display: none; }
  .featured-news-slide .item .content-container img { margin-bottom: 20px; }
  .featured-news-slide .item .text-container { transform: none; left: unset; position: unset; color: #333333; padding: 0 30px 15px 30px; }
  .featured-news-slide .item .text-container .title { font-size: 20px; color: #16325b; }
  .achievement-count .count { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
  .mission-container { flex-direction: column; }
  .mission-container .text { padding: 30px; }
  .about-banner-text .text-container { text-align: center; }
  .contact-us-form { flex-direction: column; }
  .contact-us-form .form-col { padding: 50px; }
  .contact-us-form .contact-col { padding: 50px; }
  .contact-us-form .sales-contact-col { order: -1; }
  .contact-us-form .sales-contact-col .sales-info { padding: 25px; }
  .form-group .groupped-form .col-lg-6 { margin-bottom: 25px; }
  .form-group .groupped-form .col-lg-6:last-child { margin-bottom: 0; }
  .agent .agent-filter { justify-content: center; }
  .agent .agent-filter a, .agent .agent-filter li { flex: 0 0 33.33%; }
  .agent .agent-list { grid-template-columns: 1fr 1fr; }
  #sales-map { height: 300px; }
  #nearby-map { height: 340px; }
  #nearby-place-content .list .single-item .image { flex: 0 1 100px; }
  #nearby-place-content .list .single-item .text .name { font-size: 15px; }
  .properties-location-slide .item { padding: 15px; }
  .properties-location-slide .item .text-container .property-title { font-size: 34px; }
  .properties-location-grid { grid-template-columns: 1fr; }
  .projects .projects-grid { grid-template-columns: 1fr 1fr; }
  .properties-location-slide .item .text-container { padding: 20px; }
  .properties-location-slide .item .next-button { right: 20px; bottom: 20px; }
  .splide .circle-nav .arrow.arrow-left { left: -20px; }
  .splide .circle-nav .arrow.arrow-right { right: -20px; }
  .inquiry-form { flex-direction: column; }
  .inquiry-form .side-map { flex: 1 1 300px; }
  .profile .contact-column { position: unset; }
  .profile .contact-info .contact-data { margin-bottom: 50px; padding-right: 0; }
  .profile .contact-info .contact-data .social-media-container { width: 100%; text-align: center; }
  .profile .contact-info .contact-heading { padding-bottom: 15px; margin-bottom: 15px; }
  .profile .sales-info { margin-top: -50px; flex-direction: column; align-items: center; }
  .profile .sales-info .profile-picture { margin: 0 auto; }
  .profile .sales-info .profile-picture img { width: 120px; height: 120px; }
  .profile .sales-info .name { margin-top: 20px; text-align: center; }
  .profile .sales-info .location-logo { max-width: 180px; margin: 0 auto; margin-top: 15px; }
  .floating-whatsapp-button { bottom: 15px; }
  .floating-whatsapp-button .number-container .single-number .logo-container > img { max-height: 50px; }
  footer .top-section .container { max-width: 720px; }
  footer .info-col { max-width: 100%; margin-bottom: 30px; }
  footer.margin-sales { margin-bottom: 220px; }
  footer .copyright-section .block { flex: 1 1 50px; }
  footer .copyright-section .block.text { flex: 1 1 100%; }
  /* Added by Yehezkiel */
  .container.employees-fact-con { display: grid; grid-template-columns: 40% 40%; grid-row-gap: 5vh; }
  .container.employees-fact-con .employees-fact { width: 100%; height: 100%; justify-content: space-between; }
  .container.office-nuance-grid { display: grid; grid-template-areas: 'item1 item1'; grid-gap: 20px; }
  .container.office-nuance-grid .item1 { grid-area: item1; }
  .container.office-nuance-grid div { height: 260px; max-width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; }
  .job-detail-con .blur-space { width: 20% !important; }
  .job-detail-con .page { width: 80% !important; }
  .job-search-result-con .inner-con { display: block; }
  /* Added by Yehezkiel */ }

@media (max-width: 767px) { .form-group .social-media-input .social-media-prefix { font-size: 13px; padding: 12px 7px; }
  .container.xs-nopad { padding: 0; }
  #announcement-modal .announcement-box .text { padding: 15px 30px; font-size: 14px; }
  #announcement-modal .splide .circle-nav .arrow.arrow-left { left: -10px; }
  #announcement-modal .splide .circle-nav .arrow.arrow-right { right: -10px; }
  .header-container .logo { flex: 0 1 50%; }
  .fixed-sales-contact-container { bottom: -500px; }
  .header-container .menu-button div { height: 2px; width: 30px; }
  .header-container .menus { width: 100%; }
  .floating-button.mobile-shift-up { bottom: 70px; }
  .header-margin { margin-top: 70px; }
  .header-margin-mobile { margin-top: 70px; }
  .static-banner .text { font-size: 20px; }
  .main-banner .item { height: 160px; }
  .main-banner .item h3 { font-size: 18px; width: 100%; }
  .main-banner .item .text-container { padding: 0 50px; }
  .main-banner .item p { width: 100%; font-size: 12px; }
  .main-banner .item .image-container { background-position: center; }
  .collage-banner .grid-50, .collage-banner .grid-33 { grid-column: span 4; }
  .collage-banner .grid-50 img, .collage-banner .grid-33 img { height: 180px; }
  .unit-contact-form .sales-box { padding: 15px; }
  .unit-information h1.unit-name { font-size: 24px; }
  .unit-information .unit-address { font-size: 14px; }
  .unit-information .main-unit-features { grid-template-columns: 1fr 1fr; }
  .unit-information .main-unit-features .single-feature { font-size: 14px; }
  .unit-contact-form { padding: 60px 15px; }
  .unit-contact-form .unit-price .price .new-price { font-size: 22px; }
  .unit-contact-form .unit-price .price .old-price { font-size: 12px; }
  .unit-contact-form .unit-promo-info { font-size: 14px; }
  .unit-contact-form .term-of-payment { padding: 20px 15px; }
  .unit-contact-form .term-of-payment .points .title { font-size: 18px; margin-top: 3px; }
  .unit-contact-form .term-of-payment .points .point { font-size: 13px; }
  .unit-contact-form .or-separator { padding: 15px 0; }
  .cluster-facilities { grid-template-columns: 1fr 1fr; }
  .cluster-facilities .single-facility .icon img { width: 25px; }
  .cluster-facilities .single-facility .text { font-size: 14px; }
  .floor-plan .details { flex-direction: column; }
  .floor-plan .details .single-detail { margin-bottom: 8px; }
  .floor-plan .details .single-detail:last-child { margin-bottom: 0; }
  .property-review-slider { padding: 0 30px; }
  .filter-box { padding: 20px; }
  .filter-box .single-filter .filter-dropdown .filter-icon { flex: 1 0 40px; height: 40px; width: 40px; font-size: 15px; }
  .filter-box .search-button { height: 40px; width: 40px; flex: 0 0 40px; }
  .section { padding: 30px 0; }
  .section h5 { font-size: 16px; margin-bottom: 12px; }
  .section h3 { font-size: 20px; }
  .section h1, .section h2 { font-size: 20px; }
  .section .other-cluster-title { margin-bottom: 20px; }
  .section .other-cluster-title h3 { margin-bottom: 0; }
  .menu-section .menu-container { justify-content: center; flex-wrap: wrap; }
  .menu-section .menu-container a { flex: 0 0 50%; text-align: center; }
  .fixed-sales-contact-container { bottom: 15px; }
  .fixed-sales-contact-container .close-button { display: flex; }
  .fixed-sales-contact-container .sales-button { display: block; }
  .fixed-sales-contact-container .sales-contact { position: absolute; width: 100%; bottom: -500px; flex-direction: column; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); display: block; z-index: 3; transition: all ease-out 0.3s; }
  .fixed-sales-contact-container .sales-contact.float { bottom: 0; }
  .fixed-sales-contact-container .sales-contact .sales-info { margin-bottom: 20px; }
  .fixed-sales-contact-container .sales-contact .contact-number { margin-bottom: 20px; }
  .fixed-sales-contact-container .sales-contact .social-media { margin-bottom: 20px; }
  .popular-properties { margin-bottom: 30px; }
  .popular-properties.alt { grid-template-columns: 1fr; }
  .popular-properties.alt.smaller { grid-template-columns: 1fr; }
  .popular-properties .single-property-alt .property-image { flex: 0 0 230px; }
  .popular-properties .single-property-alt .property-image img { height: 230px; }
  .popular-properties .single-property-alt .information .property-name { font-size: 22px; text-overflow: unset; white-space: unset; }
  .popular-properties .single-property-alt .information .info-bar .single-info { font-size: 14px; min-width: 100px; }
  .popular-properties .single-property .promo-badge { right: -5px; }
  .popular-properties .single-property .promo-badge img { max-width: 75px; }
  .popular-properties .single-property .information { padding: 15px; }
  .popular-properties .single-property .information .property-name { font-size: 15px; }
  .popular-properties .single-property .information .location { top: 15px; left: 15px; }
  .popular-properties .single-property .information .price { font-size: 14px; }
  .popular-properties .single-property .information .price span { font-size: 10px; }
  .popular-properties .single-property .information .info-bar .single-info { font-size: 10px; }
  .popular-properties .single-property .information .info-bar .single-info .icon { margin-right: 5px; }
  .popular-properties .single-property .information.hover-information { padding: 15px; }
  .popular-properties .single-property .information.hover-information .property-name { margin-bottom: 10px; }
  .popular-properties .single-property .information.hover-information .price { font-size: 16px; }
  .popular-properties .single-property .information.hover-information .location { margin-bottom: 10px; }
  .popular-properties .single-property .information.hover-information .info-bar { margin-bottom: 10px; }
  .popular-properties .single-property .information.hover-information:before { left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); }
  .popular-properties .single-property .property-image img { height: 180px; }
  .properties-location-slide { margin-bottom: 30px; }
  .properties-location-slide .item { padding: 28px 15px; }
  .properties-location-slide .item .text-container .property-title { font-size: 20px; }
  .properties-location-slide .item .text-container .property-count { font-size: 12px; }
  .properties-location-slide .item .next-button { height: 40px; width: 40px; }
  .properties-location-slide .item.is-active.is-visible .content-container { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
  .properties-location-grid { row-gap: 15px; padding: 0; }
  .properties-location-grid .item img { height: 220px; }
  .properties-location-grid .item .text-container { padding: 15px; }
  .properties-location-grid .item .text-container .property-title { font-size: 22px; margin-bottom: 10px; }
  .properties-location-grid .item .text-container .property-count { font-size: 16px; }
  .properties-location-grid .item .next-button { bottom: 20px; right: 20px; height: 40px; width: 40px; }
  .testimonial-slide .item .content-container { padding: 30px 20px; }
  .projects { margin-bottom: 30px; }
  .projects .project-nav { flex-wrap: wrap; }
  .projects .project-nav li { margin-bottom: 15px; }
  .projects .project-nav li:last-child { margin-bottom: 0; }
  .projects .project-nav button { font-size: 18px; }
  .projects .projects-grid { grid-template-columns: 1fr; }
  .latest-news-slider { padding: 0 0px; }
  .latest-news-slider .item a .news-img .date { top: 10px; left: 10px; }
  .latest-news-slider.splide .circle-nav .arrow { top: 33%; }
  .latest-news-slider.splide .circle-nav .arrow.arrow-left { left: 10px; }
  .latest-news-slider.splide .circle-nav .arrow.arrow-right { right: 10px; }
  .achievement-count .count .single-count .number { font-size: 28px; }
  .about-timeline .item { font-size: 14px; }
  .about-timeline .item .title { font-size: 18px; }
  .about-timeline .splide__track { padding-right: 0 !important; }
  .about-timeline .year .number { font-size: 20px; padding-right: 15px; }
  .about-timeline .year .dot { flex: 0 0 20px; margin-right: 10px; position: unset; }
  .splide .circle-nav .arrow, .swiper .circle-nav .arrow { width: 32px; height: 32px; }
  .splide .circle-nav .arrow.arrow-right, .swiper .circle-nav .arrow.arrow-right { right: 0px; }
  .splide .circle-nav .arrow.arrow-right.inside, .swiper .circle-nav .arrow.arrow-right.inside { right: 15px; }
  .splide .circle-nav .arrow.arrow-left, .swiper .circle-nav .arrow.arrow-left { left: 0px; }
  .splide .circle-nav .arrow.arrow-left.inside, .swiper .circle-nav .arrow.arrow-left.inside { left: 15px; }
  .slide-properties .splide__arrows .splide__arrow { width: 32px; height: 32px; }
  .slide-properties .splide__arrows .splide__arrow.splide__arrow--prev { left: 0px; }
  .slide-properties .splide__arrows .splide__arrow.splide__arrow--next { right: 0px; }
  .inquiry-form .box-title { margin-bottom: 15px; }
  .inquiry-form .box { padding: 50px 15px; }
  .reasons-to-choose .single-reason .icon { flex: 0 1 60px; }
  .reasons-to-choose .single-reason .text h4 { font-size: 16px; }
  .property-search-box { padding: 50px 0; }
  .search-result { margin-bottom: 30px; }
  .search-result .count { font-size: 14px; }
  .search-result .count .icon { flex: 0 0 30px; }
  .search-result .count .icon img { width: 23px; }
  .search-result .filter select { padding: 6px 10px 6px 40px; }
  #kpr-calculator .calculation-detail.show { max-height: 600px; }
  #kpr-calculator .calculation-detail .info-container { padding: 15px; box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; }
  #kpr-calculator .calculation-detail .info-container .single-info { flex: 0 0 33.33%; padding: 0; margin-bottom: 15px; }
  #kpr-calculator .calculation-detail .info-container .single-info:last-child { margin-bottom: 0; }
  .agents-slider { padding: 0 30px; }
  .agents-slider .item .agent-image { max-width: 120px; margin-bottom: 10px; }
  .agents-slider .item .agent-image img { height: 120px; border: solid 4px white; }
  .agents-slider .item .name { font-size: 16px; }
  .project-detail-section .project-heading { margin-bottom: 30px; }
  .project-detail-section .shortcut-menus { position: unset; }
  .project-detail-section .shortcut-menus .menus { align-items: center; }
  .project-detail-section .shortcut-menus .menus a { font-size: 14px; padding: 10px; }
  .project-detail-section .project-images { grid-template-columns: 1fr; }
  .project-detail-section .smart-features { grid-template-columns: 1fr; }
  .project-detail-section .project-facilities { grid-template-columns: 1fr; }
  .nearby-nav button { width: 100px; height: 100px; }
  .faq-section .question { font-size: 16px; }
  #nearby-place-content { margin-bottom: 15px; }
  .project-gallery-slide { margin-bottom: 0; }
  .project-gallery-slide .item { padding: 15px; }
  .project-gallery-slide .item .text-container { padding: 15px; }
  .project-gallery-slide .item .text-container .gallery-sub { font-size: 12px; margin-bottom: 2px; }
  .project-gallery-slide .item .text-container .gallery-title { font-size: 18px; }
  .project-gallery-slide .item.is-active.is-visible .content-container { transform: scale(1.2); }
  .project-gallery-slide .circle-nav .arrow { width: 30px; height: 30px; }
  .project-detail .contact-button { text-align: left; margin-bottom: 15px; display: inline-block; margin-right: 5px; vertical-align: top; }
  .project-detail .contact-button:last-child { margin-bottom: 0; }
  .project-detail .main-detail { margin-bottom: 15px; }
  .project-detail-section .project-heading h2 { font-size: 20px; }
  .project-detail-section .project-heading h3 { font-size: 18px; }
  .project-detail-section .sales-contact { padding: 15px; text-align: center; }
  .project-detail-section .sales-contact .sales-info .info-container { flex-direction: column; }
  .project-detail-section .sales-contact .sales-info .info-container .info a { font-size: 16px; }
  .show-unit .side-image { height: 250px; }
  .news-detail .news-date { margin-top: 20px; }
  .news-detail .news-text-content { flex-direction: column; }
  .news-detail .news-text-content .share-column { margin-top: 30px; order: 1; }
  .news-detail .news-additional-images { gap: 10px; }
  .featured-news-slide .item { padding: 0; }
  .featured-news-slide .item .date { top: 10px; left: 10px; }
  .featured-news-slide .item.is-active.is-visible .content-container { transform: scale(1); }
  .featured-news-slide .item .text-container .title { font-size: 18px; }
  .contact-us-form .form-col { padding: 30px 15px; }
  .contact-us-form .contact-col { padding: 30px 15px; }
  .contact-us-form .sales-contact-col .profile-picture img { margin: 0 auto; }
  .contact-us-form .sales-contact-col .sales-info { padding: 15px; text-align: center; }
  .contact-us-form .sales-contact-col .single-contact .contact-data { width: 100%; text-align: left; }
  .contact-us-form .sales-contact-col .single-contact .social-media-container { text-align: center; }
  .floating-button .back-to-top { width: 40px; height: 40px; font-size: 18px; }
  .floating-button .whatsapp { width: 40px; height: 40px; font-size: 18px; }
  .floating-button .sales-button { display: block; }
  .sales-login-form .side-image .logo img { max-width: 200px; }
  .sales-login-form .side-image .login-image { max-width: 200px; }
  .sales-login-form .side-form { padding: 50px 20px; }
  .sales-login-form .side-form h1 { font-size: 25px; }
  .dataTables_wrapper { overflow-x: auto; }
  .sales-header { padding: 20px 15px; }
  .sales-header .logo img { max-width: 200px; }
  .sales-header .sales-data .name-container a .name { display: none; }
  .sales-header .sales-data .inbox { font-size: 22px; margin-right: 20px; }
  .inquiry-form .profile-picture .file-upload-btn, .visit-form .profile-picture .file-upload-btn, .unit-contact-form .profile-picture .file-upload-btn, .contact-us-form .profile-picture .file-upload-btn, .sales-login-form .profile-picture .file-upload-btn, .default-form .profile-picture .file-upload-btn { text-align: center; }
  .inquiry-form .profile-picture .file-upload-btn #remove-button, .visit-form .profile-picture .file-upload-btn #remove-button, .unit-contact-form .profile-picture .file-upload-btn #remove-button, .contact-us-form .profile-picture .file-upload-btn #remove-button, .sales-login-form .profile-picture .file-upload-btn #remove-button, .default-form .profile-picture .file-upload-btn #remove-button { margin-left: 0; }
  .inquiry-form .profile-picture small, .visit-form .profile-picture small, .unit-contact-form .profile-picture small, .contact-us-form .profile-picture small, .sales-login-form .profile-picture small, .default-form .profile-picture small { font-size: 11px; }
  .profile .sales-info { -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); }
  .profile .sales-info .name { margin-top: 10px; }
  .profile .sales-info .profile-picture img { width: 150px; height: 150px; }
  .profile .listing-nav .nav-link { padding: 20px 8px 10px 8px; }
  .profile .banner { height: 200px; background-size: cover; background-position: center; }
  .profile .banner img { display: none; }
  .profile .testimonial-index { grid-template-columns: 1fr; row-gap: 20px; }
  .sales-dashboard .page-content { padding: 15px 0; }
  .sales-dashboard h3 { font-size: 20px; }
  .sales-dashboard .inquiry-content .name { font-size: 20px; }
  .sales-dashboard .action-bar { flex-wrap: wrap; }
  .sales-dashboard .action-bar .mobile-full { width: 100%; }
  .sales-dashboard .action-bar .mobile-last { order: 1; }
  .sales-dashboard .search-field { width: 100%; margin-top: 15px; }
  .sales-dashboard .top-menu a { padding: 10px 15px; border: 0px; }
  .sales-dashboard .top-menu a i { margin-right: 10px; }
  .sales-dashboard .top-menu a.active { border: 0px; background: #e29617; }
  .sales-dashboard .top-menu .menu-list { flex-direction: column; align-items: stretch; }
  .sales-dashboard .menu-list { padding: 15px 0; }
  .sales-dashboard .menu-list ul li a { font-size: 16px; }
  .sales-dashboard .page-content .page-content-container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; }
  .sales-dashboard .page-content .page-content-container .content-box { padding: 30px 15px; margin-bottom: 15px; }
  .sales-dashboard .dashboard-container .contact-counter { flex-wrap: wrap; }
  .sales-dashboard .dashboard-container .contact-counter .single-counter { padding: 15px; flex: 1 0 50%; border-right: 0; }
  .floating-whatsapp-button .number-container { width: calc(100vw - 30px); }
  .unit-contact-sales .single-agent .agent-image { width: 100px; margin-bottom: 10px; }
  .unit-contact-sales .single-agent .agent-image img { height: 100px; }
  .unit-contact-sales .single-agent .name { font-size: 15px; }
  .unit-contact-sales .single-agent .contact { font-size: 12px; }
  .unit-bank-container .single-bank { flex: 0 0 33.33%; max-width: 33.33%; padding: 10px 15px; }
  footer.margin-sales { margin-bottom: 75px; }
  footer .project-location { margin-bottom: 0; }
  footer .single-column { margin-bottom: 15px; }
  footer .single-column:last-child { margin-bottom: 0; }
  footer .col-title { margin-bottom: 5px; }
  footer .top-section { padding: 30px 0; }
  footer .copyright-section .block { flex: 1 1 30px; }
  footer .copyright-section .block.text { flex: 1 1 100%; }
  footer .bottom-section img { max-width: 200px; }
  footer .bottom-section .bottom-logo-social { flex-direction: column; align-items: center; }
  footer .bottom-section .logo, footer .bottom-section .info-links, footer .bottom-section .social { width: auto; flex: auto; }
  footer .bottom-section .info-links { margin-left: auto; margin-right: auto; order: 1; align-self: center; margin-top: 30px; }
  footer .bottom-section .social { padding-top: 15px; margin-left: unset; justify-content: center; }
  footer .bottom-section .social a { width: 38px; height: 38px; }
  footer .bottom-section .menus { margin-top: 30px; justify-content: center; }
  footer .bottom-section .menus a { flex: 0 0 50%; text-align: center; }
  .agent .agent-filter a, .agent .agent-filter li { flex: 0 0 50%; margin-bottom: 15px; }
  .agent .agent-list { row-gap: 10px; column-gap: 10px; }
  .agent .agent-list .single-agent a { flex-direction: column; }
  .agent .agent-list .single-agent .name { text-align: center; font-size: 16px; margin-top: 15px; padding: 0; }
  /* Added by Yehezkiel */
  .container.employees-fact-con .employees-fact .employees-fact-desc { width: 50%; }
  .container.office-nuance-grid { display: grid; grid-template-areas: 'item1 item1'; grid-gap: 20px; }
  .container.office-nuance-grid .item1 { grid-area: item1; }
  .container.office-nuance-grid div { height: 130px; max-width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; }
  .job-detail-con .blur-space { width: 0% !important; }
  .job-detail-con .page { width: 100% !important; }
  /* Added by Yehezkiel */ }

/*# sourceMappingURL=front.css.map */