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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-arimo-hebrew-subset: "Arimo Hebrew Subset";
  --font-bai-jamjuree: "Bai Jamjuree";
  --font-bakbak-one: "Bakbak One";
  --font-arial: Arial;
  --font-aharoni: Aharoni;
  --font-acme: Acme;
  --font-franklin-gothic-heavy: "Franklin Gothic Heavy";
  --font-actor: Actor;
  --font-alata: Alata;

  /* font sizes */
  --font-size-11xl: 1.88rem;
  --font-size-7xl: 1.63rem;
  --font-size-29xl: 3rem;
  --font-size-13xl: 2rem;
  --font-size-6xl: 1.56rem;
  --font-size-21xl: 2.5rem;
  --font-size-17xl: 2.25rem;
  --font-size-71xl: 5.63rem;
  --font-size-xl: 1.25rem;

  /* Colors */
  --color-teal-100: #41807c;
  --color-gold-100: #f1c50e;
  --color-white: #fff;
  --color-gray-100: #7e7e7e;
  --color-black: #000;
  --color-silver: #ccc3c3;
  --color-lightgray-100: #d3d3d3;
  --color-lightgray-200: #d0c8c8;

  /* Gaps */
  --gap-14xl: 2.06rem;
  --gap-29xl: 3rem;
  --gap-28xl: 2.94rem;
  --gap-15xl: 2.13rem;
  --gap-3xs: 0.63rem;

  /* Paddings */
  --padding-15xl: 2.13rem;
  --padding-19xl: 2.38rem;

  /* border radiuses */
  --br-81xl: 100px;
  --br-xl: 20px;
  --br-7xs: 6px;
}

.hero-head,
.hero-tagline {
  margin: 0;
  position: relative;
}

.hero-head {
  font-size: inherit;
  font-weight: 400;
  font-family: var(--font-alata);
  color: var(--color-gold-100);
}

.hero-tagline {
  font-size: 2.88rem;
  font-family: inherit;
  display: flex;
  align-items: center;
  /* width: 52.75rem; */
  height: 4.25rem;
  flex-shrink: 0;
}

.blank-line1,
.hero-tagline {
  font-weight: 600;
}

.blank-line {
  display: block;
}

.orena-solutions-in-vadodara-g {
  display: block;
  font-size: var(--font-size-7xl);
  font-family: var(--font-actor);
}

.hero-desc-txt {
  line-break: anywhere;
}

.about-text,
.hero-desc {
  align-self: stretch;
  display: flex;
}

.hero-desc {
  margin: 0;
  position: relative;
  align-items: center;
  height: 9.13rem;
  flex-shrink: 0;
  font-size: var(--font-size-29xl);
}

.about-text {
  /* height: 19.63rem; */
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.94rem;
}

.mission-img-icon,
.mission1 {
  align-self: stretch;
  position: relative;
}

.mission-img-icon {
  max-height: 100%;
  width: 8.25rem;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}

.mission1 {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
}

.orena-solutions-strives {
  margin-block-start: 0;
  margin-block-end: 20px;
}

.orena-solutions-strives-container {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xl);
}

.mission,
.mission-desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}

.mission {
  align-self: stretch;
  flex-direction: row;
}

.vision-img-child {
  position: absolute;
  top: 0.88rem;
  left: 0;
  width: 6.75rem;
  height: 8.19rem;
  object-fit: cover;
}

.vision-img,
.vision1 {
  align-self: stretch;
  position: relative;
  flex-shrink: 0;
}

.vision-img {
  width: 6.75rem;
  overflow: hidden;
}

.vision1 {
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 2.94rem;
}

.orena-solutions-envisions-container {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xl);
}

.mission-parent,
.vision,
.vision-desc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.vision-desc {
  align-self: stretch;
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
}

.mission-parent,
.vision {
  flex-direction: row;
}

.vision {
  align-self: stretch;
  flex: 1;
  gap: var(--gap-3xs);
  margin-left: -0.75rem;
}

.mission-parent {
  /* width: 51rem; */
  /* height: 16.69rem; */
  font-size: var(--font-size-17xl);
}

.connect-now {
  position: absolute;
  top: 0.88rem;
  left: 1.81rem;
  font-size: var(--font-size-13xl);
  font-weight: 500;
  font-family: var(--font-inter);
  color: var(--color-white);
  text-align: left;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.btn-hero {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-gold-100);
  position: relative;
  border-radius: 10px;
  width: 17.13rem;
  height: 4.25rem;
}

.hero-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.31rem;
}

.hero-img-icon {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-xl);
  /* width: 28.75rem; */
  height: 35.94rem;
  object-fit: cover;
}

.find-solutions-with,
.your-problems {
  /* position: absolute; */
  top: 2.31rem;
  left: 3.19rem;
  font-weight: 500;
}

.find-solutions-with {
  top: 0.81rem;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 3px solid #41807c82;
  /* width: 17.94rem; */
}

.frame {
  /* position: absolute; */
  top: 5.88rem;
  left: 1.06rem;
  /* width: 19.94rem; */
  /* height: 4.56rem; */
  overflow: hidden;
  font-size: var(--font-size-6xl);
  color: var(--color-black);
}

.hero-box,
.hero-box-child {
  position: absolute;
  box-sizing: border-box;
}

.hero-box-child {
  /* top: 5.75rem; */
  /* left: 0.94rem; */
  border-top: 4px solid rgba(65, 128, 124, 0.51);
  width: 20.19rem;
  height: 0.25rem;
}

.hero-box {
  top: 27rem;
  left: 3.31rem;
  border-radius: 15px;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid #a6a6a6;
  width: 80%;
  height: 13.38rem;
  overflow: hidden;
  padding: 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.hero-right {
  position: relative;
  width: 28.75rem;
  height: 39.75rem;
  text-align: center;
  font-size: 2.13rem;
  color: var(--color-teal-100);
}

.hero {
  /* width: min(90vw, 82.25rem); */
  width: min(90vw, 100rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-white);
  font-family: var(--font-inter);
}

.our {
  position: relative;
  letter-spacing: 0.05em;
  width: 6.94rem;
  height: 3.19rem;
  flex-shrink: 0;
  -webkit-text-stroke: 2px #366d6a;
}

.achievements,
.our,
.our-parent {
  display: flex;
  align-items: center;
  justify-content: center;
}

.achievements {
  position: relative;
  letter-spacing: 0.01em;
  color: rgba(65, 128, 124, 0.7);
  width: 21.13rem;
  height: 3.19rem;
  flex-shrink: 0;
}

.our-parent {
  align-self: stretch;
  flex-direction: row;
}

.b,
.placement {
  position: absolute;
  top: 8.5rem;
  left: 2.81rem;
}

.b {
  top: 1.63rem;
  left: 2.19rem;
  font-size: 5.88rem;
  font-family: var(--font-aharoni);
  color: var(--color-gold-100);
}

.achievements-item {
  position: relative;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-lightgray-100);
  box-sizing: border-box;
  width: 12.94rem;
  height: 11.83rem;
  overflow: hidden;
  flex-shrink: 0;
}

.experts {
  margin: 0;
}

.b1,
.experts-trained {
  position: absolute;
  top: 7.13rem;
  left: 3.56rem;
}

.achievements-item-measure {
  top: 1.81rem;
  left: 1.81rem;
  font-size: var(--font-size-71xl);
  font-family: var(--font-aharoni);
  color: var(--color-gold-100);
}

.b2,
.courses {
  position: absolute;
  top: 7.44rem;
  left: 3.19rem;
}

.b2 {
  top: 1.81rem;
  left: 4rem;
  font-size: var(--font-size-71xl);
  font-family: var(--font-aharoni);
  color: var(--color-gold-100);
}

.students-trainee {
  position: absolute;
  top: 7.44rem;
  left: 3rem;
}

.b4,
.years-of-experience-container {
  position: absolute;
  top: 7rem;
  left: 2rem;
}

.b4 {
  top: 1.81rem;
  left: 3.63rem;
  font-size: var(--font-size-71xl);
  font-family: var(--font-aharoni);
  color: var(--color-gold-100);
}

.services-container {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.56rem;
  font-size: var(--font-size-7xl);
  color: var(--color-black);
  font-family: var(--font-inter);
}

.our-achievements {
  border-radius: var(--br-xl);
  background-color: var(--color-white);
  /* height: 21.46rem; */
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-19xl) 2.56rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 1.69rem;
  text-align: center;
  font-size: var(--font-size-29xl);
  color: transparent;
  font-family: var(--font-franklin-gothic-heavy);
  margin: 0 3rem;
}

.services {
  color: var(--color-gold-100);
}

.heading-services {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-family: inherit;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.25);
}

.service-img-icon {
  position: relative;
  width: 10.88rem;
  height: 8rem;
  object-fit: cover;
}

.service-text {
  position: relative;
}

.service-item5 {
  width: 17.38rem;
  height: 12.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.06rem;
}

.service-img-icon1 {
  position: relative;
  width: 8rem;
  height: 8rem;
  object-fit: cover;
}

.service-item6 {
  width: 17.38rem;
  height: 12.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.service-img-icon2 {
  position: relative;
  width: 13.94rem;
  height: 7.06rem;
  object-fit: cover;
}

.service-item7 {
  width: 17.38rem;
  height: 12.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-28xl);
}

.service-img-icon3 {
  position: relative;
  width: 9.5rem;
  height: 7.5rem;
  object-fit: cover;
}

.service-item8 {
  width: 17.38rem;
  height: 12.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-29xl);
}

.service-img-icon4 {
  position: relative;
  width: 13.5rem;
  height: 7.5rem;
  object-fit: cover;
}

.service-item9,
.service-text4 {
  display: flex;
  align-items: center;
}

.service-text4 {
  position: relative;
  justify-content: center;
  width: 19.63rem;
  height: 2.88rem;
  flex-shrink: 0;
}

.service-item9 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 2.44rem;
}

.service-img-icon5 {
  position: relative;
  width: 10.06rem;
  height: 7.19rem;
  object-fit: cover;
}

.service-item10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-15xl);
}

.service-img-icon6 {
  position: relative;
  width: 7.06rem;
  height: 7.06rem;
  object-fit: cover;
}

.service-item11 {
  width: 17.38rem;
  height: 12.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-15xl);
}

.service-img-icon7 {
  position: relative;
  width: 8.47rem;
  height: 6.22rem;
  object-fit: cover;
}

.service-item12,
.service-text7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-text7 {
  position: relative;
  width: 12.19rem;
  height: 2.88rem;
  flex-shrink: 0;
}

.service-item12 {
  width: 17.38rem;
  height: 12.75rem;
  flex-direction: column;
  gap: var(--gap-14xl);
}

.services-container1 {
  flex: 1;
  /* width: 74.5rem; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  font-size: var(--font-size-17xl);
  font-family: var(--font-acme);
}

.our-services {
  border-radius: 30px;
  border: 5px solid var(--color-gold-100);
  box-sizing: border-box;
  width: min(80rem, 90vw);
  /* height: 38.13rem; */
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-19xl) 1.06rem;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-14xl);
  text-align: left;
  font-size: var(--font-size-21xl);
  font-family: var(--font-aharoni);
}

.our-services,
.span {
  color: var(--color-white);
}

.clients {
  color: #8d8d8d;
}

.our-clients1 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 800;
  font-family: inherit;
}

.frame-child {
  position: absolute;
  top: 3.66rem;
  left: -0.22rem;
  border-top: 7px solid var(--color-gold-100);
  box-sizing: border-box;
  width: 14.63rem;
  height: 0.44rem;
}

.our-clients-parent {
  position: relative;
  width: 14.19rem;
  height: 3.88rem;
}

.client-img-icon {
  /* position: absolute; */
  top: 0.44rem;
  left: 3rem;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.clients-img-container {
  position: relative;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-lightgray-200);
  box-sizing: border-box;
  width: 13.75rem;
  height: 8.63rem;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0.5rem;
}

.eliteware-icon {
  left: 1.81rem;
  width: 10.06rem;
  height: 10.06rem;
}

.eliteware-icon,
.modular-tanks-icon,
.smartnode-icon {
  position: absolute;
  top: 0;
  object-fit: cover;
}

.smartnode-icon {
  left: 1.84rem;
  width: 9.5rem;
  height: 9.5rem;
}

.modular-tanks-icon {
  left: 0;
  width: 13.75rem;
  height: 9.75rem;
}

.crescent-icon {
  position: absolute;
  top: 1.38rem;
  left: 0.75rem;
  width: 16.38rem;
  height: 5.84rem;
  object-fit: cover;
}

.clients-img-container4 {
  position: relative;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-lightgray-200);
  box-sizing: border-box;
  width: 8.31rem;
  height: 8.63rem;
  overflow: hidden;
  flex-shrink: 0;
}

.clients-row,
.dhyey-icon {
  /* position: absolute; */
  /* top: 0;
  left: 0; */
}

.clients-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2.5rem;
  overflow: scroll;
  scroll-behavior: smooth;
  width: 100%;
}

.clients-row::-webkit-scrollbar {
  display: none;
}

#clients-row2 {
  margin: 2rem;
}

.dhyey-icon {
  width: 9.5rem;
  height: 9.56rem;
  object-fit: cover;
}

.clients-img-container5 {
  position: relative;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-lightgray-200);
  box-sizing: border-box;
  width: 9.06rem;
  height: 8.63rem;
  overflow: hidden;
  flex-shrink: 0;
}

.credence-icon {
  position: absolute;
  top: 2.63rem;
  left: 0.56rem;
  width: 12.56rem;
  height: 3.31rem;
  object-fit: cover;
}

.arastu-icon {
  top: 1.81rem;
  left: 0.44rem;
  width: 12.88rem;
  height: 5rem;
}

.arastu-icon,
.cognixia-icon,
.jhp-icon {
  position: absolute;
  object-fit: cover;
}

.cognixia-icon {
  top: 0.88rem;
  left: 0.38rem;
  width: 13rem;
  height: 6.81rem;
}

.jhp-icon {
  top: 0;
  left: 2.5rem;
  width: 8.69rem;
  height: 8.69rem;
}

.clients-row1 {
  position: absolute;
  top: 10.56rem;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.38rem;
}

.clients-container {
  position: relative;
  width: 100%;
  height: 19.19rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.our-clients {
  border-radius: var(--br-xl);
  background-color: #f2f2f2;
  height: 30.94rem;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 1.88rem 2.75rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-28xl);
  text-align: left;
  font-size: var(--font-size-21xl);
  color: #eec417;
  font-family: var(--font-inter);
  width: min(100rem, 90%);
}

.founder-ceo {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}

.founder-info ul li {
  list-style-position: inside;
  font-family: sans-serif;
  font-size: 1.8rem;
}

.frame-item {
  position: absolute;
  top: 0;
  left: 21.69rem;
  border-right: 8px solid var(--color-white);
  box-sizing: border-box;
  width: 0.5rem;
  height: 4.25rem;
}

.frame1 {
  position: relative;
  width: 21.94rem;
  height: 4.19rem;
  overflow: hidden;
  flex-shrink: 0;
}

.mba-rotterdam-school-of-manag1 {
  margin-bottom: false;
}

.span1 {
  font-size: false;
}

.engineering-technical-univers {
  font-size: var(--font-size-7xl);
}

.founder_edu_clg {
  margin: 0;
  font-family: var(--font-arial);
  font-size: var(--font-size-7xl);
  /* padding-left: 2.19rem; */
}

.education-mba-rotterdam-container1 {
  line-break: anywhere;
  width: 100%;
}

.education-mba-rotterdam-container {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 19.75rem;
  height: 14.5rem;
}

.frame-icon,
.frame2 {
  position: absolute;
  /* overflow: hidden; */
}

.frame2 {
  top: 26.1rem;
  left: 1.25rem;
  width: 18.81rem;
  height: 14.5rem;
}

.frame-icon {
  top: 0;
  left: 0;
  width: 20.06rem;
  height: 14.75rem;
  object-fit: cover;
}

.drekata-mehul {
  margin-block-start: 0;
  margin-block-end: 5px;
}

.founder-ceo-director {
  margin: 0;
  font-size: 1.69rem;
  font-family: var(--font-bai-jamjuree);
  color: #3b706c;
}

.drekata-mehul-founder-container {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0.38rem;
  font-size: inherit;
  font-family: inherit;
}

.frame4 {
  position: absolute;
  top: 15.81rem;
  left: 0.88rem;
  width: 18.31rem;
  /* height: 5.5rem; */
  /* overflow: hidden; */
}

.frame-inner {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-gold-100);
  width: 3.19rem;
  height: 3.19rem;
}

.vector-icon {
  position: absolute;
  height: 52.94%;
  width: 52.94%;
  top: 13.73%;
  right: 21.57%;
  bottom: 33.33%;
  left: 25.49%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.ellipse-parent {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 9.63rem;
  width: 3.19rem;
  height: 3.19rem;
}

.envelope-icon {
  position: absolute;
  top: 0.44rem;
  left: 0.5rem;
  width: 2.13rem;
  height: 2.13rem;
  object-fit: cover;
}

.ellipse-group {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 5.13rem;
  width: 3.19rem;
  height: 3.19rem;
}

.vector-icon1 {
  position: absolute;
  height: 49.02%;
  width: 49.02%;
  top: 21.57%;
  right: 25.49%;
  bottom: 29.41%;
  left: 25.49%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.ellipse-container,
.frame-parent {
  position: absolute;
  top: 0;
  height: 3.19rem;
}

.ellipse-container {
  text-decoration: none;
  left: 0.5rem;
  width: 3.19rem;
}

.frame-parent {
  left: 0;
  width: 12.81rem;
}

.frame3,
.frame5 {
  position: absolute;
  overflow: hidden;
}

.frame5 {
  top: 22.44rem;
  left: 3.31rem;
  width: 13.44rem;
  height: 3.19rem;
}

.frame3 {
  top: 0;
  left: 0;
  width: 20.06rem;
  height: 25.63rem;
  font-size: var(--font-size-21xl);
  color: #224f4c;
  font-family: var(--font-bakbak-one);
}

.founder-info {
  align-self: stretch;
  position: relative;
  width: 20.06rem;
  height: 50rem;
  display: flex;
}

.ekata-mehul-principal-container {
  position: relative;
  display: flex;
  /* align-items: center; */
  width: 100%;
  height: 41.94rem;
  flex-shrink: 0;
}

.founder-detailes {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 2rem;
  color: #17423f;
  font-family: var(--font-arimo-hebrew-subset);
  font-size: ;
}

.founder,
.founder-bg,
.founder-details {
  /* overflow: hidden; */
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
}

.founder-details {
  flex: 1;
  /* width: 70.94rem; */
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-29xl);
  font-size: var(--font-size-11xl);
  color: var(--color-teal-100);
  font-family: var(--font-aharoni);
}

.founder,
.founder-bg {
  flex-direction: column;
}

.founder-bg {
  border-radius: var(--br-81xl) 0 0 var(--br-81xl);
  background-color: #a9c8c5;
  width: 90vw;
  /* height: 52.44rem; */
  flex-shrink: 0;
  padding: var(--padding-15xl) 4.31rem var(--padding-15xl) 3.44rem;
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-14xl);
  padding: 3rem 6rem;
}

.founder {
  align-self: stretch;
  align-items: flex-end;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-white);
  font-family: var(--font-bakbak-one);
}

.form-input {
  border: 1px solid var(--color-silver);
  font-size: var(--font-size-11xl);
  background-color: var(--color-white);
  position: relative;
  border-radius: var(--br-7xs);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  width: 30.69rem;
  height: 3.5rem;
  overflow: hidden;
  flex-shrink: 0;
}

.form-input,
.form-input2,
.sent {
  font-family: var(--font-inter);
}

.form-input2 {
  border: 1px solid var(--color-silver);
  background-color: var(--color-white);
  display: block;
  font-size: var(--font-size-11xl);
  position: relative;
  border-radius: var(--br-7xs);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  width: 30.69rem;
  height: 12rem;
  overflow: hidden;
  flex-shrink: 0;
}

.sent {
  position: absolute;
  top: 0.5rem;
  left: 5rem;
  font-size: var(--font-size-13xl);
  color: var(--color-black);
  text-align: left;
}

.email-send-icon {
  position: absolute;
  top: 0.44rem;
  left: 2.12rem;
  width: 2.51rem;
  height: 2.51rem;
  object-fit: cover;
}

.btn-contact {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: var(--color-gold-100);
  position: relative;
  border-radius: var(--br-xl);
  width: 12.13rem;
  height: 3.5rem;
  overflow: hidden;
  flex-shrink: 0;
}

.contact-form {
  position: absolute;
  top: 15.5rem;
  left: 3.69rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.now {
  color: var(--color-teal-100);
}

.contact-,
.contact-text {
  margin: 0;
  position: absolute;
  left: 0;
}

.contact- {
  top: 0;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}

.contact-text {
  top: 4.81rem;
  font-size: 1.5rem;
  color: #a59e9e;
  display: flex;
  align-items: center;
  width: 27.25rem;
}

.contact-form-top {
  position: absolute;
  top: 4.06rem;
  left: 3.69rem;
  width: 27.25rem;
  height: 8.44rem;
  overflow: hidden;
}

.contact-form-container {
  position: relative;
  background-color: var(--color-white);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  width: 39rem;
  height: 46.94rem;
  overflow: hidden;
  flex-shrink: 0;
}

.frame-icon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.94rem;
  height: 5.94rem;
  overflow: hidden;
  object-fit: cover;
}

.div,
.phone {
  position: absolute;
  font-weight: 600;
}

.div {
  top: 2.5rem;
  left: 0;
}

.phone {
  top: 0;
  left: 0.13rem;
  font-size: var(--font-size-11xl);
  color: var(--color-gray-100);
}

.frame6,
.frame7 {
  position: absolute;
  width: 13.81rem;
  overflow: hidden;
}

.frame7 {
  top: 0.44rem;
  left: 0;
  height: 4.44rem;
}

.frame6 {
  top: 0;
  left: 8rem;
  height: 4.88rem;
}

.contact-item,
.frame-group {
  position: absolute;
  height: 5.94rem;
}

.frame-group {
  top: 0;
  left: 0.13rem;
  width: 21.81rem;
}

.contact-item {
  top: 21.25rem;
  left: 0;
  width: 21.94rem;
  overflow: hidden;
}

.contactusorena-solutionsgma {
  position: absolute;
  top: 2.5rem;
  left: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  width: 18.75rem;
}

.contact-item-text {
  position: absolute;
  top: 0;
  left: 8.13rem;
  width: 18.75rem;
  height: 7.38rem;
  overflow: hidden;
}

.contact-item-img-icon {
  position: absolute;
  top: 0.44rem;
  left: 0.13rem;
  width: 5.94rem;
  height: 5.94rem;
  object-fit: cover;
}

.contact-item1,
.frame-icon2 {
  position: absolute;
  top: 12.75rem;
  left: 0;
  width: 26.88rem;
  height: 7.38rem;
  overflow: hidden;
}

.frame-icon2 {
  top: 2.06rem;
  width: 5.94rem;
  height: 7.31rem;
}

.address,
.th-flooraster-oasis {
  position: absolute;
  left: 0;
  font-weight: 600;
}

.th-flooraster-oasis {
  top: 1.94rem;
  display: flex;
  align-items: center;
  width: 21.06rem;
  height: 9.5rem;
}

.address {
  top: 0.5rem;
  font-size: var(--font-size-11xl);
  color: var(--color-gray-100);
}

.contact-item-text1 {
  position: absolute;
  top: 0;
  left: 7.56rem;
  width: 18.94rem;
  height: 11.44rem;
  overflow: hidden;
}

.contact-item2 {
  position: absolute;
  top: -0.83rem;
  left: 0;
  width: 28.63rem;
  height: 11.44rem;
  font-size: 1.44rem;
}

main .contact-container {
  position: absolute;
  top: 10.63rem;
  left: 2rem;
  width: 26.88rem;
  height: 29.69rem;
  overflow: hidden;
}

.contact-us1 {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0.44rem;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
}

.line-div {
  position: absolute;
  top: 4.13rem;
  left: 0.25rem;
  border-top: 6px solid var(--color-white);
  box-sizing: border-box;
  width: 16rem;
  height: 0.38rem;
}

.frame8 {
  position: absolute;
  top: 3.56rem;
  left: 2rem;
  width: 16.06rem;
  height: 4.31rem;
  overflow: hidden;
  font-size: 2.81rem;
  color: var(--color-teal-100);
}

.contact-details-container {
  position: relative;
  background-color: var(--color-gold-100);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) inset;
  width: 29.56rem;
  height: 41.94rem;
  overflow: hidden;
  flex-shrink: 0;
  font-size: var(--font-size-7xl);
  color: var(--color-white);
}

.contact-us-bg {
  border-radius: 0 var(--br-81xl) var(--br-81xl) 0;
  background: linear-gradient(rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)),
    rgba(241, 197, 14, 0.44);
  width: 90vw;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  padding: 6.81rem 4.19rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.about-us_page,
.contact-us {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-us {
  align-self: stretch;
  overflow: hidden;
  align-items: flex-start;
  text-align: left;
  font-size: var(--font-size-29xl);
  color: var(--color-gold-100);
  font-family: var(--font-inter);
}

.about-us_page {
  position: relative;
  background-color: var(--color-teal-100);
  width: 100%;
  padding: 6.13rem 0;
  box-sizing: border-box;
  align-items: center;
  gap: 8rem;
  margin-top: 7rem;
}

@media screen and (max-width: 960px) {
  .hero-left {
    flex: unset;
    align-self: stretch;
    padding: 2rem 2rem 0 2rem;
  }

  .hero {
    flex-direction: column-reverse;
  }

  .founder-detailes {
    flex: unset;
    align-self: stretch;
  }

  .founder-info {
    flex-direction: row;
  }

  .contact-us-bg,
  .founder-details {
    flex-direction: column;
  }
}

@media screen and (max-width: 420px) {
  .hero-left {
    flex: unset;
    align-self: stretch;
  }

  .hero {
    /* flex-direction: column; */
  }

  .contact-us-bg,
  .founder-bg {
    border-radius: 0;
    width: 100%;
  }

  .mission-parent {
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .about-text {
    gap: 2rem;
  }
}

/* clients animation */
/* @keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
} */

.clients-row {
  display: flex;
  animation: slide 2s linear infinite;
  /* Adjust duration as needed */
}