.pos-rel {
  position: relative;
}

.container {
  max-width: 1200px;
}

.general {
  margin-top: 210px;
}
.general .title_desc {
  max-width: 768px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: auto;
  position: relative;
  z-index: 3;
}
.general .title_desc p {
  font-size: 20px;
  line-height: 24px;
  font-family: var(--rt-font-dm);
  text-align: center;
  color: rgba(15, 36, 65, 0.6);
  max-width: 632px;
  width: 94%;
  text-align: center;
  margin: auto;
}
@media (max-width: 1024px) {
  .general {
    margin-top: 130px;
  }
}

.blocks {
  margin-top: 80px;
  background-color: #EEF5FF;
}
.blocks h2 {
  font-family: var(--rt-font-ibm);
  font-weight: 600;
  font-size: 32px;
  line-height: 36px;
  color: #0F2441;
  text-align: center;
  margin-bottom: 32px;
}
.blocks .boxes {
  display: flex;
  gap: 16px;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-bottom: 80px;
  justify-content: center;
}
.blocks .boxes .box {
  background-color: #ffffff;
  border-radius: 8px 32px 32px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 280px;
  transition: all 0.3s;
  border: 1px solid #ffffff;
}
.blocks .boxes .box h3 {
  font-family: var(--rt-font-ibm);
  font-size: 20px;
  line-height: 26px;
  color: #0F2441;
  text-align: center;
}
.blocks .boxes .box a {
  color: #0F2441;
  font-size: var(--rt-font-dm);
  font-size: 18px;
  font-weight: 600;
  display: flex;
  border: 1px solid #ADC8F4;
  border-radius: 16px;
  padding: 16px 32px;
  background-color: #ffffff;
  width: 224px;
  text-align: center;
  transition: all 0.3s;
  justify-content: center;
}
.blocks .boxes .box a:hover {
  background-color: #EE7D54;
  color: #ffffff;
  border: 1px solid #EE7D54;
  transition: all 0.3s;
}
.blocks .boxes .box:hover {
  border: 1px solid #32BACA;
  transition: all 0.3s;
}
@media (max-width: 620px) {
  .blocks .boxes .box {
    width: 380px;
  }
}
@media (max-width: 520px) {
  .blocks .boxes .box {
    width: 80%;
  }
}
@media (max-width: 460px) {
  .blocks .boxes .box {
    width: 100%;
  }
}
.blocks.bg_shadow_after:after {
  background-image: linear-gradient(180deg, #EEF5FF 0%, #fff 100%);
}

.explore {
  background-color: #FFF5D2;
  padding: 32px 40px;
  border-radius: 8px 32px 32px;
  position: relative;
  z-index: 3;
  margin-bottom: 120px;
}
.explore .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}
.explore .wrapper .info_explore {
  max-width: 690px;
  width: 100%;
}
.explore h2 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  color: #0F2441;
}
.explore p {
  color: rgba(15, 36, 65, 0.6);
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}

.section_desc {
  margin: auto !important;
}