.main-history-page{text-align:right;width:calc(100% - 80px);margin-right:auto;overflow:hidden}.main-history-page.skeleton-loader .react-loading-skeleton{--base-color:#6c7485}.main-history-page.skeleton-loader .react-loading-skeleton:after{background-image:linear-gradient(90deg, var(--base-color), #757d8f, var(--base-color))}.main-history-page .normal-section{color:var(--secondary-color);display:flex;position:relative}.main-history-page .normal-section.gray{color:#fff;background:url(../media/history-dubai-ruling-family-pattern-bg.0djv8u8it0vn3.jpg);padding-top:155px;overflow:hidden}.main-history-page p{margin:0 0 25px;font-size:20px;line-height:30px}.main-history-page p:last-child{margin:0}.history-intro-section{z-index:1;width:40%;max-width:725px;padding:50px 95px 50px 35px;position:relative}body.en .history-intro-section{min-width:40%}.main-history-page .history-intro-section h1{width:68%;min-width:400px;margin:0 0 60px;font-size:50px;font-weight:700;line-height:68px}.main-history-page .history-intro-section .short-info{width:85%;margin:0 0 50px;padding:0;font-size:30px;font-weight:400;line-height:48px}.main-history-page .section-grid-2 .history-intro-section .short-info{font-weight:700}.main-history-page .history-intro-section.section-grid-1 .short-info{min-width:500px}.main-history-page .history-intro-section .main-intro{width:calc(95% + 25px);height:325px;margin:0 0 0 -25px;padding:0 0 0 25px;font-size:20px;overflow:auto}body.en .main-history-page .history-intro-section .main-intro{margin:0 -25px 0 0;padding:0 25px 0 0}.year-image-section{width:60%;height:100%;margin-right:auto;position:relative}body.en .year-image-section{margin-left:auto;margin-right:0}.section-grid-1 .year-image-section{z-index:0;width:100%;position:absolute;top:0;left:0}.main-history-page .history-intro-section .leader-details{width:95%;margin:70px 0 20px}.main-history-page .history-intro-section .leader-details ul{margin:0;padding:0}.main-history-page .history-intro-section .leader-details ul li{margin:0;padding:0;font-size:20px;list-style:none;display:flex}.main-history-page .history-intro-section .leader-details ul li .leader-year{width:150px;margin-right:auto;padding:10px 0 0;font-family:IntelClearWArabic;font-size:20px}.main-history-page.skeleton-loader .history-intro-section .leader-details ul li .leader-name{width:150px}.number-year{color:#ced7df;font-family:PlayfairDisplay;font-size:312px;line-height:200px;position:absolute}.main-history-page .year-image-section .section-image{max-width:100%;bottom:0;left:0}.main-history-page .section-grid-1 .year-image-section .section-image{position:relative}.main-history-page .year-image-section .section-image img{object-fit:cover;width:100%;height:100%}.history-intro-section .title-into-year{margin:0 0 30px;display:flex}.title-into-year .title-intro-section{min-width:60.5%}.title-into-year .title-intro-section h2{margin:0;font-size:30px;font-weight:700;line-height:48px}.title-into-year .year-section{min-width:40.5%;position:relative;top:-100px;left:20px}.title-into-year .year-section .number-year{color:#777b7f;line-height:300px}.normal-section{width:100%;min-height:100vh}.section-grid-1 .number-year{z-index:1;color:#b3b7c2;top:375px;left:242px}.section-grid-2 .number-year{z-index:-1;top:50px}.section-grid-2 .main-info{height:calc(100% - 300px);overflow:auto}.section-grid-2 .history-intro-section{padding:225px 75px 20px 35px}.main-history-page .section-grid-3 .history-intro-section{padding:80px 75px 50px 125px}.section-grid-3 .number-year{z-index:1;color:#777b7f;white-space:nowrap;justify-content:center;align-items:center;margin:0 auto;display:flex;top:0;bottom:0;right:230px;transform:rotate(-90deg)}.section-grid-3.animate .number-year.animate-ready{animation:1s .5s forwards mainFadeIn}.section-grid-3 h2,.section-grid-3 .main-info{z-index:1;position:relative}.section-grid-3 .main-info{height:calc(100% - 350px);padding:0 0 0 10px;overflow:auto}body.en .section-grid-3 .main-info{padding:0 10px 0 0}.section-grid-3 h2{z-index:1;margin:0 0 45px;font-size:30px;font-weight:700;line-height:48px;position:relative}.section-grid-3 h2 .main-info{padding:0 0 0 15px}body.en .section-grid-3 h2 .main-info{padding:0 15px 0 0}.section-grid-3 .year-image-section .name-section{color:#fff;padding:15px 30px;font-size:30px;font-weight:700;position:absolute;bottom:0}.section-grid-4 .history-intro-section .extra-info{margin:50px 0 20px;font-size:28px}.section-grid-4 .history-intro-section>.main-info{height:calc(100% - 600px);padding:0 0 0 20px;overflow:auto}body.en .section-grid-4 .history-intro-section>.main-info{padding:0 20px 0 0}.section-grid-5 .history-intro-section h2{margin:0 0 30px;font-size:30px;font-weight:700;line-height:48px;position:relative}.section-grid-5 .history-intro-section h2.bg-effect{padding:60px 0 0}.section-grid-5 .history-intro-section .number-year{color:#777b7f;line-height:100px;position:relative;right:-10px}.section-grid-5 .history-intro-section>.main-info{height:calc(100% - 520px);padding:0 0 0 20px;overflow:auto}.section-grid-5 .history-intro-section>.main-info h2{font-size:20px;line-height:32px}body.en .section-grid-5 .history-intro-section>.main-info{padding:0 20px 0 0}.bg-effect{background:linear-gradient(0deg, var(--history-ruling-family-title-bg-effect1) 0%, var(--history-ruling-family-title-bg-effect2) 75%, var(--history-ruling-family-title-bg-effect3) 100%)}.section-grid-1 .theme-scroll::-webkit-scrollbar-track{background-color:#b1b1b1;border-radius:0;box-shadow:inset 0 0 8px #6e6e6e;cursor:pointer!important}.section-grid-1 .theme-scroll::-webkit-scrollbar{background-color:#eaeaea;border-radius:0;width:7px;height:7px;cursor:pointer!important}.section-grid-1 .theme-scroll::-webkit-scrollbar-thumb{background-color:#545454;border-radius:0;cursor:pointer!important}.section-grid-1 .number-year.loader{width:640px}.leader-name.loader{width:150px;height:17px;margin-bottom:20px}.leader-year.loader{height:17px;margin-bottom:20px}body.en .main-history-page{text-align:left;margin-left:auto;margin-right:0}body.en .section-grid-1{direction:rtl}body.en .main-history-page .history-intro-section .leader-details ul li .leader-year{margin-left:auto;margin-right:0}body.en .section-grid-2 .history-intro-section{padding:200px 85px 50px 45px}body.en .main-history-page .section-grid-3 .history-intro-section{padding:80px 150px 50px 45px}body.en .section-grid-3 .number-year{right:unset;left:8vw}body.en .history-intro-section{direction:ltr}body.en .title-into-year .year-section{left:unset;right:20px}body.en .section-grid-5 .history-intro-section .number-year{right:unset;left:-30px}body.en .main-history-page .history-intro-section h1{width:80%;font-size:45px;font-weight:700;line-height:60px}body.en .main-history-page .history-intro-section .short-info{width:100%;font-size:28px;line-height:38px}body.en .main-history-page p{font-size:18px;line-height:28px}body.en .section-grid-5 .history-intro-section h2{margin:0 0 20px;font-size:28px;line-height:38px}body.en .section-grid-5 .history-intro-section>.main-info h2{font-size:18px;line-height:28px}body.en .main-history-page .history-intro-section .leader-details ul li{font-size:20px}body.en .main-history-page .history-intro-section .leader-details ul li .leader-year{font-size:19px}body.en .section-grid-3 h2,body.en .title-into-year .title-intro-section h2{font-size:28px;line-height:38px}.main-history-page .history-intro-section h1{animation-delay:0s}.main-history-page .history-intro-section .short-info{animation-delay:.25s}.main-history-page .history-intro-section .main-intro{animation-delay:.5s}.main-history-page .history-intro-section .leader-details ul li{animation-delay:.7s}.main-history-page .history-intro-section .leader-details ul li:nth-child(2){animation-delay:.9s}.main-history-page .history-intro-section .leader-details ul li:nth-child(3){animation-delay:1s}.main-history-page .history-intro-section .leader-details ul li:nth-child(4){animation-delay:1.1s}.main-history-page .history-intro-section .leader-details ul li:nth-child(5){animation-delay:1.2s}.main-history-page .history-intro-section .leader-details ul li:nth-child(6){animation-delay:1.3s}.main-history-page .history-intro-section .leader-details ul li:nth-child(7){animation-delay:1.4s}.main-history-page .history-intro-section .leader-details ul li:nth-child(8){animation-delay:1.5s}.main-history-page .history-intro-section .leader-details ul li:nth-child(9){animation-delay:1.6s}.main-history-page .history-intro-section .leader-details ul li:nth-child(10){animation-delay:1.9s}.section-grid-1 .number-year{animation-delay:.25s}.main-history-page .section-grid-1 .year-image-section .section-image{animation-delay:.4s}.main-history-page .section-grid-2 .year-image-section .section-image{animation-delay:.25s}.section-grid-2 .main-info{animation-delay:.5s}.animate .animate-ready{animation:1s forwards themeSlideInUpBig}@media screen and (min-width:2000px){.history-intro-section{max-width:975px}.main-history-page .history-intro-section .main-intro{padding:0 0 0 50px}.main-history-page .history-intro-section .leader-details{width:90%}.section-grid-3 .number-year{right:21vw}.title-into-year .year-section{min-width:35.5%;top:-150px}.title-into-year .year-section .number-year{line-height:260px}.uae-history-page .history-grid-2 .flex-grid{height:100vh}.banyas-section-1 .banyas-detail-section .into-section{width:85%}.banyas-section-1 .banyas-detail-section .details{width:90%}.main-history-page .section-grid-2 .year-image-section .section-image{height:100vh}}@media screen and (max-width:1600px){.number-year{font-size:17.5vw}.history-intro-section{width:45%;padding:50px 2vw 50px 5vw}.year-image-section{width:55%}.main-history-page .history-intro-section .short-info{margin:0 0 5px;font-size:2.15vw;line-height:3.2vw}.main-history-page .history-intro-section h1{font-size:4vw}.main-history-page .history-intro-section .main-intro{max-height:300px;padding:0 0 0 10px;overflow:auto}body.en .main-history-page .history-intro-section .main-intro{max-height:260px}.main-history-page .history-intro-section .leader-details ul li{font-size:22px}.main-history-page .history-intro-section .leader-details ul li .leader-year{font-size:20px}.section-grid-2 .number-year{top:10px}.section-grid-2 .history-intro-section{padding:125px 2vw 20px 5vw}.section-grid-3 .number-year{font-size:15vw;right:20vw}.section-grid-3 h2{font-size:3.1vw}.main-history-page .section-grid-3 .history-intro-section{padding:50px 2vw 30px 5vw}.main-history-page .normal-section{min-height:unset}.title-into-year .year-section .number-year{line-height:15vw}.title-into-year .year-section{top:-50px}.title-into-year .title-intro-section h2{font-size:3.1vw}.title-into-year .title-intro-section{min-width:70%}.section-grid-5 .history-intro-section .number-year{right:-10px}.section-grid-5 .history-intro-section h2{font-size:2.6vw}.section-grid-5 .history-intro-section h2.bg-effect{padding:10px 0 0}.section-grid-4 .history-intro-section .extra-info{margin:30px 0 20px;font-size:2vw;line-height:2.8vw}.section-grid-2 .main-info{height:calc(100% - 270px)}body.en .main-history-page .history-intro-section .main-intro{padding:0 10px 0 0}.history-intro-section .title-into-year{margin:0 0 20px}body.en .main-history-page .history-intro-section h1{margin:0 0 30px;font-size:38px;line-height:44px}body.en .main-history-page .history-intro-section .short-info{padding:20px 0 0;font-size:24px;line-height:38px}.main-history-page .history-intro-section .leader-details{margin:30px 0 0}body.en .main-history-page p{font-size:17px;line-height:27px}body.en .history-intro-section{padding:50px 5vw 50px 2vw}body.en .main-history-page .history-intro-section .leader-details ul li{font-size:18px}body.en .main-history-page .history-intro-section .leader-details ul li .leader-year{font-size:17px}body.en .section-grid-2 .history-intro-section{padding:60px 5vw 50px 2vw}body.en .main-history-page .section-grid-3 .history-intro-section{padding:50px 5vw 30px 2vw}body.en .section-grid-5 .history-intro-section h2{font-size:1.8vw;line-height:3vw}body.en .section-grid-3 h2{font-size:2.3vw;line-height:3.3vw}body.en .section-grid-3 .number-year{left:16vw}}@media screen and (max-width:1400px){.main-history-page{width:calc(100% - 80px)}.aside-section .other-section .share-list,.aside-section .other-section .language-switch{right:80px}}@media screen and (max-width:1200px){.year-image-section{width:45%}.history-intro-section{width:70%}.section-grid-1 .number-year{font-size:15vw;top:40vh;left:10px}.main-history-page .history-intro-section h1{width:75%;min-width:400px;margin:0 0 30px;font-size:30px}.section-grid-2 .history-intro-section{flex-flow:column;padding:85px 2vw 20px 3vw;display:flex}.section-grid-2 .main-info{height:calc(100% - 10px)}.section-grid-2 .number-year{top:-30px}.section-grid-3 .number-year{font-size:15vw;right:28vw}.main-history-page .section-grid-3 .history-intro-section{flex-flow:column;padding:50px 2vw 30px 3vw;display:flex}.section-grid-3 .main-info{height:calc(100% - 10px)}.section-grid-3 h2{margin-bottom:35px;font-size:26px;line-height:1.6}.history-intro-section{padding:30px 2vw 30px 3vw}.section-grid-5 .history-intro-section h2{font-size:22px;line-height:1.6}.section-grid-5 .history-intro-section>.main-info{height:calc(100% - 10px)}.section-grid-5 .history-intro-section{flex-flow:column;display:flex}.section-grid-5 .history-intro-section .number-year{margin-top:-40px}}@media screen and (max-width:800px){.main-history-page .history-intro-section .main-intro{max-height:unset;height:auto;margin:0;padding:0}.section-grid-1 .number-year{top:90px;left:0}.main-history-page .normal-section{flex-flow:column}.history-intro-section{width:100%;padding:50px 25px}.section-grid-1 .year-image-section{width:100%}.main-history-page .history-intro-section h1{margin:0 0 40px;font-size:38px;line-height:44px}.main-history-page .history-intro-section .short-info{margin:0 0 25px;padding:0;font-size:24px;line-height:38px}.main-history-page p{margin:0 0 20px;font-size:17px;line-height:30px}.section-grid-2 .main-info{height:unset}.main-history-page .history-intro-section .leader-details ul li{align-items:center;margin:0 0 5px;font-size:18px}.main-history-page .history-intro-section .leader-details ul li .leader-year{font-size:17px}.number-year{text-align:center;margin:0 auto;font-size:150px;line-height:150px;left:0;right:0}.section-grid-1 .history-intro-section{z-index:1;order:2;margin:-100px 0 0;padding:0 25px 50px;position:relative}.section-grid-1 .year-image-section{order:1}.section-grid-2 .history-intro-section{order:2;padding:50px 25px 20px;position:relative}.section-grid-2 .year-image-section{order:1;width:100%}.section-grid-2 .number-year{top:0}.main-history-page .section-grid-2 .history-intro-section .short-info{width:100%;margin:80px 0 25px}.main-history-page .section-grid-3 .history-intro-section{padding:30px 25px}.section-grid-3 h2{margin:0 0 25px;font-size:24px;line-height:38px}.year-image-section{width:100%}.section-grid-3 .number-year{align-items:unset;text-align:right;width:540px;font-size:150px;line-height:50px;position:absolute;inset:-360px -180px auto auto}.section-grid-3 .year-image-section .name-section{display:none}.main-history-page .section-grid-3 .year-image-section .section-image{max-width:88%;height:75vh;margin-right:auto;bottom:0;left:0}.main-history-page .section-grid-3 .year-image-section{order:1}.main-history-page .section-grid-3 .history-intro-section{order:2}.main-history-page .section-grid-4 .title-into-year{position:relative}.main-history-page .section-grid-4 .title-into-year .title-intro-section{min-width:100%}.main-history-page .section-grid-4 .title-into-year .title-intro-section h2{width:65%;margin:0 0 10px;font-size:24px}body.en .title-into-year .title-intro-section h2{font-size:20px;line-height:32px}.main-history-page .section-grid-4 .history-intro-section .short-info{width:65%}.main-history-page .section-grid-4 .title-into-year .year-section{position:absolute;top:-60px;left:-10px}.main-history-page .section-grid-4 .title-into-year .year-section .number-year{line-height:130px}.main-history-page .section-grid-4 .history-intro-section .extra-info{margin:35px 0;font-size:22px;line-height:32px}.main-history-page .section-grid-4 .year-image-section{order:1}.main-history-page .section-grid-4 .history-intro-section{order:2}.section-grid-5 .history-intro-section h2{margin:0 0 20px;font-size:24px;line-height:38px}.section-grid-5 .history-intro-section main-info h2{margin:0 0 35px}.section-grid-5 .history-intro-section h2.bg-effect{margin:-40px 0 40px;padding:40px 0 0}.section-grid-5 .history-intro-section>.main-info h2{font-size:18px}.section-grid-5 .history-intro-section .number-year{right:auto}.main-history-page .section-grid-5 .year-image-section{order:1}.main-history-page .section-grid-5 .history-intro-section{order:2}.section-grid-4 .history-intro-section>.main-info{overflow:unset;height:auto;padding:0}.section-grid-5 .history-intro-section>.main-info{padding:0}.main-history-page .normal-section.gray{height:auto;padding-top:0}.main-history-page .section-grid-1 .year-image-section .section-image{justify-content:end;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.section-grid-1 .year-image-section{position:relative}.main-history-page .section-grid-1 .year-image-section .section-image img{-o-object-fit:cover;object-fit:cover;width:150%;height:100%}body.en .history-intro-section{padding:25px 25px 40px}body.en .main-history-page .history-intro-section .main-intro{height:auto;max-height:unset}body.en .main-history-page .history-intro-section h1{margin:0 0 30px;font-size:30px}body.en .main-history-page p{font-size:16px;line-height:26px}body.en .section-grid-2 .history-intro-section{padding:50px 25px 20px}body.en .main-history-page .section-grid-3 .year-image-section .section-image{margin-left:auto;margin-right:0}body.en .section-grid-3 .number-year{right:unset;left:-200px}body.en .main-history-page .section-grid-3 .history-intro-section{padding:30px 25px}body.en .main-history-page .section-grid-4 .title-into-year .year-section{left:auto;right:-10px}body.en .main-history-page .history-intro-section .leader-details ul li{font-size:18px}body.en .main-history-page .history-intro-section .leader-details ul li .leader-year{width:100px;font-size:17px}body.en .main-history-page .history-intro-section .leader-details{margin:40px 0 20px}body.en .main-history-page .history-intro-section .short-info{font-size:19px;line-height:29px}body.en .section-grid-3 h2{margin:0 0 35px;font-size:20px;line-height:32px}body.en .section-grid-4 .history-intro-section>.main-info,body.en .section-grid-5 .history-intro-section>.main-info{padding:0}body.en .section-grid-5 .history-intro-section h2{margin:0 0 10px;padding:10px 0 0;font-size:20px;line-height:32px}body.en .section-grid-5 .history-intro-section>.main-info h2{font-size:16px;line-height:26px}body.en .section-grid-5 .history-intro-section .main-info h2{margin:0 0 25px}.main-history-page .section-grid-4 .history-intro-section{height:unset!important}}@media screen and (max-width:580px){.main-history-page{width:100%;margin:0}.section-grid-1 .number-year{top:30px}}