:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  --rpx: 100vw / 1920;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}


body{

margin: 0;

}


input,
select,
textarea,
button {
  outline: 0;
}


a {
  text-decoration: none;
}

.main-container {
  position: relative;
  width: calc(1920 * var(--rpx));
  height: calc(2245 * var(--rpx));
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.headbar {
  position: sticky;
  width: calc(1376 * var(--rpx));
  height: calc(67 * var(--rpx));
  margin: calc(45 * var(--rpx)) 0 0 calc(272 * var(--rpx));
  background:  linear-gradient(290deg, #0072bc, #ffffff);
  overflow: auto;
  border-radius: calc(9999 * var(--rpx));
  backdrop-filter: blur(calc(12 * var(--rpx)));
}
.kimy-logo {
  position: absolute;
  width: calc(54.91936111450195 * var(--rpx));
  height: calc(45 * var(--rpx));
  top: calc(11 * var(--rpx));
  left: calc(38 * var(--rpx));
  background: url(./assets/images/a0d5c1e3b23da919afa5640c5b8fe53a1561fe90.png)
    no-repeat center;
  background-size: cover;
  z-index: 38;
}
.kimy-logo:hover {
  position: absolute;
  width: calc(65 * var(--rpx));
  height: calc(50 * var(--rpx));
  top: calc(11 * var(--rpx));
  left: calc(34 * var(--rpx));
  background: url(./assets/images/a0d5c1e3b23da919afa5640c5b8fe53a1561fe90.png)
    no-repeat center;
  background-size: cover;
  z-index: 38;
}

.contact-us-button {
  position: absolute;
  width: calc(129.44000244140625 * var(--rpx));
  height: calc(40 * var(--rpx));
  top: 50%;
  right: calc(44.66986083984375 * var(--rpx));
  cursor: pointer;
  background: #0072bc;
  border: none;
  transform: translate(0, -51.25%);
  z-index: 33;
  border-radius: calc(9999 * var(--rpx));
}

.contact-us-button:hover {
  background: #004675;

}

.container {
  position: absolute;
  width: calc(69.19000244140625 * var(--rpx));
  height: calc(21 * var(--rpx));
  top: 50%;
  left: calc(20 * var(--rpx));
  transform: translate(0, -50%);
  z-index: 36;
  overflow: hidden;
}
.contact-us {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(69.49654388427734 * var(--rpx));
  height: calc(19 * var(--rpx));
  top: calc(1 * var(--rpx));
  left: calc(50% - calc(34.6 * var(--rpx)));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(19 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 37;
}
.vector {
  position: absolute;
  width: calc(12.249316215515137 * var(--rpx));
  height: calc(10.50410270690918 * var(--rpx));
  top: calc(14.498046875 * var(--rpx));
  left: 50%;
  background: url(./assets/images/9b95e0d5-8db6-46fc-be3a-b9cbfb311dfa.png)
    no-repeat center;
  background-size: 100% 100%;
  transform: translate(265%, 0);
  z-index: 35;
}
.join-us {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(43.53187561035156 * var(--rpx));
  height: calc(19 * var(--rpx));
  top: calc(23.5 * var(--rpx));
  left: calc(50% - calc(-418.43 * var(--rpx)));
  color: #000000;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(19 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 32;
}
.join-us:hover{
  color: #ffffff;
  }
.contact-us-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(71.11907958984375 * var(--rpx));
  height: calc(17 * var(--rpx));
  top: calc(50% - calc(8.5 * var(--rpx)));
  left: calc(50% - calc(-48 * var(--rpx)));
  color: #000000;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(17 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 23;
}
.about-us {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(69 * var(--rpx));
  height: calc(17 * var(--rpx));
  top: calc(50% - calc(8.5 * var(--rpx)));
  left: calc(50% - calc(44 * var(--rpx)));
  color: #000000;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(17 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 25;
}
.products {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(61 * var(--rpx));
  height: calc(17 * var(--rpx));
  top: calc(50% - calc(8.5 * var(--rpx)));
  left: calc(50% - calc(129.75 * var(--rpx)));
  color: #000000;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(17 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 27;
}
.home {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(58.468406677246094 * var(--rpx));
  height: calc(17 * var(--rpx));
  top: calc(50% - calc(8.5 * var(--rpx)));
  left: calc(50% - calc(208 * var(--rpx)));
  color: #000000;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(17 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 29;
}

.home:hover{
  color: #ffffff;
}
.home-7:hover{
  color: #000000;
}
.about-us:hover{
  color: #ffffff;
}
.about-us-5:hover{
  color: #000000;
}
.contact-us-1:hover{
  color: #fff;
}
.contact-us-6:hover{
  color: #000000;
}
.our-products:hover{
  color: #000000;
}
.products:hover{
  color: #ffffff;
}

.vector-2 {
  position: absolute;
  width: 0.89%;
  height: 15.68%;
  top: 41.04%;
  left: 84.13%;
  background: url(./assets/images/vector2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 31;
}
.kimylogo {
  position: relative;
  width: calc(454 * var(--rpx));
  height: calc(372 * var(--rpx));
  margin: calc(154 * var(--rpx)) 0 0 calc(724 * var(--rpx));
  background: url(./assets/images/a0d5c1e3b23da919afa5640c5b8fe53a1561fe90.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
  border-radius: calc(22 * var(--rpx));
}
.contact-us-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(418 * var(--rpx));
  height: calc(70 * var(--rpx));
  margin: calc(734 * var(--rpx)) 0 0 calc(751 * var(--rpx));
  color: #000000;
  font-family: Linden Hill, var(--default-font-family);
  font-size: calc(30 * var(--rpx));
  font-weight: 600;
  line-height: calc(35.15625 * var(--rpx));
  text-align: center;
  text-transform: uppercase;
  letter-spacing: calc(0.9 * var(--rpx));
  z-index: 16;
}
.contact-button {
  position: relative;
  width: calc(403 * var(--rpx));
  height: calc(72 * var(--rpx));
  margin: calc(47 * var(--rpx)) 0 0 calc(758 * var(--rpx));
  cursor: pointer;
  background: #0072bc;
  border: none;
  z-index: 14;
  border-radius: calc(80 * var(--rpx));
}

.contact-button:hover{
  background: #004675;
}

.click-here {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(403 * var(--rpx));
  height: calc(72 * var(--rpx));
  top: calc(50% - calc(36 * var(--rpx)));
  right: 0;
  left: 0;
  color: #ffffff;
  font-family: Sansita One, var(--default-font-family);
  font-size: calc(30 * var(--rpx));
  font-weight: 400;
  line-height: calc(34.94999694824219 * var(--rpx));
  text-align: center;
  text-transform: uppercase;
  letter-spacing: calc(0.9 * var(--rpx));
  z-index: 15;
}
.footer {
  position: relative;
  width: calc(1920 * var(--rpx));
  height: calc(340 * var(--rpx));
  margin: calc(344 * var(--rpx)) 0 0 0;
  background: #004e81;
  overflow: auto;
}
.flex-row-a {
  position: relative;
  width: calc(1156.5907287597656 * var(--rpx));
  height: calc(100 * var(--rpx));
  margin: calc(54 * var(--rpx)) 0 0 calc(105 * var(--rpx));
  z-index: 13;
}
.kimy-logo-4 {
  position: absolute;
  width: calc(122.33009338378906 * var(--rpx));
  height: calc(100 * var(--rpx));
  top: 0;
  left: 0;
  background: url(./assets/images/a0d5c1e3b23da919afa5640c5b8fe53a1561fe90.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
  border-radius: calc(22 * var(--rpx));
}

/*
.logo-backg {
  width: calc(122.33009338378906 * var(--rpx));
  height: calc(100 * var(--rpx));
background-color: #ffffff;
border-radius: calc(22 * var(--rpx));
}
*/

.regroup {
  position: absolute;
  width: calc(296.5907287597656 * var(--rpx));
  height: calc(100 * var(--rpx));
  top: 0;
  left: 50%;
  transform: translate(94.98%, 0);
  z-index: 5;
}
.about-us-5 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(123 * var(--rpx));
  height: calc(24 * var(--rpx));
  top: calc(41 * var(--rpx));
  left: calc(50% - calc(148.3 * var(--rpx)));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(26 * var(--rpx));
  font-weight: 600;
  line-height: calc(24 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
.contact-us-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(146.59072875976562 * var(--rpx));
  height: calc(24 * var(--rpx));
  top: calc(43 * var(--rpx));
  left: calc(50% - calc(-1.7 * var(--rpx)));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(26 * var(--rpx));
  font-weight: 600;
  line-height: calc(24 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 5;
}
.home-7 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(84 * var(--rpx));
  height: calc(24 * var(--rpx));
  top: calc(41 * var(--rpx));
  left: calc(50% - calc(33.3 * var(--rpx)));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(26 * var(--rpx));
  font-weight: 600;
  line-height: calc(24 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.our-products {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(177 * var(--rpx));
  height: calc(24 * var(--rpx));
  top: calc(41 * var(--rpx));
  left: calc(50% - calc(-77.7 * var(--rpx)));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(26 * var(--rpx));
  font-weight: 600;
  line-height: calc(24 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 3;
}
.flex-row-bd {
  position: relative;
  width: calc(1524 * var(--rpx));
  height: calc(30 * var(--rpx));
  margin: calc(13 * var(--rpx)) 0 0 calc(76 * var(--rpx));
  z-index: 8;
}
.social-media {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: calc(20 * var(--rpx));
  position: absolute;
  width: calc(179.997802734375 * var(--rpx));
  height: calc(30 * var(--rpx));
  top: 0;
  left: 0;
  z-index: 8;
}
.vface {
  flex-shrink: 0;
  position: relative;
  width: calc(29.99716567993164 * var(--rpx));
  height: calc(30 * var(--rpx));
  background: url(./assets/images/f289f2af-b776-4823-9ac5-d074ae13d7ac.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
}
.vinsta {
  flex-shrink: 0;
  position: relative;
  width: calc(30.000558853149414 * var(--rpx));
  height: calc(30 * var(--rpx));
  background: url(./assets/images/184ae9cd-a277-4cdf-81d8-213b24e8b52a.png)
    no-repeat center;
  background-size: cover;
  z-index: 10;
}
.vtwitter {
  flex-shrink: 0;
  position: relative;
  width: calc(29.999998092651367 * var(--rpx));
  height: calc(30 * var(--rpx));
  background: url(./assets/images/4f00dfa0-aebd-41f7-b59f-dad664acb979.png)
    no-repeat center;
  background-size: cover;
  z-index: 11;
}
.vlinkedin {
  flex-shrink: 0;
  position: relative;
  width: calc(30 * var(--rpx));
  height: calc(30 * var(--rpx));
  cursor: pointer;
  background: url(./assets/images/1ca1a069-123a-4344-8683-46f8f31c67fa.png)
   no-repeat center;
  background-size: cover;
  border: none;
  z-index: 12;
}
.separator {
  position: absolute;
  height: calc(1 * var(--rpx));
  top: 0;
  right: 0;
  left: calc(244 * var(--rpx));
  border-bottom: calc(1 * var(--rpx)) solid rgba(255, 255, 255, 0.39);
  z-index: 6;
}
.kimy-egypt {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(418.6130065917969 * var(--rpx));
  height: calc(20 * var(--rpx));
  margin: calc(23 * var(--rpx)) 0 0 calc(1181.75 * var(--rpx));
  color: #ffffff;
  font-family: Open Sans, var(--default-font-family);
  font-size: calc(14 * var(--rpx));
  font-weight: 400;
  line-height: calc(20 * var(--rpx));
  text-align: center;
  white-space: nowrap;
  z-index: 7;
}
.comming {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: calc(270 * var(--rpx));
  top: calc(755 * var(--rpx));
  left: calc(272 * var(--rpx));
  color: #0072bc;
  font-family: Linden Hill, var(--default-font-family);
  font-size: calc(200 * var(--rpx));
  font-weight: 400;
  line-height: calc(269.580078125 * var(--rpx));
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: calc(6 * var(--rpx));
  z-index: 18;
}
.soon-8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: calc(270 * var(--rpx));
  top: calc(938 * var(--rpx));
  left: calc(1061 * var(--rpx));
  color: #5f5f5f;
  font-family: Linden Hill, var(--default-font-family);
  font-size: calc(200 * var(--rpx));
  font-weight: 400;
  line-height: calc(269.580078125 * var(--rpx));
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: calc(6 * var(--rpx));
  z-index: 17;
}