.elementor-2196 .elementor-element.elementor-element-7acb9f5a:not(.elementor-motion-effects-element-type-background), .elementor-2196 .elementor-element.elementor-element-7acb9f5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aluminaresquadrias.com.br/wp-content/uploads/2025/11/fabricao-propria-de-esquadrias-em-osasco.jpg");background-repeat:no-repeat;}.elementor-2196 .elementor-element.elementor-element-7acb9f5a > .elementor-background-overlay{background-color:#000000;opacity:0.66;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2196 .elementor-element.elementor-element-7acb9f5a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0180px 0px 80px 0px;}.elementor-2196 .elementor-element.elementor-element-7acb9f5a > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:44px;}.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpialigh{text-align:center;}.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpi__heading-title{color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:49px;font-weight:700;line-height:53px;}.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpi__section-heading p{color:#FFFFFF;}
				.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpi__section-heading p{font-family:"DM Sans", Sans-serif;font-size:18px;line-height:30px;}.elementor-2196 .elementor-element.elementor-element-3b22e522{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpi__heading-title{font-size:40px;line-height:51px;}
				.elementor-2196 .elementor-element.elementor-element-1b8dace1 .transpi__section-heading p{font-size:16px;line-height:26px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2196 .elementor-element.elementor-element-2446910b{width:100%;}}@media(min-width:1025px){.elementor-2196 .elementor-element.elementor-element-7acb9f5a:not(.elementor-motion-effects-element-type-background), .elementor-2196 .elementor-element.elementor-element-7acb9f5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-71176dd6 */:root {
  --al-blue-dark: #020b2d;
  --al-blue: #4a97bd;
  --al-red: #d71920;
  --al-text: #5f6b75;
  --al-bg: #f7f8f9;
}

.al-contacts {
  padding: 90px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f8f9 100%);
  font-family: inherit;
}

.al-contacts__wrap {
  max-width: 1320px;
  margin: 0 auto;
  text-align: center;
}

.al-contacts__title {
  font-weight: 800;
  font-size: 42px;
  line-height: 1.15;
  color: var(--al-blue-dark);
  margin: 0 0 14px;
}

.al-contacts__sub {
  color: var(--al-text);
  margin: 0 auto 46px;
  max-width: 720px;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
}

.al-contacts__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.al-contacts__card {
  background: #ffffff;
  border: 1px solid #d6e3eb;
  border-radius: 0 0 42px 0;
  padding: 42px 32px;
  transition: 0.35s ease;
  box-shadow: 0 10px 28px rgba(13, 61, 99, 0.05);
  position: relative;
  overflow: hidden;
  min-height: 320px;
  text-align: center;
}

.al-contacts__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 38px;
  width: 5px;
  height: 72px;
  background: var(--al-blue);
}

.al-contacts__card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 50px rgba(13, 61, 99, 0.14);
  border-color: transparent;
}

.al-contacts__icon {
  width: 62px;
  height: 62px;
  border-radius: 0 0 20px 0;
  margin: 0 auto 18px;
  background: #eaf4f9;
  color: var(--al-blue-dark);
  display: grid;
  place-items: center;
  font-size: 25px;
  position: relative;
  z-index: 2;
}

.al-contacts__heading {
  color: var(--al-blue-dark);
  font-weight: 800;
  font-size: 22px;
  margin: 0 0 16px;
}

.al-contacts__card p {
  margin: 6px 0;
  color: #4a5963;
  font-size: 16px;
  line-height: 1.6;
}

.al-contacts__card strong {
  color: var(--al-blue-dark);
  font-weight: 800;
}

.al-contacts__card a {
  color: var(--al-blue-dark);
  text-decoration: none;
}

.al-contacts__btn {
  display: inline-block;
  margin-top: 22px;
  padding: 14px 22px;
  border-radius: 0 0 18px 0;
  font-weight: 800;
  background: var(--al-blue);
  color: #ffffff !important;
  transition: 0.3s ease;
  text-decoration: none;
}

.al-contacts__btn:hover {
  background: var(--al-blue-dark);
  color: #ffffff !important;
}

.al-contacts__btn--outline {
  background: transparent;
  color: var(--al-blue-dark) !important;
  border: 1px solid var(--al-blue);
}

.al-contacts__btn--outline:hover {
  background: var(--al-blue);
  color: #ffffff !important;
}

@media (max-width: 980px) {
  .al-contacts__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .al-contacts {
    padding: 65px 18px;
  }

  .al-contacts__grid {
    grid-template-columns: 1fr;
  }

  .al-contacts__title {
    font-size: 30px;
  }

  .al-contacts__card {
    min-height: auto;
    padding: 36px 28px;
  }
}/* End custom CSS */