/* screen - frame-1 */

.frame-1 {
  background-color: transparent;
  border: 1px none;
  /* height: 100vh; */
  overflow-x: hidden;
  position: relative;
  width: 100%;
  min-height: 100vh;
  max-width: 100vw;
}
.card {
  border-radius: 5.41px;
}
.card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.vector-1-Ksa7ng {
  background-color: transparent;
  height: 165px;
  left: 340px;
  position: absolute;
  top: 1260px;
  width: 645px;
}
.vector-2-Ksa7ng {
  background-color: transparent;
  height: 165px;
  left: 340px;
  position: absolute;
  top: 1750px;
  width: 645px;
}
.frame-1 .rectangle-11-Ksa7ng {
  background-color: var(--white);
  border-radius: 5.41px;
  box-shadow: 7.217966079711914px 8.120211601257324px 6.315720081329346px #0927344c;
  height: 108px;
  left: 175px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1375px;
  width: 368px;
}
.frame-1 .rectangle-18-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.413474082946777px 0px 0px 5.413474082946777px;
  height: 108px;
  left: 175px;
  top: 1375px;
  width: 126px;
}

.frame-1 .group-10-VxPVnb {
  background-color: transparent;
  height: 4959px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100vw;
}

.frame-1 .rectangle-45-Ksa7ng {
  background-color: #ffd1d1;
  mix-blend-mode: normal;
  padding-top:25px;
  padding-bottom:25px;
}

.frame-1 .banner-Ksa7ng {
  background-color: transparent;
  height: 521px;
  /* left: 1px; */
  position: relative;
  top: -0px;
  /* width: 1376px; */
}

.frame-1 .rectangle-1-1lZRMH {
  background-color: transparent;
  height: 521px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 100vw;
}

.frame-1 .rectangle-2-1lZRMH {
  background-color: var(--teal-blue);
  height: 102px;
  left: 0px;
  mix-blend-mode: multiply;
  opacity: 1.9;
  position: absolute;
  top: 0px;
  width: 100vw;
}

.frame-1 .delighting-our-consu-1lZRMH {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 216px;
  line-height: 47.3px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 3.608983039855957px 7.217966079711914px #00000040;
  top: 261px;
  width: 934px;
}

.frame-1 .span-Yad6WK {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2.84px;
}

.frame-1 .span-Yad6WK {
  font-size: var(--font-size-xl);
  font-style: normal;
  letter-spacing: 0.00px;
  line-height: 40.5px;
}

.frame-1 .sggsss-1-1lZRMH {
  background-color: transparent;
  height: 100px;
  left: 66px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  /* top: 1px; */
  width: auto;
}

.frame-1 .rectangle-4-1lZRMH {
  background-color: var(--white);
  border-radius: 7.22px;
  height: 9px;
  left: 531px;
  mix-blend-mode: normal;
  position: absolute;
  top: 487px;
  width: 81px;
}

.frame-1 .rectangle-5-1lZRMH {
  background-color: #ffffff66;
  border-radius: 7.22px;
  height: 9px;
  left: 642px;
  mix-blend-mode: normal;
  position: absolute;
  top: 487px;
  width: 81px;
}

.frame-1 .rectangle-6-1lZRMH {
  background-color: #ffffff66;
  border-radius: 7.22px;
  height: 9px;
  left: 753px;
  mix-blend-mode: normal;
  position: absolute;
  top: 487px;
  width: 81px;
}

.frame-1 .home-1lZRMH {
  background-color: transparent;
  height: auto;
  left: 337px;
  letter-spacing: 3.49px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 41px;
  width: auto;
}

.frame-1 .products-1lZRMH {
  background-color: transparent;
  height: auto;
  left: 463px;
  letter-spacing: 3.49px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 41px;
  width: auto;
}

.frame-1 .tr-ading-1lZRMH {
  background-color: transparent;
  height: auto;
  left: 640px;
  letter-spacing: 3.49px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 41px;
  width: auto;
}

.frame-1 .clients-1lZRMH {
  background-color: transparent;
  height: auto;
  left: 798px;
  letter-spacing: 3.49px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: right;
  top: 41px;
  width: auto;
}

.frame-1 .about-us-1lZRMH {
  height: auto;
  left: 932px;
  letter-spacing: 3.49px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: right;
  top: 41px;
  width: auto;
}

.rectangle-8-Ksa7ng {
  background-color: var(--outrageous-orange)!important;
  border-radius: 5.41px;
}

.rectangle-9-Ksa7ng {
  background-color: var(--teal-blue) !important;
  border-radius: 5.41px;
}

.rectangle-10-Ksa7ng {
  background-color: var(--outrageous-orange)!important;
  border-radius: 5.41px;
}

.oil-lubricants-Ksa7ng {
  background-color: transparent;
  letter-spacing: 2.52px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
}

.high-quality-biscuits-Ksa7ng {
  background-color: transparent;
  letter-spacing: 2.52px;
  line-height: 34.1px;
  mix-blend-mode: normal;
  text-align: center;
}
.confectionaries-Ksa7ng {
  background-color: transparent;
  letter-spacing: 2.52px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
}

.rectangle-7-Ksa7ng {
  background-color: var(--teal-blue);
  height: 727px;
  mix-blend-mode: normal;
  position: absolute;
  margin-top: 101px;
  width: 100vw;
}

.o9-fg4-r1-converted-1-Ksa7ng {
  background-color: transparent;
  height: 893px;
  mix-blend-mode: luminosity;
  object-fit: cover;
  width: 100%;
}

.our-products-Ksa7ng {
  letter-spacing: 2.21px;
  line-height: normal;
  mix-blend-mode: normal; 
  text-align: center;
}

.frame-1 .our-clients-Ksa7ng {
  background-color: transparent;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
}

.frame-1 .international-trading-Ksa7ng {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 447px;
  letter-spacing: 3.79px;
  line-height: 46.2px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1600px;
  width: 418px;
}



.frame-1 .rectangle-13-Ksa7ng {
  background-color: var(--white);
  border-radius: 5.41px;
  box-shadow: 7.217966079711914px 8.120211601257324px 6.315720081329346px #0927344c;
  height: 108px;
  left: 175px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1731px;
  width: 368px;
}

.frame-1 .rectangle-12-Ksa7ng {
  background-color: var(--white);
  border-radius: 5.41px;
  box-shadow: 7.217966079711914px 8.120211601257324px 6.315720081329346px #0927344c;
  height: 108px;
  left:778px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1375px;
  width: 368px;
}

.frame-1 .rectangle-14-Ksa7ng {
  background-color: var(--white);
  border-radius: 5.41px;
  box-shadow: 7.217966079711914px 8.120211601257324px 6.315720081329346px #0927344c;
  height: 108px;
  left: 778px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1731px;
  width: 368px;
}


.frame-1 .rectangle-20-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.413474082946777px 0px 0px 5.413474082946777px;
  height: 108px;
  left: 175px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1731px;
  width: 126px;
}

.frame-1 .rectangle-19-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.413474082946777px 0px 0px 5.413474082946777px;
  height: 108px;
  left:777px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1375px;
  width: 126px;
}

.frame-1 .rectangle-21-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.413474082946777px 0px 0px 5.413474082946777px;
  height: 108px;
  left: 778px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1731px;
  width: 126px;
}

.frame-1 .rectangle-22-Ksa7ng {
  background-color: var(--teal-blue);
  border-radius: 5.41px;
  height: 258px;
  /* left: 32px; */
  mix-blend-mode: normal;
  width: 370px;
}

.frame-1 .rectangle-40-Ksa7ng {
  background-color: transparent;
  height: 265px;
  /* left: 28px; */
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-31-Ksa7ng {
  background-color: var(--teal-blue);
  border-radius: 5.41px;
  height: 258px;
  /* left: 28px; */
  mix-blend-mode: normal;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-34-Ksa7ng {
  background-color: transparent;
  height: 258px;
  /* left: 28px; */
  mix-blend-mode: lighten;
  object-fit: cover;
  width: 370px;
}

.frame-1 .rectangle-32-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.41px;
  height: 258px;
  /* left: 440px; */
  mix-blend-mode: normal;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-23-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.41px;
  height: 258px;
  /* left: 441px; */
  mix-blend-mode: normal;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-41-Ksa7ng {
  background-color: transparent;
  height: 258px;
  /* left: 440px; */
  mix-blend-mode: multiply;
  object-fit: cover;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-33-Ksa7ng {
  background-color: var(--teal-blue);
  border-radius: 5.41px;
  height: 258px;
  /* left: 845px; */
  mix-blend-mode: normal;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-35-Ksa7ng {
  background-color: transparent;
  height: 258px;
  /* left: 440px; */
  mix-blend-mode: multiply;
  object-fit: cover;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-30-Ksa7ng {
  background-color: var(--teal-blue);
  border-radius: 5.41px;
  height: 258px;
  /* left: 849px; */
  mix-blend-mode: normal;
  position: absolute;
  width: 370px;
}
.frame-1 .rectangle-42-Ksa7ng {
  background-color: transparent;
  height: 265px;
  /* left: 845px; */
  mix-blend-mode: lighten;
  object-fit: cover;
  position: absolute;
  width: 370px;
}

.frame-1 .rectangle-36-Ksa7ng {
  background-color: transparent;
  height: 258px;
  /* left: 845px; */
  mix-blend-mode: screen;
  object-fit: cover;
  position: absolute;
  width: 370px;
}

.frame-1 .uae-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top:204px;
  width: 69px;
}

.frame-1 .africa-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top: 204px;
  width: 94px;
}

.frame-1 .ellipse-1-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #083b54;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .ellipse-4-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #083b54;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .ellipse-7-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #903929;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .ellipse-8-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #903929;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .ellipse-3-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #083b54;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .ellipse-6-Ksa7ng {
  background-color: var(--white);
  border-radius: 73.08px;
  box-shadow: 5.413474082946777px 3.608983039855957px 10.826948165893555px #083b54;
  height: 146px;
  mix-blend-mode: normal;
  position: absolute;
  width: 146px;
}

.frame-1 .china-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top: 197px;
  width: 226px;
}

.frame-1 .singapore-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top:204px;
  width: 263px;
}

.frame-1 .india-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top: 197px;
  width: 146px;
}

.frame-1 .hong-kong-Ksa7ng {
  background-color: transparent;
  height: auto;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 3.608983039855957px 3.608983039855957px 5.413474082946777px #00000073;
  margin-top: 197px;
  width: 213px;
}

.frame-1 .rectangle-8-Km8xPM {
  background-color: var(--teal-blue);
  height: 1024px;
  width:100%;
}

.frame-1 .aerial-view-cargo-sh-Ksa7ng {
  background-color: transparent;
  height: 445px;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
}

.frame-1 .sggsss-2-Ksa7ng {
  background-color: transparent;
  height: 189px;
  left: 51px;
  mix-blend-mode: normal;
  position: absolute;
  top: 4755px;
  width: 329px;
}

.frame-1 .line-1-Ksa7ng {
  background-color: transparent;
  height: 1px;
  left: -44px;
  position: absolute;
  top: 4979px;
  width: 1365px;
}

.frame-1 .rectangle-28-Ksa7ng {
  background-color: var(--white);
  border-radius: 5.41px;
  height: 54px;
  left: 457px;
  mix-blend-mode: normal;
  position: absolute;
  top: 4107px;
  width: 452px;
}

.frame-1 .rectangle-29-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 0px 5.413474082946777px 5.413474082946777px 0px;
  height: 54px;
  left: 856px;
  mix-blend-mode: normal;
  position: absolute;
  top: 4107px;
  width: 55px;
}

.frame-1 .search-keywords-Ksa7ng {
  background-color: transparent;
  height: auto;
  left: 581px;
  letter-spacing: 1.42px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 4121px;
  width: auto;
}

.frame-1 .span-R4kxzL {
}

.frame-1 .span-R4kxzL {
}

.frame-1 .group-3-Ksa7ng {
  background-color: transparent;
  height: 24px;
  left: 872px;
  position: absolute;
  top: 4122px;
  width: 23px;
}

.frame-1 .ellipse-5-5eALjL {
  background-color: transparent;
  border: 3.608983039855957px solid;
  border-color: var(--white);
  border-radius: 9.47px;
  height: 19px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 19px;
}

.frame-1 .line-2-5eALjL {
  background-color: transparent;
  height: 10px;
  left: 15px;
  position: absolute;
  top: 14px;
  width: 10px;
}

.frame-1 .rectangle-27-Ksa7ng {
  background-color: var(--outrageous-orange);
  border-radius: 5.41px;
  height: 363px;
  mix-blend-mode: normal;
  margin-top:16rem;
  width: 891px;
}

.frame-1 .contact-us-Ksa7ng {
  left: 1102px;
  letter-spacing: 3.49px;
  text-align: right;
  top: 41px;
  width: auto;
}

.frame-1 .contact-us-Km8xPM {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1.89px;
  text-align: center;
}

.frame-1 .al-kunooz-business-c-Ksa7ng {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
}
.frame-1 .address2 {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
}
.frame-1 .x971-502252377-971-43795725-Ksa7ng {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.00px;
  line-height: 32.8px;
  mix-blend-mode: normal;
  text-align: center;
  margin-top: 8rem;
}

.frame-1 .sggsgentradinggmailc-Ksa7ng {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.00px;
  line-height: 28.5px;
  mix-blend-mode: normal;
  text-align: center;
}

.frame-1 .about-us-Ksa7ng {
  height: 34px;
  left: 1297px;
  top: 886px;
  width: 23px;
}

.frame-1 .group-5-hRxd8z {
  background-color: transparent;
  height: 34px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 23px;
}

.frame-1 .line-3-TU6XXS {
  height: 20px;
  top: 16px;
  width: 20px;
}

.frame-1 .line-4-TU6XXS {
  height: 20px;
  width: 20px;
}

.frame-1 .line-5-Ksa7ng {
  background-color: transparent;
  height: 200px;
  margin-left: 108%;
  margin-top:-101%;
  width: 2px;
}

.frame-1 .line-6-Ksa7ng {
  background-color: transparent;
  height: 200px;
  margin-left: 100%;
  /* position: absolute; */
  margin-top: -57%;
  width: 2px;
}
@media only screen and (min-width: 1980px) {
.frame-1 .rectangle-8-Km8xPM {
  height: 1130px ;
}
.about-lgs{
  margin-bottom: 16%;
}
.vector-1-Ksa7ng {
  left: 695px;
}
.frame-1 .rectangle-11-Ksa7ng {
  left: 552px;
}
.frame-1 .rectangle-18-Ksa7ng {
  left:552px;
}
.frame-1 .agriculture-1-Ksa7ng  {
  left:565px !important;
}
.frame-1 .agricultural-products-Ksa7ng {
  left:565px;
}
.frame-1 .agricultural-products-Ksa7ng {
  left:727px !important;
}
.frame-1 .rectangle-12-Ksa7ng {
  left:1143px;
}
.frame-1 .rectangle-19-Ksa7ng {
  left:1143px;
}
.frame-1 .industrial-1-Ksa7ng {
  left:1168px !important;
}
.frame-1 .industrial-raw-materials-Ksa7ng {
  left:1300px !important;
}
.vector-2-Ksa7ng {
  left:700px;
}
.frame-1 .rectangle-13-Ksa7ng {
  left:551px;
}
.frame-1 .rectangle-20-Ksa7ng {
  left:551px;
}
.frame-1 .chemicals-1-Ksa7ng {
  left:557px !important;
}
.frame-1 .chemicals-Ksa7ng {
  left:728px !important;
}
.frame-1 .rectangle-14-Ksa7ng {
  left:1151px;
}
.frame-1 .bullions-1-Ksa7ng {
  left:1149px !important;
}
.frame-1 .rectangle-21-Ksa7ng {
  left:1151px;
}
.frame-1 .bullion-Ksa7ng {
  left:1325px !important;
}
.frame-1 .delighting-our-consu-1lZRMH {
  left:482px;
}
}
.frame-1 .rectangle-37-Ksa7ng {
  background-color: transparent;
  mix-blend-mode: normal;
  object-fit: cover;
}

.rectangle-38-Ksa7ng {
  background-color: transparent;
  mix-blend-mode: normal;
}

.frame-1 .rectangle-39-Ksa7ng {
  background-color: transparent;
  mix-blend-mode: normal;
}

.frame-1 .agricultural-products-Ksa7ng {
  background-color: transparent;
  height: auto;
  left: 343px;
  letter-spacing: 1.33px;
  line-height: 27.9px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 1404px;
  width: 208px;
}

.frame-1 .chemicals-Ksa7ng {
  background-color: transparent;
  height: auto;
  left: 355px;
  letter-spacing: 1.33px;
  line-height: 27.9px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 1773px;
  white-space: nowrap;
  width: 208px;
}

.frame-1 .industrial-raw-materials-Ksa7ng {
  background-color: transparent;
  height: auto;
  left:937px;
  letter-spacing: 1.33px;
  line-height: 27.9px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top:1401px;
  width: 208px;
}

.frame-1 .bullion-Ksa7ng {
  background-color: transparent;
  height: auto;
  left: 970px;
  letter-spacing: 1.33px;
  line-height: 27.9px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 1770px;
  white-space: nowrap;
  width: 208px;
}

.frame-1 .group-7-Ksa7ng {
  background-color: transparent;
}

.frame-1 .being-a-leading-and-GO0htE {
  background-color: transparent;
  color: #053857;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.00px;
  line-height: 41.9px;
  mix-blend-mode: normal;
}

.frame-1 .about-us-GO0htE {
  letter-spacing: 2.21px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;;
}

.frame-1 .read-more-GO0htE {
  background-color: transparent;
  color: var(--outrageous-orange);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 717px;
  letter-spacing: 1.52px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 742px;
  width: 201px;
}

.frame-1 .rectangle-16-GO0htE {
  background-color: transparent;
  border: 1.8044915199279785px solid;
  border-color: var(--outrageous-orange);
  border-radius: 5.41px;
  height: 55px;
  left: 735px;
  position: absolute;
  top: 726px;
  width: 226px;
}

.frame-1 .rectangle-17-GO0htE {
  background-color: var(--outrageous-orange);
  border-radius: 0px 5.413474082946777px 5.413474082946777px 0px;
  height: 53px;
  left: 903px;
  mix-blend-mode: normal;
  position: absolute;
  top: 727px;
  width: 57px;
}

.frame-1 .group-8-GO0htE {
  height: 389px;
  left: 92px;
  top: 338px;
  width: 318px;
}

.frame-1 .rectangle-44-Mj4Ykz {
  background-color: var(--teal-blue);
  height: 389px;
  width: 318px;
}

.frame-1 .rectangle-15-Mj4Ykz {
  height: 389px;
  left: 4px;
  top: 0px;
  width: 314px;
}

.frame-1 .group-4-GO0htE {
  height: 18px;
  left: 928px;
  top: 746px;
  width: 11px;
}

.frame-1 .why-us-GO0htE {
  height: 394px;
  left: 0px;
  top: 858px;
  width: 100%;
}

.frame-1 .rectangle-43-0XgEm5 {
  background-color: var(--outrageous-orange);
  height: 394px;
  mix-blend-mode: normal;
}

.frame-1 .the-companys-vision-0XgEm5 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 38.6px;
  mix-blend-mode: normal;
  text-align: center;
  padding:58px 165px
}

.frame-1 .why-us-0XgEm5 {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 2.21px;
  line-height: normal;
  mix-blend-mode: normal;
  text-align: center;
  padding-top:3rem
}

.frame-1 .group-9-0XgEm5 {
  background-color: transparent;
  height: 26px;
  left: 1271px;
  position: absolute;
  top: 171px;
  width: 16px;
}

.frame-1 .line-3-nWSnio {
  height: 15px;
  top: 12px;
  width: 15px;
}

.frame-1 .line-4-nWSnio {
  height: 15px;
  width: 15px;
}

.frame-1 .group-8-hezTwO {
  height: 518px;
  left: 134px;
  top: 231px;
  width: 424px;
}

.frame-1 .rectangle-44-9cjqth {
  background-color: var(--outrageous-orange);
  height: 518px;
  width: 423px;
}

.frame-1 .rectangle-15-9cjqth {
  height: 518px;
  left: 0px;
  top: -0px;
  width: 418px;
}

.frame-1 .rectangle-18-GO0htE {
  background-color: transparent;
  height: 682px;
  left: 180px;
  object-fit: cover;
  top: 95px;
  width: 503px;
}

.frame-1 .agriculture-1-Ksa7ng {
  z-index:1;
  background-color: transparent;
  height: 108px;
  left: 184px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1379px;
  width: 108px;
}

.frame-1 .industrial-1-Ksa7ng {
  background-color: transparent;
  height: 76px;
  left:801px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1391px;
  width: 76px;
}

.frame-1 .chemicals-1-Ksa7ng {
  background-color: transparent;
  height: 115px;
  left: 184px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1723px;
  width: 115px;
}

.frame-1 .bullions-1-Ksa7ng {
  background-color: transparent;
  height: 137px;
  left: 778px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 1714px;
  width: 137px;
}

.frame-1 .icon-location_pin-Ksa7ng {
  background-color: transparent;
  height: 139px;
  mix-blend-mode: normal;
  object-fit: cover;
}

.frame-1 .websit-1-Ksa7ng {
  background-color: transparent;
  height: 124px;
  mix-blend-mode: normal;
  object-fit: cover;
}

.frame-1 .icon-facebook-Ksa7ng {
  background-color: transparent;
  height: 135px;
  left: 342px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 4961px;
  width: 135px;
}

.frame-1 .icon-instagram-Ksa7ng {
  background-color: transparent;
  height: 137px;
  left: 500px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 4968px;
  width: 137px;
}

.frame-1 .icon-twitter-Ksa7ng {
  background-color: transparent;
  height: 135px;
  left: 653px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 4953px;
  width: 135px;
}

.frame-1 .wa-1-Ksa7ng {
  background-color: transparent;
  height: 191px;
  left: 792px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 4941px;
  width: 191px;
}

.frame-1 .group-4-Ksa7ng {
  height: 180px;
  left: 554px;
  top: 4777px;
  width: 194px;
}

.frame-1 .group-5-Ksa7ng {
  background-color: transparent;
  height: 180px;
  left: 760px;
  position: absolute;
  top: 4777px;
  width: 194px;
}

.frame-1 .group-6-Ksa7ng {
  background-color: transparent;
  height: 180px;
  left: 911px;
  position: absolute;
  top: 4755px;
  width: 194px;
}

.frame-1 .about-us {
  background-color: transparent;
}
.frame-1 .about-us-nav {
  background-color: transparent;
  position: absolute;
}
.frame-1 .about-us-why-us-our {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 33.8px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 192px;
}

.frame-1 .contact-us {
  background-color: transparent;
  height: auto;
  line-height: normal;
  mix-blend-mode: normal;
  /* position: absolute; */
}
.frame-1 .contact-us-nav {
  background-color: transparent;
  height: auto;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
}

.frame-1 .group-4 {
  background-color: transparent;
  position: absolute;
}

.frame-1 .group-8 {
  background-color: transparent;
  position: absolute;
}

.frame-1 .line-3 {
  background-color: transparent;
  left: 1px;
  position: absolute;
}

.frame-1 .line-4 {
  background-color: transparent;
  left: 1px;
  position: absolute;
  top: 1px;
}

.frame-1 .rectangle-15 {
  background-color: transparent;
  mix-blend-mode: multiply;
  object-fit: cover;
  position: absolute;
}

.frame-1 .rectangle-18 {
  mix-blend-mode: normal;
  position: absolute;
}

.frame-1 .rectangle-44 {
  border-radius: 5.41px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
}

.frame-1 .rectangle-8 {
  mix-blend-mode: normal;
  position: absolute;
}

.frame-1 .why-us {
  background-color: transparent;
}