.elementor-4404 .elementor-element.elementor-element-09b67f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:120px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-4404 .elementor-element.elementor-element-e7bd5fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4404 .elementor-element.elementor-element-5f7c7f6 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-4404 .elementor-element.elementor-element-072ce97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4404 .elementor-element.elementor-element-f840d74{width:var( --container-widget-width, 615px );max-width:615px;--container-widget-width:615px;--container-widget-flex-grow:0;}.elementor-4404 .elementor-element.elementor-element-f840d74 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4404 .elementor-element.elementor-element-f840d74 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );color:#333333;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4404 .elementor-element.elementor-element-67c63b4 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-4404 .elementor-element.elementor-element-67c63b4 p{margin-block-end:10px;}.elementor-4404 .elementor-element.elementor-element-44623a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4404 .elementor-element.elementor-element-79bf152{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4404 .elementor-element.elementor-element-8be0f4a{--display:flex;--border-radius:0px 10px 10px 0px;}.elementor-4404 .elementor-element.elementor-element-8be0f4a:not(.elementor-motion-effects-element-type-background), .elementor-4404 .elementor-element.elementor-element-8be0f4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nyxhome.com/tr/wp-content/uploads/2025/07/8-1.webp");background-position:center center;background-size:cover;}@media(min-width:768px){.elementor-4404 .elementor-element.elementor-element-e7bd5fa{--width:100%;}.elementor-4404 .elementor-element.elementor-element-79bf152{--width:50%;}.elementor-4404 .elementor-element.elementor-element-8be0f4a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4404 .elementor-element.elementor-element-e7bd5fa{--width:100%;}.elementor-4404 .elementor-element.elementor-element-79bf152{--width:100%;}.elementor-4404 .elementor-element.elementor-element-8be0f4a{--width:100%;}}@media(max-width:1024px){.elementor-4404 .elementor-element.elementor-element-09b67f4{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:wrap;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4404 .elementor-element.elementor-element-f840d74{--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-4404 .elementor-element.elementor-element-f840d74 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4404 .elementor-element.elementor-element-67c63b4 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-4404 .elementor-element.elementor-element-44623a0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4404 .elementor-element.elementor-element-8be0f4a{--min-height:380px;--border-radius:10px 10px 0px 0px;}.elementor-4404 .elementor-element.elementor-element-8be0f4a.e-con{--order:-99999 /* order start hack */;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4404 .elementor-element.elementor-element-f840d74 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4404 .elementor-element.elementor-element-67c63b4 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-5fea3b5 */.calculator-main > div {
	width: 100%;
	padding: 50px;
}

.calculator-main .calculator-fields {
	background: #f6f5ea91;
	border-radius: 10px 0 0 10px;
}

.calculator-fields::after {
    content: '';
    background-image: url(/wp-content/uploads/2025/07/pattern-.webp);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 10px 0 0 10px;
}

.calculator-main .calculator-fields label {
	font-size: 14px;
	color: #333333;
	margin-bottom: 12px;
	font-weight: 700;
}

.calculator-main .calculator-fields .fieldset:not(:last-of-type) {
	margin-bottom: 24px;
}

.calculator-main .calculator-fields input[type="text"] {
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: black;
	border: 1px solid #d4d4d4;
	border-radius: 8px 8px 0 0 !important;
	outline: 0;
	padding: 14px 16px;
	font-weight: 400;
	font-size: 16px;
}

.pp-field input[type="range"] {
}

.pp-field input[type="text"] {
	border-radius: 8px !important;
}

.calculator-main .calculator-result {
	display: flex;
	gap: 20px;
	margin-bottom: 40px;
}

.calculator-main .calculator-result .output span {
	font-size: 25px;
	color: #1d1d20;
	font-weight: 700;
	display: block;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 3px;
}

.calculator-main .calculator-result .output p {
	font-size: 16px;
	line-height: 1.2;
	margin: 0;
	text-transform: capitalize;
	letter-spacing: unset;
	text-align: center;
}

.calculator-main .calculator-result .output {
	border-bottom: 1px solid #0000001a;
}

.calculator-main .calculator-result > div {
    max-width: 50%;
    width: 100%;
    border: 1px solid #0000001a;
    padding: 30px;
    border-radius: 10px;
}

.calculator-main .calculator-result .total-loan span {
	font-size: 25px;
	color: #1d1d20;
	font-weight: 700;
	display: block;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 3px;
}

.calculator-main .calculator-result .total-loan p {
	font-size: 16px;
	line-height: 1.2;
	margin: 0;
	text-transform: capitalize;
	letter-spacing: unset;
	text-align: center;
}

.calculator-main .calculator-result .total-loan {
	border-bottom: 1px solid #0000001a;
}

.calculator-main .calculator-result .next-step p {
	font-size: 16px;
	font-weight: 500;
	color: #1d1d20;
	margin: 0 0 30px 0;
	text-transform: none;
}

.calculator-main .calculator-result .next-step a {
	font-size: 12px;
	padding: 10px 12px;
	background: #1d1d20;
	border-radius: 0 !important;
	width: fit-content;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	justify-content: center;
	color: white;
	display: block;
	text-align: center;
	border: 1px solid #1d1d20;
}

.calculator-main .calculator-result .next-step a:hover {
	background: transparent;
	border-color: #1d1d20;
	color: #1d1d20;
}


/* .calculator-main input[type="range"] {
display: none;
} */

.calculator-main .slider-container input[type="range"] {
	position: absolute;
	left: 0;
	bottom: -3px;
	appearance: none;
	width: 100%;
	height: 5px;
	background: #333333;
	border-radius: 5px;
}

.calculator-main input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: none;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: #1d1d20;
}

.calculator-main input[type=range]::-webkit-slider-runnable-track  {
	-webkit-appearance: none;
	box-shadow: none;
	border: none;
	background: transparent;
}

.calculator-main .calculator-fields .pp-field .slider-container::after {
	content: 'AED';
	position: absolute;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 14px;
	opacity: 0.5;
	font-weight: 500;
}

.calculator-main .calculator-fields .ld-field .slider-container::after {
	content: 'Years';
	position: absolute;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 14px;
	opacity: 0.5;
	font-weight: 500;
}

.calculator-main .calculator-fields .ir-field .slider-container::after {
	content: '%';
	position: absolute;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 14px;
	opacity: 0.5;
	font-weight: 500;
}

.calculator-main .calculator-fields .dp-field .downPaymentPercentage {
	position: absolute;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 14px;
	opacity: 0.5;
	font-weight: 500;
}

.calculator-main .calculator-fields .slider-container {
	position: relative;
}


@media only screen and (max-width:1024px) {
    .calculator-main .calculator-fields {
        border-radius: 0 0 10px 10px !important;
    }
    
    .calculator-fields::after {
        border-radius: 0 0 10px 10px;
    }
    
    .calculator-main .calculator-result {
        flex-direction: column;
    }
    
    .calculator-main .calculator-result > div {
        max-width: 100%;
    }
}/* End custom CSS */