@media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } ::view-transition-group(*) { animation-duration: 0.4s; }}@media (min-width: 992px) { #brx-header .brxe-nav-menu .bricks-nav-menu .sub-menu { padding: 6px 0; min-width: 200px; width: max-content; max-width: 300px; line-height: 1.5; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } #brx-header .brxe-nav-menu .bricks-nav-menu .sub-menu > li > a { padding: 9px 16px; justify-content: flex-start; white-space: normal; } #brx-header .brxe-nav-menu .bricks-nav-menu .sub-menu > li > a:hover, #brx-header .brxe-nav-menu .bricks-nav-menu .sub-menu > li > a:focus-visible { background-color: rgba(0, 0, 0, 0.05); }}.qc-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }a.brxe-block, a.brxe-div, a.brxe-container { text-decoration: none; }#brx-header ul.bricks-nav-menu { margin-bottom: 0; }#brx-content .brxe-heading.display-4 { line-height: 1.25; }#brx-content .display-4 { font-size: clamp(2rem, 1rem + 2.2vw, 3rem); }#brx-content .display-5 { font-size: clamp(1.75rem, 0.9rem + 1.7vw, 2.375rem); }#brx-content .display-6 { font-size: clamp(1.5rem, 0.8rem + 1.4vw, 2rem); }html[lang|="ar"] #brxe-asfcib > .splide__arrows > .splide__arrow--next { left: 16px; right: auto; }html[lang|="ar"] #brxe-asfcib > .splide__arrows > .splide__arrow--prev { left: 78px; right: auto; }html[lang|="en"] #brxe-asfcib > .splide__arrows > .splide__arrow--next { right: 16px; left: auto; }html[lang|="en"] #brxe-asfcib > .splide__arrows > .splide__arrow--prev { right: 78px; left: auto; }html #brxe-thrhqj > .splide__arrows > .splide__arrow--next { bottom: 0; top: auto; }html #brxe-thrhqj > .splide__arrows > .splide__arrow--prev { bottom: 62px; top: auto; }html[lang|="ar"] body, html[lang|="ar"] body .tajawal-font, html[lang|="ar"] p, html[lang|="ar"] .brxe-post-content, html[lang|="ar"] .brxe-post-excerpt, html[lang|="ar"] .brxe-text-basic, html[lang|="ar"] .brxe-text { font-family: "Thmanyah Serif Text", Tajawal, sans-serif !important; }html[lang|="ar"] body :is(h1, h2, h3, h4, h5, h6, .brxe-post-title, .brxe-heading), html[lang|="ar"] body #brx-content :is(h1, h2, h3, h4, h5, h6).tajawal-font { font-family: "Thmanyah Serif Display", Tajawal, sans-serif !important; }html[lang|="ar"] #brx-header, html[lang|="ar"] #brx-header *:not(i, svg, svg *), html[lang|="ar"] #brx-footer, html[lang|="ar"] #brx-footer *:not(i, svg, svg *), html[lang|="ar"] button, html[lang|="ar"] input, html[lang|="ar"] .tab-title, html[lang|="ar"] .tab-title *:not(i, svg, svg *), html[lang|="ar"] .brxe-post-meta, html[lang|="ar"] time { font-family: "Thmanyah Sans", Tajawal, sans-serif !important; }#brx-content .card-image-wrapper:has(> img.card-img-left) { height: auto; align-self: start; aspect-ratio: 1 / 1; }#brx-content img.card-img-left { object-fit: cover; }#brx-content .brx-grid.card:has(> .card-image-wrapper) { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; }#brx-content .brx-grid.card > .card-image-wrapper.shadow-sm { box-shadow: none !important; }html[lang|="en"] #brx-content .display-4 { font-size: clamp(1.75rem, 0.9rem + 1.9vw, 2.625rem); }html[lang|="en"] #brx-content .display-5 { font-size: clamp(1.5rem, 0.75rem + 1.45vw, 2rem); }html[lang|="en"] #brx-content .display-6 { font-size: clamp(1.25rem, 0.7rem + 1.15vw, 1.75rem); }html[lang|="en"] #brx-content .h4 { font-size: 1.25rem; }html[lang|="en"] #brx-content .lead { font-size: 1.0625rem; }#brx-content .tab-content a.card .card-body h3 { margin-bottom: .5rem !important; max-height: calc(3lh); overflow: hidden; }#brx-content .tab-content a.card .card-body p { margin-bottom: 0; max-height: calc(3lh); overflow: hidden; }