@font-face{font-family:"Tajawal";src:url("../fonts/Tajawal/Tajawal-Regular.woff2");font-display:swap;} strong{font-family:"Tajawal-Bold";} @font-face{font-family:"Tajawal-Bold";src:url("../fonts/Tajawal/Tajawal-Bold.woff2");font-display:swap;} @font-face{font-family:"Tajawal-Medium";src:url("../fonts/Tajawal/Tajawal-Medium.woff2");font-display:swap;} :root{--red:#cb130b;--red-dark:#9e0f08;--red-light:#f5dad8;--dark:#0f1112;--dark-mid:#1a1d1e;} #mainBanner::after{content:"";width:100%;height:100%;background:rgb(0 0 0 / 64%);inset:0;position:absolute;} h2{font-weight:bolder;font-size:21px;font-family:"Tajawal-Bold";} body{font-family:"Tajawal",sans-serif;font-weight:400;font-style:normal;margin:0;padding:0;direction:rtl;overflow-x:hidden;} *,::after,::before{box-sizing:border-box;} section{overflow:hidden;} a,a:hover{text-decoration:unset;} h1,h2,h3,h4,h5,h6,figure{margin:0;} header{background-color:white;width:100%;height:auto;} h2{color:#1a1a1a;font-size:22px;font-weight:600;margin-bottom:16px !important;margin-top:45px !important;} .mt-150{margin-top:150px;} .cus-container{max-width:1200px;width:100%;height:100%;padding:0 15px;margin:0 auto !important;} :root{--main-title-size:72px;--sec-title-size:22px;--main-red-color:#e40421;--sec-bg-color:#f5f5f5;--sec-bg-dark-gray-color:#2a2a2a;--header-links-size:18px;--sec-desc-size:24px;} .scroll-section{min-height:100vh;position:relative;overflow:visible;} section.scroll-section{overflow:visible !important;} .scroll-section > .section3-sticky-visual{z-index:0;} .scroll-section-01::after,.scroll-section-02::after{content:"";background:rgba(0,0,0,0.819);width:100%;height:100%;position:absolute;inset:0;} .scroll-content{height:auto;overflow-y:unset;padding:80px 15px;background:rgb(10 16 15 / 0%);position:relative;z-index:2;width:50%;margin:auto;} .scroll-section .cus-container{padding:80px 15px;background-color:rgba(10,16,15,0.65);color:#f2f2f2;z-index:1;} .scroll-section img{position:sticky;top:0;width:100%;height:auto;object-fit:cover;height:100vh !important;z-index:0;} .scroll-section-03{background-color:black;} .scroll-section-03 .section3-sticky-visual{position:sticky;top:0;z-index:0;width:100%;height:100vh;overflow:hidden;} .scroll-section-03 .section3-sticky-visual .section3-bg-layer{position:absolute !important;inset:0;z-index:0;width:100% !important;height:100% !important;object-fit:cover;margin:0;display:block;opacity:0;transition:opacity 0.5s ease;pointer-events:none;} .scroll-section-03[data-section3-phase="1"] #img-section3,.scroll-section-03[data-section3-phase="2"] #img2-section3,.scroll-section-03[data-section3-phase="3"] #img3-section3{opacity:1;z-index:1;} .scroll-section-03 .section3-sticky-visual::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-color:rgba(10,16,15,0.5);} .scroll-section h2{font-size:27px;margin-bottom:25px !important;margin-top:45px;} .cut-bt-sections{margin-top:90vh !important;} .scroll-section p{font-family:"Tajawal-Medium",sans-serif;font-size:19px;font-size:19px;line-height:32px;text-align:right;margin:0 0 32px 0;} .scroll-section h2,.scroll-section p{color:#f2f2f2;} .hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;background:var(--dark);overflow:hidden;} .hero-bg{position:absolute;inset:0;z-index:1;background-image:url("../images/main-banner.jpg");background-size:cover;background-position:center top;transform:scale(1.04);transition:transform 12s ease-out;will-change:transform;} .hero-bg.loaded{transform:scale(1);} .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient( to top,rgba(10,12,13,0.97) 0%,rgba(10,12,13,0.75) 40%,rgba(10,12,13,0.3) 100% );} .hero-content{position:relative;z-index:10;max-width:860px;width:100%;padding:60px 24px 100px;text-align:center;animation:heroFadeUp 1s 0.3s both;} .hero h1{color:#fff;font-size:clamp(28px,5vw,54px);font-weight:900;line-height:1.25;margin-bottom:16px !important;margin-top:0 !important;text-shadow:0 2px 20px rgba(0,0,0,0.5);} .hero h2{display:inline-block;color:#fff;font-size:clamp(18px,3vw,23px);font-weight:500;line-height:1.5;margin:0 auto 36px !important;max-width:680px;padding:10px 18px;} .hero-meta{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;} .hero-meta-item{display:flex;align-items:center;gap:8px;color:rgba(255,255,255);font-size:14px;} .hero-meta-item svg{opacity:0.6;flex-shrink:0;} .hero-scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255);animation:heroBounce 2.5s ease-in-out infinite;z-index:10;} .hero-scroll-hint svg{width:20px;height:20px;} .hero .papers-img-wrapper{position:absolute;top:50%;left:50%;z-index:8;max-width:min(42%,520px);pointer-events:none;transform:translate(-50%,-50%);} .hero .papers-img-wrapper img{width:100%;height:auto;display:block;} @keyframes heroFadeUp{from{opacity:0;transform:translateY(24px);} to{opacity:1;transform:translateY(0);}} @keyframes heroBounce{0%,100%{transform:translateX(-50%) translateY(0);} 50%{transform:translateX(-50%) translateY(6px);}} .stats-bar{background:var(--dark-mid);padding:0;overflow:hidden;} .stats-bar-inner{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);} .stat-item{padding:28px 20px;text-align:center;border-left:1px solid rgba(255,255,255,0.07);transition:background 0.35s cubic-bezier(0.4,0,0.2,1);} .stat-item:last-child{border-left:none;} .stat-item:hover{background:rgba(203,19,11,0.08);} .stat-num{display:block;font-size:clamp(28px,4vw,42px);font-weight:900;color:var(--red);line-height:1;margin-bottom:6px;transition:transform 0.2s;} .stat-item:hover .stat-num{transform:scale(1.05);} .stat-label{display:block;font-size:12px;font-weight:500;color:rgba(255,255,255,0.55);line-height:1.4;} .article-wrapper{max-width:820px;margin:0 auto;padding:60px 24px 0;} .lead-box{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-right:5px solid var(--red);border-radius:0 12px 12px 0;padding:22px 22px 22px 18px;margin:0 0 32px;position:relative;overflow:hidden;} .lead-box::before{content:"";position:absolute;top:-10px;right:14px;font-size:80px;color:var(--red);opacity:0.07;font-family:serif;line-height:1;pointer-events:none;} .lead-box p{font-size:18px !important;font-weight:600 !important;color:#1a1a1a !important;margin-bottom:0 !important;text-align:justify;line-height:30px;font-family:"Tajawal-Bold";} .intro-body p{font-size:19px;line-height:32px;text-align:justify;color:#1a1a1a;margin:0 0 32px 0;} .reveal{opacity:0;transform:translateY(20px);transition:opacity 0.7s ease,transform 0.7s ease;} .reveal.visible{opacity:1;transform:translateY(0);} #mainBanner{position:relative;background-image:url("../images/main-banner.jpg");background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;} #mainBanner .cus-container{display:flex;justify-content:flex-start;align-items:center;} .main-banner-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px;width:100%;height:100%;max-width:60%;margin:auto;} .main-title-wrapper{display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;width:100%;max-width:70%;} .main-title-wrapper h1{font-family:"Tajawal-Bold";font-size:40px;font-weight:bold;line-height:57px;text-align:center;color:#f2f2f2;} .main-title-wrapper h2{font-family:"Tajawal-Bold",sans-serif;font-size:30px;line-height:42px;text-align:center;color:#f2f2f2;font-weight:400;margin:0 !important;} .writer-info-wrapper{display:flex;flex-direction:column;gap:8px;} .writer-info-wrapper .bk-jour{width:231px !important;height:166px !important;position:absolute !important;right:-13px;top:-45px;} .writer-info-div{display:flex;align-items:center;gap:18px;position:relative;z-index:99999;margin-top:0px;} .writer-info-div figure{width:33px;} .writer-info-div span{font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#f2f2f2;} .papers-img-wrapper{position:absolute;bottom:0;left:2%;z-index:1;} .papers-img-wrapper img{width:100%;} .scroll-down{display:flex;align-items:center;justify-content:center;gap:10px;position:absolute;bottom:40px;} .scroll-down img{width:40px;height:40px;object-fit:contain;} .scroll-down p{font-size:20px;color:white;margin:0;} .main-idea-section{padding:60px 0px 60px 0px;width:100%;height:100%;} .main-content{margin:auto;max-width:50%;width:100%;} .main-content p{font-size:19px;line-height:32px;text-align:justify;color:#1a1a1a;margin:0 0 32px 0;} .shared-with-div{border-top:1px solid #e2e2e2;background-color:transparent;width:100%;margin:75px auto;padding:28px;background-color:#e2e2e21c;display:flex;flex-direction:column;gap:42px;} .shared-lang-wrapper{display:flex;flex-direction:column;gap:28px;} .shared-lang-wrapper h6{font-family:"Tajawal-Bold",sans-serif;display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:bold;color:#1a1a1a;line-height:28px;} .shared-lang-wrapper h6::before{content:"";display:flex;background-color:#b4031b;width:5px;height:5px;border-radius:50%;} .shared-links-wrapper{display:flex;} .shared-links-wrapper span{display:flex;max-width:90%;width:100%;gap:10px;flex-wrap:wrap;} .shared-links-wrapper a:not(:last-child){border-left:2px solid #b4031b;padding-left:10px;} .shared-links-wrapper a{color:#1a1a1a !important;} section{position:relative;z-index:0;} .image-container{display:flex;flex-direction:column;width:100%;margin:40px auto;max-width:100%;} .image-container img{width:100%;height:auto;} .last-img-row{gap:16px;} .last-img-row figure{flex:1;width:100%;margin-top:0;margin-bottom:14px;} figure{width:100%;margin-top:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;} figure picture{display:flex;justify-content:center;align-items:center;width:100%;} figure img{width:100%;margin:auto;} figcaption{margin-top:20px;margin-bottom:40px;text-align:center;line-height:24px;width:50%;} .main-title-wrapper h1{font-size:37px;font-weight:700;line-height:37px;margin-bottom:0px;text-align:right;color:#f2f2f2;} .investigation-tags-container{width:100%;border-top:1px solid #e2e2e2;padding-top:20px;margin:0 auto 32px auto;} .investigation-tags-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;max-width:100%;margin:auto;gap:8px;} .investigation-tags-wrapper a{font-size:14px;display:flex;align-items:center;padding:6px 15px;color:#b4031b;background-color:white;border:1px solid #b4031b;border-radius:7px;transition:all 0.5s;} .investigation-tags-wrapper a:hover{color:white;background-color:#b4031b;border:1px solid #b4031b;transition:all 0.5s;} .main-sec-title-wrapper{position:absolute;width:100%;top:60px;z-index:2;} :root{--soil-dark:#1c1712;--soil-panel:#262019;--soil-line:#3a3024;--cream:#ece2c8;--muted:#a9987a;--olive:#86974f;--olive-dark:#4e5a2c;--terracotta:#c46a36;--terracotta-dim:#7a4424;--gold:#c99a45;} .prices-wrapper,.split-wrapper,.compare-wrapper{margin:30px auto;} .price-row{margin-bottom:30px;} .price-row:last-child{margin-bottom:0;} .price-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;flex-wrap:wrap;gap:6px;} .price-name{font-family:"Tajawal-Medium",sans-serif;font-size:18px;color:#1a1a1a;} .price-name span{color:#1a1a1a;font-weight:400;font-size:13px;} .price-range-label{font-family:"Tajawal-Medium",sans-serif;font-size:16px;color:#1a1a1a;direction:ltr;display:inline-block;} .track{position:relative;height:14px;border-radius:8px;background:#d0d0d04f;overflow:hidden;} .fill{position:absolute;top:0;bottom:0;border-radius:8px;width:0%;transition:width 1.1s cubic-bezier(0.2,0.8,0.2,1),right 1.1s cubic-bezier(0.2,0.8,0.2,1);background-color:#cb130b;} .scale-axis{font-family:"Tajawal-Medium",sans-serif;display:flex;justify-content:space-between;font-size:14px;color:#1a1a1a;margin-top:6px;direction:ltr;} .villages{margin-top:30px;font-size:16px;color:#1a1a1a;display:flex;gap:8px;flex-wrap:wrap;align-items:center;} .villages b{font-family:"Tajawal-Medium",sans-serif;color:#1a1a1a;} .vchip{background:#1a1a1a;border-radius:7px;padding:6px 12px;color:white;font-size:14px;} .split-wrap{display:flex;gap:46px;align-items:center;flex-wrap:wrap;} .donut{width:190px;height:190px;border-radius:50%;flex:0 0 auto;background:conic-gradient( #cb130b 0deg,#cb130b calc(var(--p,216) * 1deg),#1a1a1a calc(var(--p,216) * 1deg),#1a1a1a 360deg );display:flex;align-items:center;justify-content:center;position:relative;transition:background 1s ease;} .donut::after{content:"";position:absolute;width:124px;height:124px;border-radius:50%;background:white;} .donut-center{position:relative;z-index:1;text-align:center;} .donut-center .num{font-size:13px;color:#1a1a1a;} .legend{display:flex;flex-direction:column;gap:16px;} .legend-item{display:flex;align-items:center;gap:10px;} .dot{width:12px;height:12px;border-radius:3px;flex:0 0 auto;} .dot.owner{background:#cb130b;} .dot.investor{background:#1a1a1a;} .legend-item .lname{font-weight:600;color:#1a1a1a;font-size:15px;} .legend-item .lpct{font-family:"Tajawal-Bold",sans-serif;color:#cb130b;font-size:15px;margin-right:4px;direction:ltr;display:inline-block;} .legend-item .lpct.black{color:#1a1a1a;} .legend-item .ldesc{color:#1a1a1a;font-size:13px;} .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px;} @media (max-width:560px){.compare-grid{grid-template-columns:1fr;}} .compare-card{background:#1a1d1e;border-radius:14px;padding:24px;} .compare-card .year{font-size:12px;color:#f2f2f2;font-weight:600;letter-spacing:0.5px;margin-bottom:10px;} .compare-card .big{font-family:"Tajawal-Bold",sans-serif;font-weight:700;font-size:46px;line-height:1;direction:ltr;display:inline-block;} .compare-card.before .big,.compare-card.after .big{color:#cb130b;} .compare-card .label{color:#f2f2f2;font-size:13px;margin-top:6px;} .compare-card .vtrack{margin-top:16px;height:8px;border-radius:6px;background:#f748404f;overflow:hidden;} .compare-card .vfill{height:100%;border-radius:6px;width:0%;transition:width 1.2s ease;} .compare-card.before .vfill,.compare-card.after .vfill{background:#cb130b;} .stat-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;} .stat-box{flex:1 1 220px;border-radius:14px;padding:22px;} .stat-box .stat-title{font-size:18px;color:#1a1a1a;margin-bottom:10px;text-align:center;} .stat-box .stat-num{font-weight:700;font-size:28px;direction:ltr;display:inline-block;color:var(--cream);} #chart-last{direction:rtl;padding:20px;margin:24px auto;max-width:80%;} #chart-last h2{text-align:center;font-size:19px !important;} #chart-last > div{position:relative;width:100%;height:380px;} .map-container{max-width:60%;margin:40px auto;} .map-compare__viewport{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);background:#f0f0f0;line-height:0;touch-action:none;user-select:none;} .map-compare__image{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none;} .map-compare__before{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;pointer-events:none;} .map-compare__image--before{position:absolute;top:0;left:0;max-width:none;height:auto;} .map-compare__divider{position:absolute;top:0;bottom:0;left:50%;z-index:10;width:48px;margin-left:-24px;background:transparent;cursor:col-resize;touch-action:none;pointer-events:auto;} .map-compare__divider::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:rgba(255,255,255,0.95);box-shadow:0 0 0 1px rgba(0,0,0,0.12);pointer-events:none;} .map-compare__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#cb130b;color:#fff;border:3px solid #fff;box-shadow:0 2px 12px rgba(0,0,0,0.22);pointer-events:none;} .map-compare__divider:hover .map-compare__handle,.map-compare__divider:focus-visible .map-compare__handle{box-shadow:0 0 0 3px rgba(203,19,11,0.35);} .map-compare__label{position:absolute;top:0.75rem;z-index:2;font-size:1rem;font-weight:700;color:#fff;background:rgba(0,0,0,0.55);padding:0.35rem 0.75rem;border-radius:6px;pointer-events:none;} .map-compare__label--before{left:0.75rem;} .map-compare__label--after{right:0.75rem;} .map-compare__hint{margin:10px 0 0 !important;text-align:center !important;font-size:16px !important;color:#6b6b6b;line-height:1.5;} .light-color{color:#fff !important;} body.map-compare-dragging{cursor:col-resize;user-select:none;} body.map-compare-dragging *{cursor:col-resize;} .map-compare.is-dragging .map-compare__before{transition:none;} .img-source-bottom{position:absolute;left:0;font-size:11px !important;background-color:#000000d6;width:max-content;color:#fff;padding:5px 9px;bottom:15px;margin:0 !important;z-index:1;} @media (max-width:670px){.map-container{max-width:100%;}} @media screen and (max-width:800px){.main-banner-content{max-width:100%;} #chart-last{max-width:100%;} .map-container{max-width:100%;} .main-title-wrapper h2{line-height:36px;} .writer-info-wrapper{bottom:120px;} .main-title-wrapper{position:relative;z-index:99;} h2{color:#1a1a1a;font-size:20px;line-height:30px;} .shared-with-div{min-width:100%;} .shared-with-div p{font-size:18px;position:relative;padding:0 20px;} .shared-with-div p::before{position:absolute;right:0;top:17px;} .investigation-tags-container{max-width:100%;} .scroll-section{flex-direction:column-reverse;min-height:auto;} .scroll-section .cus-container{padding:40px 15px;background-color:transparent;color:inherit;} .scroll-content{width:90%;} .scroll-content{width:100%;} .main-title-wrapper{margin-top:0;margin-right:0;} figcaption{width:100%;} .scroll-section h2,.scroll-section p{color:#f2f2f2;line-height:40px;} .papers-img-wrapper{position:absolute;bottom:0;left:0;max-width:40%;} .papers-img-wrapper img{width:100%;height:auto;}} @media (max-width:1199px){.cus-container{max-width:1000px;}} @media (min-width:1200px) and (max-width:1499px){.cus-container{max-width:1200px;}} @media (min-width:1500px){.cus-container{max-width:1340px;}} @media (min-width:1700px){#mainBanner{min-height:1000px;}} @media (min-width:992px) and (max-width:1198px){#mainBanner{height:700px;} #mainBanner .cus-container{position:relative;z-index:1;} .main-title-wrapper{max-width:100%;} .main-content{max-width:75%;width:100%;margin:auto;} .shared-with-div{min-width:100%;}} @media (min-width:768px) and (max-width:991px){.cus-container{max-width:90%;} #mainBanner{height:700px;} #mainBanner .cus-container{position:relative;z-index:1;} .main-title-wrapper{max-width:100%;} .main-content{max-width:75%;width:100%;margin:auto;} .shared-with-div{min-width:100%;} .papers-img-wrapper{position:absolute;bottom:0;left:0;max-width:40%;} .papers-img-wrapper img{width:100%;height:auto;}} @media (max-width:500px){.papers-img-wrapper{position:absolute;bottom:40px;left:-15px;max-width:40%;}} @media (min-width:280px) and (max-width:767px){figure img{width:100%;} .main-title-wrapper{width:100%;} .main-title-wrapper h1{font-size:26px;line-height:40px;margin-top:30px;} .main-content p{text-align:right;} .image-container img{margin:20px auto;} .cus-container{max-width:90% !important;padding:0;} #mainBanner{height:600px;} #mainBanner .cus-container{position:relative;z-index:1;} .main-title-wrapper{max-width:100%;} .main-content{max-width:90%;width:100%;margin:auto;padding:0 0;} .shared-with-div{min-width:100%;} .split-wrap{justify-content:center;} .img-source-bottom{background-color:rgba(0,0,0,0.5);bottom:0;line-height:28px !important;width:100%;text-align:center !important;} .scroll-down p{font-size:18px;} .scroll-down img{width:32px;height:32px;}} @media (max-width:768px){.hero .papers-img-wrapper{top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(55%,420px);} .stats-bar-inner{grid-template-columns:1fr 1fr;} .stats-bar-inner .stat-item:nth-child(3){grid-column:span 2;border-left:none;border-top:1px solid rgba(255,255,255,0.07);} .article-wrapper{padding:40px 18px 0;}} @media (max-width:480px){.hero h1{font-size:26px;} .hero .papers-img-wrapper{top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(72%,300px);} .stats-bar-inner .stat-item{border-left:none;border-top:1px solid rgba(255,255,255,0.07);} .stats-bar-inner .stat-item:first-child{border-top:none;}}