.elementor-1813 .elementor-element.elementor-element-5455f9f{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1813 .elementor-element.elementor-element-d13d005{--display:flex;}.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-1813 .elementor-element.elementor-element-c260c03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-1813 .elementor-element.elementor-element-c260c03 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:500;text-transform:capitalize;line-height:32px;color:var( --e-global-color-secondary );}.elementor-1813 .elementor-element.elementor-element-44ebc49{width:var( --container-widget-width, 753px );max-width:753px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:753px;--container-widget-flex-grow:0;text-align:center;}.elementor-1813 .elementor-element.elementor-element-44ebc49.elementor-element{--align-self:center;}.elementor-1813 .elementor-element.elementor-element-44ebc49 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#000000;}.elementor-1813 .elementor-element.elementor-element-cab8ccf{--display:flex;}.elementor-1813 .elementor-element.elementor-element-3709bb6{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1813 .elementor-element.elementor-element-6c5a7af{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-1813 .elementor-element.elementor-element-6c5a7af.elementor-element{--align-self:center;}.elementor-1813 .elementor-element.elementor-element-6c5a7af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:500;text-transform:capitalize;color:var( --e-global-color-secondary );}.elementor-widget-ucaddon_logo_marquee .ue_marquee_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_logo_marquee .ue-item-badge{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1813 .elementor-element.elementor-element-86f7c3b .ue_img_marquee{width:100%;display:inline-block;}.elementor-1813 .elementor-element.elementor-element-86f7c3b .uc_logo_marquee_holder{height:120px;background-color:#ffffff;border-radius:0px;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1813 .elementor-element.elementor-element-86f7c3b img{object-fit:contain;object-position:center;}.elementor-1813 .elementor-element.elementor-element-86f7c3b .ue_marquee_title{text-align:center;}.elementor-1813 .elementor-element.elementor-element-86f7c3b .ue-item-badge{min-height:0px;min-width:0px;color:#ffffff;background-color:#3E3FF0;padding:10px 10px 10px 10px;border-radius:3px;}.elementor-1813 .elementor-element.elementor-element-d35c707{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-1813 .elementor-element.elementor-element-e8e84fa{width:100%;max-width:100%;text-align:center;}.elementor-1813 .elementor-element.elementor-element-e8e84fa.elementor-element{--align-self:center;}.elementor-1813 .elementor-element.elementor-element-e8e84fa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:500;text-transform:capitalize;line-height:42px;color:#000000;}.elementor-1813 .elementor-element.elementor-element-d09d97f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-1813 .elementor-element.elementor-element-3703aa4{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1813 .elementor-element.elementor-element-3167dda{--display:flex;}.elementor-1813 .elementor-element.elementor-element-d63da1a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1813 .elementor-element.elementor-element-d893187{--display:flex;}.elementor-1813 .elementor-element.elementor-element-565670b{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1813 .elementor-element.elementor-element-ff0ab66{--display:flex;}.elementor-1813 .elementor-element.elementor-element-1b5284b{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1813 .elementor-element.elementor-element-69deac9{--display:flex;}.elementor-1813 .elementor-element.elementor-element-68db717{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1813 .elementor-element.elementor-element-c04dfff{--n-accordion-title-font-size:1rem;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:8px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:18px;--n-accordion-icon-normal-color:var( --e-global-color-primary );--n-accordion-icon-active-color:var( --e-global-color-primary );}.elementor-1813 .elementor-element.elementor-element-c04dfff > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1813 .elementor-element.elementor-element-c04dfff {--n-accordion-padding:20px 15px 20px 15px;}:where( .elementor-1813 .elementor-element.elementor-element-c04dfff > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:0px 1px 1px 1px;--padding-top:22px;--padding-right:25px;--padding-bottom:22px;--padding-left:25px;}@media(max-width:767px){.elementor-1813 .elementor-element.elementor-element-5455f9f{--padding-top:50px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1813 .elementor-element.elementor-element-c260c03 .elementor-heading-title{font-size:26px;line-height:1.3em;}.elementor-1813 .elementor-element.elementor-element-44ebc49{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1813 .elementor-element.elementor-element-3709bb6{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1813 .elementor-element.elementor-element-6c5a7af{width:100%;max-width:100%;}.elementor-1813 .elementor-element.elementor-element-6c5a7af .elementor-heading-title{font-size:26px;}.elementor-1813 .elementor-element.elementor-element-86f7c3b .uc_logo_marquee_holder{height:80px;}.elementor-1813 .elementor-element.elementor-element-d35c707{--padding-top:0px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1813 .elementor-element.elementor-element-e8e84fa .elementor-heading-title{font-size:26px;}.elementor-1813 .elementor-element.elementor-element-c04dfff{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-accordion-title-font-size:14px;}:where( .elementor-1813 .elementor-element.elementor-element-c04dfff > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:0px;--padding-right:15px;--padding-bottom:0px;--padding-left:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-00e5045 *//* ================================
   RENT VS BUY – FINAL UI DESIGN
================================ */

#rvb-calculator{padding: 50px 50px;background: #fff;border-radius: 28px;box-shadow: 0 20px 40px rgba(0, 0, 0, .06);font-family: Inter, sans-serif;margin: 0 auto;display: grid;grid-template-columns:1.05fr 1fr;gap:36px;}

/* LEFT PANEL */
.rvb-left label{display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px;color: black;}

.rvb-left input[type=number]{width: 100%;height: 52px;border: 1px solid #e5e7eb;border-radius: 10px;padding: 0 14px;font-size: 15px;}

.rvb-left input[type=range]{
  width:100%;
  height:6px;
  border-radius:10px;
  background:#e5e7eb;
  appearance:none;
  outline:none;
}

.rvb-left input[type=range]::-webkit-slider-thumb{
  appearance:none;
  width:16px;
  height:16px;
  background:#6c6cff;
  border-radius:50%;
  cursor:pointer;
}

/* Slider value text */
#loanYearsVal,
#interestRateVal,
#homeGrowthVal,
#rentGrowthVal{
  font-size:13px;
  font-weight:600;
  color:#444;
  display:block;
  margin-top:6px;
  margin-bottom:18px;
}

/* Residency buttons */
.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-buttons{
  background:#f4f5f7;
  padding:6px;
  border-radius:14px;
  display:flex;
  gap:6px;
  margin-bottom:18px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-buttons button{
  flex:1;
  padding:12px 0;
  border-radius:12px;
  border:none;
  background:transparent;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  color:#555;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-buttons button.active{
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  color:#111;
}

/* More options */
.elementor-1813 .elementor-element.elementor-element-00e5045 details{
  margin-top:20px;
  padding:18px;
  background:#fafafa;
  border-radius:16px;
  border:1px solid #e5e7eb;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 details summary{
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  list-style:none;
}

/* RIGHT PANEL */
.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-right .rvb-box{
  border:2px solid #c7d2fe;
  border-radius:18px;
  padding:22px;
  margin-bottom:24px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-box h3{
  font-size:16px;
  font-weight:700;
  margin-bottom:6px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-box p{
  font-size:13px;
  color:#555;
}

/* Charts spacing */
.elementor-1813 .elementor-element.elementor-element-00e5045 canvas{
  margin-top:16px;
}

/* Savings cards */
.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:20px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-grid div{
  background:#ecfdf5;
  border-radius:18px;
  padding:18px;
  text-align:left;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-grid strong{
  display:block;
  margin-top:8px;
  font-size:16px;
  font-weight:700;
}

/* Summary bottom */
.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-summary{
  display:flex;
  justify-content:space-between;
  margin:25px 0;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-summary small{
  font-size:13px;
  color:#555;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-summary h2{
  font-size: 26px;
  font-weight:800;
  margin-top:6px;
  margin-bottom: 0;
}

/* CTA */
.rvb-cta{border: none;font-family: "Montserrat", Sans-serif !important;font-size: 15px !important;font-weight: 400 !important;text-transform: uppercase;letter-spacing: 1px;display: inline-flex;padding: 14px 22px 14px 22px;cursor: pointer;background: #2872fa;color: white;margin-top: 20px;transition: all 0.3s ease;width: 100%;text-align: center;align-items: center;justify-content: center;}



.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-right {
    width: 100%;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 details summary {
    font-size: 29px;
    line-height: 1;
    display: block;
    margin-bottom: 20px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-left {
    width: 100%;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-left input[type=number] {
    margin-bottom: 20px;
}



/* Responsive */
@media(max-width:900px){
  #rvb-calculator{
    grid-template-columns:1fr;
    padding:24px;
  }
  
  .elementor-1813 .elementor-element.elementor-element-00e5045 #rvb-calculator .rvb-left {
    width: 100%;
    max-width: 100%;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 #rvb-calculator .rvb-left label {
    width: fit-content;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 #rvb-calculator .rvb-left .rvb-buttons {
    flex-wrap: wrap;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 #rvb-calculator  .rvb-box {
    width: 100%;
    margin-bottom: 20px;
}

#rvb-calculator {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-buttons button {
    font-size: 13px !important;
    padding: 10px 10px !important;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 details summary {
    font-size: 22px !important;
}

.elementor-1813 .elementor-element.elementor-element-00e5045 .rvb-grid {
    display: flex !important;
    flex-direction: column;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3703aa4 */.elementor-1813 .elementor-element.elementor-element-3703aa4 ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d63da1a */.elementor-1813 .elementor-element.elementor-element-d63da1a ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-565670b */.elementor-1813 .elementor-element.elementor-element-565670b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b5284b */.elementor-1813 .elementor-element.elementor-element-1b5284b ul{
    padding-left: 18px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-68db717 */.elementor-1813 .elementor-element.elementor-element-68db717 ul{
    padding-left: 18px;
}/* End custom CSS */