.u-section-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url("images/853b0b770ed95e3a7ec035990bb65e31a12afe6c04cadd6322c7284846d43558641f23eab146fe5a399785102329375b09db32effc14d6ac4ebb84_1280.jpg"); background-position: 50% 50%}
.u-section-1 .u-sheet-1 {min-height: 419px}
.u-section-1 .u-text-1 {font-size: 12.5rem; line-height: 0.8; font-weight: 400; font-family: Tajawal; margin: 111px auto 60px} 

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

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

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

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 228px}
.u-section-1 .u-text-1 {font-size: 3.75rem; margin-top: 60px; margin-left: 14px; margin-right: 14px} }.u-section-2 .u-sheet-1 {min-height: 197px}
.u-section-2 .u-text-1 {width: 680px; font-size: 1.25rem; font-weight: 400; margin: 47px auto 0}
.u-section-2 .u-text-2 {width: 680px; animation-duration: 1000ms; font-weight: 400; font-size: 1.5rem; margin: 20px 230px 30px} 

@media (max-width: 1199px){ .u-section-2 .u-text-2 {margin-left: 130px; margin-right: 130px} }

@media (max-width: 991px){ .u-section-2 .u-text-2 {margin-left: 20px; margin-right: 20px} }

@media (max-width: 767px){ .u-section-2 .u-text-1 {width: 540px}
.u-section-2 .u-text-2 {width: 540px; margin-left: auto; margin-right: auto} }

@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 177px}
.u-section-2 .u-text-1 {width: 340px}
.u-section-2 .u-text-2 {width: 340px; margin-bottom: 10px} }.u-section-3 .u-sheet-1 {min-height: 377px}
.u-section-3 .u-layout-wrap-1 {margin: 0 0 15px}
.u-section-3 .u-layout-cell-1 {min-height: 362px}
.u-section-3 .u-container-layout-1 {padding: 0 30px}
.u-section-3 .u-image-1 {width: 342px; height: 342px; background-image: url("images/1565651_1640x1081_2_021723.webp"); background-position: 50% 50%;  margin: 14px auto 0}
.u-section-3 .u-layout-cell-2 {min-height: 362px}
.u-section-3 .u-container-layout-2 {padding: 30px}
.u-section-3 .u-text-1 {animation-duration: 1000ms; font-family: Tajawal; margin: 0 0 0 auto}
.u-section-3 .u-text-2 {animation-duration: 1000ms; background-image: none; line-height: 43px; font-weight: 400; font-size: 1.25rem; margin: 25px 0 0} 

@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 468px}
.u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
.u-section-3 .u-layout-cell-1 {min-height: 298px}
.u-section-3 .u-image-1 {width: 410px; height: 410px}
.u-section-3 .u-layout-cell-2 {min-height: 298px} }

@media (max-width: 991px){ .u-section-3 .u-sheet-1 {min-height: 365px}
.u-section-3 .u-layout-cell-1 {min-height: 339px}
.u-section-3 .u-image-1 {width: 300px; height: 300px}
.u-section-3 .u-layout-cell-2 {min-height: 100px} }

@media (max-width: 767px){ .u-section-3 .u-layout-cell-1 {min-height: 261px}
.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} }

@media (max-width: 575px){ .u-section-3 .u-layout-cell-1 {min-height: 164px}
.u-section-3 .u-text-1 {width: auto; margin-top: 13px}
.u-section-3 .u-text-2 {width: auto; margin-top: 15px} }.u-section-4 .u-sheet-1 {min-height: 59px}
.u-section-4 .u-text-1 {font-weight: 400; animation-duration: 1000ms; margin: 10px 20px} 

@media (max-width: 1199px){ .u-section-4 .u-text-1 {margin-left: 0; margin-right: 0} }.u-section-5 .u-sheet-1 {min-height: 466px}
.u-section-5 .u-layout-wrap-1 {margin-top: 125px; margin-bottom: 0; margin-left: auto}
.u-section-5 .u-layout-cell-1 {min-height: 341px}
.u-section-5 .u-container-layout-1 {padding: 0 30px}
.u-section-5 .u-image-1 {width: 373px; height: 373px; background-image: url("images/1565651_1640x1081_2_021723.webp"); background-position: 50% 50%;  margin: -33px auto 0 60px}
.u-section-5 .u-layout-cell-2 {min-height: 341px}
.u-section-5 .u-container-layout-2 {padding: 30px}
.u-section-5 .u-text-1 {font-family: Tajawal; margin: 8px 0 0 auto}
.u-section-5 .u-text-2 {line-height: 1.8; font-weight: 700; font-size: 1.25rem; animation-duration: 1000ms; margin: 20px 0 0 auto} 

@media (max-width: 1199px){ .u-section-5 .u-sheet-1 {min-height: 468px}
.u-section-5 .u-layout-wrap-1 {margin-left: initial}
.u-section-5 .u-layout-cell-1 {min-height: 281px}
.u-section-5 .u-image-1 {margin-left: 37px}
.u-section-5 .u-layout-cell-2 {min-height: 281px} }

@media (max-width: 991px){ .u-section-5 .u-sheet-1 {min-height: 365px}
.u-section-5 .u-layout-cell-1 {min-height: 339px}
.u-section-5 .u-image-1 {width: 300px; height: 300px; margin-left: 0}
.u-section-5 .u-layout-cell-2 {min-height: 100px} }

@media (max-width: 767px){ .u-section-5 .u-layout-cell-1 {min-height: 261px}
.u-section-5 .u-container-layout-1 {padding-left: 10px; padding-right: 10px}
.u-section-5 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} }

@media (max-width: 575px){ .u-section-5 .u-sheet-1 {min-height: 569px}
.u-section-5 .u-layout-wrap-1 {margin-top: 9px; margin-bottom: 9px; margin-left: initial}
.u-section-5 .u-layout-cell-1 {min-height: 309px}
.u-section-5 .u-image-1 {margin-top: 0}
.u-section-5 .u-layout-cell-2 {min-height: 243px}
.u-section-5 .u-text-1 {width: auto; margin-right: 8px}
.u-section-5 .u-text-2 {width: auto; margin-right: auto; margin-left: 0; font-size: 1.125rem} }