@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,400&family=Poppins:wght@900&family=Roboto&display=swap");

/* RESET */
/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*
    2. Remove default margin
  */
* {
  margin: 0;
}
/*
    3. Allow percentage-based heights in the application
  */
html,
body {
  width: 100%;
  height: 100%;
  font-family: Roboto, sans-serif;
}
/*
    Typographic tweaks!
    4. Add accessible line-height
    5. Improve text rendering
  */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
    6. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
/*
    7. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
  font: inherit;
}
/*
    8. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
/*
    9. Create a root stacking context
  */
#root,
#__next {
  isolation: isolate;
}
/* Page styles */

#selecao_organnact_main {
  overflow: hidden;
}
#section_1 {
  position: relative;
}
#section_1 > #where_to_find_button {
  text-align: center;
  text-decoration: none;
  position: absolute;
  font-family: "Montserrat";
  font-style: normal;
  width: 258px;
  font-weight: 700;
  font-size: 16px;
  transform: translateX(50%);
  right: 50%;
  top: 122vw;
  line-height: 100%;
  background: #2a479e;
  border-radius: 50px;
  padding: 24px;
  color: white;
}
@media (min-width: 768px) {
  #section_1 > #where_to_find_button {
    padding: 24px 40px;
    width: 317px;
    right: 11vw;
    top: 13vh;
    transform: none;
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  #section_1 > #where_to_find_button {
    right: 260px;
    top: 220px;
  }
}
#section_1 > #where_to_find {
  position: fixed;
  right: 12px;
  bottom: 84px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 10;
  animation-name: stretch;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
@keyframes stretch {
  0% {
    transform: scale(0.9);
  }

  50% {
  }

  100% {
    transform: scale(1);
  }
}

#section_1 > #where_to_find > span {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  background: white;
  border-radius: 50px;
  color: #000;
  text-align: center;
  margin-right: 12px;
  width: 144px;
  height: 64px;
  line-height: 100%;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
#section_1 > #where_to_find > span > svg {
  position: absolute;
  right: -7px;
  bottom: 50%;
  transform: translateY(50%);
}
#section_1 > #where_to_find > svg {
  padding: 19px;
  width: 80px;
  background: #2a479e;
  border-radius: 100%;
  height: 80px;
  filter: drop-shadow(1.33333px 2.66667px 4px rgba(133, 133, 133, 0.25));
}
@media (min-width: 768px) {
  #section_1 > #where_to_find > span > svg {
    position: absolute;
    right: 50%;
    bottom: -17px;
    transform: rotate(90deg) translateY(-30%);
  }
  #section_1 > #where_to_find {
    flex-direction: column;
  }
  #section_1 > #where_to_find > span {
    margin-right: 0;
    margin-bottom: 21px;
  }
}
#section_2 {
  position: relative;
}
#section_2_top_right_mobile_border {
  position: absolute;
  right: 12px;
  top: -4px;
}
#section_2_bottom_left_mobile_border {
  position: absolute;
  left: 12px;
  bottom: -4px;
}
#section_2_top_right_desktop_border {
  position: absolute;
  right: 20px;
  top: -22px;
}
#section_2_bottom_left_desktop_border {
  position: absolute;
  left: 20px;
  bottom: -22px;
}
#section_2 > h2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
}
.stat-container {
  position: relative;
  width: 128px;
  height: 128px;
}
@media (min-width: 768px) {
  #section_2_inner_wrapper {
    transform: scale(1.7);
  }
}
.stat-container > svg {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 128px; /* Need a specific value to work */
}
.stat-container > p {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: 0;
  margin: auto;
  width: 114px;
  height: 68px;
  color: #1f2933;
  font-family: "Montserrat";
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .stat-container > p {
    width: 100%;
  }
}
.stat-container > p > b {
  font-family: "Poppins";

  color: black;
  font-weight: 900;
  font-size: 40px;
  line-height: 50px;
}
#section_3 {
}
#section_3_content {
  background: #2a479e;
  color: white;
}
@media (min-width: 768px) {
  #section_3_content,
  #section_3_picture {
    width: 50%;
  }
  #section_3_content > div {
    width: 475px;
    height: 288px;
    margin: auto 60px auto auto;
  }
}
@media (min-width: 1400px) {
}
#section_3_content > div > h2 {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 24px;
  color: #ffb300;
  line-height: 29px;
}
#section_3_content > div > h2 > span {
  color: white;
}
#section_3_content > div > p {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
#section_3_content > div > i {
  display: block;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
#section_4 {
}
#section_4 > i {
  color: #3e4c59;
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
#section_4_inner_container > div > h2 {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;

  color: #2a479e;
}
#section_4_inner_container > div > p {
  color: #3e4c59;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
#section_4_inner_container > div > b {
  color: #3e4c59;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
#section_4_inner_container > div > a > button {
  width: fit-content;
  background: #2a479e;
  color: white;
  border-radius: 50px;
  font-family: "Montserrat";
  font-weight: 700;
  margin: auto;
  width: 258px;
  height: 64px;
  font-size: 14px;
  line-height: 100%;
}
#section_4_inner_container > div > button:hover {
  background: #3c5dc0;
}
#section_4_image_wrapper {
  position: relative;
}

@media (min-width: 768px) {
  #section_4_inner_container {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
    justify-content: space-around !important;
  }
  #section_4_inner_container > div {
  }

  #section_4_inner_container > picture {
    width: 532px;
  }
  #section_4_inner_container > div > h2 {
    width: 590px;
  }
  #section_4_inner_container > div > a > button {
    width: 317px;
    height: 66px;
    margin: unset;
    font-size: 18px;
  }
  #section_4_inner_container > div > p,
  #section_4_inner_container > div > b {
    width: 430px;
  }
  #section_4 > i {
    width: 75%;
  }
}