@import '_content/AngryMonkey.Cloud.Components/AngryMonkey.Cloud.Components.bundle.scp.css';

/* _content/SafeTech/Components/Shared/Contact.razor.rz.scp.css */
.--contact[b-yiv53366qv] {
  min-height: 300px;
  background: var(--linearBg);
  margin-top: 0;
  margin-bottom: 0;
}
.--contact > article[b-yiv53366qv] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.--contact-bg[b-yiv53366qv] {
  position: absolute;
  left: 20px;
  top: 0;
  height: 100%;
  z-index: 1;
  padding-block: 50px;
  transform: rotate(-12deg);
}
.--contact-bg[b-yiv53366qv]  svg {
  height: 100%;
  opacity: 0.1;
}
.--contact-bg[b-yiv53366qv]  svg.--svg-fill {
  fill: var(--whiteColor);
}
.--contact-description[b-yiv53366qv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 400px;
  width: 100%;
  z-index: 10;
}
.--contact-description h2[b-yiv53366qv] {
  color: var(--whiteColor);
}
.--contact-description p[b-yiv53366qv] {
  font-size: 1.5rem;
  color: var(--whiteColor);
}
.--contact-image[b-yiv53366qv] {
  max-width: 200px;
  width: 100%;
}
.--contact-image img[b-yiv53366qv] {
  object-fit: contain;
  width: 100%;
}