.ge-kv-wrap {
--brand-color: #FF4C00;
--brand-hover:  #e64400;
margin-top: -40px;
}
.ge-kv-wrap .ge-container {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
} .ge-kv-wrap .calculator-card {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
} .ge-kv-wrap .bg-brand {
background-color: var(--brand-color) !important;
}
.ge-kv-wrap .btn-brand {
background-color: var(--brand-color);
border-color: var(--brand-color);
color: #fff;
}
.ge-kv-wrap .btn-brand:hover,
.ge-kv-wrap .btn-brand:focus {
background-color: var(--brand-hover);
border-color: var(--brand-hover);
color: #fff;
} .ge-kv-wrap .result-section {
background-color: #f8f9fa;
border-radius: 0.375rem;
padding: 1.5rem;
margin-top: 1.5rem;
}
.ge-kv-wrap .result-item {
display: flex;
justify-content: space-between;
padding: 0.75rem 0;
border-bottom: 1px solid #dee2e6;
}
.ge-kv-wrap .result-item:last-child {
border-bottom: none;
}
.ge-kv-wrap .result-label {
font-weight: 500;
color: #495057;
}
.ge-kv-wrap .result-value {
font-weight: 600;
color: #212529;
} .ge-kv-wrap .box-result {
background-color: var(--brand-color);
color: #fff;
padding: 1rem;
border-radius: 0.375rem;
text-align: center;
margin-top: 1rem;
}
.ge-kv-wrap .box-result-number {
font-size: 2rem;
font-weight: 700;
} .ge-kv-wrap .info-text {
font-size: 0.875rem;
color: #6c757d;
margin-top: 1rem;
} .ge-kv-wrap .brand-title {
color: #fff;
font-weight: 700;
}
.ge-kv-wrap .card-header h1,
.ge-kv-wrap .card-header h1 .brand-title {
color: #fff !important;
} .ge-kv-wrap .form-control {
padding: 0.75rem 1rem;
font-size: 1.1rem;
}
.ge-kv-wrap .form-control::placeholder {
font-size: 1rem;
}
.ge-kv-wrap .form-label {
font-size: 1.1rem;
font-weight: 500;
} .ge-kv-wrap .btn-whatsapp {
background-color: #25D366;
border-color: #25D366;
color: #fff;
font-weight: 600;
padding: 0.75rem 1.5rem;
font-size: 1.1rem;
text-decoration: none;
display: inline-block;
}
.ge-kv-wrap .btn-whatsapp:hover,
.ge-kv-wrap .btn-whatsapp:focus {
background-color: #20BA5A;
border-color: #20BA5A;
color: #fff;
} .ge-kv-wrap {
padding: 1.5rem 0;
} @media (max-width: 767.98px) {
.ge-kv-wrap {
padding: 0;
}
.ge-kv-wrap .ge-container,
.ge-kv-wrap .row,
.ge-kv-wrap [class*="col-"] {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.ge-kv-wrap .calculator-card {
border-radius: 0;
}
}