/*** CONTACT FOLD ***/

.company-contact {
  background-color: #1c2534;
}

.company-contact.contact-dark {
  background-color: #111725;
}

.company-contact.contact-light {
  background-color: #ffffff;
}

.company-contact.contact-lightgray {
  background-color: #eff3f8 !important;
}

.company-contact .elementor-widget-google_maps .elementor-custom-embed {
  border-radius: 24px;
  overflow: hidden;
}

.company-contact .elementor-widget-google_maps .elementor-custom-embed:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #08468d38;
  pointer-events: none;
}

.company-contact .elementor-widget-google_maps .elementor-custom-embed::before {
  content: "";
  background-image: url("/wp-content/uploads/2024/12/hover-dark-lg.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: -55px;
  right: -55px;
  width: 215px;
  height: 217px;
  transform: scale(0.5);
}

.company-contact.general-company-contact-office.contact-dark
  .elementor-widget-google_maps
  .elementor-custom-embed:before {
  background-image: url("/wp-content/uploads/2025/02/hover-black-lg.svg");
}

.company-contact.general-company-contact-office.contact-lightgray
  .elementor-widget-google_maps
  .elementor-custom-embed:before {
  background-image: url("/wp-content/uploads/2024/12/hover-neutral100-1.svg");
}

.company-contact.general-company-contact-office.contact-light
  .elementor-widget-google_maps
  .elementor-custom-embed:before {
  filter: brightness(100);
}

.company-contact.company-contact-office .pxl-icon-box1.style-2 .pxl-item--inner {
  align-items: flex-start;
  gap: 16px;
  flex-direction: column;
}

.company-contact.company-contact-office .pxl-icon-box1.style-2 .pxl-item--inner .pxl-item--icon a,
.company-contact.company-contact-office .pxl-icon-box1.style-2 .pxl-item--inner .pxl-item--icon {
  color: #111725;
}

.company-contact.company-contact-office .elementor-element .pxl-icon-box .pxl-item--title,
.company-contact.company-contact-office .elementor-element .pxl-icon-box .pxl-item--title a {
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
}

.company-contact.company-contact-office .elementor-element .pxl-icon-box .pxl-item--description {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #dee5ee;
}

.company-contact.company-contact-office.contact-light
  .elementor-element
  .pxl-icon-box
  .pxl-item--title,
.company-contact.company-contact-office.contact-light
  .elementor-element
  .pxl-icon-box
  .pxl-item--title
  a,
.company-contact.company-contact-office.contact-lightgray
  .elementor-element
  .pxl-icon-box
  .pxl-item--title,
.company-contact.company-contact-office.contact-lightgray
  .elementor-element
  .pxl-icon-box
  .pxl-item--title
  a {
  color: #596980;
}

.company-contact.company-contact-office
  .elementor-element
  .pxl-icon-box
  .pxl-item--description
  span {
  text-decoration: underline;
  /* color: #13a6f3; */
  color: #98d149;
}

.company-contact-office {
  border-top-right-radius: 72px;
  border-top-left-radius: 72px;
}

.company-contact-office > .elementor-container {
  padding-top: 64px;
  gap: 20px;
}

.company-contact-office.has-border-top > .elementor-container {
  border-top: 1px solid #596980;
}

.company-contact-office.contact-light > .elementor-container,
.company-contact-office.contact-lightgray > .elementor-container {
  border-top-color: #dee5ee;
}

@media screen and (min-width: 1200px) {
  .company-contact .elementor-element .pxl-heading {
    text-align: left !important;
  }
}

@media screen and (max-width: 1200px) {
  .company-contact-office .typography-body1 .pxl-text-editor {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .company-contact .elementor-section.elementor-section-boxed > .elementor-container {
    gap: 24px;
  }

  .company-contact-office .typography-body1 .pxl-text-editor {
    text-align: left;
  }

  .company-contact {
    border-top-right-radius: 34px;
    border-top-left-radius: 34px;
  }

  .company-contact-office {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .company-contact-office .elementor-widget-google_maps iframe {
    height: 240px;
  }

  .company-contact .elementor-element .pxl-heading h3.pxl-item--title {
    font-size: 36px !important;
    line-height: 38px !important;
  }

  .company-contact {
    padding: 0 24px 64px 24px !important;
  }

  .company-contact
    .elementor-container
    > .elementor-column
    .elementor-section
    .elementor-column
    > .elementor-widget-wrap {
    padding-top: 0;
  }

  .company-contact .elementor-container > .elementor-column .elementor-section .elementor-column {
    width: calc(50% - 12px);
  }

  .company-contact
    .elementor-container
    > .elementor-column
    .elementor-section:last-child
    .elementor-column {
    width: 100%;
  }
}

.elementor-section.contact-row > .elementor-container {
  justify-content: center !important;
}

.elementor-section.contact-row > .elementor-container > .elementor-element {
  max-width: 316px;
}

.contact-row-light {
  background: #1c2534 !important;
}

.contact-row-dark {
  background: #111725 !important;
}

.contact-title {
  border-top-left-radius: 72px;
  border-top-right-radius: 72px;
}

@media screen and (min-width: 1200px) {
  .company-contact > .elementor-container {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1440px) {
  .contact-row {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 1322px) {
  .elementor-section.contact-row > .elementor-container > .elementor-element {
    max-width: 24vw;
  }
}

@media screen and (max-width: 767px) {
  .elementor-section.contact-row {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 0 !important;
  }

  .elementor-section.contact-row > .elementor-container {
    justify-content: left !important;
  }

  .contact-title {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  .contact-title.component-section-title {
    padding: 64px 24px !important;
    margin: 0 !important;
  }

  .contact-title .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0;
  }
}