/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/***** ADD CUSTOM CSS HERE. *****/

body p {
	line-height: 1.5;
}

.blue-text {
  color: #4BAEA5 !important;
}

.d-blue-text {
  color: #00233F !important;
}

.homepage-form h1,
.homepage-residensi h3, .homepage-comfort h3, .homepage-calculator h3, .homepage-application h3 {
  font-size: 36px;
  line-height: 1.5;
}

.homepage-security h4, .home-footer h4, .homepage-form h4 {
	font-size: 24px;
	line-height: 1.5;
}

ul,
li {
  font-size: 14px !important;
  line-height: 1em !important;
}
	.homepage-form .icon-box {
		align-items: center;
	}
	
	.homepage-form .icon-box p {
		margin-bottom: 0;
	}

a.button:not(.open-video), .homepage-form .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type=submit][id*=gform_submit_button_].gform-button--width-full, .header-button a.button.secondary {
	font-size: 12px;
letter-spacing: 1px;
padding: 5px 25px;
	padding-right: 40px;
	text-transform: uppercase;
	font-weight: 700;
}

.homepage-form .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type=submit][id*=gform_submit_button_].gform-button--width-full, .header-button a.button.secondary {
	background: rgba(75, 174, 165, 1);
	color: #FFF;
}

a.button:not(.open-video) span {
	color: rgba(0, 35, 63, 1);
}

.header-button a.button.secondary span {
	color: #FFF;
}

a.button:not(.open-video):after {
	content: '';
	background: url(/wp-content/uploads/2025/09/down-right-arrow-5.png) center center no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	display: inline-block;
position: absolute;
right: 5px;
top: 3px;
}

.header-button a.button.secondary:after {
	content: '';
	background: url(/wp-content/uploads/2025/09/down-right-arrow-5-1.png) center center no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	display: inline-block;
position: absolute;
right: 5px;
top: 3px;
}

.homepage-form .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type=submit][id*=gform_submit_button_].gform-button--width-full {
	background: url(/wp-content/uploads/2025/09/down-right-arrow-5-1.png) right 5px center no-repeat;
	background-size: 30px auto;
	background-color: rgba(75, 174, 165, 1);
padding-right: 35px;
}

.homepage-residensi .is-border {
	z-index: 1;
}

.homepage-residensi .plan-img {
	background: #FFF;
	align-items: center;
}

.homepage-residensi .row .row {
height: 100%;
}

.homepage-residensi .row .row p {
	font-weight: 300;
}

.home-footer .icon-box p {
	margin-bottom: 0;
	margin-top: 5px;
}

.homepage-security .row .col {
	align-items: center;
}

.homepage-security .row .col.feature-text .col-inner {
max-width: 600px;
margin: 0 auto;
}

.homepage-security .row .col.feature-text .col {
	padding-bottom: 0 !important;
}

.homepage-security .row .col.feature-text ul {
	margin-bottom: 0;
}

.green-bg {
	background: rgb(75, 174, 165);
}

.dblue-bg {
	background: rgb(0, 35, 63);
}

.lblue-bg {
	background: rgb(234, 246, 250);
}

.homepage-form .gform-theme--foundation .gform_fields {
	grid-row-gap: 10px;
	row-gap: 10px;
}

.homepage-form .gform-theme--foundation .gfield .ginput_password.large, .homepage-form .gform-theme--foundation .gfield input.large, .homepage-form .gform-theme--foundation .gfield select.large {
	border-radius: 10px;
}

.homepage-activeliving .icon-box img {
	aspect-ratio: 1/1;
	object-fit: contain;
}

@media screen and (max-width: 849px) {
.homepage-form h1, .homepage-residensi h3, .homepage-comfort h3, .homepage-calculator h3, .homepage-application h3 {
font-size: 26px;}
	
	
	.homepage-security h4, .home-footer h4, .homepage-form h4 { {
		font-size: 20px;
		}
}

@media (max-width: 768px) {
/*     #row-15523655 {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    } */
    
/*     #col-183950382,
    #col-1519238361 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    #row-1827109621,
    #row-1084489379 {
        min-height: 300px;
    }
    
    #image_564329837 .img-inner,
    #image_1088744595 .img-inner {
        padding-top: 60% !important;
    } */
}