.get-offer-popup {
  width: 100%;
  height: 100%; }
  .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper {
    width: 100%;
    height: auto; }
    .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container {
      height: 85%;
      width: 100%;
      border-bottom: 0.7px solid;
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
      .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .poHeader {
        font-size: 25px;
        font-weight: bold;
        color: #2a2a2a;
        margin-bottom: 15px; }
      .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper {
        width: 100%;
        height: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 15px; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .calc-label {
          width: 100%;
          height: 30%;
          display: flex;
          align-items: center;
          font-size: 15px;
          color: #2a2a2a; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .calc {
          width: 100%;
          height: 55%;
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .calc .amount-display {
            width: 67%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 2px;
            background-color: #ffffff;
            font-size: 24.6px;
            font-weight: bold;
            text-align: center;
            color: #636363; }
            .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .calc .amount-display .amount-display-text {
              font-size: 35px;
              font-weight: bold;
              text-align: center;
              background-color: white;
              width: 60%;
              color: #636363; }
          .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .calc .amount-btn {
            width: 15%;
            height: auto;
            background-color: #005f90;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            color: #ffffff;
            font-weight: bold;
            cursor: pointer; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .slider-contianer {
          display: flex;
          justify-content: center; }
          .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .calculator-wrapper .slider-contianer .sliderWrap1 {
            width: 67%; }
      .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .total-amount-wrapper {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        margin-top: 15px; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .total-amount-wrapper .total-amount {
          width: 64%;
          height: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center; }
          .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .total-amount-wrapper .total-amount .label {
            font-size: 15px;
            color: #2a2a2a; }
          .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .calculators-container .total-amount-wrapper .total-amount .total-amount-text {
            font-size: 22.6px;
            font-weight: bold;
            color: #636363; }
    .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .popup-bottom {
      width: 100%;
      height: 15%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
      margin-top: 15px; }
      .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .popup-bottom .update-btn {
        width: 30.7%;
        height: 60%;
        border-radius: 3.5px;
        background-image: linear-gradient(#005f90, #005f90), linear-gradient(to top, #000000, #ffffff);
        box-shadow: 0px 0.5px 1.5px 0 rgba(0, 0, 0, 0.41);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .popup-bottom .update-btn .update-btn-text {
          font-size: 22px;
          text-align: center;
          color: #ffffff; }
      .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .popup-bottom .cancel-btn {
        height: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .get-offer-popup .ngdialog-content .loan-approval-popup-wrapper .popup-bottom .cancel-btn .cancel-btn {
          font-size: 22px;
          text-align: center;
          color: #005f90; }