:root{--ff-ar:'IBMPlexArabic', sans-serif;--ff-en:'IBMPlexLatin', sans-serif;--header-1:clamp(2rem, 7vw, 3.5rem);--header-2:clamp(1.5rem, 3vw + 1rem, 3rem);--header-3:clamp(1.25rem, 2.5vw + 1rem, 2.5rem);--header-4:clamp(1.15rem, 2vw + 1rem, 2.1rem);--header-5:clamp(1.05rem, 1.5vw + 1rem, 1.8rem);--header-6:clamp(1rem, 1vw + 1rem, 1.5rem);--radius-m:12px;--max-width-container:1300px;--transition-fast:all .15s ease-out;--transition-medium:all 0.3s ease-out;color-scheme:light;--bg-dark:oklch(0.999 0.0041 91.45);--bg-main:oklch(0.98 0.0041 91.45);--bg-light:oklch(0.99 0.0141 91.45);--secondary-white:rgb(249, 244, 239);--primary-black:rgb(34, 34, 34);--secondary-black:rgb(60, 52, 27);--text-standard:oklch(0.380 0.076 168.7);--text-muted:oklch(0.3983 0.0175 74.17);--text-contrast:oklch(0.9381 0.0177 73.07);--text-blend:rgba(0, 0, 0, .5);--brand-primary:oklch(0.434 0.090 165.9);--brand-secondary:oklch(0.9381 0.0177 73.07);--brand-light:oklch(0.434 0.090 165.9);--backdrop-bg:rgba(34, 34, 34, 0.4);--box-shadow:rgba(0, 0, 0, 0.1);--stars:oklch(0.7549 0.0944 80)}[data-theme=dark]{color-scheme:dark;--bg-light:oklch(0.32 0.041 92.22);--bg-main:oklch(0.22 0.041 92.22);--bg-dark:oklch(0.15 0.041 92.22);--bg-light:oklch(.27 .041 92);--text-blend:rgba(255, 255, 255, .5);--stars:oklch(0.3983 0.0175 74.17);--secondary-white:#252422;--primary-black:#f9f4ef;--secondary-black:#e2ddd9;--text-standard:oklch(0.8949 0.0944 80);--text-contrast:oklch(0.2383 0.0175 74.17);--text-muted:oklch(0.95 0.0344 80);--brand-primary:oklch(0.7549 0.0944 80);--brand-secondary:oklch(0.3251 0.0327 134.74);--brand-light:oklch(0.8549 0.0944 80);--brand-secondary:oklch(0.3251 0.0327 134.74);--backdrop-bg:rgba(0, 0, 0, 0.7);--border-standard:1px solid rgba(255, 255, 255, 0.15);--box-shadow:rgba(0, 0, 0, 0.5)}*,::after,::before{box-sizing:border-box;margin:0;padding:0;font:inherit;scroll-behavior:smooth}*:focus{outline:3px solid var(--brand-primary);outline-offset:3px}html,body{overflow-x:hidden;overflow-y:visible;background-color:var(--bg-main);padding:0;margin:0;color:var(--text-muted);text-rendering:optimize-speed;line-height:1.5;font-size:16px;transition:font-size .1s ease-out;scroll-behavior:smooth}ul,li{list-style:none}#content strong,#abstract strong{font-weight:700}#content em,#abstract em{font-style:italic}#content del,#abstract del{text-decoration:line-through}#content p+p{margin-block-start:1.5rem}#content ol,#abstract ol,#content ul,#abstract ul{padding:2.5ch;text-indent:-5px}#content ol,#abstract ol{list-style:decimal}#content ul,#abstract ul{list-style:disc}#content ol li,#abstract ol li{padding:0;margin:0;list-style:decimal}#content ul li,#abstract ul li{padding:0;margin:0;list-style:disc}#content h2,#abstract h2{font-weight:700;font-size:var(--header-2);color:var(--text-standard);margin-top:1rem;margin-bottom:.5rem}#content h3,#abstract h3{font-weight:700;font-size:var(--header-3);color:var(--text-standard);margin-top:.8rem;margin-bottom:.4rem}#content h4,#abstract h4{font-weight:700;color:var(--text-standard);font-size:var(--header-4);margin-top:.6rem;margin-bottom:.2rem}#content h5,#abstract h5{font-weight:700;font-size:var(--header-5);color:var(--text-standard);margin-top:.4rem;margin-bottom:.2rem}#content h6,#abstract h6{font-weight:700;color:var(--text-standard);font-size:var(--header-6);margin-top:.4rem;margin-bottom:.2rem}#content a:hover,#abstract a:hover,#TableOfContents a:hover{text-decoration:underline}code{font-family:monospace}*,::after,::before,html:focus-within{scroll-behavior:smooth}[lang=ar] *,[lang=ar] ::after,[lang=ar] ::before{font-family:var(--ff-ar)}[lang=en] *,[lang=en] ::after,[lang=en] ::before{font-family:var(--ff-en)}*/ p{color:var(--secondary-black)}small{color:grey}a{text-decoration:none;color:var(--brand-primary)}::selection{color:var(--brand-secondary)!important;background-color:var(--brand-primary)!important}img,picture{display:block;min-height:0;max-width:100%;max-height:100%;border-radius:12px}#content img,#content picture,#abstract img,#abstract picture{display:block;min-height:0;max-width:100%;max-height:100%;border-radius:12px;margin-block:1rem}button{background:0 0;border:none}.big-image-container .post-figure{margin:0;padding:0;width:100%}.post-thumbnail-main{display:block;width:100%;height:auto}.post-figcaption{margin-top:12px;font-size:.8rem;line-height:1.5;color:var(--text-blend);text-align:center;font-style:italic;padding-inline:1.5rem;max-width:970px;margin-inline:auto}.post-figcaption::before{content:"";display:block;width:30px;height:2px;background:var(--brand-primary);margin:0 auto 8px}.toc-title{font-size:var(--header-5);line-height:1;font-weight:700;padding-top:.5rem}#TableOfContents>ul{list-style-type:none;padding-inline:1.5rem;padding-block:.5rem;margin-bottom:1rem}#TableOfContents ul ul{padding-inline-start:1.5rem}.assigned-service-banner{display:flex;align-items:center;justify-content:start;width:100%;gap:1rem;margin-bottom:1rem;padding:1rem;border-radius:8px;background-color:var(--bg-light)}.assigned-service-banner .service-icon{width:40px;height:40px;flex-shrink:0;fill:var(--brand-primary)!important;color:var(--brand-primary)!important}.assigned-service-banner .service-icon svg{width:100%;height:100%}.assigned-service-banner .service-text span{font-size:.9rem;color:var(--text-muted)}.assigned-service-banner .service-text a{display:block;font-weight:700;color:var(--text-standard)}.assigned-service-banner .ctaContainer{margin-inline-start:auto}.assigned-service-banner .ctaBtn{background-color:var(--brand-primary);color:var(--text-contrast);padding:.4rem 1rem;font-weight:700;border-radius:8px;text-decoration:none;transition:opacity .2s ease;white-space:nowrap}.assigned-service-banner .ctaBtn:hover{opacity:.9}@media(max-width:480px){.assigned-service-banner{flex-wrap:wrap}.assigned-service-banner .ctaContainer{width:100%;margin-inline-start:0}.assigned-service-banner .ctaBtn{display:block;text-align:center}}.center{margin-inline:auto}.img-cover{width:100%;height:100%;object-fit:cover}.wrapper{width:calc(min(100%,1300px) - 3rem);margin-inline:auto}.mainblog{margin-bottom:1.5rem}.mainblog.wrapper,.blogpost.wrapper{width:calc(min(var(--max-width-container),100%) - 3rem);margin-inline:auto}.mainblog.wrapper .list-title{font-size:var(--header-1);font-weight:700;margin-block:2rem;text-align:center}.mainblog .post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.7rem}.post-grid{margin-block-end:1.5rem}.wrapper .post-card{background-color:var(--bg-dark);border-radius:12px;display:flex;flex-direction:column;position:relative;border:0 solid var(--brand-primary)}.post-card .prim-tag{position:absolute;top:10px;inset-inline-start:10px;color:var(--text-contrast);background-color:var(--brand-primary);padding-block:.2rem;padding-inline:.5rem;border-radius:7px;font-size:12px}.mainarticle .prim-tag{background-color:var(--brand-primary);color:var(--brand-secondary);padding-inline:.5rem;padding-block:.2rem;border-radius:8px}.wrapper .post-card .post-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.blogpost.wrapper .single-title{font-size:var(--header-2);line-height:1.2;font-weight:700;padding-block-start:1rem;padding-block-end:1.5rem}.blogpost .post-grid{margin-block-start:1rem}.post-grid .otherArticles{font-size:2rem;font-weight:600}.blogpost .recommendations{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.blogpost article{max-width:700px;margin-inline:auto}.post-grid .post-title a{font-size:1.2rem;color:var(--text-muted);font-weight:700;line-height:1.5}.post-grid .post-title{text-align:start;padding:0}.post-grid .post-title a:hover{text-decoration:underline;color:var(--brand-primary)}.post-grid .post-title{margin-block-start:0;margin-block-end:.3rem}.post-card .post-meta{display:flex;flex-direction:row;flex-wrap:wrap;color:var(--text-blend);font-size:12px;margin-block-end:1rem}.post-card .post-meta>*:first-child{margin-inline-end:12px}.blogpost .mainarticle .post-meta{display:flex;flex-direction:row;gap:12px;color:var(--text-blend);font-size:12px;margin-block-start:2rem}.post-meta svg{fill:var(--text-blend);width:13px}.read-more{text-align:end;margin-inline-start:auto;color:var(--text-contrast);display:grid;place-items:center}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-block-end:.5rem;padding-block-start:2rem}.otherArticles{font-size:var(--header-2);font-weight:700}.more{color:var(--brand-primary)}.post-thumbnail-main,.post-thumbnail{min-height:0;width:100%;aspect-ratio:16/9;border-radius:12px;object-fit:cover;margin-inline:auto}.post-thumbnail{aspect-ratio:3/2;border-bottom-left-radius:0;border-bottom-right-radius:0}.post-thumbnail-main{width:calc(min(100%,1e3px) - 3rem)}.big-image-container{position:relative;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:2.5rem}hr{position:relative;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:block}.content{box-sizing:content-box;margin-bottom:2.5rem;background-color:var(--bg-dark);padding:1rem;border-radius:12px;font-size:1.15rem}.abstract{box-sizing:content-box;margin-top:2rem;margin-bottom:1rem;padding:1rem;background-color:var(--bg-dark);border-radius:12px;border-inline-start:8px solid var(--brand-primary);font-size:1.15rem}.post-content{display:flex;flex-direction:column}.low-block{margin-block-start:1rem;align-self:flex-end;background-color:var(--brand-light);width:100%;height:40px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}@media(max-width:350px){.post-grid{grid-template-columns:1fr}}.pagination-nav{margin-top:2rem;display:flex;justify-content:center;padding-bottom:2rem;container-type:inline-size}.pagination-nav ul{display:grid;grid-auto-flow:column;list-style:none;gap:8px;align-items:center;padding:0;justify-content:center}.page-link{display:grid;place-items:center;width:45px;height:45px;text-decoration:none;color:var(--text-standard);background-color:var(--bg-dark);border:1.5px solid var(--brand-secondary);border-radius:8px;font-weight:600;transition:var(--transition-fast)}.page-item.active .page-link{background-color:var(--brand-primary);color:var(--brand-secondary);border-color:var(--brand-primary)}.page-item:not(.active) .page-link:hover{border-color:var(--brand-primary)}.page-link.prev svg,.page-link.next svg{width:18px;height:18px;fill:var(--brand-primary);color:var(--brand-primary);stroke:var(--brand-primary);stroke-width:2.5px}.page-link.dots{margin-inline:-8px;border:none;background:0 0;cursor:default;color:var(--brand-primary);opacity:.6;display:flex;align-items:end;justify-content:center;padding:0;width:max-content;padding-bottom:2px}.page-item.disabled:hover .page-link{background:0 0;border:none;transform:none}@media(max-width:500px){.page-link{width:38px;height:38px;font-size:.9rem}}@container(max-width:380px){.pagination-nav ul {
      position: relative;
      padding-bottom: 2rem;

    }
  
    
  
    
    .page-item:first-child .page-link.prev,  
    .page-item:first-child .page-link.next {
      position: absolute;
      top: 50px;
      inset-inline-start: 80px;
      

    }
  
    .page-item:last-child .page-link.next,
    .page-item:last-child .page-link.prev {
      position: absolute;
      top: 50px;
      inset-inline-end: 80px;
    }
  }footer{background-color:var(--brand-secondary);width:100%;color:var(--text-muted)!important;padding-block:1rem}footer a{color:var(--text-muted)!important}footer .secondr a small{display:flex;flex-direction:row;align-items:center;gap:.3rem;text-decoration:none;color:var(--text-blend);pointer-events:pointer}a small:hover{text-decoration:underline;pointer-events:pointer}.col{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-inline-end:1rem;font-size:12px}.col .firstr{display:flex;flex-direction:row;gap:1rem;order:2}.secondr img{min-height:0;height:14px;opacity:.5;aspect-ratio:748/102}.secondr span,.secondr small{white-space:nowrap}.upscroll{transform:scaleX(-1);inset-inline-end:-6px;width:60px;height:60px;position:fixed;opacity:0;bottom:-6px;visibility:hidden;z-index:99;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}[dir=rtl] .upscroll{transform:scaleX(1)}.upscroll.visible{visibility:visible;opacity:1}.upscroll svg #primary{fill:var(--brand-primary)}.upscroll svg .arrow-head{transform:scale(.5)translate(15%,80%);fill:var(--text-contrast)}.topic-filter{margin-block:1rem 3rem}.topic-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;gap:10px}.topic-list li a{display:inline-flex;align-items:center;text-decoration:none;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;color:var(--text-standard);background-color:var(--bg-dark);border:1.5px solid var(--brand-secondary);border-radius:99vw;transition:var(--transition-fast)}.topic-list li a.active{background-color:var(--brand-primary);color:var(--text-contrast);border-color:var(--brand-primary);font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.1)}.topic-list li a:not(.active):hover{border-color:var(--brand-primary);color:var(--text-standard)}.topic-list li a span{margin-inline-start:6px;font-size:.8rem;opacity:.7}.topic-list li a.active span{color:var(--brand-secondary);opacity:.9}@media(max-width:600px){.topic-list{gap:8px}.topic-list li a{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:600px){footer .col{flex-direction:column;padding-inline-end:0;gap:.5rem}footer .col .secondr{order:2}}