.elementor-473 .elementor-element.elementor-element-de80eaf{--display:flex;--padding-top:60px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-473 .elementor-element.elementor-element-de80eaf{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-c935d73 *//* Custom styles to implement brand colors and font */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom brand colors for Tailwind */
.bg-brand-dark { background-color: #0E172C; }
.bg-brand-medium { background-color: #102038; }
.bg-brand-primary { background-color: #C7D59C; }
.text-brand-primary { color: #C7D59C; }
.text-brand-dark { color: #0E172C; }
.border-brand-primary { border-color: #C7D59C; }
.ring-brand-primary { --tw-ring-color: #C7D59C; }

/* Custom styling for the calculator tabs */
.tab-btn {
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid transparent;
}
.tab-btn.active {
    color: #C7D59C;
    border-bottom-color: #C7D59C;
}
.tab-btn:hover:not(.active) {
    color: #E5E7EB; /* A light gray for hover */
}

/* General input styling */
.form-input {
    background-color: #0E172C !Important;
    border: 1px solid #374151 !Important; /* gray-700 */
    color: #F3F4F6 !Important; /* gray-100 */
    border-radius: 8px !Important; /* As requested */
}
.form-input:focus {
    outline: none;
    border-color: #C7D59C !Important;
    box-shadow: 0 0 0 2px rgba(199, 213, 156, 0.5) !Important;
}

/* Button styling */
.btn-primary {
    background-color: #C7D59C;
    color: #0E172C;
    font-weight: 600;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}
.btn-primary:hover {
    background-color: #b8c48a; /* A slightly darker shade for hover */
}
.btn-secondary {
    background-color: transparent;
    color: #9CA3AF; /* gray-400 */
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #374151; /* gray-700 */
    transition: all 0.3s ease;
}
.btn-secondary:hover {
    background-color: #1f2937; /* gray-800 */
    color: #F3F4F6; /* gray-100 */
}

/* History styling */
.history-item {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */