.buildingBridgesContainer {
  width: 100%;
}
.buildingBridges {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  grid-gap: var(--spacing-3xl);
}
.buildingBridgesLeftText{
  font-weight: 500;
  font-size: var(--font-size-xl);
  line-height: 134%;
  color: #FFFFFF;
}
.buildingBridgesRightHeader{
  font-size: var(--font-size-3xl);
  line-height: 130%;
  color: #FFFFFF;
}
.buildingBridgesRightDescription{
  font-size: var(--font-size-lg);
  line-height: 130%;
  color: #B6B6B6;
}
.buildingBridgesLeftWrapper {
  position: relative;
  background: linear-gradient(90deg, rgba(36, 36, 36, 1) 0%, rgba(0, 0, 0, 1) 100%);
  padding: var(--spacing-2xl);
}
.buildingBridgesLeftBuildingBridgesIcon{
  position: absolute;
  top: -30px;
}
.buildingBridgesRight{
  display: flex;
  flex-direction: column;
  gap: calc(1.5* var(--spacing-lg));
}
.buildingBridgesRightTexts{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
@media (max-width: 1200px) {
  .buildingBridges {
    grid-template-columns: 1fr;
    grid-gap: var(--spacing-xl);
  }
  .buildingBridgesLeftWrapper {
    padding: var(--spacing-xl);
  }
}
@media (max-width: 1000px) { 
  .buildingBridgesLeftWrapper {
    padding: var(--spacing-lg);
  }
  .buildingBridgesLeftBuildingBridgesIcon {
    height: 40px;
  }
  .buildingBridgesLeftText {
    font-size: var(--font-size-md);
  }
  .buildingBridgesRightHeader {
    font-size: var(--font-size-xl);
  }
  .buildingBridgesRightDescription {
    font-size: var(--font-size-sm);
  }
  .buildingBridgesLeftBuildingBridgesIcon {
    top: -25px;
  }
}