.sec_consultation {
  position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 85% 80%, #174579 0, #0b2344 35%, #081627 78%);
  &::before { position: absolute; z-index: -1; inset: 0; background: url("../../assets/images/mesh-wave.svg") center bottom / cover no-repeat; content: ""; opacity: .65; }
  .wrap { margin: 0 auto; padding: 105px 40px 120px; max-width: 1350px; display: grid; grid-template-columns: 1fr 430px; align-items: center; gap: 85px; }
  .copy { max-width: 630px; .kicker { margin-bottom: 21px; } h2 { font-size: 42px; font-weight: 800; line-height: 1.48em; letter-spacing: -.035em; } > p:not(.kicker) { margin-top: 22px; color: #c4d5ea; font-size: 15px; line-height: 1.9em; } }
  .actions { margin-top: 31px; display: flex; flex-wrap: wrap; gap: 12px; a { min-width: 185px; } }
  .panel { padding: 32px 32px 26px; border: 1px solid #5b83b6; border-radius: 12px; background: #0d203bd9; box-shadow: 0 28px 55px #030c1b75; h3 { font-size: 18px; font-weight: 800; } ul { margin: 21px 0 0; padding: 0; display: grid; gap: 12px; list-style: none; li { position: relative; padding-left: 28px; color: #e0ecfc; font-size: 13px; line-height: 1.65em; &::before { position: absolute; top: 1px; left: 0; width: 17px; height: 17px; border: 1px solid #66bdf7; border-radius: 50%; color: #66bdf7; content: "✓"; font-size: 11px; line-height: 15px; text-align: center; } } } > p { margin-top: 23px; padding-top: 17px; border-top: 1px solid #395679; color: #a9c1e0; font-size: 12px; line-height: 1.8em; } }
  @media (max-width: 950px) { .wrap { padding: 90px 28px; grid-template-columns: 1fr 360px; gap: 35px; } .copy h2 { font-size: 36px; } }
  @media (max-width: 750px) { .wrap { grid-template-columns: 1fr; } .panel { max-width: 560px; } }
  @media (max-width: 600px) { .wrap { padding: 75px 18px 85px; gap: 35px; } .copy { h2 { font-size: 31px; } > p:not(.kicker) { font-size: 14px; } } .actions { display: grid; a { width: 100%; } } .panel { padding: 25px 21px; } }
}