.elementor-5552 .elementor-element.elementor-element-143c59c:not(.elementor-motion-effects-element-type-background), .elementor-5552 .elementor-element.elementor-element-143c59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://outfastpropertymanagement.com/wp-content/uploads/2026/03/OFPM-Hero-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5552 .elementor-element.elementor-element-143c59c > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5552 .elementor-element.elementor-element-143c59c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-17%;margin-bottom:0%;padding:18% 0% 2% 0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5552 .elementor-element.elementor-element-bc76748{text-align:center;}.elementor-5552 .elementor-element.elementor-element-bc76748 .elementor-heading-title{color:var( --e-global-color-2f5386a );}.elementor-5552 .elementor-element.elementor-element-0281c40{margin-top:0%;margin-bottom:5%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-07c2803 */.investment_ana_container_wrapper {
        max-width: 1320px;
        margin: auto;
      }

      .investment_ana_calculation_wrapper {
        display: flex;
        gap: 20px;
      }

      .left_content_wrapper {
        width: 70%;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
          0 2px 4px -2px rgb(0 0 0 / 0.1);
        padding: 1.5rem;
        background: #fff;
      }

      .right_content_wrapper {
        width: 30%;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
          0 2px 4px -2px rgb(0 0 0 / 0.1);
        background: #fff;
      }

      .table_data_responsive_wrapper {
        width: 100%;
        overflow-x: auto;
      }

      .two_chart_wraqp {
        display: flex;
        gap: 20px;
      }

      table th {
        font-size: 16px;
      }

      table td {
        font-size: 14px;
      }

      .form-group {
        margin-bottom: 15px;
        position: relative;
      }

      .form-group label {
        display: block;
        margin-bottom: 5px;
      
        font-size: 18px;
         font-family: sans-serif;
      }

      .form-control {
        outline: none;
        width: 100%;
        padding: 10px 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box;
      }

      .currency-input::before {
        content: "$";
        position: absolute;
        left: 10px;
        top: 47%;

        z-index: 1;
        font-weight: bold;
      }

      .percentage-input::after {
        content: "%";
        position: absolute;
        right: 10px;
        top: 47%;

        z-index: 1;
        font-weight: bold;
      }

      .currency-input input,
      .percentage-input input {
        padding-left: 25px !important;
      }

      .percentage-input input {
        padding-right: 25px !important;
      }

      #calculateBtn {
        background-color: #4caf50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        font-size: 16px;
      }

      #calculateBtn:hover {
        background: #45a049;
      }

      .collapse-container {
        max-width: 100%;
        margin: 20px auto;
      }

      .collapse-button {
        background-color: #fff;
        color: #000;
        border: none;
        padding: 6px 20px;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        transition: 0.4s ease-in-out;
        border: 1px solid #eee;
      }

      .collapse-button:hover {
        background-color: #f9fafb;
      }

      .arrow {
        display: inline-block;
        margin-left: 10px;
        transition: transform 0.3s ease;
        font-size: 12px;
      }

      .rotate {
        transform: rotate(90deg);
      }

      .collapse-content {
        padding: 10px 20px;
        display: none;
        overflow: hidden;
        height: 0;
        transition: height 0.4s ease;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
      }

      .collapse-content-inner {
        padding: 15px 0;
      }

      .collapse-content-inner ul {
        margin-bottom: 2rem;
      }

      .collapse-content-inner ul li {
        margin: 10px 0;
      }

      .form-range {
        margin-top: 1rem;
        -webkit-appearance: none;
        width: 100%;
        height: 8px;
        background: #000;
        border-radius: 30px;
        outline: none;
      }

      .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid #db2113;
      }

      .form-range::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid #db2113;
      }

      .slider-value {
        font-size: 16px;
        text-align: center;
      }

      @media (max-width: 1020px) {
        .investment_ana_container_wrapper {
          max-width: 100%;
        }

        .investment_ana_calculation_wrapper {
          flex-direction: column-reverse;
          width: 100% !important;
        }

        .left_content_wrapper,
        .right_content_wrapper {
          width: 100%;
        }

        .two_chart_wraqp {
          flex-direction: column;
        }

        .table_data_responsive_wrapper {
          overflow-x: scroll;
          -webkit-overflow-scrolling: touch;
        }

        .heading_style {
          font-size: 1.5rem !important;
        }

        #wealthChart {
          width: 100% !important;
        }

        #differenceChart {
          width: 100% !important;
        }

        table {
          min-width: 800px;
        }

        table th,
        table td {
          white-space: nowrap;
        }
      }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0281c40 */.investment_ana_container_wrapper {
        max-width: 1320px;
        margin: auto;
      }

      .investment_ana_calculation_wrapper {
        display: flex;
        gap: 20px;
      }

      .left_content_wrapper {
        width: 70%;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
          0 2px 4px -2px rgb(0 0 0 / 0.1);
        padding: 1.5rem;
        background: #fff;
      }

      .right_content_wrapper {
        width: 30%;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
          0 2px 4px -2px rgb(0 0 0 / 0.1);
        background: #fff;
      }

      .table_data_responsive_wrapper {
        width: 100%;
        overflow-x: auto;
      }

      .two_chart_wraqp {
        display: flex;
        gap: 20px;
      }

      table th {
        font-size: 16px;
      }

      table td {
        font-size: 14px;
      }

      .form-group {
        margin-bottom: 15px;
        position: relative;
      }

      .form-group label {
        display: block;
        margin-bottom: 5px;
      
        font-size: 18px;
         font-family: sans-serif;
      }

      .form-control {
        outline: none;
        width: 100%;
        padding: 10px 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-sizing: border-box;
      }

      .currency-input::before {
        content: "$";
        position: absolute;
        left: 10px;
        top: 47%;

        z-index: 1;
        font-weight: bold;
      }

      .percentage-input::after {
        content: "%";
        position: absolute;
        right: 10px;
        top: 47%;

        z-index: 1;
        font-weight: bold;
      }

      .currency-input input,
      .percentage-input input {
        padding-left: 25px !important;
      }

      .percentage-input input {
        padding-right: 25px !important;
      }

      #calculateBtn {
        background-color: #4caf50;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        font-size: 16px;
      }

      #calculateBtn:hover {
        background: #45a049;
      }

      .collapse-container {
        max-width: 100%;
        margin: 20px auto;
      }

      .collapse-button {
        background-color: #fff;
        color: #000;
        border: none;
        padding: 6px 20px;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        transition: 0.4s ease-in-out;
        border: 1px solid #eee;
      }

      .collapse-button:hover {
        background-color: #f9fafb;
      }

      .arrow {
        display: inline-block;
        margin-left: 10px;
        transition: transform 0.3s ease;
        font-size: 12px;
      }

      .rotate {
        transform: rotate(90deg);
      }

      .collapse-content {
        padding: 10px 20px;
        display: none;
        overflow: hidden;
        height: 0;
        transition: height 0.4s ease;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
      }

      .collapse-content-inner {
        padding: 15px 0;
      }

      .collapse-content-inner ul {
        margin-bottom: 2rem;
      }

      .collapse-content-inner ul li {
        margin: 10px 0;
      }

      .form-range {
        margin-top: 1rem;
        -webkit-appearance: none;
        width: 100%;
        height: 8px;
        background: #000;
        border-radius: 30px;
        outline: none;
      }

      .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid #db2113;
      }

      .form-range::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid #db2113;
      }

      .slider-value {
        font-size: 16px;
        text-align: center;
      }

      @media (max-width: 1020px) {
        .investment_ana_container_wrapper {
          max-width: 100%;
        }

        .investment_ana_calculation_wrapper {
          flex-direction: column-reverse;
          width: 100% !important;
        }

        .left_content_wrapper,
        .right_content_wrapper {
          width: 100%;
        }

        .two_chart_wraqp {
          flex-direction: column;
        }

        .table_data_responsive_wrapper {
          overflow-x: scroll;
          -webkit-overflow-scrolling: touch;
        }

        .heading_style {
          font-size: 1.5rem !important;
        }

        #wealthChart {
          width: 100% !important;
        }

        #differenceChart {
          width: 100% !important;
        }

        table {
          min-width: 800px;
        }

        table th,
        table td {
          white-space: nowrap;
        }
      }/* End custom CSS */