/* Colors 
Methodology, section 1 (header, background): #bcab99
Methodology, section 1 (header, boxes): #6da6a6
Methodology, section 2 (methodology, background): #466fa6
Methodology, section 2 (methodology, boxes): #8badd9
*/

/* Utilities  */
p {
  margin: 10px 0;
  font-size: 18px;
}
h4 {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
}
ol {
  font-size: 18px;
}
/* Section header */
.section_header_methodology {
  background-color:#c5a061;
  color: #067d42;
}
.header {
  display: flex;  
  align-items: start;
  background: #c5a061;
}
.header .box {
  flex: 1;
  background: rgb(241, 198, 123);
  color: #333;
  border-radius: 10px;
  margin: 20px 10px;
  padding: 15px 20px;
  text-align:center;
  align-items: center;
  justify-content: center;
}
.header .box:nth-of-type(1) {
  flex-grow:2;
}
.header .box:nth-of-type(2) {
  flex-grow:1;
}
.container_buttons_links_header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
}
.container_buttons_links_header a:hover {
  color: #2a4359;
}
.container_buttons_links_header btn {
  width: 100px;
  height: 100px;
  background: #2a4359;
  color: #333;
  display: flex;
  justify-content:center;
  align-items:center;
}
/* Section methodology */
.section_body_methodology {
  background-color:#c5a061;
}
.methodology {
  display: flex;  
  align-items: start;
  background: #6ba840;
  border-radius: 10px;
  display: flex;
  align-items: center; 
  justify-content: center;
  
}
/* Table with one column */
.methodology {
  display: flex;
  /* Add any additional styling needed for the container */
}

.methodology .box_table1 {
  background: rgb(241, 198, 123);
  color: #333;
  border-radius: 10px;
  margin: 10px;
  padding: 15px;
  text-align: center;
  /* Remove align-items and justify-content as they are not needed here */
}

.methodology .box_table1:nth-of-type(1) {
  flex-grow: 1;
  /* Adjust other styles if needed */
}

.methodology .box_table1:nth-of-type(2) {
  flex-grow: 2; /* This value is greater to ensure this column is wider */
  /* Adjust other styles if needed */
}

.methodology .box_table1:nth-of-type(3) {
  flex-grow: 1;
  /* Adjust other styles if needed */
}

/* Ensuring the methodology container is a flex container */
.methodology {
  display: flex;
  justify-content: center; /* Center children horizontally */
  align-items: center; /* Center children vertically */
  flex-wrap: wrap; /* Allow the items to wrap if needed */
  /* Add any additional styles needed for the container */
}

/* Styles for each box_table2 */
.methodology .box_table2 {
  flex: 1;
  background: rgb(241, 198, 123);
  color: #333;
  border-radius: 10px;
  margin: 10px;
  padding: 15px;
  text-align: center;
  /* Removed align-items and justify-content as they have no effect on flex items */
}

.methodology .box_table2:nth-of-type(1),
.methodology .box_table2:nth-of-type(2) {
  flex-grow: 1;
}

/* Media query for smaller screens */
@media (max-width: 768px) { 
  .header {
    flex-direction: column;
  } 
  .methodology {
    flex-direction: column;
  } 
}