.u-section-1 {
  background-image: linear-gradient(#3d0966, black);
}

.u-section-1 .u-sheet-1 {
  min-height: 635px;
}

.u-section-1 .u-image-1 {
  width: 490px;
  height: 314px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 49px auto 0;
}

.u-section-1 .u-text-1 {
  font-weight: 700;
  font-size: 4.5rem;
  text-transform: uppercase;
  width: 770px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 0 auto;
}

.u-section-1 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 40px auto 60px;
  padding: 15px 44px 16px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 618px;
  }

  .u-section-1 .u-image-1 {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 546px;
  }

  .u-section-1 .u-text-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 355px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 444px;
  }

  .u-section-1 .u-image-1 {
    width: 340px;
    height: 218px;
  }

  .u-section-1 .u-text-1 {
    font-size: 2.25rem;
    width: 340px;
  }
} .u-section-2 {
  background-image: linear-gradient(black, #3d0966);
}

.u-section-2 .u-sheet-1 {
  min-height: 843px;
}

.u-section-2 .u-text-1 {
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  width: 151px;
  margin: 1px auto 0;
}

.u-section-2 .u-text-2 {
  width: 659px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 20px auto 0;
}

.u-section-2 .u-text-3 {
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 20px auto 0;
}

.u-section-2 .u-list-1 {
  grid-template-rows: auto;
  width: 1046px;
  margin: 42px auto 1px;
}

.u-section-2 .u-repeater-1 {
  grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc(25% - 12px) calc(25% - 12px);
  min-height: 524px;
  grid-auto-columns: calc(25% - 12px);
  grid-gap: 16px 16px;
}

.u-section-2 .u-image-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fplastic-shopping-bags-with-logo22047037060.png?alt=media&token=085f84c7-dae0-43b8-9f47-bbeae3bca336");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-4 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-2 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Ffas.png?alt=media&token=d4ffb8f4-cf85-4c89-94f7-3d88727a43b3");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-2 .u-container-layout-2 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-5 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-3 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fstretch-wrap-film-tubing.png?alt=media&token=3965c9d4-d3e8-4cb6-bae1-ecdac80072f9");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-2 .u-container-layout-3 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-6 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-4 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F616be5a8-2c45-47f5-a622-41ade7ea73fb.jfif?alt=media&token=57851c43-329c-47e4-bff3-f7d94cd42eca");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-2 .u-container-layout-4 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-7 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-5 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F51iDnrciigL._AC_UL495_SR435495_.jpg?alt=media&token=22280d10-c48b-4328-a102-f7bf6d920d57");
  background-position: 53.78% 50%;
  --radius: 15px;
}

.u-section-2 .u-container-layout-5 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-8 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-6 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FIMG-20220303-WA0022.webp?alt=media&token=34da898e-a917-4d1f-be40-eb696d649181");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-2 .u-container-layout-6 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-9 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-7 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fyouness.PNG?alt=media&token=814822c2-9460-4205-bfdf-e85fb7e38451");
  background-position: 0% 50%;
  --radius: 15px;
}

.u-section-2 .u-container-layout-7 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-10 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-2 .u-image-8 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fdownload.jfif?alt=media&token=89967a78-53a8-401e-a42e-6410b0cf374e");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-2 .u-container-layout-8 {
  padding: 30px 30px 40px;
}

.u-section-2 .u-text-11 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1080px;
  }

  .u-section-2 .u-list-1 {
    width: 940px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(4, calc(25% - 12px));
    min-height: 470px;
  }

  .u-section-2 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-6 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-7 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-8 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-9 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-10 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-11 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 827px;
  }

  .u-section-2 .u-list-1 {
    width: 720px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 8px));
    min-height: 1481px;
    grid-auto-columns: calc(50% - 8px);
  }

  .u-section-2 .u-container-layout-1 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-7 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-container-layout-8 {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 620px;
  }

  .u-section-2 .u-text-2 {
    width: 540px;
  }

  .u-section-2 .u-list-1 {
    width: 540px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-2 .u-container-layout-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 390px;
  }

  .u-section-2 .u-text-2 {
    width: 340px;
  }

  .u-section-2 .u-list-1 {
    width: 340px;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
} .u-section-3 {
  background-image: linear-gradient(#3d0966, black);
}

.u-section-3 .u-sheet-1 {
  min-height: 1569px;
}

.u-section-3 .u-list-1 {
  grid-template-rows: auto;
  width: 1046px;
  height: auto;
  margin: 29px auto 0;
}

.u-section-3 .u-repeater-1 {
  grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc(25% - 12px) calc(25% - 12px);
  min-height: 644px;
  grid-auto-columns: calc(25% - 12px);
  grid-gap: 16px 16px;
}

.u-section-3 .u-image-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign10.png?alt=media&token=b468f80b-c1c0-435b-8668-5a912e59d230");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-1 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-1 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-2 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign8.png?alt=media&token=45987281-a091-4b7a-b06a-fe7870c22a9c");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-2 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-2 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-3 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign7.png?alt=media&token=e83d245e-ac26-44e4-9871-db708a9a929a");
  --radius: 15px;
  background-position: 38.81% 50%;
}

.u-section-3 .u-container-layout-3 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-3 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-4 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign9.png?alt=media&token=3c8aeed3-5983-4982-9a9b-a29f54b7f77d");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-4 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-4 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-5 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign.jpg?alt=media&token=d0207b3c-48a2-475f-99dc-3f5eb27ba089");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-5 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-5 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-6 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F41Zn63QR9PL._AC_UF10001000_QL80_.jpg?alt=media&token=21f9bfad-a049-486b-8194-aa7cc6ac4cb4");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-6 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-6 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-7 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fil_794xN.5011666913_aa3r.png?alt=media&token=5846fbda-764b-4214-9168-d1f1f5c143a6");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-7 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-7 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-8 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fyouness2.PNG?alt=media&token=0aabd90e-2a1d-469e-a890-3b2239ef84b3");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-8 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-8 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-list-2 {
  grid-template-rows: auto;
  width: 1046px;
  margin: 24px auto 60px;
}

.u-section-3 .u-repeater-2 {
  grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc(25% - 12px) calc(25% - 12px);
  min-height: 708px;
  grid-auto-columns: calc(25% - 12px);
  grid-gap: 16px 16px;
}

.u-section-3 .u-image-9 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign11.png?alt=media&token=c680805a-756f-4187-b1f3-d288c03e3e90");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-9 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-9 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-10 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F61AMyv1s8L.jpg?alt=media&token=87df3cf8-69ad-466d-92ef-19a5e9177c74");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-10 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-10 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-11 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign1.jpg?alt=media&token=e658a446-f036-4b4a-9988-61f1b06864e6");
  --radius: 15px;
  background-position: 50% 50%;
}

.u-section-3 .u-container-layout-11 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-11 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-12 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F81xCnN5NcL._AC_UF8941000_QL80_.jpg?alt=media&token=2bcfc114-ba54-4ea7-bccd-842ad635f576");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-12 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-12 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-13 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F010420241501166596c83c3d2de.jpg?alt=media&token=60359921-1399-4c31-8194-37838c5416f5");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-13 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-13 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

.u-section-3 .u-image-14 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fdownload%20(2).jfif?alt=media&token=95057fe0-8261-4b22-8f55-2a121994cbda");
  background-position: 50% 50%;
  --radius: 15px;
}

.u-section-3 .u-container-layout-14 {
  padding: 30px 30px 40px;
}

.u-section-3 .u-text-14 {
  letter-spacing: 0px;
  text-shadow: 2px 2px 0px rgba(0,0,0,1);
  margin: 196px 1px 0;
}

@media (max-width: 1199px) {
  .u-section-3 .u-list-1 {
    width: 940px;
  }

  .u-section-3 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-6 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-7 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-8 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-list-2 {
    width: 940px;
  }

  .u-section-3 .u-repeater-2 {
    grid-template-columns: repeat(4, calc(25% - 12px));
    min-height: 635px;
  }

  .u-section-3 .u-text-9 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-10 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-11 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-12 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-13 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-14 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-list-1 {
    width: 720px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-auto-columns: calc(50% - 8px);
  }

  .u-section-3 .u-container-layout-1 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-6 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-7 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-8 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-list-2 {
    width: 720px;
  }

  .u-section-3 .u-repeater-2 {
    grid-template-columns: repeat(2, calc(50% - 8px));
    grid-auto-columns: calc(50% - 8px);
    min-height: 1498px;
  }

  .u-section-3 .u-container-layout-9 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-10 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-11 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-12 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-13 {
    padding-bottom: 30px;
  }

  .u-section-3 .u-container-layout-14 {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-list-1 {
    width: 540px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-list-2 {
    width: 540px;
  }

  .u-section-3 .u-repeater-2 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-container-layout-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-3 .u-container-layout-14 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-list-1 {
    width: 340px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: 100%;
  }

  .u-section-3 .u-list-2 {
    width: 340px;
  }

  .u-section-3 .u-repeater-2 {
    grid-auto-columns: 100%;
  }
} .u-section-4 {
  background-image: linear-gradient(black, #3d0966);
}

.u-section-4 .u-sheet-1 {
  min-height: 456px;
}

.u-section-4 .u-slider-1 {
  min-height: 292px;
  margin-top: 50px;
  margin-bottom: 60px;
  height: auto;
}

.u-section-4 .u-carousel-indicators-1 {
  position: absolute;
  bottom: 10px;
  width: auto;
  height: auto;
}

.u-section-4 .u-container-layout-1 {
  padding: 30px 80px;
}

.u-section-4 .u-text-1 {
  margin: 28px auto 0;
}

.u-section-4 .u-image-1 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fetoile.png?alt=media&token=c19bcf55-725b-4c4f-9f3e-22a510bc216d");
  background-position: 50% 50%;
  margin: 34px auto 0;
}

.u-section-4 .u-image-2 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F----4.jpg?alt=media&token=061a0244-201f-43ed-bdf4-e11287332d1d");
  background-position: 50% 50%;
  margin: -83px 108px 0 auto;
}

.u-section-4 .u-image-3 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fl-pZzgP18sZT275RJ779jS-1725248150.jpg?alt=media&token=5fb80f1b-09d2-42ee-ad28-ecc0204ebc70");
  background-position: 50% 50%;
  margin: -83px auto 0 108px;
}

.u-section-4 .u-container-layout-2 {
  padding: 30px 80px;
}

.u-section-4 .u-text-2 {
  margin: 28px auto 0;
}

.u-section-4 .u-image-4 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F7843cc6c-213b-4a71-b245-297bf3aebf13.jpg?alt=media&token=748b825a-ec57-4a62-9548-b272e95b283b");
  background-position: 50% 50%;
  margin: 34px auto 0;
}

.u-section-4 .u-image-5 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fimages3.png?alt=media&token=3b72e843-943b-4b08-9a36-50945ced643d");
  background-position: 50% 50%;
  margin: -83px 108px 0 auto;
}

.u-section-4 .u-image-6 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2Fimages2.png?alt=media&token=acb92c4b-4639-4ce3-b7a0-fa1eba146ff2");
  background-position: 50% 50%;
  margin: -83px auto 0 108px;
}

.u-section-4 .u-container-layout-3 {
  padding: 30px 80px;
}

.u-section-4 .u-text-3 {
  margin: 28px auto 0;
}

.u-section-4 .u-image-7 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F449724111_431131103224400_1298204303527207281_n.jpg?alt=media&token=02eb37d5-7e9f-4623-8255-349184a8488c");
  background-position: 50% 50%;
  margin: 34px auto 0;
}

.u-section-4 .u-image-8 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2F462664765_8579080122168830_2485494675561808206_n.jpg?alt=media&token=83c061f5-d967-4ae5-8ec2-4895943597a2");
  background-position: 50% 50%;
  margin: -83px 108px 0 auto;
}

.u-section-4 .u-image-9 {
  width: 83px;
  height: 83px;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/mostafa-commerce.appspot.com/o/M-ATrade%2FUntitleddesign2.jpg?alt=media&token=45d58c27-32da-471a-b91d-a17bae975b20");
  background-position: 50% 50%;
  margin: -83px auto 0 108px;
}

.u-section-4 .u-carousel-control-1 {
  width: 43px;
  height: 43px;
  background-image: none;
}

.u-section-4 .u-carousel-control-2 {
  width: 43px;
  height: 43px;
  background-image: none;
  left: auto;
  position: absolute;
  right: 0;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 466px;
  }

  .u-section-4 .u-slider-1 {
    min-height: 307px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-container-layout-1 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 406px;
  }

  .u-section-4 .u-slider-1 {
    min-height: 306px;
    margin-bottom: 50px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 46px;
    padding-right: 46px;
  }

  .u-section-4 .u-image-2 {
    margin-right: 93px;
  }

  .u-section-4 .u-image-3 {
    margin-left: 93px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 46px;
    padding-right: 46px;
  }

  .u-section-4 .u-image-5 {
    margin-right: 93px;
  }

  .u-section-4 .u-image-6 {
    margin-left: 93px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-left: 46px;
    padding-right: 46px;
  }

  .u-section-4 .u-image-8 {
    margin-right: 93px;
  }

  .u-section-4 .u-image-9 {
    margin-left: 93px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 346px;
  }

  .u-section-4 .u-slider-1 {
    min-height: 247px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-image-1 {
    width: 59px;
    height: 59px;
  }

  .u-section-4 .u-image-2 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-right: 70px;
  }

  .u-section-4 .u-image-3 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-left: 69px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-image-4 {
    width: 59px;
    height: 59px;
  }

  .u-section-4 .u-image-5 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-right: 70px;
  }

  .u-section-4 .u-image-6 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-left: 69px;
  }

  .u-section-4 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-image-7 {
    width: 59px;
    height: 59px;
  }

  .u-section-4 .u-image-8 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-right: 70px;
  }

  .u-section-4 .u-image-9 {
    width: 59px;
    height: 59px;
    margin-top: -59px;
    margin-left: 69px;
  }
} .u-section-5 {
  background-image: linear-gradient(#3d0966, black);
}

.u-section-5 .u-sheet-1 {
  min-height: 1126px;
}

.u-section-5 .u-image-1 {
  width: 607px;
  height: 450px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
  margin: 0 auto;
}

.u-section-5 .u-group-1 {
  width: 800px;
  min-height: 587px;
  height: auto;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -13px auto 60px;
}

.u-section-5 .u-container-layout-1 {
  padding: 5px 60px;
}

.u-section-5 .u-text-1 {
  font-size: 4.5rem;
  margin: 30px 50px 0;
}

.u-section-5 .u-text-2 {
  font-size: 2.25rem;
  width: 262px;
  margin: 18px auto 0;
}

.u-section-5 .u-social-icons-1 {
  white-space: nowrap;
  height: 113px;
  min-height: 16px;
  width: 247px;
  min-width: 52px;
  margin: 10px auto 0;
}

.u-section-5 .u-icon-1 {
  color: rgb(59, 89, 152) !important;
}

.u-section-5 .u-icon-2 {
  height: 100%;
  color: rgb(0, 230, 118) !important;
}

.u-section-5 .u-text-3 {
  font-size: 2.25rem;
  margin: 144px auto 0;
}

.u-section-5 .u-text-4 {
  font-size: 4.5rem;
  margin: -108px auto 0;
}

.u-section-5 .u-btn-1 {
  background-image: none;
  font-size: 1.25rem;
  margin: 60px auto 0 71px;
  padding: 0;
}

.u-section-5 .u-btn-2 {
  background-image: none;
  font-size: 1.25rem;
  margin: -30px auto 0 394px;
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-5 .u-group-1 {
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-group-1 {
    width: 720px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-5 .u-text-4 {
    margin-left: 65px;
  }

  .u-section-5 .u-btn-1 {
    margin-left: 56px;
  }

  .u-section-5 .u-btn-2 {
    margin-left: 379px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1076px;
  }

  .u-section-5 .u-image-1 {
    width: 540px;
    height: 400px;
  }

  .u-section-5 .u-group-1 {
    width: 540px;
    min-height: 700px;
    margin-top: 37px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-5 .u-text-1 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .u-section-5 .u-text-3 {
    width: auto;
  }

  .u-section-5 .u-text-4 {
    width: auto;
    margin-top: -128px;
    margin-left: 1px;
    margin-right: 1px;
  }

  .u-section-5 .u-btn-1 {
    margin-top: 79px;
    margin-left: 37px;
  }

  .u-section-5 .u-btn-2 {
    margin-right: 30px;
    margin-left: auto;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 1049px;
  }

  .u-section-5 .u-image-1 {
    width: 340px;
    height: 252px;
  }

  .u-section-5 .u-group-1 {
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .u-section-5 .u-text-1 {
    font-size: 1.75rem;
    margin-left: 76px;
    margin-right: 76px;
  }

  .u-section-5 .u-text-2 {
    font-size: 1.75rem;
  }

  .u-section-5 .u-text-3 {
    font-size: 1.75rem;
    margin-top: 87px;
    margin-left: 48px;
  }

  .u-section-5 .u-text-4 {
    font-size: 1.75rem;
    margin-top: -71px;
    margin-right: auto;
    margin-left: 45px;
  }

  .u-section-5 .u-btn-1 {
    margin-top: 74px;
    margin-left: auto;
  }

  .u-section-5 .u-btn-2 {
    margin-top: 25px;
    margin-right: auto;
  }
}