.calculator-wrapper{
    width:100%;
    margin:auto;
}

.top-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:24px;
}

.card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
}

/* LEFT CARD */
.home-value {
	 box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;	
	border: 0;
	background: #fff;
}
.home-value h2 {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 28px;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 800;
    color: #111827;
    letter-spacing: -.01em;
}

.home-value p {
    color: #6b7280;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
}

.home-price {
    font-size: 36px;
    letter-spacing: -.01em;
    font-weight: 800;
    color: var(--e-global-color-primary);
    margin-bottom: 20px;
    font-family: var(--e-global-typography-primary-font-family);
}

.range-wrap{
    margin-bottom:20px;
}

input[type=range]{
    width:100%;
    cursor:pointer;
	accent-color:var(--e-global-color-primary);
}

.range-labels{
    display:flex;
    justify-content:space-between;
    margin-top:10px;
    color:#6b7280;
    font-size:12px;
}

.label {
    margin-top: 24px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #6b7280;
}

.amount-input {
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 16px;
/*     font-weight: 600; */
    outline: none;
    color: #111827;
}

/* CENTER CARD */

.agent-title {
    font-size: 14px;
    font-weight: 800;
    color: #6b7280;
    font-family: var(--e-global-typography-primary-font-family);
}

.agent-net {
    font-size: 24px;
    font-weight: 800;
    margin-top: 5px;
    color: #111827;
    font-family: var(--e-global-typography-primary-font-family);
}

.small-text {
    color: #6b7280;
    font-size: 12px;
    line-height: 16px;
/*     margin-top: 4px; */
    margin-bottom:20px;
}

.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6;
}

.row:last-child{
    border-bottom:none;
}

.row span{
    font-size:14px;
	color:#4b5563;
}

.row span.minus{
    color:#dc2626;
    font-weight:600;
}
.total{
    font-weight:700;
}

.avg-close {
    margin-top: 20px;
    color: #6b7280;
    font-size: 12px;
}

/* RIGHT CARD */

.cash-card{
    background: #1456AF;
background: -webkit-linear-gradient(134deg, rgba(20, 86, 175, 1) 0%, rgba(16, 64, 127, 1) 100%);
background: -moz-linear-gradient(134deg, rgba(20, 86, 175, 1) 0%, rgba(16, 64, 127, 1) 100%);
background: linear-gradient(134deg, rgba(20, 86, 175, 1) 0%, rgba(16, 64, 127, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1456AF", endColorstr="#10407F", GradientType=0);
    color:#fff;
    position:relative;
}

.keep-tag {
    position: absolute;
    top: -12px;
    right: 20px;
    background: #facc15;
    color: #000;
    padding: 4px 12px;
    border-radius: 18px;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: -.01em;
    font-family: var(--e-global-typography-primary-font-family);
}

.cash-title {
    font-size: 14px;
    font-weight: 800;
    color: #fde047;
    letter-spacing: -.01em;
    font-family: var(--e-global-typography-primary-font-family);
}

.cash-value {
    font-size: 36px;
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -.01em;
    margin-top: 8px;
    font-family: var(--e-global-typography-primary-font-family);
}

.cash-sub{
    margin-top:4px;
    margin-bottom:20px;
    color:#dbeafe;
    font-size: 12px;
}

.feature{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-bottom:8px;
    font-size:14px;
}

.check i {
    font-size: 20px;
    color: #facc15;
}

.close-time{
    margin-top:20px;
    color:#fef08a;
    font-size:12px;
}

/* BOTTOM BOX */

.bottom-line {
    margin-top: 32px;
    background: #f0fdf4;
    border: 2px solid #bbf7d0;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
}

.bottom-line h4{
    font-size:14px;
    color: #6b7280;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 800;
}

.bottom-line h2{
    font-size:30px;
    margin-top:8px;
    line-height:2.25rem;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 800;
}

.green{
    color:#15803d;
}

.bottom-line p{
    color:#4b5563;
    max-width:665px;
    margin-top: 12px;
    margin:auto;
    line-height:1.625;
}

/* RESPONSIVE */

@media(max-width:991px){

    .top-grid{
        grid-template-columns:1fr;
    }

    .home-price,
    .agent-net,
    .cash-value{
        font-size:48px;
    }

    .bottom-line h2{
        font-size:34px;
    }

}

@media(max-width:576px){
/* 
    body{
        padding:20px 15px;
    }
 */
    .card{
        padding:22px;
    }

    .home-price,
    .agent-net,
    .cash-value{
        font-size:40px;
    }

    .bottom-line{
        padding:30px 20px;
    }

    .bottom-line h2{
        font-size:28px;
    }

}

.calculator-actions{
    display:flex;
    justify-content:center;
    gap:16px;
    margin-top:30px;
    flex-wrap:wrap;
}

#getOfferBtn{
   background: linear-gradient(180deg, #ffc93c, #ffb300);
    color: #1a1a1a;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
    transition: .2s;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    box-shadow: 0 4px 0 #d89a00, 0 6px 14px #00000040;
}

#getOfferBtn:hover{
    transform:translateY(-2px);
}

#downloadPdfBtn{
    background:#fff;
    color:#1456AF;
    border:2px solid #1456AF;
    padding:14px 28px;
    border-radius:8px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
	font-family: Montserrat, sans-serif;
}
#downloadPdfBtn:hover {
	 color:#fff;
   background:#1456AF;
}

.pdf-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    z-index:999999;
}

.pdf-modal.active{
    display:flex;
    justify-content:center;
    align-items:center;
}

.pdf-modal-content{
    width:100%;
    max-width:500px;
    background:#fff;
    border-radius:24px;
    padding:40px;
    position:relative;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}

.pdf-modal-content h2{
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    margin-bottom:20px;
}

.pdf-modal-content p{
    color:#6b7280;
    line-height:1.6;
    margin-bottom:24px;
}

.pdf-modal input{
    width:100%;
    padding:14px 16px;
    border:1px solid #d1d5db;
    border-radius:8px;
    margin-bottom:14px;
    font-size:16px;
}

.pdf-modal button{
    width:100%;
    background:#fbbf24;
    border:none;
    padding:16px;
    border-radius:8px;
    font-weight:800;
    font-size:18px;
    cursor:pointer;
    box-shadow:0 4px 0 #d97706;
}

.download-direct{
    display:block;
    text-align:center;
    margin-top:20px;
    color:#374151;
    text-decoration:underline;
}

.close-modal{
    position:absolute;
    top:18px;
    right:24px;
    font-size:32px;
    cursor:pointer;
}
.pdf-modal-content {
  max-width: 465px !important;
  width: calc(100% - 32px) !important;
  padding: 32px 30px 28px !important;
  border-radius: 16px !important;
  text-align: center !important;
  background: #fff !important;
}

.pdf-modal-content h2 {
  font-size: 26px !important;
  line-height: 1.18 !important;
  margin: 12px 0 12px !important;
  font-weight: 800 !important;
  color: #071428 !important;
  font-family: "Montserrat", sans-serif;
	
}

.pdf-modal-content p {
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #4b5563 !important;
  margin: 0 0 20px !important;
}

.pdf-modal-content input {
  width: 100% !important;
  height: 52px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 7px !important;
  padding: 0 16px !important;
  margin-bottom: 12px !important;
  font-size: 15px !important;
}

.pdf-modal-content button[type="submit"] {
  width: 100% !important;
  height: 56px !important;
  background: #ffc21a !important;
  color: #071428 !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  box-shadow: rgb(216, 154, 0) 0px 4px 0px, rgba(0, 0, 0, 0.25) 0px 6px 14px !important;
	font-family: "Montserrat", sans-serif;
}

.download-direct {
  display: inline-block !important;
  margin-top: 12px !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  text-decoration: underline !important;
}
.download-direct:hover {
	color: #1f2937 !important;
}
.close-modal {
  position: absolute !important;
  right: 20px !important;
  top: 18px !important;
  font-size: 28px !important;
  color: rgb(172 175 183) !important;
  cursor: pointer !important;
}


.pdf-modal-icon{
    width:64px;
    height:64px;
    margin:0 auto 18px;
    border-radius:50%;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pdf-modal-icon i{
    font-size:28px;
    color:#1456AF;
}
.pdf-security-note{
    margin-top:14px;
    font-size:14px;
    color:#667085;
    display:flex;
    align-items:center;
    justify-content:start;
    gap:6px;
}

.pdf-security-note i{
    color:#667085;
    font-size:14px;
}
.pdf-modal-icon span {
  font-size: 30px;
  color: #1456AF;
  line-height: 1;
}
.pdf-modal-icon i,
.pdf-modal-icon span{
    color:#1456AF !important;
    font-size:24px !important;
}
.pdf-modal-icon{
    width:64px;
    height:64px;
    background:#eef4ff;
}
.pdf-security-note{
    margin-top:16px;
    font-size:13px;
    color:#6b7280;
}
.pdf-modal-content button[type="submit"]{
    transition: all .25s ease;
}

.pdf-modal-content button[type="submit"]:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.pdf-modal-icon{
    width:64px;
    height:64px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#eef6ff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pdf-modal-icon i{
    color:#1456AF;
    font-size:26px;
    line-height:1;
}
.pdf-modal-content button[type="submit"]:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,.15);
    filter: brightness(1.02);
}


@media (max-width: 767px) {
  .pdf-modal-content {
    padding: 28px 22px 24px !important;
  }

  .pdf-modal-content h2 {
    font-size: 24px !important;
  }
	#getOfferBtn, #downloadPdfBtn {
  	 font-size: 14px !important;
	}
	.pdf-modal-content button[type="submit"] {
  	 font-size: 11px !important;
	}
}