.elementor-5778 .elementor-element.elementor-element-39792b5{--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;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5778 .elementor-element.elementor-element-39792b5:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-39792b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5778 .elementor-element.elementor-element-39792b5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-5374a04 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5778 .elementor-element.elementor-element-2f6dcf1{color:#484848;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;font-style:italic;line-height:22px;}@media(max-width:767px){.elementor-5778 .elementor-element.elementor-element-39792b5{--width:616px;}}/* Start custom CSS for html, class: .elementor-element-5374a04 */@media only screen and (max-width: 600px) {
    .elementor-5778 .elementor-element.elementor-element-5374a04 .interestRange{
        width: 200px!important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap:20px;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

.elementor-5778 .elementor-element.elementor-element-5374a04 body {
        font-family: poppins, sans-serif;
        display: flex;
        justify-content: center;
        padding: 50px;
        }

.elementor-5778 .elementor-element.elementor-element-5374a04 .calculator {
      background: white;
      margin: auto;
      ;
    }
    
.elementor-5778 .elementor-element.elementor-element-5374a04 .info{
    font-size: 14px;
    font-weight: 500
}


.elementor-5778 .elementor-element.elementor-element-5374a04 label{
        font-weight: bold;
        color: #484848;
        font-size: 20px;
        padding: 10px 0px
        }

.elementor-5778 .elementor-element.elementor-element-5374a04 .repayment {
      display: flex;
      align-items: center;
      margin-top: 5px;
      gap: 10px;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .repayment span {
      padding: 10px;
      background: #eee;
      border: 0px solid #ccc;
      border-right: none;
      border-radius: 5px 0 0 5px;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .repayment select {
        width: 100%;
        padding: 8px;
        margin-bottom: 15px;
        font-size: 22px;
        border-radius: 5px;
        border: 1px solid #ccc;
        gap: 10px;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .input-group {
      display: flex;
      align-items: center;
      margin-top: 5px;
      position: relative;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .input-group span {
      position: absolute;
      left: 10px;
      top: 22px;
      transform: translateY(-50%);
      color: #555;
      font-size: 22px;
      pointer-events: none;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .input-group input{
      width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    font-size: 22px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: right;
    color: #46AB40;
    font-weight: bold;

        }

.elementor-5778 .elementor-element.elementor-element-5374a04 input[readonly] {
      background: #fff;
      font-weight: bold;
      color: #2FAD17;
      text-align: right;
    }


.elementor-5778 .elementor-element.elementor-element-5374a04 .interest-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap:20px;
        
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .interest-section span {
    width: 120px;
    padding: 8px;
    font-size: 22px;
    border-radius:10px;
    border: 1px solid #ccc;
    text-align: center;
    color: #46AB40;
    font-weight: bold;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .interestRange{
        width: 325px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap:20px;
        font-size: 20px;
        margin-bottom: 20px;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 input[type="range"] {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      height: 6px;
      border-radius: 5px;
      background: linear-gradient(#2FAD17 0 0) no-repeat;
      background-size: 0% 100%;
      background-color: #ddd;
      outline: none;
      margin-top: 10px;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #fff;
      cursor: pointer;
      border: none;
      margin-top: -1px;
      box-shadow: 1px 1px 10px 4px #00000014;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 input[type="range"]::-moz-range-thumb {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #2FAD17;
      cursor: pointer;
      border: none;
    }
    
.elementor-5778 .elementor-element.elementor-element-5374a04 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #484848; 
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6H0z%22%20fill%3D%22%23666%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  padding-right: 30px;
  cursor: pointer;
  font-size: 16px;
}

.elementor-5778 .elementor-element.elementor-element-5374a04 .flex {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

.elementor-5778 .elementor-element.elementor-element-5374a04 .output {
      margin-top: 10px;
    }/* End custom CSS */