.elementor-1431 .elementor-element.elementor-element-39e38eb{margin-top:50px;margin-bottom:50px;}.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-1431 .elementor-element.elementor-element-98ae1bd{text-align:left;}.elementor-1431 .elementor-element.elementor-element-98ae1bd .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:48px;font-weight:600;color:#000000;}.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-1431 .elementor-element.elementor-element-958f9fa{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-1431 .elementor-element.elementor-element-5599a436{margin-top:50px;margin-bottom:50px;}.elementor-widget-image .widget-image-caption{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-1431 .elementor-element.elementor-element-5afd3f69{width:var( --container-widget-width, 141.505% );max-width:141.505%;--container-widget-width:141.505%;--container-widget-flex-grow:0;}.elementor-1431 .elementor-element.elementor-element-266a98f1{text-align:left;}.elementor-1431 .elementor-element.elementor-element-266a98f1 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1431 .elementor-element.elementor-element-5c1bdd7a{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1431 .elementor-element.elementor-element-13b4fd76 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:700;}.elementor-1431 .elementor-element.elementor-element-3bb738f5{margin-top:50px;margin-bottom:50px;}.elementor-1431 .elementor-element.elementor-element-4cc79a98{width:var( --container-widget-width, 141.505% );max-width:141.505%;--container-widget-width:141.505%;--container-widget-flex-grow:0;}.elementor-1431 .elementor-element.elementor-element-65ddbecd{text-align:left;}.elementor-1431 .elementor-element.elementor-element-65ddbecd .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1431 .elementor-element.elementor-element-954f11a{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-1431 .elementor-element.elementor-element-5253bde7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Lato", Sans-serif;font-weight:700;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1431 .elementor-element.elementor-element-362d9795{width:15%;}.elementor-1431 .elementor-element.elementor-element-615845a3{width:85%;}.elementor-1431 .elementor-element.elementor-element-a652489{width:15%;}.elementor-1431 .elementor-element.elementor-element-340e40d2{width:85%;}}@media(max-width:1024px){.elementor-1431 .elementor-element.elementor-element-98ae1bd .elementor-heading-title{font-size:38px;}.elementor-1431 .elementor-element.elementor-element-266a98f1 .elementor-heading-title{font-size:30px;}.elementor-1431 .elementor-element.elementor-element-65ddbecd .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-1431 .elementor-element.elementor-element-98ae1bd{text-align:left;}.elementor-1431 .elementor-element.elementor-element-98ae1bd .elementor-heading-title{font-size:28px;}.elementor-1431 .elementor-element.elementor-element-5afd3f69{text-align:left;}.elementor-1431 .elementor-element.elementor-element-266a98f1 .elementor-heading-title{font-size:24px;}.elementor-1431 .elementor-element.elementor-element-4cc79a98{width:var( --container-widget-width, 145.364px );max-width:145.364px;--container-widget-width:145.364px;--container-widget-flex-grow:0;}.elementor-1431 .elementor-element.elementor-element-65ddbecd .elementor-heading-title{font-size:24px;}}/* Start custom CSS */h1 {
  text-align: center;
}

.container {
  background-color: #ffffff;
  padding: 20px;
  max-height: 100vh;
  overflow-y: auto;
}

.input-group {
  display: flex;
  margin-bottom: 15px;
}

.input-group label {
  flex-basis: 30%;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.input-group input[type="text"],
.input-group input[type="number"],
.input-group select {
  flex-basis: 70%;
  padding: 8px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 16px;
}

/* Style for error message */
.error-message {
  flex-basis: 25%;
  color: #d8000c;
  /* display: none; */
}

/* Enhanced checkboxes layout */
.checkbox-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
}

.checkbox-group label {
  margin-right: 20px;
}

.checkbox-group input[type="checkbox"] {
  margin-right: 5px;
}

/* Button container styles */
.button-container {
  text-align: center;
  margin-top: 20px; /* Adjust the space above the button as needed */
}

button {
  background-color: #0056b3!important;
  color: white!important;
  padding: 10px 15px;
  border: none!important;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

button:hover {
  background-color: #003d82;
}

/* Style for the results table */
#results-table {
  width: 100%;
  border-collapse: collapse; 
  margin-top: 20px;
}

/* Header style */
#results-table thead th {
  background-color: #f2f2f2; 
  color: #333; 
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px solid #ddd; 
}

/* Style for each table cell */
#results-table td {
  padding: 10px;
  text-align: center; 
  border-left: 1px solid #ddd; 
  border-right: 1px solid #ddd;
  font-size: 12px;
}

/* Style for alternating row colors */
#results-table tr:nth-child(odd) {
  background-color: #fff;
}

#results-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Style for alternating row colors */
#results-table tr:hover {
  background-color: #fca350;
}

/* Style to remove border from the first and last cell to avoid double lines */
#results-table td:first-child {
  border-left: none;
}

#results-table td:last-child {
  border-right: none;
}

/* Modal*/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 55%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 500px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.modal-table thead th {
  background-color: #f2f2f2; 
  color: #333; 
  padding: 10px;
  border-bottom: 1px solid #ddd; 
}

.modal-table td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
}

/* Form styles, if needed */
#pension-options-form {
  margin-top: 20px;
}

#pension-options-form .checkbox-group {
  margin: 15px 0;
}

#pension-options-forn .input-group {
  margin: 15px 0;  
}

#calculationsTable {
  display: none;
}

@media screen and (max-width: 1024px){
.modal {width: 100%;}
}/* End custom CSS */