.hero-container-mn {
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 80px 120px 80px 120px;
  border-radius: 32px;
  background: var(--Typography-Primary, #3346f7);
  position: relative;
  overflow: hidden;
}

.hero-container-mn > img {
  width: 651px;
  height: 608px;
  position: absolute;
  right: -100px;
  bottom: 62px;
}

.hero-container-mn h1 {
  color: var(--Typography-White, #fff);
  font-family: Manrope;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  width: 550px;
  z-index: 10;
}

.hero-container-mn div {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.hero-container-mn div p {
  color: var(--Typography-White, #fff);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  width: 320px;
  line-height: 130%;
  z-index: 10;
}
.hero-container-mn div button {
  color: var(--Typography-White, #fff);
  font-family: Manrope;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
  padding: var(--16, 16px) 40px;
  justify-content: center;
  align-items: center;
  gap: var(--16, 16px);
  border-radius: 60px;
  border: 1px solid var(--Outline-White, #fff);
  background-color: rgb(0, 0, 0, 0);
  width: 350px;
  cursor: pointer;
  z-index: 10;
  transition: 0.3s;
  transition-timing-function: linear;
}
.d-show-mobile {
  display: none !important;
}
.hero-container-mn div button:hover {
  background-color: #f5f6f9;
  border-color: rgba(255, 255, 255, 0);
  color: #3346f7;
}

.hero-container-mn div button:hover img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(74%) saturate(5249%)
    hue-rotate(236deg) brightness(97%) contrast(100%);
}

.about-us-container-mn {
  display: flex;
  padding: var(--100, 100px) var(--120, 120px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.about-us-content-mn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: var(--64, 64px);
  align-self: stretch;
  flex-wrap: wrap;
}

.about-us-content-left-mn {
  display: flex;
  height: 228px;
  /* min-width: 139px; */
  max-width: 268px;
  max-height: 228px;
  padding: var(--24, 24px) var(--32, 32px) var(--0, 0px) var(--0, 0px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between;
  flex: 1 0 0;
}

.about-us-content-left-mn button {
  display: flex;
  padding: var(--8, 8px) var(--24, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--8, 8px);
  border-radius: 60px;
  border: 1px solid var(--Outline-Blue, #3346f7);
  color: var(--Typography-Primary, #3346f7);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  background: none;
  cursor: pointer;
  transition: 0.3s;
  transition-timing-function: linear;
}

.about-us-content-left-mn button:hover {
  background-color: #7e8af7;
  border-color: rgb(0, 0, 0, 0);
  color: white;
}
.about-us-content-left-mn button:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7489%)
    hue-rotate(4deg) brightness(99%) contrast(106%);
}

.about-us-content-left-mn button img {
  width: 24px;
  height: 24px;
}

.about-us-content-left-mn ul {
  display: flex;
  padding-right: var(--120, 120px);
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px var(--16, 16px);
  align-self: stretch;
  flex-wrap: wrap;
}

.about-us-content-left-mn ul li {
  display: flex;
  align-items: center;
  gap: var(--8, 8px);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.about-us-content-left-mn ul li a {
  color: var(--Typography-Black, #0c0c0d);
  transition: 0.1s;
  transition-timing-function: linear;
}
.about-us-content-left-mn ul li a:hover {
  color: #7e8af7;
}

.about-us-content-right-mn {
  display: flex;
  max-width: 824px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--32, 32px);
  flex: 1 0 0;
}

.about-us-content-right-mn h1 {
  align-self: stretch;
  color: var(--Typography-Primary, #3346f7);
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.about-us-content-right-mn p {
  align-self: stretch;
  color: var(--Typography-Dark-Grey, #45454d);
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.solution-with-img-container-mn {
  padding: var(--100, 100px) var(--120, 120px);
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px var(--32, 32px);
  flex-wrap: wrap;
}

.solution-with-img-title-mn {
  display: flex;
  height: 378px;
  min-width: 320px;
  max-width: 824px;
  padding: var(--32, 32px) var(--32, 64px) var(--40, 40px) 0;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  color: var(--Typography-Black, #0c0c0d);
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.solution-with-img-card-icon-mn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
.solution-with-img-card-icon-mn img {
  width: 56px;
  height: 56px;
  z-index: 10;
}

.solution-with-img-card-mn {
  display: flex;
  height: 378px;
  min-width: 320px;
  max-width: 824px;
  padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 16px;
  background: var(--BG-Card, #f5f6f9);
  overflow: hidden;
  position: relative;
  transition: 0.2s;
  transition-timing-function: linear;
}

.solution-with-img-card-mn p {
  align-self: stretch;
  color: var(--Typography-Black, #0c0c0d);
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  z-index: 10;
  transition: 0.2s;
  transition-timing-function: linear;
}

.solution-with-img-card-mn ul {
  opacity: 0;
}

.solution-with-img-card-mn ul li {
  color: var(--Typography-White, #fff);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.solution-with-card-vector-mn {
  width: 233px;
  height: 300px;
  position: absolute;
  left: -45px;
  bottom: 17px;
  z-index: 5;
  transition: 0.2s;
  transition-timing-function: linear;
}

.solution-with-card-illustration-mn {
  width: 220px;
  height: 220px;
  position: absolute;
  left: 60px;
  top: 60px;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-container-mn {
  display: flex;
  padding: var(--100, 100px) var(--120, 120px);
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px var(--32, 32px);
  align-self: stretch;
  flex-wrap: wrap;
}

.what-we-do-mn {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--32, 32px);
  flex: 1 0 0;
  flex-wrap: wrap;
}

.what-we-do-txt-card-mn {
  display: flex;
  height: 408px;
  min-width: 30%;
  max-width: 824px;
  min-height: 120px;
  max-height: 408px;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between;
  flex: 1 0 0;
  flex-wrap: wrap;
}
.what-we-do-txt-card-mn h1 {
  min-width: 100%;
  flex: 1 0 0;
  color: var(--Typography-Black, #0c0c0d);
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.what-we-do-txt-card-mn p {
  min-width: 100%;
  max-width: 378px;
  flex: 1 0 0;
  color: var(--Typography-Dark-Grey, #45454d);
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.what-we-do-txt-card-lg-mn {
  display: flex;
  min-height: 408px;
  max-height: 408px;
  min-width: 59%;
  /* max-width: 897; */
  padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
  flex-direction: column;
  gap: 88px;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 16px;
  background: var(--BG-Card, #f5f6f9);
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-lg-mn h1 {
  align-self: stretch;
  color: var(--Typography-Black, #0c0c0d);
  leading-trim: both;
  text-edge: cap;
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  z-index: 30;
  transition: 0.2s;
  transition-timing-function: linear;
  /* margin-left: 30px; */
}

.what-we-do-txt-card-lg-mn img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-lg-mn ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  z-index: 15;
  padding-left: 14px;
  min-height: 176px;
  height: 210px;
  transition: 0.2s;
  transition-timing-function: linear;
  opacity: 0;
  /* display: none; */
}

.what-we-do-txt-card-lg-mn ul li {
  color: var(--Typography-Dark-Grey, #45454d);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 194px;
  align-self: self-start;
  padding-left: 10px;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-lg-mn ul li::marker {
  content: '•';
  color: #a3a5bf;
  font-size: 18px;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-sm-mn {
  display: flex;
  height: 408px;
  min-width: 30%;
  max-width: 824px;
  padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 16px;
  background: var(--BG-Card, #f5f6f9);
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-sm-mn h1 {
  /* margin-left: 30px; */
  position: relative;
  z-index: 1;
  align-self: stretch;
  color: var(--Typography-Black, #0c0c0d);
  leading-trim: both;
  text-edge: cap;
  max-width: 350px;
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: 0.2s;
  transition-timing-function: linear;
}
.what-we-do-txt-card-sm-mn img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  transition-timing-function: linear;
}

.what-we-do-txt-card-sm-mn p {
  color: var(--Typography-Dark-Grey, #45454d);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
  z-index: 15;
  transition: 0.2s;
  transition-timing-function: linear;
  opacity: 0;
}
.what-we-do-txt-job-search-mn {
  display: flex;
  height: 408px;
  min-width: 60%;
  padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 16px;
  border: 1px solid var(--Outline-Grey, #e3e7fc);
  backdrop-filter: blur(35px);
  position: relative;
}

.what-we-do-txt-job-search-mn h1 {
  align-self: stretch;
  color: var(--Typography-Black, #0c0c0d);
  leading-trim: both;
  text-edge: cap;
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.what-we-do-txt-job-search-mn input {
  display: flex;
  padding: var(--16, 16px) var(--40, 40px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 356px;
  border: 1px solid var(--Outline-Grey, #e3e7fc);
  background: none;
}

.what-we-do-txt-job-search-mn input:focus::placeholder {
  opacity: 0;
}

.what-we-do-txt-job-search-mn input:focus {
  outline: none;
}

.what-we-do-txt-job-search-mn input::placeholder {
  color: var(--Typography-Ghost, #a3a5bf);
  font-family: Manrope, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  position: relative;
  top: 2px;
}

.what-we-do-txt-job-search-mn > img {
  width: 26px;
  height: 26px;
}

.blog-container-mn {
  display: flex;
  padding: var(--100, 100px) var(--120, 120px);
  flex-direction: column;
  align-items: flex-start;
  background: var(--BG-White, #fff);
  align-self: stretch;
}

.blog-mn {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--32, 32px);
  align-self: stretch;
  flex-wrap: wrap;
}

.blog-card-mn {
  display: flex;
  height: 400px;
  min-width: 48%;
  max-width: 824px;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  flex: 1 0 0;
}

.blog-card-mn h1 {
  color: var(--Typography-Black, #0c0c0d);
  font-family: Manrope, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.blog-card-mn button {
  cursor: pointer;
  display: flex;
  padding: var(--8, 8px) var(--24, 24px);
  justify-content: center;
  align-items: center;
  gap: var(--8, 8px);
  border-radius: 60px;
  border: 1px solid var(--Outline-Blue, #3346f7);
  background: none;
  color: var(--Typography-Primary, #3346f7);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: 0.3s;
  transition-timing-function: linear;
}

.blog-card-mn button img {
  width: 18px;
  height: 18px;
  z-index: 3;
}

.blog-card-mn button:hover {
  background-color: #7e8af7;
  color: white;
  border-color: rgba(69, 69, 77, 0);
}

.blog-card-mn button:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(302deg) brightness(104%) contrast(101%);
}
.blog-card-left-mn {
  display: flex;
  height: 400px;
  min-width: 48%;
  max-width: 954px;
  padding: var(--40, 40px) var(--32, 32px);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 16px;
  background: var(--BG-Card, #f5f6f9);
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  transition-timing-function: linear;
}

.blog-card-left-content-mn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--24, 24px);
  align-self: stretch;
  z-index: 10;
}

.blog-card-left-content-mn h5 {
  color: var(--Typography-Ghost, #a3a5bf);
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transition: 0.2s;
  transition-timing-function: linear;
}

.blog-card-left-content-mn p {
  max-width: 400px;
  align-self: stretch;
  color: var(--Typography-Black, #0c0c0d);
  font-family: Manrope, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: 0.2s;
  transition-timing-function: linear;
}

.blog-card-left-mn img {
  width: 565px;
  height: 580px;
  transform: rotate(-15deg);
  position: absolute;
  right: -120px;
  top: -50px;
  filter: brightness(0) saturate(100%) invert(86%) sepia(25%) saturate(502%)
    hue-rotate(194deg) brightness(104%) contrast(94%);
  transition: 0.2s;
  transition-timing-function: linear;
}

.solution-with-img-card-mn ul {
  opacity: 0;
}

.solution-with-img-card-mn ul {
  position: absolute;
  bottom: 25px;
  left: 50px;
}
.solution-with-img-card-mn ul li {
  font-size: 18px;
}
.solution-with-img-card-mn ul li::marker {
  content: '•';
  color: #fff;
  font-size: 18px;
}
.what-we-do-txt-job-search-mn {
  position: relative;
  bottom: 0;
}
.job-arrow-img-mn {
  bottom: 55px;
  right: 65px;
}
.filter-white-svg-mn {
  filter: brightness(0) saturate(100%) invert(96%) sepia(97%) saturate(2%)
    hue-rotate(86deg) brightness(103%) contrast(100%);
}
@media screen and (min-width: 1184px) {
  .blog-card-mn {
    min-width: 48.6%;
  }
}
@media screen and (max-width: 1400px) {
  .what-we-do-txt-card-lg-mn ul {
    height: 206px;
  }
  .what-we-do-txt-card-lg-mn ul li {
    font-size: 14px;
    width: 135px;
    padding-left: 5px;
  }
}

@media screen and (min-width: 1080px) {
  .job-search-img-mn {
    display: none;
  }
  .job-arrow-img-mn {
    display: block;
    position: absolute;
  }
}
@media screen and (max-width: 1330px) {
  .blog-card-mn {
    width: 48%;
  }
  /* .hero-container-mn > img {
    width: 791px;
    height: 670px;
    position: absolute;
    right: -119px;
    bottom: 0px;
  } */
  .hero-container-mn h1 {
    font-size: 55px;
  }
}
@media screen and (max-width: 1231px) {
  .about-us-content-right-mn h1 {
    font-size: 50px;
  }

  .hero-container-mn h1 {
    font-size: 52px;
  }
}

@media screen and (max-width: 1080px) {
  .hero-container-mn {
    padding: 80px 40px;
    height: 800px;
  }

  .hero-container-mn > img {
    width: 637px;
    height: 496px;
    bottom: 253px;
    right: -58px;
  }

  .hero-container-mn div button {
    width: 100%;
  }
  .what-we-do-txt-card-lg-mn {
    gap: 50px;
    justify-content: space-between;
  }

  .about-us-content-mn {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }

  .about-us-content-left-mn {
    display: flex;
    width: 100%;
    height: 428px;
    padding: var(--24, 24px) var(--32, 32px) var(--0, 0px) var(--0, 0px);
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
  }

  .about-us-content-left-mn button {
    display: flex;
    padding: var(--8, 8px) var(--24, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--8, 8px);
    border-radius: 60px;
    border: 1px solid var(--Outline-Blue, #3346f7);
    color: var(--Typography-Primary, #3346f7);
    font-family: Manrope, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    background: none;
    cursor: pointer;
  }

  .about-us-content-left-mn ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
    padding-bottom: 50px;
  }

  .about-us-content-left-mn ul li {
    display: flex;
    align-items: center;
    gap: var(--8, 8px);
    font-family: Manrope, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }

  .about-us-content-left-mn ul li a {
    color: var(--Typography-Black, #0c0c0d);
  }

  .about-us-content-right-mn {
    display: flex;
    max-width: 824px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--32, 32px);
    flex: 1 0 0;
  }

  .about-us-content-right-mn h1 {
    font-size: 32px;
    line-height: 120%;
  }

  .about-us-content-right-mn p {
    font-size: 14px;
    line-height: 140%;
  }
  .about-us-container-mn {
    padding: 75px 65px;
  }
  .about-us-content-right-mn h1 {
    font-size: 44px;
  }

  .about-us-content-right-mn p {
    font-size: 20px;
  }

  .solution-with-img-container-mn {
    padding: 80px 45px;
    padding-top: 64px !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-with-img-title-mn {
    min-width: 100%;
    height: auto;
    font-size: 54px;
    padding-top: 80px !important;
    padding-left: 50px;
    padding-bottom: 0px !important;
    font-size: 48px;
    /* margin-bottom: 10px; */
  }

  .solution-with-img-card-mn {
    height: 378px;
    min-width: 45%;
    flex: 0;
  }

  .what-we-do-container-mn {
    padding: 80px 40px;
  }

  .what-we-do-mn {
    flex-direction: column;
  }

  .what-we-do-txt-card-mn {
    display: flex;
    height: auto;
    min-width: 408px;
    max-width: 824px;
    min-height: 120px;
    max-height: 408px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
    flex: 0;
    gap: 20px;
  }
  .what-we-do-txt-card-mn h1 {
    min-width: 378px;
    flex: 1 0 0;
    color: var(--Typography-Black, #0c0c0d);
    font-family: Manrope, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
  }

  .what-we-do-txt-card-mn p {
    min-width: 300px;
    max-width: 378px;
    flex: 1 0 0;
    color: var(--Typography-Dark-Grey, #45454d);
    font-family: Manrope, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }

  .what-we-do-txt-card-lg-mn {
    display: flex;
    max-height: 378px;
    min-height: 378px;
    min-width: 95%;
    padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
    flex-direction: column;
    align-items: flex-start;
    flex: 0;
    border-radius: 16px;
    background: var(--BG-Card, #f5f6f9);
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
  }

  .what-we-do-txt-card-lg-mn img {
    position: absolute;
    top: 0;
    right: 0;
  }

  .what-we-do-txt-card-sm-mn {
    display: flex;
    min-height: 328px;
    min-width: 95%;
    padding: var(--32, 32px) var(--32, 32px) var(--40, 40px) var(--32, 32px);
    flex-direction: column;
    align-items: flex-start;
    flex: 0;
    border-radius: 16px;
    background: var(--BG-Card, #f5f6f9);
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
  }

  .what-we-do-txt-card-sm-mn h1 {
    align-self: stretch;
    color: var(--Typography-Black, #0c0c0d);
    leading-trim: both;
    text-edge: cap;
    max-width: 350px;
    font-family: Manrope, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }
  .what-we-do-txt-card-sm-mn img {
    position: absolute;
    top: 0;
    right: 0;
  }

  .what-we-do-txt-job-search-mn {
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }

  .what-we-do-txt-job-search-mn h1 {
    align-self: stretch;
    color: var(--Typography-Black, #0c0c0d);
    leading-trim: both;
    text-edge: cap;
    font-family: Manrope, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }

  .job-search-img-mn {
    display: block;
  }
  .job-arrow-img-mn {
    display: none;
  }

  .what-we-do-txt-job-search-mn input {
    display: none;
  }

  .what-we-do-txt-job-search-mn > img {
    width: 26px;
    height: 26px;
  }
  .blog-container-mn {
    padding: 80px;
  }
  .blog-card-mn {
    flex-direction: row;
    height: auto;
    min-width: 100%;
  }
  .blog-card-mn h1 {
    font-size: 48px;
  }
  .blog-card-mn button {
    font-size: 18px;
    padding: 16px 32px;
  }
  .blog-card-mn button img {
    width: 18px;
    height: 18px;
  }

  .blog-card-left-mn h5 {
    font-size: 14px;
  }

  .job-arrow-img-mn {
    left: -40px;
  }
  .blog-card-left-mn {
    min-width: 100%;
  }
  .blog-card-left-mn img {
    right: 0;
  }
  .d-none-mobile {
    display: none !important;
  }
  .d-show-mobile {
    display: block !important;
  }

  .hero-container-mn div {
    gap: 20px;
  }
}
@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {
  .hero-container-mn h1 {
    font-size: 48px;
  }
  .what-we-do-txt-card-lg-mn ul {
    height: 306px;
  }

  .what-we-do-txt-card-lg-mn ul li {
    font-size: 14px;
    width: 140px;
    padding-left: 5px;
  }

  .what-we-do-container-mn {
    padding: 40px 20px;
  }

  .about-us-container-mn {
    padding: 40px 20px;
  }
  .about-us-content-right-mn h1 {
    font-size: 40px;
  }

  .about-us-content-right-mn p {
    font-size: 18px;
  }

  .solution-with-img-card-icon-mn img {
    width: 30px;
    height: 30px;
  }
  .solution-with-img-container-mn {
    padding: 40px 20px;
    gap: 20px;
  }

  .solution-with-img-title-mn {
    font-size: 50px;
    padding-left: 30px !important;
  }

  .solution-with-img-card-mn {
    height: 258px;
    flex: 0;
    padding: 20px 16px;
  }
  .solution-with-img-card-mn > img {
    width: 70%;
    height: 70%;
  }
  .solution-with-card-vector-mn {
    width: 70%;
    height: 70%;
  }
  .solution-with-card-illustration-mn {
    margin-left: -50px;
  }
  .solution-with-img-card-mn p {
    font-size: 18px;
  }
  .blog-card-left-mn {
    min-width: 450px;
  }
  .blog-card-left-mn img {
    width: 365px;
    height: 380px;
    top: 50px;
    right: 0px;
    scale: 1.4;
    right: 20px;
  }
  .blog-container-mn {
    padding: 40px 20px;
  }
  .solution-with-img-card-mn ul {
    position: absolute;
    bottom: 12.5px;
    left: 30px;
  }
  .solution-with-img-card-mn ul li {
    font-size: 14px;
  }
  .about-us-content-left-mn ul {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 612px) {
  .hero-container-mn > img {
    right: -162px;
  }
}

@media screen and (max-width: 468px) {
  .hero-container-mn h1 {
    font-size: 32px;
    width: 300px;
  }
  .hero-container-mn > img {
    width: 425.049px;
    height: 335px;
    bottom: 188px;
    left: 0;
    right: -164px;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-container-mn div button {
    gap: 8px;
    padding: 8px;
    font-size: 14px;
  }
  .hero-container-mn div p {
    font-size: 14px;
    width: 200px;
  }
  .hero-container-mn {
    padding: 40px 20px;
    border-radius: 16px;
    height: 560px;
  }
  .about-us-content-right-mn h1 {
    font-size: 36px;
  }

  .about-us-content-right-mn p {
    font-size: 16px;
  }
  .solution-with-img-card-icon-mn img {
    width: 30px;
    height: 30px;
  }

  .solution-with-img-title-mn {
    padding-top: 40px !important;
    font-size: 32px;
  }

  .solution-with-img-card-mn {
    height: 198px;
    flex: 0;
    padding: 20px 16px;
  }
  .solution-with-img-card-mn > img {
    width: 70%;
    height: 70%;
  }
  .solution-with-card-vector-mn {
    width: 70%;
    height: 70%;
  }
  .solution-with-card-illustration-mn {
    margin-left: -50px;
    margin-top: -30px;
  }
  .solution-with-img-card-mn p {
    font-size: 18px;
  }
  .solution-with-img-card-mn {
    min-width: 44%;
    flex: 0;
  }
  .blog-card-left-content-mn p {
    font-size: 14px;
  }
  .what-we-do-mn {
    gap: 20px;
    flex: 0;
  }
  .blog-card-left-content-mn p {
    font-size: 14px;
  }
  .what-we-do-txt-card-mn {
    min-width: 278px;
    max-width: 824px;
    min-height: 60px;
    max-height: 378px;
    flex: 0;
  }
  .what-we-do-txt-card-mn h1 {
    min-width: 278px;
    flex: 0;
  }

  .what-we-do-txt-card-mn p {
    min-width: 270px;
    max-width: 378px;
    flex: 0;
  }

  .what-we-do-txt-card-lg-mn {
    min-height: 320px;
    min-width: 90vw;
    max-width: 824px;
    padding: 20px 16px;
    flex: 0;
  }

  .what-we-do-txt-card-lg-mn h1 {
    font-size: 24px;
  }

  .what-we-do-txt-card-sm-mn {
    height: 378px;
    min-width: 90vw;
    max-width: 824px;
    padding: 20px 16px;
    flex: 0;
  }

  .what-we-do-txt-card-sm-mn h1 {
    max-width: 250px;
    font-size: 24px;
  }
  .what-we-do-txt-job-search-mn {
    min-height: 50px;
    min-width: 90vw;
    padding: var(--16, 16px) var(--16, 16px) var(--20, 20px) var(--16, 16px);
    padding-bottom: 40px;
    flex: 0;
  }
  .what-we-do-txt-job-search-mn h1 {
    font-size: 18px;
  }
  .what-we-do-txt-job-search-mn img {
    width: 26px;
    height: 26px;
  }

  .what-we-do-txt-job-search-mn input {
    padding: var(--16, 16px) var(--40, 40px);
  }
  .blog-card-left-mn {
    height: 320px;
    min-width: 330px;
    padding: 20px 16px;
  }

  .solution-with-img-card-mn ul {
    position: absolute;
    bottom: 10px;
    left: 20px;
  }
  .solution-with-img-card-mn ul li {
    font-size: 10px;
  }

  .what-we-do-txt-card-lg-mn ul li {
    width: 100%;
  }
  .what-we-do-txt-card-lg-mn ul {
    height: auto;
    flex-wrap: nowrap;
  }

  .solution-with-img-container-mn {
    gap: 10px;
    padding-top: 32px !important;
  }
  .about-us-content-left-mn ul {
    padding-bottom: 32px;
  }
  .what-we-do-txt-card-lg-mn img {
    scale: 1.5;
    left: -15px;
  }
  .what-we-do-txt-card-sm-mn img {
    /* scale: 1.5;
    left: -15px; */
  }
  .blog-card-left-mn img {
    width: 365px;
    height: 380px;
    top: -10px;
    scale: 1;
    right: -100px;
  }
  .blog-card-left-content-mn {
    gap: 12px;
  }
  .blog-card-mn h1 {
    font-size: 32px;
  }
  .blog-card-mn button {
    font-size: 14px;
    padding: 8px 24px;
  }
}

@media screen and (max-width: 360px) {
  .about-us-content-right-mn h1 {
    font-size: 32px;
    line-height: 120%;
  }
  .about-us-content-right-mn p {
    font-size: 14px;
    line-height: 140%;
  }
  .solution-with-img-card-mn {
    min-width: 42%;
  }
  .solution-with-img-card-mn {
    height: 200px;
  }
  .blog-card-left-mn {
    min-width: 250px;
  }
}

@media screen and (max-width: 468px) {
  .what-we-do-txt-card-lg-mn ul {
    display: none;
  }
  .what-we-do-txt-card-sm-mn ul {
    display: none;
  }
}