/*
 * This software is the confidential and proprietary information of Autify Digital Ltd.
 * Unauthorized use, reproduction, or distribution of this software, in whole or in part, is strictly prohibited.
 * Copyright (c) 2020-2025 Autify Digital Ltd.
 * This work is protected under applicable copyright and intellectual property laws.
 * All rights reserved. Distribution and disclosure are permitted only in accordance with
 * the terms of a valid written agreement with Autify Digital Ltd.
 */
#nf-modal-popup {
  z-index: 2147483600;
}
.autifydigital-novuna-finance .error-message,
.autifydigital-novuna-finance .error-message-novuna {
  color: red;
  text-align: center;
  font-size: 15px;
  margin: 10px 0 15px;
}
.autifydigital-novuna-finance .finance-calculator {
  align-items: center;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 10px 0;
  padding: 10px;
  width: 100%;
}
.autifydigital-novuna-finance .finance-calculator .finance-pro-title {
  font-size: 16px;
  margin: 0 0 6px 0;
  text-transform: uppercase;
}
.autifydigital-novuna-finance .finance-calculator:hover {
  border-color: #7d3cff;
  background-color: #7d3cff;
}
.autifydigital-novuna-finance .finance-calculator:hover .finance-pro-title {
  color: #fff;
}
.autifydigital-novuna-finance .finance-calculator:hover .finance-overview-hint {
  color: #fff;
}
.autifydigital-novuna-finance .finance-calculator:hover  img {
  filter: brightness(0) invert(1);
}
.autifydigital-novuna-finance .finance-calculator-img {
  width: 15%;
}
.autifydigital-novuna-finance .finance-overview-product {
  width: 65%;
}
.autifydigital-novuna-finance .novunalogo {
  width: 20%;
}
.autifydigital-novuna-finance .finance-view-popup  {
  padding: 20px;
}
.autifydigital-novuna-finance .logo-with-autifybrand {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px 0px 20px;
}
.autifydigital-novuna-finance .logo-with-autifybrand img {
  max-width: 120px;
}
.autifydigital-novuna-finance .label-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 20px;
}
.autifydigital-novuna-finance .deposit-box {
    justify-content: center;
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.autifydigital-novuna-finance .deposit-box .finance-radio .radio {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
  display: none;
}
.autifydigital-novuna-finance .deposit-box .deposit-btn.active {
  background: #7d3cff;
  color: #f9f9f9;
  border-color: #7d3cff;
}
.autifydigital-novuna-finance .deposit-box .deposit-btn:hover {
  border-color: #7d3cff;
  color: #7d3cff;
  transition: all 0.3s ease;
  background: #f9f9f9;
}
.autifydigital-novuna-finance .deposit-box .finance-radio .radio-btn,
.autifydigital-novuna-finance .deposit-box .deposit-btn {
  align-items: center;
  background: #f9f9f9;
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  line-height: 20px;
  padding: 7px 20px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease;
}
.autifydigital-novuna-finance .deposit-text-area {
  display: none;
}
.autifydigital-novuna-finance .deposit-text-info {
  color: #7f7f7f;
  margin: 40px 0 60px;
  text-align: center;
}
.autifydigital-novuna-finance .finance-rangeslider {
  margin: 40px 30px 0px;
  padding: 0;
  position: relative;
}
.autifydigital-novuna-finance .finance-rangeslider .slider {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
  height: 7px;
  width: 100%;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #dddcdc;
  border-radius: 12px;
  margin-bottom: 20px;
}
.autifydigital-novuna-finance .finance-rangeslider .slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

.autifydigital-novuna-finance .finance-rangeslider .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #7d3cff;
    outline: none;
    width: 29px;
    height: 29px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 0px;
    border: 1px solid #7d3cff;
}

.autifydigital-novuna-finance .finance-rangeslider .slider::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #04AA6D;
    background-color: #7d3cff;
    outline: none;
    width: 29px;
    height: 29px;
    border-radius: 8px;
    cursor: pointer;
    margin-top: 0px;
    border: 1px solid #7d3cff;
}

.autifydigital-novuna-finance .finance-rangeslider .finance-rangeslider__tooltip-box {
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  background-color: #7d3cff;
  border: 1px solid #7d3cff;
  border-radius: 12px;
  color: #f9f9f9;
  font-size: 12px;
  font-weight: 500;
  height: auto;
  left: 0;
  line-height: 14px;
  padding: 7px 25px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -50px;
  transform: translate(-50%, 0);
  user-select: none;
}
.autifydigital-novuna-finance .finance-rangeslider .finance-rangeslider__tooltip-box:after {
  display: block;
  content: '';
  background: #7d3cff;
  position: absolute;
  border: 1px solid #7d3cff;
  border-top: 0;
  border-left: 0;
  width: 10px;
  height: 10px;
  left: calc(44%);
  bottom: -6px;
  transform: rotate(45deg);
}
.autifydigital-novuna-finance .finance-rangeslider .finance-rangeslider__label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}
.autifydigital-novuna-finance .finance-rangeslider .finance-rangeslider__label span {
  color: #353636;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 2px;
  line-height: 14px;
}
.autifydigital-novuna-finance .title-terms-length {
  color: #353636;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin: 25px 0;
}
.autifydigital-novuna-finance .finance-sub-title {
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #353636;
  text-transform: uppercase;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}
.autifydigital-novuna-finance .select-box-finance {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.autifydigital-novuna-finance .select-box-finance select#finance-options,
.autifydigital-novuna-finance .select-box-finance select#novuna-finance-options {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #7d3cff;
  background-image: url('../../AutifyDigital_NovunaFinance/images/arrow-down.png'), linear-gradient(45deg, transparent 50%, #7d3cff 50%), linear-gradient(135deg, #7d3cff 50%, transparent 50%);
  background-position: right 1.5rem top 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 1em auto, 100%;
  border: 1px solid #7d3cff;
  border-radius: 12px;
  color: #f9f9f9;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  height: 45px;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin: auto;
  max-width: 320px;
  padding: 10px 20px;
  width: 100%;
}
.autifydigital-novuna-finance .select-box-finance select#finance-options:focus,
.autifydigital-novuna-finance .select-box-finance select#novuna-finance-options:focus {
  outline: none;
  box-shadow: none;
  background-image: url('../../AutifyDigital_NovunaFinance/images/arrow-up.png'), linear-gradient(45deg, transparent 50%, #7d3cff 50%), linear-gradient(135deg, #7d3cff 50%, transparent 50%);
}
.autifydigital-novuna-finance .select-box-finance select#finance-options option,
.autifydigital-novuna-finance .select-box-finance select#novuna-finance-options option {
  background: #f9f9f9;
  color: #353636;
  margin: 40px;
}
.autifydigital-novuna-finance .finance-calculator-summary {
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary {
  border: none;
  float: none;
  margin: 0;
  padding: 0;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li {
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  float: none;
  justify-content: space-between;
  margin: 0;
  padding: 10px 20px;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li:last-child {
  border: none;
  font-weight: 900;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li:last-child .value {
  font-weight: 900;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li label,
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li .value {
  color: #353636;
  float: none;
}
.autifydigital-novuna-finance .finance-calculator-summary #finance-calculator-summary li .value {
  font-weight: 600;
}
.autifydigital-novuna-finance .novuna-finance-options {
  text-align: center;
  margin: 20px 0;
  font-weight: 700;
  font-size: 16px;
}
.autifydigital-novuna-finance .modal-content-footer {
  border-top: 1px solid #e8e8e8;
  padding: 15px 0px;
  text-align: center;
}
.autifydigital-novuna-finance .autifydigital-finance-cart .finance-calculator {
  justify-content: center;
  flex-direction: column;
}
.autifydigital-novuna-finance .autifydigital-finance-cart .finance-calculator .finance-overview-product {
  width: 100%;
  text-align: center;
}
.autifydigital-novuna-finance .autifydigital-finance-cart .finance-calculator:hover {
  border-color: #7d3cff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  background-color: #7d3cff;
}
.autifydigital-novuna-finance .autifydigital-finance-cart .finance-calculator:hover .finance-overview-hint {
  color: #fff;
}
.autifydigital-novuna-finance .autifydigital-finance-cart .finance-calculator:hover .novunalogo img {
  filter: brightness(0) invert(1);
}
.autifydigital-novuna-finance .user-notice-novuna {
  color: #353636;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0px 0 10px;
  text-align: center;
}
.autifydigital-novuna-finance .billing-address-text-match {
  color: #353636;
  font-size: 14px;
  line-height: 16px;
  margin: 0px 0 20px;
  text-align: center;
}
.autifydigital-novuna-finance.novunafinance-checkout {
  border: 1px solid #e5e7eb;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.novuna-finance-tile #novuna-plan-panel #apply-finance,
.novuna-finance-tile #novuna-plan-panel .action-control {
  display: none !important;
}

@media only screen and (min-width: 768px) {
    .autifydigital-novuna-finance .finance-view-popup  {
        padding: 20px 80px;
    }
    .autifydigital-novuna-finance .deposit-box .finance-radio .radio-btn,
    .autifydigital-novuna-finance .deposit-box .deposit-btn {
        padding: 7px 30px;
        font-size: 14px;
    }
}