h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Arabic', sans-serif !important;
}

p {
    font-family: 'Noto Sans Arabic', sans-serif !important;
}


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

.u-section-1 .u-layout-wrap-1 {
  margin-top: 80px;
  margin-bottom: 0;
}

.u-section-1 .u-layout-cell-1 {
  min-height: 526px;
}

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

.u-section-1 .u-group-1 {
  min-height: 260px;
  width: 195px;
  height: auto;
  margin: 12px auto 0 54px;
}

.u-section-1 .u-image-1 {
  background-image: url("images/8a0a2c8525fb198cc26fea397ba92576.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-1 .u-container-layout-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0;
}

.u-section-1 .u-text-1 {
  margin: 97px 9px -7px;
}

.u-section-1 .u-layout-cell-2 {
  min-height: 526px;
}

.u-section-1 .u-container-layout-4 {
  padding: 0;
}

.u-section-1 .u-group-2 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: 126px -49px 0 auto;
}

.u-section-1 .u-image-2 {
  background-image: url("images/17e6f2df30f329b5fa3c05f1bc6bba12.jpg");
  padding: 0;
}

.u-section-1 .u-image-3 {
  width: 400px;
  left: -74px;
  right: auto;
}

.u-section-1 .u-container-layout-6 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-1 .u-text-2 {
  margin: 231px 0 -6px;
}

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

  .u-section-1 .u-layout-cell-1 {
    min-height: 595px;
  }

  .u-section-1 .u-group-1 {
    height: auto;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 595px;
  }

  .u-section-1 .u-group-2 {
    margin-top: 194px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    margin-bottom: 10px;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 550px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 550px;
  }

  .u-section-1 .u-group-2 {
    margin-top: 150px;
    margin-right: -48px;
  }
}

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

  .u-section-1 .u-layout-wrap-1 {
    margin-bottom: 0;
  }

  .u-section-1 .u-layout-cell-1 {
    min-height: 160px;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 493px;
  }

  .u-section-1 .u-group-2 {
    margin-top: 92px;
    margin-right: -51px;
  }

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

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

  .u-section-1 .u-layout-cell-1 {
    min-height: 396px;
  }

  .u-section-1 .u-group-1 {
    margin-top: 0;
    margin-left: auto;
  }

  .u-section-1 .u-layout-cell-2 {
    min-height: 527px;
  }

  .u-section-1 .u-group-2 {
    margin-top: 0;
    margin-right: auto;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 479px;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 473px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0;
}

.u-section-2 .u-group-1 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: -93px 4px 0 auto;
}

.u-section-2 .u-image-1 {
  background-image: url("images/534ae11f811a65192560b604f064fa2a.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-2 .u-container-layout-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-2 .u-text-1 {
  margin: 231px 0 -6px;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 473px;
}

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

.u-section-2 .u-group-2 {
  min-height: 260px;
  width: 195px;
  height: auto;
  margin: 181px 114px 0 auto;
}

.u-section-2 .u-image-2 {
  background-image: url("images/b18eb15214f5a3e0ab62e7989437a16d.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-2 .u-container-layout-6 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0;
}

.u-section-2 .u-text-2 {
  margin: 97px 9px -7px;
}

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

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 472px;
  }

  .u-section-2 .u-group-1 {
    margin-top: -120px;
    height: auto;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 472px;
  }

  .u-section-2 .u-group-2 {
    margin-right: auto;
    margin-left: 101px;
    height: auto;
  }
}

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 464px;
  }

  .u-section-2 .u-group-1 {
    margin-right: 0;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 464px;
  }

  .u-section-2 .u-group-2 {
    margin-top: 173px;
    margin-right: 4px;
    margin-left: auto;
  }
}

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 498px;
  }

  .u-section-2 .u-group-1 {
    margin-top: 98px;
    margin-right: auto;
    margin-left: 40px;
  }

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

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

  .u-section-2 .u-group-2 {
    margin-top: 171px;
    margin-right: 39px;
  }
}

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

  .u-section-2 .u-layout-cell-1 {
    min-height: 506px;
  }

  .u-section-2 .u-group-1 {
    margin-top: 0;
    margin-left: auto;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 495px;
  }

  .u-section-2 .u-group-2 {
    margin-top: 88px;
    margin-right: auto;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 572px;
}

.u-section-3 .u-layout-wrap-1 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.u-section-3 .u-layout-cell-1 {
  min-height: 569px;
}

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

.u-section-3 .u-group-1 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: -37px 87px 0 auto;
}

.u-section-3 .u-image-1 {
  background-image: url("images/b5aec326f46b6e15733fdcd5ea0cf63c.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-3 .u-container-layout-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-3 .u-text-1 {
  margin: 231px 0 -6px;
}

.u-section-3 .u-layout-cell-2 {
  min-height: 569px;
}

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

.u-section-3 .u-group-2 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: 137px -50px 0 auto;
}

.u-section-3 .u-image-2 {
  background-image: url("images/564f5ada92bf9d05aadec9bc86de296c.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-3 .u-image-3 {
  width: 401px;
  left: auto;
  right: -101px;
}

.u-section-3 .u-container-layout-6 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-3 .u-text-2 {
  margin: 231px 0 -6px;
}

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

  .u-section-3 .u-layout-wrap-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 557px;
  }

  .u-section-3 .u-group-1 {
    margin-top: -49px;
    margin-right: auto;
    margin-left: 23px;
    height: auto;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 557px;
  }

  .u-section-3 .u-group-2 {
    margin-top: 126px;
    height: auto;
  }
}

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 100px;
  }

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

  .u-section-3 .u-layout-cell-2 {
    min-height: 100px;
  }
}

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

  .u-section-3 .u-layout-wrap-1 {
    margin-top: 0;
  }

  .u-section-3 .u-layout-cell-1 {
    min-height: 486px;
  }

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

  .u-section-3 .u-group-1 {
    margin-top: 85px;
    margin-bottom: -213px;
  }

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

  .u-section-3 .u-layout-cell-2 {
    min-height: 546px;
  }

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

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

  .u-section-3 .u-layout-cell-1 {
    min-height: 496px;
  }

  .u-section-3 .u-group-1 {
    margin-top: 55px;
    margin-left: auto;
    margin-bottom: 0;
  }

  .u-section-3 .u-layout-cell-2 {
    min-height: 492px;
  }

  .u-section-3 .u-group-2 {
    margin-top: 16px;
    margin-right: auto;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 530px;
}

.u-section-4 .u-layout-wrap-1 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-4 .u-layout-cell-1 {
  min-height: 532px;
}

.u-section-4 .u-container-layout-1 {
  padding: 0;
}

.u-section-4 .u-group-1 {
  min-height: 260px;
  width: 195px;
  height: auto;
  margin: -65px auto 0 60px;
}

.u-section-4 .u-image-1 {
  background-image: url("images/8d44525500afd894ff40da20718eeee8.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-4 .u-container-layout-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0;
}

.u-section-4 .u-text-1 {
  margin: 98px 10px -9px;
}

.u-section-4 .u-layout-cell-2 {
  min-height: 532px;
}

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

.u-section-4 .u-group-2 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: 102px auto 0 90px;
}

.u-section-4 .u-image-2 {
  background-image: url("images/4f1409fe8e5c24f19cfc54eae954e10a.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-4 .u-container-layout-6 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-4 .u-text-2 {
  margin: 231px 0 -6px;
}

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

  .u-section-4 .u-layout-cell-1 {
    min-height: 439px;
  }

  .u-section-4 .u-group-1 {
    height: auto;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 439px;
  }

  .u-section-4 .u-group-2 {
    height: auto;
  }
}

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

  .u-section-4 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 100px;
  }

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

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

  .u-section-4 .u-layout-cell-1 {
    min-height: 430px;
  }

  .u-section-4 .u-group-1 {
    margin-top: 169px;
    margin-bottom: -222px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 633px;
  }

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

  .u-section-4 .u-group-2 {
    margin-right: 64px;
    margin-left: auto;
  }

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

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

  .u-section-4 .u-layout-cell-1 {
    min-height: 369px;
  }

  .u-section-4 .u-group-1 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 63px;
  }

  .u-section-4 .u-group-2 {
    margin-top: 87px;
    margin-right: auto;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 1059px;
}

.u-section-5 .u-layout-wrap-1 {
  margin-top: 1px;
  margin-bottom: 60px;
}

.u-section-5 .u-layout-cell-1 {
  min-height: 535px;
}

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

.u-section-5 .u-group-1 {
  width: 300px;
  min-height: 400px;
  height: auto;
  margin: -90px 70px 0 auto;
}

.u-section-5 .u-image-1 {
  background-image: url("images/cbfeeaddc37079863797469384e0a6ef.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-5 .u-container-layout-3 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0 10px 0 20px;
}

.u-section-5 .u-text-1 {
  margin: 231px 0 -6px;
}

.u-section-5 .u-layout-cell-2 {
  min-height: 535px;
}

.u-section-5 .u-container-layout-4 {
  padding: 30px 30px 0;
}

.u-section-5 .u-group-2 {
  min-height: 260px;
  width: 195px;
  height: auto;
  margin: 244px 122px 0 auto;
}

.u-section-5 .u-image-2 {
  background-image: url("images/659e480a93acb02db4bee0423f333171.jpg");
  background-position: 50% 50%;
  padding: 0;
}

.u-section-5 .u-container-layout-6 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  background-size: cover;
  padding: 0;
}

.u-section-5 .u-text-2 {
  margin: 100px 10px -10px;
}

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

  .u-section-5 .u-layout-cell-1 {
    min-height: 441px;
  }

  .u-section-5 .u-group-1 {
    height: auto;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 441px;
  }

  .u-section-5 .u-group-2 {
    height: auto;
  }
}

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

  .u-section-5 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-5 .u-group-1 {
    margin-right: 0;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-5 .u-group-2 {
    margin-right: 105px;
  }
}

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

  .u-section-5 .u-layout-wrap-1 {
    margin-top: 0;
  }

  .u-section-5 .u-layout-cell-1 {
    min-height: 611px;
  }

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

  .u-section-5 .u-group-1 {
    margin-top: 203px;
    margin-right: auto;
    margin-left: 56px;
  }

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

  .u-section-5 .u-layout-cell-2 {
    min-height: 515px;
  }

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

  .u-section-5 .u-group-2 {
    margin-top: 225px;
  }
}

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

  .u-section-5 .u-layout-cell-1 {
    min-height: 606px;
  }

  .u-section-5 .u-group-1 {
    margin-top: 0;
    margin-left: auto;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 471px;
  }

  .u-section-5 .u-group-2 {
    margin-top: 76px;
    margin-right: auto;
  }
}

/*   body
 -----------------------------*/

body {
  background-image: url('images/background caligraphy 3.webp');
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
  -ms-overflow-style:none;
}

::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-button {
  display: none;
}

@media (max-width: 1200px){

body {
  background-image: url('images/1200 media.webp');
 }
}

@media (max-width: 991px) {
body {
  background-image: url('images/991 media.webp');
 }
}

@media (max-width: 767px) {
body {
  background-image: url('images/760 media.webp');
 }
}
@media (max-width: 575px) {
body {
  background-image: url('images/300 media.webp');
 }
}


/*   cursor
 -----------------------------*/


#magicPointer {
  z-index: 1004 !important;
  background:#000 !important;
}


#magicPointer.pointer-blur {  
  background:none !important;
  border:1px solid #000 !important;
  box-shadow:0px 0px 15px -5px #000 !important;
}



/* footer
 -----------------------------*/

.footer {
   display: block;
   position: fixed;
   left: 60px;
   bottom: 1px;
   width: 50px;
}

@media (max-width: 575px) {
.footer  {
  visibility: hidden;
 }
}