.elementor-9213 .elementor-element.elementor-element-bb71ad4{--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;}.elementor-9213 .elementor-element.elementor-element-6669481 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-9213 .elementor-element.elementor-element-ec611c6{--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;}.elementor-9213 .elementor-element.elementor-element-4b822d3{--display:flex;}.elementor-9213 .elementor-element.elementor-element-402f519{--display:flex;}.elementor-9213 .elementor-element.elementor-element-a7cecc1{--display:flex;}.elementor-9213 .elementor-element.elementor-element-41c7295{--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;}.elementor-9213 .elementor-element.elementor-element-a14c8b9{--display:flex;}.elementor-9213 .elementor-element.elementor-element-7431c6b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9213 .elementor-element.elementor-element-b2c0116{font-size:10px;color:#6A6262;}.elementor-9213 .elementor-element.elementor-element-833ae3b{--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;}.elementor-9213 .elementor-element.elementor-element-28c208a{--display:flex;}.elementor-9213 .elementor-element.elementor-element-461e149{--display:flex;}.elementor-9213 .elementor-element.elementor-element-e55dd8d{--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;}.elementor-9213 .elementor-element.elementor-element-9feb7a8{--display:flex;}.elementor-9213 .elementor-element.elementor-element-45c36ee{--display:flex;}.elementor-9213 .elementor-element.elementor-element-f829cb8{--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;}.elementor-9213 .elementor-element.elementor-element-df3ccaf{--display:flex;}.elementor-9213 .elementor-element.elementor-element-cf9b38e{--display:flex;}.elementor-9213 .elementor-element.elementor-element-25cfc26{text-align:justify;}.elementor-9213 .elementor-element.elementor-element-fa94e35{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9213 .elementor-element.elementor-element-1c49f86{--display:flex;}.elementor-9213 .elementor-element.elementor-element-0752e61{--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;}.elementor-9213 .elementor-element.elementor-element-9ffb954{--display:flex;}.elementor-9213 .elementor-element.elementor-element-9ffb954.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9213 .elementor-element.elementor-element-66bc259.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9213 .elementor-element.elementor-element-23c5ef3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9213 .elementor-element.elementor-element-b13c06f{--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;}.elementor-9213 .elementor-element.elementor-element-3aca942{--display:flex;}.elementor-9213 .elementor-element.elementor-element-96147b6{--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;}.elementor-9213 .elementor-element.elementor-element-70bb174{--display:flex;}.elementor-9213 .elementor-element.elementor-element-df45a69{--display:flex;}.elementor-9213 .elementor-element.elementor-element-2ec6877{--display:flex;}.elementor-9213 .elementor-element.elementor-element-7d99bf6{text-align:justify;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-9213 .elementor-element.elementor-element-bb71ad4{--content-width:70%;}.elementor-9213 .elementor-element.elementor-element-4b822d3{--width:50%;}.elementor-9213 .elementor-element.elementor-element-402f519{--width:50%;}.elementor-9213 .elementor-element.elementor-element-a14c8b9{--width:50%;}.elementor-9213 .elementor-element.elementor-element-7431c6b{--width:50%;}.elementor-9213 .elementor-element.elementor-element-28c208a{--width:50%;}.elementor-9213 .elementor-element.elementor-element-461e149{--width:50%;}.elementor-9213 .elementor-element.elementor-element-9feb7a8{--width:50%;}.elementor-9213 .elementor-element.elementor-element-45c36ee{--width:50%;}.elementor-9213 .elementor-element.elementor-element-df3ccaf{--width:50%;}.elementor-9213 .elementor-element.elementor-element-cf9b38e{--width:50%;}}@media(max-width:1440px) and (min-width:768px){.elementor-9213 .elementor-element.elementor-element-9ffb954{--width:657.458px;}}@media(max-width:1440px){.elementor-9213 .elementor-element.elementor-element-66bc259{width:var( --container-widget-width, 816.444px );max-width:816.444px;--container-widget-width:816.444px;--container-widget-flex-grow:0;}.elementor-9213 .elementor-element.elementor-element-23c5ef3{width:var( --container-widget-width, 816.444px );max-width:816.444px;--container-widget-width:816.444px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-9213 .elementor-element.elementor-element-23c5ef3 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-76cb6bd */input[type="range"] {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  /*  slider progress trick  */
  overflow: hidden;
  border-radius: 16px;
  padding: 0 !important;
}

/* Track: webkit browsers */
input[type="range"]::-webkit-slider-runnable-track {
  height: 15px;
  background: #ccc;
  border-radius: 16px;
}

/* Track: Mozilla Firefox */
input[type="range"]::-moz-range-track {
  height: 15px;
  background: #ccc;
  border-radius: 16px;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #4F9BDF;
  /*  slider progress trick  */
  box-shadow: -407px 0 0 400px #4F9BDF;
}


/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #4F9BDF;
  /*  slider progress trick  */
  box-shadow: -407px 0 0 400px #4F9BDF;
}/* End custom CSS */
/* Start custom CSS */.form-container {
    display: flex;
    flex-direction: column;
            margin: 0 auto;
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }
        .form-header {
            font-size: 2em !important;
            font-weight: bold;
            color: #4F9BDF;
            margin-bottom: 20px;
        }
        .form-group {
            margin-bottom: 20px;
        }
        input[type="number"] {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
        input[type="range"] {
            margin-top: 10px;
            color:red;
        }
        .output {
            text-align: right;
            font-weight: bold;
        }
        button {
            background-color: #A40E46;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background-color: #930e41;
        }
        
    .calc-section-h{
        background-color:#eee;
        color: #1b3768;
        padding: 10px
    }
    .clientTypeSection{
        display: flex;
        
    }
    @media only screen 
and (max-device-width: 767px){
    .clientTypeSection{
        flex-direction: column;
    }
}
    .clientTypeSection > div{
        margin: 10px;
    }
    
    .range {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    #AcMinValue, #AcMaxValue, #FyMinValue, #FyMaxValue {
        margin-top: 7px;
        font-size: 14px; /* Adjust font size if needed */
    }
    #annualContributionSlider {
        flex: 1; /* Makes the slider take up remaining space between min and max values */
    }/* End custom CSS */