@font-face {
  font-family: ralewayLight;
  src: url("/themes/website/fonts/Raleway-Light.ttf");
}

body {
  margin: 0;
  font-size: 1.25vw;
  line-height: 1.6vw;
  font-family: ralewayLight;
  color: black;
}

.window-spacer {
  padding: 0vw 3vw !important;
}

.window-double-spacer {
  padding: 0vw 7vw !important;
}

.section-spacer {
  margin-bottom: 3vw;
}

/*content position----*/
.content-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-center-right {
  display: flex;
  justify-content: right;
  align-items: center;
}

/*padding-----*/
.pe-vw-05 {
  padding-right: 0.5vw;
}

.pe-vw-1 {
  padding-right: 1vw;
}

.py-vw-1 {
  padding: 1vw 0;
}

.py-vw-2 {
  padding: 2vw 0;
}

.p-vw-3 {
  padding: 3vw;
}

.p-vw-1 {
  padding: 1vw;
}

.p-vw-1_5 {
  padding: 1.5vw !important;
}

.pt-vw-05 {
  padding-top: 0.5vw;
}
.pt-vw-1 {
  padding-top: 1vw;
}

.pb-vw-1 {
  padding-bottom: 1vw;
}

.pb-vw-2 {
  padding-bottom: 2vw;
}
.pse-vw-10 {
  padding-left: 1vw !important;
  padding-right: 0 !important;
}

.pse-vw-01 {
  padding-left: 0 !important;
  padding-right: 1vw !important;
}

.pse-vw-20 {
  padding-left: 1vw !important;
  padding-right: 0 !important;
}
.pse-vw-23 {
  padding-left: 2vw !important;
  padding-right: 3vw !important;
}
.pse-vw-70 {
  padding-left: 7vw !important;
  padding-right: 0vw !important;
}
.pse-vw-03 {
  padding-left: 0vw !important;
  padding-right: 3vw !important;
}

/*font---*/
.font-vw-350 {
  font-size: 3.5vw;
  line-height: 4.25vw;
}
.font-vw-225 {
  font-size: 2.25vw;
  line-height: 2.75vw;
}
.font-vw-225-325 {
  font-size: 2.25vw;
  line-height: 3.25vw;
}
.font-vw-275-350 {
  font-size: 2.75vw;
  line-height: 3.5vw;
}

.font-vw-200 {
  font-size: 2vw;
  line-height: 2.5vw;
}

.font-vw-250 {
  font-size: 2.5vw;
  line-height: 3.5vw;
}

.font-vw-120 {
  font-size: 1.2vw;
}
/*li*/
li {
  margin-bottom: 0.75vw;
}
/*image*/
.img-w-95 {
  width: 95% !important;
}
.img-w-90 {
  width: 90% !important;
}
.img-w-85 {
  width: 85% !important;
}

/*Job opportunities*/
.jobs-parent-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1vw;
  margin-top: 1vw;
}
.jobs-child-wrapper {
  padding: 0.5vw;
  display: flex;
  flex-direction: column;
}
.jobs-link-wrapper {
  margin-bottom: 0.5vw;
}
.jobs-descr-wrapper {
  flex: 1;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
  font-size: 1vw;
  line-height: 1.5vw;
}

.jobs-descr-title-wrapper {
  padding: 1vw 0vw;
  font-size: 2vw;
  line-height: 2.5vw;
  color: #fff;
}
.jobs-descr-detail-wrapper ul li {
  font-size: 1.2vw;
  margin-bottom: 0.5vw;
}
.jobs-descr-detail-wrapper ul li ul li {
  font-size: 1vw;
  margin-bottom: 0.3vw;
  position: relative;
}

.jobs-descr-detail-wrapper ul li ul {
  padding-left: 3vw;
  margin-top: 0.5vw;
  list-style-type: none;
}

.jobs-descr-detail-wrapper ul li ul > li:before {
  content: "-";
  position: absolute;
  left: -1vw;
  font-weight: bold;
  /* text-indent: -5px; */
}

.create-buy-li-dots ul li {
  position: relative;
}
.create-buy-li-dots ul {
  padding-left: 3vw;
  margin-top: 0.5vw;
  list-style-type: none;
}

.create-buy-li-dots ul > li::before {
  content: "...";
  position: absolute;
  left: -1vw;
  /*font-weight: bold;*/
}

/*Life @ CSI*/
.lifeAtCsiRightSideWrapper .imageWrapper {
  height: 15.625vw;
}

.lifeAtCsiRightSideWrapper .imageWrapper img {
  height: inherit;
  object-fit: cover;
  width: 100%;
}

.lifeAtCsiRightSideWrapper .row > div {
  padding: 0 0.5vw !important;
}

.lifeAtCsiRightSideWrapper .row:first-child {
  margin-bottom: 1vw !important;
}

.lifeAtCsiLeftSideWrapper {
  padding-left: 0vw !important;
  padding-right: 1.2vw !important;
}

.lightBg {
  background-color: #d6edf6;
  padding-top: 2vw;
  padding-bottom: 2vw;
}

.csiConcernLeftContent {
  color: #0b3954;
  font-size: 3vw;
  line-height: 4vw;
}

.hover-text-color:hover {
  color: #87ceeb;
  cursor: pointer;
  transform: scale(1.1);
  transition: all 0.2s ease;
}

.lifeAtCsiSectionTwo {
  margin-top: 2vw;
}

.tick-css-class {
  padding-right: 0.5vw;
  font-size: 1.5vw;
}

.csi-banner-text-wrapper {
  padding: 1vw 0vw;
  color: #fff;
  font-size: 2.25vw;
  line-height: 2.6vw;
}

/*approach detail page*/
.ms-vw-3 {
  margin-left: 3vw;
}
.pt-vw-1 {
  padding-top: 1vw;
}
.puzzle-icon-wrapper {
  width: 2vw;
}
.puzzle-action-wrapper {
  width: 9.7vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shadow-black {
  box-shadow: rgba(0, 0, 0, 0.24) 0.156vw 0.156vw 0px !important;
}
.holistic-img-wrapper {
  width: 13vw;
  position: relative;
}
.holistic-title-wrapper {
  width: 10vw;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  padding-top: 1vw;
  font-size: 1.1vw;
  line-height: 1.3vw;
  color: #d6edf6;
  text-align: center;
}
.impacts-img-wrapper {
  width: 10vw;
  position: relative;
}
.impact-title-wrapper {
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: 0;
  color: #d6edf6;
  font-size: 1.1vw;
  line-height: 1.3vw;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-left: 1vw;
  padding-top: 2.5vw;
}
.skill-transfer-img-wrapper {
  width: 10vw;
  position: relative;
}
.skill-transfer-title-wrapper {
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: 0;
  color: #d6edf6;
  font-size: 1.1vw;
  line-height: 1.3vw;
  display: flex;
  text-align: center;
  align-items: center;
  top: 3vw;
  padding-left: 2vw;
}
.lean-img-wrapper {
  width: 13vw;
  position: relative;
}
.lean-title-wrapper {
  width: 10vw;
  height: 10vw;
  position: absolute;
  top: 0;
  color: #0b3954;
  font-size: 1.1vw;
  line-height: 1.3vw;
  left: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.lean-three-ways-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1vw;
}
.lean-descr-wrapper {
  font-size: 1.1vw;
  line-height: 1.6vw;
}

.csi-desktop-view {
  display: block;
}
.csi-mobile-view {
  display: none;
}

.founder-story-full-content {
  display: block;
}