.section-contact-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: stretch;
  gap: var(--gap-20);
  margin: var(--margin-40) 0;
}
.company-info {
  flex: 1;
  position: relative;
  padding: var(--padding-20);
  border-radius: var(--border-radius-lg);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.22),
    rgba(255, 255, 255, 0.08)
  );
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: var(--glass-shadow);
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  color: var(--text-color);
  transition: var(--smooth-transition);
}

.company-info-section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: var(--padding-10);
  margin-bottom: var(--margin-10);
}
.company-info-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.company-info,
.map-wrapper {
  flex: 1;
}

.company-info-section p img {
  width: 50px;
  mix-blend-mode: multiply;
  filter: brightness(1);
}
.info-text {
  display: flex;
  align-items: center;
  gap: var(--gap-20);
  margin-bottom: var(--margin-20);
}

.company-info-section:last-child .info-text:last-child {
  margin-bottom: 0;
}

.info-text i {
  font-size: var(--icon-font-size);
  color: var(--secondary-color);
  min-width: 30px;
  text-align: center;
  flex-shrink: 0;
}

.info-text a {
  color: var(--primary-color);
  text-decoration: none;
  transition: var(--smouth-transition);
}

.info-text a:hover {
  text-decoration: underline;
}

.company-info:hover {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--box-shadow);
}
iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.info-title {
  color: var(--secondary-color);
  margin-bottom: var(--margin-20);
  font-weight: bold;
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1222px) {
  .info-text {
    gap: var(--gap-10);
  }
}
@media screen and (max-width: 909px) {
}
@media screen and (max-width: 768px) {
  .section-contact-cont {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .company-info:last-child {
    padding: 0px;
  }
  iframe {
    height: 400px;
  }
}
@media screen and (max-width: 650px) {
}
@media (max-width: 480px) {
  .company-info-section {
    text-align: center;
  }
  .info-text {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 355px) {
}