/*:root {
  --bg-color-light: #0796fe;
  --bg-color-dark: #001d3f;
}

body,
html {
  height: 100%;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  color: #343434;
}

.noGutter-x {
  --bs-gutter-x: 0;
}*/

.textLeft,
.textRight {
  display: block;
}

.textLeft .text {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.textLeft .image {
  width: 100%;
  background-image: url(/images/service-bg-876.jpg);
  background-size: cover;
  color: #fff;
}

.textRight .image {
  width: 100%;
  background-image: url(/images/service-bg-876.jpg);
  background-size: cover;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  color: #fff;
}

.textRight .image .container {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.textRight .text {
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.servicesPageContainer {
    margin-top: 7.5rem;
}

.serviceItem {
  /* border-radius: 15px;
  border: 1px solid #d9d9d9; */
  margin-bottom: 7.5rem;
}

.serviceTitleRow {
  display: flex;
}

.serviceTextCol {
  padding: 4rem;
}
.serviceTitle {
  color: #2e2e2e;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40.6px; /* 145% */
  margin-top: 2.2rem;
  margin-left: 2.15rem;
}

.serviceListText {
  margin-top: 4.8rem;
  margin-right: 4rem;
  margin-bottom: 4.8rem;
  margin-left: 4rem;
}

.serviceListText div {
  display: flex;
}

.serviceListItem {
  margin-bottom: 1.5rem;
}

.serviceListItemText {
  margin-left: 1.5rem;
}

.serviceText {
  margin-top: 3rem;
  color: #6d6d6d;

  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
}

.rightSideDesktop {
  display: none;
}

/* media queries */

@media (min-width: 1200px) {
  .textLeft,
  .textRight {
    display: flex;
  }

  .textLeft .text {
    width: 60%;
  }

  .textLeft .image {
    width: 40%;
  }

  .textRight .text {
    width: 60%;
  }

  .textRight .image {
    width: 40%;
  }

  .serviceItem {
    border-radius: 15px;
    border: 1px solid #d9d9d9;
    /* margin-bottom: 7.5rem; */
  }

  .textLeft .image {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .textRight .image {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .rightSideDesktop {
    display: block;
  }

  .rightSideMobile {
    display: none;
  }
}