body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-montserrat: Montserrat;
  --font-futura: Futura;
  --font-poppins: Poppins;
  --font-inherit: inherit;

  /* font sizes */
  --font-size-base: 1rem;
  --font-size-11xl: 1.88rem;
  --font-size-5xl: 1.5rem;
  --font-size-29xl: 3rem;
  --font-size-xl: 1.25rem;

  /* Colors */
  --color-gray-100: #252525;
  --color-gray-200: rgba(255, 255, 255, 0.8);
  --gray-1: #333;
  --color-darkslategray-100: #2f2f2f;
  --color-white: #fff;
  --color-gainsboro: #d9d9d9;
  --color-palevioletred: rgba(255, 91, 130, 0.4);
  --color-black: #000;

  /* Paddings */
  --padding-2xl: 1.31rem;

  /* border radiuses */
  --br-xs: 12px;
  --br-31xl: 50px;
}


.vector-icon {
  position: absolute;
  top: 11.19rem;
  left: 59.25rem;
  width: 219.69rem;
  height: 46.13rem;
}
.clay-orange0006-1-icon {
  position: absolute;
  top: 11.19rem;
  left: 0;
  width: 41.61rem;
  height: 53.82rem;
  object-fit: cover;
}
.clay-orange0008-1-icon,
.img-8740-removebg-1-icon {
  position: absolute;
  top: 21.69rem;
  left: 13.23rem;
  width: 23.75rem;
  height: 27rem;
  object-fit: cover;
}
.clay-orange0008-1-icon {
  top: 36.81rem;
  left: 4.92rem;
  width: 18.55rem;
  height: 18.55rem;
}
.apple-pencil-angled-l-1-icon,
.apple-watch-r-1-icon {
  position: absolute;
  top: 31.88rem;
  left: 7.92rem;
  width: 12.56rem;
  height: 12.56rem;
  object-fit: cover;
}
.apple-watch-r-1-icon {
  top: 22.69rem;
  left: 13.73rem;
  width: 6.06rem;
  height: 6.06rem;
}
.iphone-upright-l-1-icon,
.macbook-pro-open-front-l-1-icon {
  position: absolute;
  top: 16.69rem;
  left: 16.11rem;
  width: 9rem;
  height: 9rem;
  object-fit: cover;
}
.macbook-pro-open-front-l-1-icon {
  top: 26.31rem;
  left: 7.92rem;
  width: 9.5rem;
  height: 9.5rem;
}
.banner-image,
.right-image {
  position: absolute;
  top: 0;
  width: 65.4rem;
  height: 65.01rem;
}
.banner-image {
  left: 0;
}
.right-image {
  left: 107.64rem;
}
.hi-there {
  position: absolute;
  top: 0;
  left: 0;
}
.span {
  font-size: var(--font-size-29xl);
  font-weight: 500;
  font-family: var(--font-futura);
}
.im-fitra {
  margin: 0;
}
.rahma-muliani {
  margin: 0;
  font-size: 2.25rem;
}
.im-fitra-rahma-container {
  position: absolute;
  top: 1.88rem;
  left: 0;
  color: var(--gray-1);
  font-size: 3.75rem;
  font-family: var(--font-futura);
}
.as-a-technical-container1 {
  line-break: anywhere;
  width: 100%;
}
.as-a-technical-container {
  position: absolute;
  top: 10.5rem;
  left: 0;
  line-height: 1.63rem;
  display: flex;
  align-items: center;
  width: 40rem;
}
.banner,
.banner-left {
  position: absolute;
  top: 21.56rem;
  left: 62.88rem;
  width: 40rem;
  height: 21.88rem;
}
.banner {
  top: -11.19rem;
  left: -59.25rem;
  width: 219.69rem;
  height: 65.01rem;
  font-size: var(--font-size-base);
  color: var(--color-gray-100);
  font-family: var(--font-montserrat);
}
.navbar-icon,
.skills {
  position: absolute;
  top: 0;
}
.navbar-icon {
  left: 3.63rem;
  width: 86.38rem;
  height: 4.06rem;
}
.skills {
  left: 38.13rem;
  font-size: var(--font-size-11xl);
}
.programming {
  position: absolute;
  top: 3.5rem;
  left: 36.19rem;
  font-weight: 500;
}
.image-2-icon {
  position: absolute;
  top: 0.06rem;
  left: 57.38rem;
  width: 8.2rem;
  height: 6.13rem;
  object-fit: cover;
}
.image-12-icon,
.image-15-icon,
.image-3-icon {
  position: absolute;
  top: 0.44rem;
  left: 13.88rem;
  width: 12.5rem;
  height: 5.31rem;
  object-fit: cover;
}
.image-12-icon,
.image-15-icon {
  top: 0.38rem;
  left: 68.88rem;
  width: 12.25rem;
  height: 5.46rem;
}
.image-15-icon {
  top: 1.06rem;
  left: 41.63rem;
  height: 4.11rem;
}
.image-1-icon,
.image-16-icon {
  position: absolute;
  height: 6.13rem;
  object-fit: cover;
}
.image-16-icon {
  top: 0.06rem;
  left: 28.88rem;
  width: 10.21rem;
}
.image-1-icon {
  top: 0;
  left: 0;
  width: 12.25rem;
}
.programming-1 {
  position: absolute;
  top: 8.56rem;
  left: 0;
  width: 81.13rem;
  height: 6.19rem;
}
.image-11-icon,
.image-13-icon {
  position: absolute;
  width: 12.25rem;
  object-fit: cover;
}
.image-11-icon {
  top: 1.44rem;
  left: 13.75rem;
  height: 2.66rem;
}
.image-13-icon {
  top: 1.25rem;
  left: 0;
  height: 2.99rem;
}
.image-17-icon {
  top: 0.69rem;
  left: 55rem;
  height: 4.77rem;
}
.image-17-icon,
.image-19-icon,
.image-20-icon,
.image-8-icon {
  position: absolute;
  width: 12.25rem;
  object-fit: cover;
}
.image-19-icon {
  top: 0;
  left: 68.75rem;
  height: 6.13rem;
}
.image-20-icon,
.image-8-icon {
  top: 0.94rem;
  left: 41.25rem;
  height: 4.17rem;
}
.image-8-icon {
  top: 0.56rem;
  left: 27.56rem;
  height: 5.43rem;
}
.programming-2 {
  position: absolute;
  top: 16.06rem;
  left: 0.13rem;
  width: 81rem;
  height: 6.13rem;
}
.design {
  position: absolute;
  top: 26.06rem;
  left: 38.44rem;
  font-weight: 500;
}
.image-5-icon {
  position: absolute;
  top: 0;
  left: 13.81rem;
  width: 6.28rem;
  height: 6.13rem;
  object-fit: cover;
}
.image-7-icon {
  top: 1.06rem;
  left: 52.31rem;
  height: 3.22rem;
}
.image-10-icon,
.image-14-icon,
.image-7-icon {
  position: absolute;
  width: 12.25rem;
  object-fit: cover;
}
.image-10-icon {
  top: 0;
  left: 66.06rem;
  height: 5.11rem;
}
.image-14-icon {
  top: 0.63rem;
  left: 38.56rem;
  height: 4.19rem;
}
.image-18-icon {
  top: 0;
  left: 26.38rem;
  width: 9.19rem;
  object-fit: cover;
}
.design-1,
.image-18-icon,
.image-6-icon {
  position: absolute;
  height: 6.13rem;
}
.image-6-icon {
  top: 0;
  left: 0;
  width: 6.13rem;
  object-fit: cover;
}
.design-1 {
  top: 28.88rem;
  left: 3.06rem;
  width: 78.31rem;
}
.image-21-icon,
.image-4-icon {
  position: absolute;
  object-fit: cover;
}
.image-4-icon {
  top: 0;
  left: 0;
  width: 10.89rem;
  height: 6.13rem;
}
.image-21-icon {
  top: 1.38rem;
  left: 13.19rem;
  width: 12.25rem;
  height: 3.38rem;
}
.design-2,
.skills-section {
  position: absolute;
  top: 37.5rem;
  left: 0.81rem;
  width: 25.44rem;
  height: 6.13rem;
}
.skills-section {
  top: 41rem;
  left: 4.25rem;
  width: 81.38rem;
  height: 43.63rem;
}
.projects {
  position: absolute;
  top: 6.88rem;
  left: 72.13rem;
  font-size: var(--font-size-11xl);
  font-family: var(--font-futura);
  color: var(--gray-1);
}
.vector-icon1 {
  position: absolute;
  top: 0;
  left: 67.75rem;
  width: 219.69rem;
  height: 32.38rem;
}
.view-my-portfolio {
  position: absolute;
  top: 0.63rem;
  left: 1.19rem;
  line-height: 1rem;
  text-transform: uppercase;
}
.button-small,
.portfolio-button {
  position: absolute;
  width: 12.25rem;
  height: 2.25rem;
}
.button-small {
  top: 0;
  left: 0;
  border-radius: 25px;
  background-color: var(--color-palevioletred);
}
.portfolio-button {
  top: 7.38rem;
  left: 140.88rem;
  box-shadow: 3px 3px 12px rgba(223, 134, 76, 0.2) inset,
    -6px -6px 12px rgba(255, 91, 130, 0.4) inset;
  font-size: 0.88rem;
  color: var(--gray-1);
  font-family: var(--font-montserrat);
}
.project-card-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  box-shadow: -3px -3px 12px rgba(255, 91, 130, 0.4) inset,
    -6px -6px 12px rgba(255, 179, 137, 0.3) inset;
}
.mandiri-sekuritas {
  position: absolute;
  width: 90%;
  top: 77.82%;
  left: 5.81%;
  line-height: 2rem;
  display: inline-block;
}
.intersect-child {
  position: absolute;
  height: 102.13%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: -2.13%;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
}
.image-22-icon {
  position: absolute;
  height: 100%;
  width: 113.55%;
  top: 0;
  right: -13.55%;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.intersect {
  position: relative;
  width: 19.38rem;
  height: 11.75rem;
  background-image: url(./public/intersect@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.project-card {
  position: absolute;
  top: 11.88rem;
  left: 72.13rem;
  width: 19.38rem;
  height: 16.06rem;
}
.intersect-item {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
}
.image-23-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 22.44rem;
  height: 12rem;
  object-fit: cover;
}
.intersect1 {
  position: relative;
  width: 19.38rem;
  height: 12rem;
  background-image: url(./public/intersect1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.project-card1 {
  position: absolute;
  top: 11.88rem;
  left: 92.75rem;
  width: 19.38rem;
  height: 16.06rem;
}
.intersect-inner {
  position: absolute;
  height: 102.67%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: -2.67%;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
}
.image-24-icon {
  position: absolute;
  height: 100%;
  width: 113.23%;
  top: 0;
  right: -13.23%;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.intersect2 {
  position: relative;
  width: 19.38rem;
  height: 11.69rem;
  background-image: url(./public/intersect2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.project-card2 {
  position: absolute;
  top: 11.88rem;
  left: 113.38rem;
  width: 19.38rem;
  height: 16.06rem;
}
.intersect-child1 {
  position: absolute;
  height: 100%;
  width: 100.32%;
  top: 0;
  right: -0.32%;
  bottom: 0;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
}
.image-25-icon {
  position: absolute;
  height: 128.65%;
  width: 100%;
  top: -28.65%;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.intersect3 {
  position: relative;
  width: 19.31rem;
  height: 12rem;
  background-image: url(./public/intersect3@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.project-card3 {
  position: absolute;
  top: 11.88rem;
  left: 134rem;
  width: 19.38rem;
  height: 16.06rem;
}
.projects-section {
  position: absolute;
  top: 88.63rem;
  left: -67.75rem;
  width: 219.69rem;
  height: 32.38rem;
  color: var(--color-darkslategray-100);
  font-family: var(--font-poppins);
}
.experiences {
  position: absolute;
  top: 12.44rem;
  left: 78.18rem;
}
.clay-orange0093-1-icon {
  position: absolute;
  top: 23.97rem;
  left: 39.17rem;
  width: 86.19rem;
  height: 125.36rem;
  object-fit: cover;
}
.experience-card-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-gray-200);
  box-shadow: -3px -3px 12px rgba(255, 91, 130, 0.4) inset,
    -6px -6px 12px rgba(255, 179, 137, 0.3) inset;
  width: 38.5rem;
  height: 87.25rem;
}
.suitmedia-digital-agency,
.technical-lead-apr {
  position: absolute;
  top: 2rem;
  left: 9.31rem;
  line-height: 2rem;
}
.technical-lead-apr {
  top: 4.25rem;
  font-size: var(--font-size-base);
  font-weight: 500;
}
.supervised-and-mentored {
  margin-bottom: false;
}
.supervised-and-mentored-front- {
  margin: 0;
  padding-left: var(--padding-2xl);
}
.supervised-and-mentored-container {
  position: absolute;
  top: 7rem;
  left: 9.31rem;
  font-size: var(--font-inherit);
  line-height: 1.5rem;
  font-family: var(--font-inherit);
  color: var(--color-black);
  display: inline-block;
  width: 22.69rem;
}
.experience-card-item {
  position: absolute;
  top: 7.5rem;
  left: 5.13rem;
  border-radius: var(--br-31xl);
  background-color: var(--color-palevioletred);
  box-shadow: 3px 3px 12px rgba(223, 134, 76, 0.2) inset,
    -6px -6px 12px rgba(255, 91, 130, 0.4) inset;
  width: 0.19rem;
  height: 26.25rem;
}
.senior-front-end {
  position: absolute;
  top: 2.38rem;
  left: 7.38rem;
  font-size: var(--font-size-base);
  line-height: 2rem;
  font-weight: 500;
}
.led-development-of-container {
  position: absolute;
  top: 5.13rem;
  left: 7.38rem;
  font-size: var(--font-inherit);
  line-height: 1.5rem;
  font-family: var(--font-inherit);
  color: var(--color-black);
  display: inline-block;
  width: 22.69rem;
  height: 15.5rem;
}
.group-child,
.image-29-icon {
  position: absolute;
  border-radius: var(--br-31xl);
}
.group-child {
  top: 6.38rem;
  left: 3.15rem;
  background-color: var(--color-palevioletred);
  box-shadow: 3px 3px 12px rgba(223, 134, 76, 0.2) inset,
    -6px -6px 12px rgba(255, 91, 130, 0.4) inset;
  width: 0.19rem;
  height: 19.25rem;
}
.image-29-icon {
  top: 0;
  left: 0;
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
}
.suitmedia-digital-agency-parent {
  position: absolute;
  top: 33.63rem;
  left: 2.06rem;
  width: 33rem;
  height: 25.62rem;
}
.rolling-glory {
  position: absolute;
  top: 0.13rem;
  left: 7.38rem;
  line-height: 2rem;
}
.group-item {
  position: absolute;
  top: 6.38rem;
  left: 3.13rem;
  border-radius: var(--br-31xl);
  background-color: var(--color-palevioletred);
  box-shadow: 3px 3px 12px rgba(223, 134, 76, 0.2) inset,
    -6px -6px 12px rgba(255, 91, 130, 0.4) inset;
  width: 0.31rem;
  height: 19.25rem;
}
.image-28-icon,
.rolling-glory-parent {
  position: absolute;
  top: 58.13rem;
  left: 2.06rem;
  width: 30.06rem;
  height: 25.63rem;
}
.image-28-icon {
  top: 1.25rem;
  left: 2.19rem;
  border-radius: var(--br-31xl);
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
}
.experience-card {
  position: absolute;
  top: 17.19rem;
  left: 43.68rem;
  width: 38.5rem;
  height: 87.25rem;
  font-size: var(--font-size-xl);
}
.clay-orange0097-1-icon {
  position: absolute;
  top: 0;
  left: 87.49rem;
  width: 61.94rem;
  height: 61.94rem;
  object-fit: cover;
}
.saly-38-icon {
  position: absolute;
  top: 37.94rem;
  right: 25.56rem;
  width: 40.31rem;
  height: 40.31rem;
  object-fit: cover;
}
.experiences-section {
  position: absolute;
  top: 114.06rem;
  left: -39.17rem;
  width: 149.43rem;
  height: 149.33rem;
  font-size: var(--font-size-11xl);
}
.clay-orange0080-1-icon {
  position: absolute;
  top: 11rem;
  left: 46.38rem;
  width: 59.56rem;
  height: 59.44rem;
  object-fit: cover;
}
.education-card-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-gray-200);
  box-shadow: -3px -3px 12px rgba(255, 91, 130, 0.4) inset,
    -6px -6px 12px rgba(255, 179, 137, 0.3) inset;
  width: 38.5rem;
  height: 47.88rem;
}
.image-26-icon {
  position: absolute;
  top: 1.25rem;
  left: 2.06rem;
  border-radius: var(--br-31xl);
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
}
.sakuma-award-recipient-container {
  position: absolute;
  top: 7rem;
  left: 9.31rem;
  font-size: var(--font-inherit);
  line-height: 1.5rem;
  font-family: var(--font-inherit);
  color: var(--color-black);
  display: inline-block;
  width: 22.69rem;
  height: 14rem;
}
.bachelor-of-science,
.institut-teknologi-bandung {
  position: absolute;
  top: 23.5rem;
  left: 9.31rem;
  line-height: 2rem;
}
.bachelor-of-science {
  top: 25.75rem;
  font-size: var(--font-size-base);
  font-weight: 500;
}
.final-work-project-container {
  position: absolute;
  top: 28.5rem;
  left: 9.31rem;
  font-size: var(--font-inherit);
  line-height: 1.5rem;
  font-family: var(--font-inherit);
  color: var(--color-black);
  display: inline-block;
  width: 22.69rem;
  height: 10.5rem;
}
.image-27-icon {
  position: absolute;
  top: 23.5rem;
  left: 2.06rem;
  border-radius: var(--br-31xl);
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
}
.education-card-inner,
.education-card-item {
  position: absolute;
  top: 7.5rem;
  left: 5.13rem;
  border-radius: var(--br-31xl);
  background-color: var(--color-palevioletred);
  box-shadow: 3px 3px 12px rgba(223, 134, 76, 0.2) inset,
    -6px -6px 12px rgba(255, 91, 130, 0.4) inset;
  width: 0.19rem;
  height: 16rem;
}
.education-card-inner {
  top: 29.75rem;
  height: 13.75rem;
}
.education-card {
  position: absolute;
  top: 0;
  left: 41.25rem;
  width: 38.5rem;
  height: 47.88rem;
}
.saly-6-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40rem;
  height: 40rem;
  object-fit: cover;
}
.education {
  position: absolute;
  top: 13.65rem;
  left: 21.31rem;
  transform: rotate(-17.61deg);
  transform-origin: 0 0;
}
.saly-6-parent {
  position: absolute;
  top: 3.5rem;
  left: 0;
  width: 40rem;
  height: 40rem;
  font-size: var(--font-size-29xl);
  color: var(--color-white);
}
.education-section {
  position: absolute;
  top: 225rem;
  left: 3.13rem;
  width: 105.94rem;
  height: 70.44rem;
  font-size: var(--font-size-xl);
}
.vector-icon2 {
  position: absolute;
  top: 0;
  left: 11.31rem;
  width: 219.69rem;
  height: 46.13rem;
}
.group-inner {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  box-shadow: -3px -3px 12px rgba(255, 91, 130, 0.4) inset,
    -6px -6px 12px rgba(255, 179, 137, 0.3) inset;
  width: 19.38rem;
  height: 22.38rem;
}
.ux-web {
  position: absolute;
  top: 12.5rem;
  left: 1.13rem;
  text-decoration: underline;
  line-height: 2rem;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  width: 17.44rem;
}
.image-30-icon,
.intersect-child2 {
  position: absolute;
  left: 4.38rem;
  width: 19.38rem;
}
.intersect-child2 {
  top: 300.44rem;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
  height: 12rem;
}
.image-30-icon {
  top: 300.5rem;
  height: 14.44rem;
  object-fit: cover;
}
.intersect4 {
  position: relative;
  width: 19.38rem;
  height: 11.94rem;
  background-image: url(./public/intersect4@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.rectangle-parent {
  position: absolute;
  top: 8.25rem;
  left: 15.69rem;
  width: 19.38rem;
  height: 22.38rem;
}
.image-31-icon,
.intersect-child3 {
  position: absolute;
  left: 25rem;
  width: 19.38rem;
}
.intersect-child3 {
  top: 300.44rem;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
  height: 12rem;
}
.image-31-icon {
  top: 300.5rem;
  height: 14.44rem;
  object-fit: cover;
}
.intersect5 {
  position: relative;
  width: 19.38rem;
  height: 11.94rem;
  background-image: url(./public/intersect5@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.intersect-child4,
.rectangle-group {
  position: absolute;
  top: 8.25rem;
  left: 36.31rem;
  width: 19.38rem;
  height: 22.38rem;
}
.intersect-child4 {
  top: 300.44rem;
  left: 45.63rem;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  background-color: var(--color-gainsboro);
  height: 12rem;
}
.image-32-icon {
  position: absolute;
  top: 300.44rem;
  left: 45.5rem;
  width: 19.5rem;
  height: 14.5rem;
  object-fit: cover;
}
.intersect6 {
  position: relative;
  width: 19.38rem;
  height: 12rem;
  background-image: url(./public/intersect6@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.rectangle-container {
  position: absolute;
  top: 8.25rem;
  left: 56.94rem;
  width: 19.38rem;
  height: 22.38rem;
}
.how-to-write {
  position: absolute;
  top: 12.5rem;
  left: 1.13rem;
  text-decoration: underline;
  line-height: 2rem;
  display: inline-block;
  width: 17.44rem;
}
.group-div,
.rectangle-icon {
  position: absolute;
  width: 19.38rem;
}
.rectangle-icon {
  top: 0;
  left: 0;
  border-radius: var(--br-xs) var(--br-xs) 0 0;
  height: 12rem;
  object-fit: cover;
}
.group-div {
  top: 8.25rem;
  left: 77.56rem;
  height: 22.38rem;
}
.certifications {
  position: absolute;
  top: 3.25rem;
  left: 49.81rem;
  font-size: var(--font-size-11xl);
  font-family: var(--font-futura);
  color: var(--gray-1);
}
.certifications-section {
  position: absolute;
  top: 292.19rem;
  left: -11.31rem;
  width: 219.69rem;
  height: 46.13rem;
  color: var(--color-darkslategray-100);
  font-family: var(--font-poppins);
}
.get-in-touch {
  position: absolute;
  top: 0;
  left: 7.13rem;
}
.fitrakungmailcom {
  position: absolute;
  top: 4.5rem;
  left: 7.88rem;
  font-size: var(--font-size-base);
  line-height: 1.63rem;
  font-family: var(--font-montserrat);
  color: var(--color-gray-100);
  display: flex;
  align-items: center;
  width: 10.94rem;
}
.get-in-touch-section {
  position: absolute;
  top: 327.81rem;
  left: 34.69rem;
  width: 19.56rem;
  height: 6.13rem;
  font-size: var(--font-size-11xl);
}
.desktop {
  position: relative;
  background-color: #fff3eb;
  width: 100%;
  height: 338.31rem;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--gray-1);
  font-family: var(--font-futura);
}