.elementor-16856 .elementor-element.elementor-element-4a00e62{--display:flex;}:root{--page-title-display:none;}body.elementor-page-16856{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-9e146b6 */.container {
            display: flex;
            gap: 20px; /* Space between form and result cards */
            max-width: 1200px; /* Limit container width */
            margin: auto; /* Center the container */
            padding:0px;
        }
        
        hr {
            /*margin-top: 1rem;
            margin-bottom: 1rem;*/
            padding: 1rem;
            border: 0;
            border-top: 1px solid rgba(125, 125, 125, 0.5);
        }
        
        h1 {
            padding:10px 0px;
            text-align: center;
        }
        .card {
            flex: 1;
            min-width: 300px; /* Minimum width for responsiveness */
            padding: 20px;
            border-radius: 10px;
            //box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            //background-color: #fff;
        }

        .form-card {
            background-color: #fafafa;
        }

        .result-card {
            background-color: #ffffff;
        }

        label {
            display: block;
            margin-bottom: 8px;
            font-weight: normal;
            color: #555;
        }

        input[type="number"], select {
            width: 95%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            height: 3rem;
        }
        
        input[type="range"]{
			padding-left: 0px !important;
			padding-right: 0px !important
		}

        button {
            /*
            display: block;
            width: 100%;
            padding: 12px;
            background-color: #B17457;*/
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: #B17457;
        }

        .output p {
            margin: 10px 0;
            font-size: 14px;
            color: #333;
        }

        /* Slider Styles */
        .slider-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
        }

        .slider-container input[type="range"] {
            flex: 1;
            margin-right: 10px;
        }

        .slider-container input[type="number"] {
            width: 60px;
            padding: 5px;
            text-align: center;
        }
		


        /* Responsive Design */
        @media (max-width: 768px) {
            .container {
                flex-direction: column; /* Stack columns vertically on small screens */
            }

            .card {
                min-width: 100%; /* Full width on small screens */
            }
        }
		
		/*Slider Track and Thumb*/
		
		/* General styling for the slider */
		input[type="range"] {
			-webkit-appearance: none; /* Remove default styling */
			appearance: none;
			width: 100%; /* Full width */
			height: 8px; /* Height of the track */
			background: transparent; /* Transparent background for custom styling */
			outline: none; /* Remove focus outline */
			margin: 20px 0; /* Add spacing */
			cursor: pointer; /* Pointer cursor for better UX */
		}

		/* Track styling for WebKit browsers (Chrome, Safari, Edge) */
		input[type="range"]::-webkit-slider-runnable-track {
			background-color: #B17457 !important; /* Track color */
			border-radius: 5px !important; /* Rounded corners for the track */
			height: 8px !important; /* Height of the track */
		}

		/* Thumb styling for WebKit browsers */
		input[type="range"]::-webkit-slider-thumb {
			-webkit-appearance: none; /* Remove default thumb styling */
			appearance: none;
			width: 20px; /* Width of the thumb */
			height: 20px; /* Height of the thumb */
			background-color: #B17457; /* Thumb color */
			border-radius: 50%; /* Circular thumb */
			cursor: pointer; /* Pointer cursor for better UX */
			margin-top: -6px; /* Center the thumb vertically */
		}

		/* Track styling for Firefox */
		input[type="range"]::-moz-range-track {
			background-color: #B17457; /* Track color */
			border-radius: 5px; /* Rounded corners for the track */
			height: 8px; /* Height of the track */
		}

		/* Thumb styling for Firefox */
		input[type="range"]::-moz-range-thumb {
			width: 20px; /* Width of the thumb */
			height: 20px; /* Height of the thumb */
			background-color: #B17457; /* Thumb color */
			border-radius: 50%; /* Circular thumb */
			border: none; /* Remove default border */
			cursor: pointer; /* Pointer cursor for better UX */
		}

		/* Optional: Focus state for accessibility */
		input[type="range"]:focus {
			outline: none; /* Remove default focus outline */
			box-shadow: 0 0 5px rgba(177, 116, 87, 0.5); /* Subtle glow effect on focus */
		}
		
		
	    .prodigy-hide{
			display: none;
		}
		
		span[class*="result"]{
			font-weight:600;
		}
		
		.result-icon{
			font-size: 2.5rem;
		}
		
		.fw-bold {
            font-weight: 700!important;
        }
        .fw-normal{
        	font-weight:normal!important;
        }
        .display-4 {
            font-size: 2.5rem;
        }
        
         .display-2 {
            font-size: 1.25rem;
        }
        
        .alert-outline-primary {
            color: #A27356; /* Primary text color */
            background-color: transparent;
            border-color: #A27356; /* Primary border color */
        }
        
        .bg-totalLoanTerm{
        	background: #f6f2f0!important
        }
        
        .txt-cust-color{
        	color: #553a28!important;
        }/* End custom CSS */