.case-study-page-saas {
  background-color: var(--white);
  width: 100%;
  min-width: 1440px;
  min-height: 3655px;
  display: flex;
  flex-direction: column;
}

.case-study-page-saas .group {
  width: 1440px;
  height: 800px;
  position: relative;
  overflow: hidden;
}

.case-study-page-saas .rectangle {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--ros-bg);
}

.case-study-page-saas .div {
  position: absolute;
  width: calc(100% - 280px);
  top: 30px;
  left: 140px;
  height: 196px;
  overflow: hidden;
}

.case-study-page-saas .mountains-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 50px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.case-study-page-saas .mountains {
  position: absolute;
  width: 19.90%;
  height: 39.04%;
  top: 30.45%;
  left: 39.98%;
}

.case-study-page-saas .group-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 937px;
  height: 115px;
}

.case-study-page-saas .text-wrapper {
  position: absolute;
  width: 10.78%;
  top: calc(50.00% - 58px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .text-wrapper-2 {
  position: absolute;
  width: 3.84%;
  top: calc(50.00% - 58px);
  left: 16.33%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .text-wrapper-3 {
  position: absolute;
  width: 6.30%;
  top: calc(50.00% - 58px);
  left: 25.51%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .line {
  width: 937px;
  position: absolute;
  top: 44px;
  left: 0;
  height: 2px;
}

.case-study-page-saas .text-wrapper-4 {
  position: absolute;
  width: 8.00%;
  top: calc(50.00% - 58px);
  left: 37.14%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .text-wrapper-5 {
  position: absolute;
  width: 14.09%;
  top: calc(50.00% - 58px);
  left: 50.59%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .img {
  width: 103px;
  position: absolute;
  top: 44px;
  left: 0;
  height: 2px;
}

.case-study-page-saas .group-3 {
  position: absolute;
  top: 69px;
  left: 0;
  width: 82px;
  height: 46px;
  overflow: hidden;
}

.case-study-page-saas .placeholder {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--black-text-icon);
  border-radius: 52px;
}

.case-study-page-saas .button-clipping {
  position: absolute;
  width: 100%;
  height: 50.00%;
  top: 26.09%;
  left: 0;
  display: flex;
  align-items: center;
}

.case-study-page-saas .button {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .group-4 {
  position: absolute;
  top: 69px;
  left: calc(50.00% - 372px);
  width: 162px;
  height: 46px;
  background-color: var(--ros-bg);
  border-radius: 52px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .button-2 {
  position: absolute;
  width: 59.88%;
  top: calc(50.00% - 11px);
  left: 16.05%;
  color: var(--black-text-icon);
  font-family: "Lato", Helvetica;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .element-arrow-small {
  position: absolute;
  width: 7.60%;
  height: 13.29%;
  top: 45.00%;
  left: 78.40%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.case-study-page-saas .group-5 {
  position: absolute;
  top: 69px;
  left: calc(50.00% - 194px);
  width: 162px;
  height: 46px;
  background-color: var(--ros-bg);
  border-radius: 52px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .button-3 {
  position: absolute;
  width: 65.43%;
  top: calc(50.00% - 11px);
  left: 10.49%;
  color: var(--black-text-icon);
  font-family: "Lato", Helvetica;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .element-arrow-small-2 {
  position: absolute;
  width: 7.60%;
  height: 13.29%;
  top: 45.00%;
  left: 79.01%;
  background-image: url(./img/arrow-1.svg);
  background-size: 100% 100%;
}

.case-study-page-saas .group-6 {
  position: absolute;
  top: calc(50.00% + 6px);
  right: 0;
  width: 228px;
  height: 45px;
  background-color: var(--ros-bg);
  border-radius: 52px;
  overflow: hidden;
  border: 2px solid;
  border-color: #21242433;
}

.case-study-page-saas .element-clipping-group {
  position: absolute;
  width: 43.86%;
  height: 62.22%;
  top: 20.00%;
  left: 8.33%;
  display: flex;
  align-items: center;
}

.case-study-page-saas .element {
  height: 28px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .search {
  position: absolute;
  width: 7.47%;
  height: 37.85%;
  top: 31.11%;
  left: 84.65%;
}

.case-study-page-saas .group-7 {
  position: absolute;
  width: calc(100% - 280px);
  left: 140px;
  bottom: 0;
  height: 538px;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.case-study-page-saas .mountains-2 {
  position: absolute;
  width: 2.26%;
  height: 3.63%;
  top: 27.35%;
  left: 48.87%;
}

.case-study-page-saas .low-cost-advertising {
  width: 66.55%;
  height: 26.42%;
  top: 55.64%;
  left: 4.40%;
  position: absolute;
  display: flex;
  align-items: center;
}

.case-study-page-saas .p {
  height: 142px;
  font-size: 50px;
  letter-spacing: -0.83px;
  line-height: 60px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
}

.case-study-page-saas .dina-roberts {
  width: 7.59%;
  top: calc(50.00% + 184px);
  left: 4.40%;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-8 {
  position: absolute;
  left: 150px;
  bottom: 58px;
  width: 21px;
  height: 21px;
}

.case-study-page-saas .oval {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--ros-bg);
  border-radius: 10.5px;
  border: 1px solid;
  border-color: var(--pink-stroke-cta-image);
  transform: rotate(-90deg);
}

.case-study-page-saas .arrow-blue {
  position: absolute;
  top: calc(50.00% - 2px);
  left: calc(50.00% - 4px);
  width: 10px;
  height: 5px;
  display: flex;
  transform: rotate(-90deg);
}

.case-study-page-saas .arrow-small {
  flex: 1;
  width: 9.84px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.case-study-page-saas .arrow {
  height: 9.84px;
  margin-left: 0;
  width: 4.92px;
  transform: rotate(90deg);
}

.case-study-page-saas .group-9 {
  width: 1440px;
  height: 2024px;
  position: relative;
  overflow: hidden;
}

.case-study-page-saas .group-10 {
  position: absolute;
  width: calc(100% - 280px);
  top: 83px;
  left: 140px;
  height: 425px;
  display: flex;
  justify-content: space-between;
}

.case-study-page-saas .group-11 {
  width: 561px;
  position: relative;
}

.case-study-page-saas .group-12 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.case-study-page-saas .rectangle-2 {
  position: absolute;
  width: 100%;
  height: calc(100% - 21px);
  top: 21px;
  left: 0;
  background-color: var(--white);
  border-radius: 0px 0px 4px 4px;
  border: 2px solid;
  border-color: #21242433;
}

.case-study-page-saas .placeholder-2 {
  position: absolute;
  width: 100%;
  height: calc(100% - 128px);
  top: 0;
  left: 0;
  background-color: var(--white);
  border-radius: 4px 4px 0px 0px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.case-study-page-saas .mountains-3 {
  position: absolute;
  width: 4.68%;
  height: 4.59%;
  top: 32.45%;
  left: 44.99%;
}

.case-study-page-saas .low-cost-advertising-wrapper {
  position: absolute;
  width: 81.82%;
  height: 22.82%;
  top: 75.53%;
  left: 5.53%;
  display: flex;
  align-items: center;
}

.case-study-page-saas .low-cost-advertising-2 {
  height: 97px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
  font-size: 25px;
  letter-spacing: -0.42px;
  line-height: 34px;
}

.case-study-page-saas .group-13 {
  position: absolute;
  left: 31px;
  bottom: 15px;
  width: 120px;
  height: 43px;
}

.case-study-page-saas .dina-roberts-2 {
  position: absolute;
  width: 73.33%;
  top: calc(50.00% - 21px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-14 {
  position: absolute;
  width: 17.50%;
  height: 49.10%;
  top: 11.69%;
  left: 82.50%;
}

.case-study-page-saas .group-15 {
  position: absolute;
  width: calc(100% - 280px);
  top: calc(50.00% - 464px);
  left: 140px;
  height: 426px;
}

.case-study-page-saas .group-16 {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 363px;
}

.case-study-page-saas .rectangle-3 {
  position: absolute;
  width: 100%;
  height: calc(100% - 22px);
  top: 22px;
  left: 0;
  background-color: var(--white);
  border-radius: 0px 0px 4px 4px;
  border: 2px solid;
  border-color: #21242433;
}

.case-study-page-saas .placeholder-3 {
  position: absolute;
  width: 100%;
  height: calc(100% - 162px);
  top: 0;
  left: 0;
  background-color: var(--white);
  border-radius: 4px 4px 0px 0px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.case-study-page-saas .mountains-4 {
  position: absolute;
  width: 7.24%;
  height: 4.58%;
  top: 28.64%;
  left: 45.73%;
}

.case-study-page-saas .div-wrapper {
  width: 83.20%;
  height: 22.77%;
  top: 68.31%;
  left: 8.54%;
  position: absolute;
  display: flex;
  align-items: center;
}

.case-study-page-saas .group-17 {
  position: absolute;
  left: 31px;
  bottom: 16px;
  width: 120px;
  height: 43px;
}

.case-study-page-saas .group-18 {
  position: absolute;
  height: 100%;
  top: 0;
  left: calc(50.00% - 181px);
  width: 363px;
}

.case-study-page-saas .low-cost-advertising-3 {
  width: 83.20%;
  height: 22.77%;
  top: 68.31%;
  left: 8.54%;
  overflow: hidden;
  position: absolute;
  display: flex;
  align-items: center;
}

.case-study-page-saas .low-cost-advertising-4 {
  margin-top: -2px;
  height: 97px;
  margin-left: -0.33%;
  width: 302px;
  margin-right: 0.33%;
  font-size: 25px;
  letter-spacing: -0.42px;
  line-height: 34px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
}

.case-study-page-saas .group-19 {
  overflow: hidden;
  position: absolute;
  left: 31px;
  bottom: 16px;
  width: 120px;
  height: 43px;
}

.case-study-page-saas .dina-roberts-3 {
  width: 73.33%;
  top: calc(50.00% - 22px);
  left: 0;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-20 {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 363px;
}

.case-study-page-saas .group-21 {
  position: absolute;
  width: calc(100% - 280px);
  top: calc(50.00% + 2px);
  left: 140px;
  height: 426px;
}

.case-study-page-saas .arrow-2 {
  height: 9.84px;
  width: 4.92px;
  transform: rotate(90deg);
}

.case-study-page-saas .group-22 {
  position: absolute;
  width: calc(100% - 280px);
  left: 140px;
  bottom: 118px;
  height: 426px;
}

.case-study-page-saas .group-23 {
  position: absolute;
  left: calc(50.00% - 150px);
  bottom: 18px;
  width: 301px;
  height: 46px;
}

.case-study-page-saas .group-24 {
  position: absolute;
  width: 11.30%;
  height: 100%;
  top: 0;
  left: 19.60%;
  overflow: hidden;
}

.case-study-page-saas .color {
  position: absolute;
  width: 105.88%;
  height: 78.66%;
  top: -2.19%;
  left: -2.94%;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 18px;
}

.case-study-page-saas .text-wrapper-6 {
  position: absolute;
  width: 32.35%;
  top: calc(50.00% - 20px);
  left: 35.29%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-25 {
  position: absolute;
  width: 11.30%;
  height: 100%;
  top: 0;
  left: 36.21%;
}

.case-study-page-saas .div-2 {
  position: absolute;
  width: 100%;
  height: 74.29%;
  top: 0;
  left: 0;
  background-color: var(--white);
  border-radius: 17px;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .text-wrapper-7 {
  position: absolute;
  width: 32.35%;
  top: calc(50.00% - 20px);
  left: 35.29%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-26 {
  position: absolute;
  width: 11.30%;
  height: 100%;
  top: 0;
  left: 52.49%;
}

.case-study-page-saas .group-27 {
  position: absolute;
  width: 11.30%;
  height: 100%;
  top: 0;
  left: 69.10%;
}

.case-study-page-saas .arrow-blue-wrapper {
  position: absolute;
  width: calc(100% - 267px);
  height: calc(100% - 12px);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  border-radius: 17px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--black-text-icon);
  transform: rotate(90deg);
}

.case-study-page-saas .arrow-small-wrapper {
  margin-top: 0.8px;
  margin-left: 0;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-study-page-saas .arrow-wrapper {
  height: 9px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.case-study-page-saas .arrow-3 {
  margin-top: 0;
  height: 18px;
  margin-left: 0;
  width: 9px;
}

.case-study-page-saas .element-arrow-bubble {
  position: absolute;
  width: 11.30%;
  height: 74.29%;
  top: 0;
  left: 88.70%;
}

.case-study-page-saas .group-28 {
  width: 1440px;
  height: 390px;
  position: relative;
  overflow: hidden;
}

.case-study-page-saas .group-29 {
  position: absolute;
  width: calc(100% - 280px);
  top: calc(50.00% - 104px);
  left: 139px;
  height: 199px;
}

.case-study-page-saas .image {
  position: absolute;
  width: 13.79%;
  height: 30.15%;
  top: 0;
  left: 0;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.case-study-page-saas .mountains-5 {
  position: absolute;
  width: 16.42%;
  height: 32.53%;
  top: 33.53%;
  left: 41.72%;
}

.case-study-page-saas .importance-of-the-cu {
  position: absolute;
  width: 51.55%;
  height: 50.25%;
  top: 49.75%;
  left: 0;
  display: flex;
  align-items: center;
}

.case-study-page-saas .importance-of-the-cu-2 {
  height: 100px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
  font-size: 35px;
  letter-spacing: 0;
  line-height: 45px;
}

.case-study-page-saas .group-30 {
  position: absolute;
  right: 0;
  bottom: 17px;
  width: 489px;
  height: 60px;
  background-color: var(--ros-bg);
  border-radius: 52px;
  overflow: hidden;
  border: 2px solid;
  border-color: #21242433;
}

.case-study-page-saas .element-wrapper {
  position: absolute;
  width: 25.77%;
  height: 46.67%;
  top: 28.33%;
  left: 5.73%;
  display: flex;
  align-items: center;
}

.case-study-page-saas .placeholder-4 {
  position: absolute;
  width: calc(100% - 308px);
  height: calc(100% + 2px);
  top: -1px;
  left: 309px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 0px 52px 52px 0px;
}

.case-study-page-saas .button-wrapper {
  position: absolute;
  width: 25.56%;
  height: 34.17%;
  top: 31.67%;
  left: 68.92%;
  display: flex;
  align-items: center;
}

.case-study-page-saas .button-4 {
  height: 20.5px;
  flex: 1;
  color: var(--white);
  font-family: "Lato", Helvetica;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .google {
  position: absolute;
  width: 3.45%;
  height: 20.10%;
  top: 5.03%;
  left: 86.12%;
  background-color: var(--ros-bg);
  border-radius: 20px;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .google-2 {
  position: absolute;
  width: 30.00%;
  height: 30.00%;
  top: 36.25%;
  left: 36.25%;
}

.case-study-page-saas .twitter {
  position: absolute;
  width: 3.45%;
  height: 20.10%;
  top: 5.03%;
  left: 91.29%;
  background-color: var(--ros-bg);
  border-radius: 20px;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .twitter-2 {
  position: absolute;
  width: 32.50%;
  height: 27.50%;
  top: 37.50%;
  left: 35.00%;
}

.case-study-page-saas .facebook {
  position: absolute;
  width: 3.45%;
  height: 20.10%;
  top: 5.03%;
  left: 96.55%;
  background-color: var(--ros-bg);
  border-radius: 20px;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.case-study-page-saas .facebook-2 {
  position: absolute;
  width: 18.67%;
  height: 35.00%;
  top: 32.50%;
  left: 40.00%;
}

.case-study-page-saas .group-31 {
  width: 1440px;
  height: 440px;
  position: relative;
  overflow: hidden;
}

.case-study-page-saas .copyright {
  position: absolute;
  width: 29.51%;
  top: calc(50.00% + 153px);
  left: 9.72%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .group-32 {
  position: absolute;
  top: calc(50.00% - 149px);
  left: calc(50.00% - 337px);
  width: 139px;
  height: 187px;
}

.case-study-page-saas .our-talent-freelance {
  position: absolute;
  width: 94.24%;
  height: 79.14%;
  top: 20.86%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.case-study-page-saas .flexcontainer {
  width: 131px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 148px;
}

.case-study-page-saas .text {
  position: relative;
  align-self: stretch;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.case-study-page-saas .span {
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #212424;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.case-study-page-saas .hire {
  position: absolute;
  width: 98.56%;
  top: calc(50.00% - 94px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .group-33 {
  position: absolute;
  top: calc(50.00% - 149px);
  left: 140px;
  width: 165px;
  height: 187px;
}

.case-study-page-saas .our-courses-the-prog {
  position: absolute;
  width: 100%;
  height: 79.14%;
  top: 20.86%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.case-study-page-saas .flexcontainer-2 {
  width: 165px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 148px;
}

.case-study-page-saas .learn {
  position: absolute;
  width: 83.03%;
  top: calc(50.00% - 94px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.case-study-page-saas .group-34 {
  position: absolute;
  left: calc(50.00% + 310px);
  bottom: 26px;
  width: 269px;
  height: 43px;
}

.case-study-page-saas .our-courses-the-prog-2 {
  position: absolute;
  width: 48.33%;
  top: calc(50.00% - 21px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .our-courses-the-prog-3 {
  position: absolute;
  width: 40.52%;
  top: calc(50.00% - 21px);
  left: 59.48%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-study-page-saas .group-35 {
  position: absolute;
  top: calc(50.00% - 149px);
  left: calc(50.00% - 122px);
  width: 140px;
  height: 187px;
}

.case-study-page-saas .flexcontainer-wrapper {
  position: absolute;
  width: 91.43%;
  height: 79.14%;
  top: 20.86%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.case-study-page-saas .flexcontainer-3 {
  width: 128px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 148px;
}

.case-study-page-saas .learn-2 {
  position: absolute;
  width: 97.86%;
  top: calc(50.00% - 94px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 700;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}
/* Inject original CSS code here */

.case-study-page-saas .search-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  background: transparent;
  padding: 0 8.33% 0 8.33%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  outline: none;
}

.case-study-page-saas .search-input::placeholder {
  color: var(--black-text-icon);
  opacity: 1;
}

.case-study-page-saas .button-clipping {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 50.00%;
  top: 26.09%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.case-study-page-saas .group-4 button,
.case-study-page-saas .group-5 button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}

.case-study-page-saas .placeholder-4 {
  border: none;
  background-color: var(--pink-stroke-cta-image);
  padding: 0 5.73%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--white);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  outline: none;
}

.case-study-page-saas .placeholder-4::placeholder {
  color: var(--white);
  opacity: 0.7;
}

.case-study-page-saas .button-wrapper {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.case-study-page-saas .button-wrapper button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
}

.case-study-page-saas .our-talent-freelance,
.case-study-page-saas .our-courses-the-prog,
.case-study-page-saas .flexcontainer-wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
}

.case-study-page-saas .flexcontainer,
.case-study-page-saas .flexcontainer-2,
.case-study-page-saas .flexcontainer-3 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.case-study-page-saas .text {
  list-style: none;
}

.case-study-page-saas .span {
  text-decoration: none;
  color: inherit;
}

.case-study-page-saas .span:hover {
  text-decoration: underline;
}

.case-study-page-saas a {
  text-decoration: none;
  color: inherit;
}

.case-study-page-saas a:hover {
  opacity: 0.8;
}

.case-study-page-saas button:hover {
  opacity: 0.9;
}

.case-study-page-saas .group-24,
.case-study-page-saas .group-25,
.case-study-page-saas .group-26,
.case-study-page-saas .group-27,
.case-study-page-saas .arrow-blue-wrapper {
  text-decoration: none;
  color: inherit;
  display: block;
}

.case-study-page-saas .group-24:hover .color,
.case-study-page-saas .group-25:hover .div-2,
.case-study-page-saas .group-26:hover .div-2,
.case-study-page-saas .group-27:hover .div-2 {
  opacity: 0.8;
}