/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/conecto-about-us/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.about-us-highlight {
  max-inline-size: var(--wp--style--global--content-size);
  padding: 96px 0;
  background: #fff;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .about-us-highlight {
    padding: 64px 0 80px;
  }
}
.about-us-highlight .container {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  margin-left: 0;
}
@media (max-width: 1024px) {
  .about-us-highlight .container {
    gap: 60px;
  }
}
@media (max-width: 780px) {
  .about-us-highlight .container {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.about-us-highlight .image-column img {
  width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .about-us-highlight .image-column img {
    border-radius: 16px;
  }
}
.about-us-highlight .text-column .label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 9px 26px;
  text-decoration: none;
  border-radius: 20px;
  font: 400 clamp(12px, 2vw, 14px)/clamp(16px, 3vw, 20px) "Lato", sans-serif;
  transition: all 0.2s ease;
  background-color: rgba(110, 147, 196, 0.1);
  color: #0A3B80;
}
.about-us-highlight .text-column .label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTNiODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hd2FyZCB3LTQgc206dy01IGgtNCBzbTpoLTUgbXItMiB0ZXh0LWNvbmVjdG8tZGFyay1ibHVlIiBkYXRhLWxvdi1pZD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvVGVhbVNlY3Rpb24udHN4OjI0OjE0IiBkYXRhLWxvdi1uYW1lPSJBd2FyZCIgZGF0YS1jb21wb25lbnQtcGF0aD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvVGVhbVNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1saW5lPSIyNCIgZGF0YS1jb21wb25lbnQtZmlsZT0iVGVhbVNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1uYW1lPSJBd2FyZCIgZGF0YS1jb21wb25lbnQtY29udGVudD0iJTdCJTIyY2xhc3NOYW1lJTIyJTNBJTIydy00JTIwc20lM0F3LTUlMjBoLTQlMjBzbSUzQWgtNSUyMG1yLTIlMjB0ZXh0LWNvbmVjdG8tZGFyay1ibHVlJTIyJTdEIj48cGF0aCBkPSJtMTUuNDc3IDEyLjg5IDEuNTE1IDguNTI2YS41LjUgMCAwIDEtLjgxLjQ3bC0zLjU4LTIuNjg3YTEgMSAwIDAgMC0xLjE5NyAwbC0zLjU4NiAyLjY4NmEuNS41IDAgMCAxLS44MS0uNDY5bDEuNTE0LTguNTI2Ij48L3BhdGg+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSI2Ij48L2NpcmNsZT48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  color: #0A3B80;
}
.about-us-highlight .text-column .heading {
  font: 700 clamp(24px, 2vw, 36px)/clamp(32px, 3vw, 40px) "Lato", sans-serif;
  color: #0A3B80;
  margin: 0 0 24px 0;
}
.about-us-highlight .text-column .text1,
.about-us-highlight .text-column .text2 {
  font: 400 clamp(16px, 2vw, 18px)/clamp(24px, 3vw, 28px) "Lato", sans-serif;
  color: #64748b;
  margin: 0 0 5px 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .about-us-highlight .text-column .text1,
  .about-us-highlight .text-column .text2 {
    margin-bottom: 20px;
  }
}
.about-us-highlight .text-column .text2 {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .about-us-highlight .text-column .text2 {
    margin-bottom: 32px;
  }
}
.about-us-highlight .text-column .buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .about-us-highlight .text-column .buttons {
    flex-direction: column;
    gap: 12px;
  }
}
.about-us-highlight .text-column .buttons .btn:first-child::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 12px;
  background-position: center;
  flex-shrink: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtYXJyb3ctcmlnaHQgdy00IHNtOnctNSBoLTQgc206aC01IG1sLTMgZ3JvdXAtaG92ZXI6dHJhbnNsYXRlLXgtMSB0cmFuc2l0aW9uLXRyYW5zZm9ybSIgZGF0YS1sb3YtaWQ9InNyYy9jb21wb25lbnRzL3NlY3Rpb25zL0hlcm9TZWN0aW9uLnRzeDo2NzoyMiIgZGF0YS1sb3YtbmFtZT0iQXJyb3dSaWdodCIgZGF0YS1jb21wb25lbnQtcGF0aD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvSGVyb1NlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1saW5lPSI2NyIgZGF0YS1jb21wb25lbnQtZmlsZT0iSGVyb1NlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1uYW1lPSJBcnJvd1JpZ2h0IiBkYXRhLWNvbXBvbmVudC1jb250ZW50PSIlN0IlMjJjbGFzc05hbWUlMjIlM0ElMjJ3LTQlMjBzbSUzQXctNSUyMGgtNCUyMHNtJTNBaC01JTIwbWwtMyUyMGdyb3VwLWhvdmVyJTNBdHJhbnNsYXRlLXgtMSUyMHRyYW5zaXRpb24tdHJhbnNmb3JtJTIyJTdEIj48cGF0aCBkPSJNNSAxMmgxNCI+PC9wYXRoPjxwYXRoIGQ9Im0xMiA1IDcgNy03IDciPjwvcGF0aD48L3N2Zz4=);
  transition: transform 0.3s ease;
}
.about-us-highlight .text-column .buttons .btn {
  font: 400 clamp(14px, 2vw, 16px)/clamp(20px, 3vw, 24px) "Lato", sans-serif;
  padding: 10px 32px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 160px;
}
@media (max-width: 768px) {
  .about-us-highlight .text-column .buttons .btn {
    padding: 14px 28px;
    min-width: 140px;
  }
}
@media (max-width: 480px) {
  .about-us-highlight .text-column .buttons .btn {
    width: 100%;
    min-width: auto;
  }
}
.about-us-highlight .text-column .buttons .btn.primary {
  background: linear-gradient(90deg, #0A3B80 0%, #6E93C4 100%);
  color: #ffffff;
}
.about-us-highlight .text-column .buttons .btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(30, 64, 175, 0.4);
}
.about-us-highlight .text-column .buttons .btn.secondary {
  background: transparent;
  color: #0A3B80;
  border: 1px solid #0A3B80;
}
.about-us-highlight .text-column .buttons .btn.secondary:hover {
  background: rgba(30, 64, 175, 0.05);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(30, 64, 175, 0.2);
}
@media (max-width: 768px) {
  .about-us-highlight .text-column {
    order: 1;
  }
  .about-us-highlight .image-column {
    order: 2;
  }
}

/*# sourceMappingURL=style-index.css.map*/