@media screen{body .service-directory{direction:rtl;background:0 0;border:0;width:100%;min-width:0;margin:18px 0;font-family:Lusail,sans-serif;display:block;overflow:visible}body .service-directory .service-directory-rows{grid-template-columns:repeat(auto-fill,minmax(144px,180px));grid-auto-rows:1fr;justify-content:start;align-items:stretch;gap:12px;display:grid}body .service-directory .service-directory-rows>:is(button,a){box-sizing:border-box;aspect-ratio:1;color:#782e49;width:100%;min-width:0;max-width:none;min-height:144px;font:inherit;text-align:center;white-space:normal;overflow-wrap:break-word;cursor:pointer;touch-action:manipulation;background:#fffdfa;border:1px solid #dccbd2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:0;padding:12px;font-size:18px;font-weight:700;line-height:1.4;text-decoration:none;display:flex;position:relative;transform:none;box-shadow:0 2px 6px #53223908}body .service-directory .service-directory-rows>:is(button,a):before{content:"▦";width:auto;height:28px;color:inherit;background:0 0;flex-shrink:0;font-size:28px;line-height:1;display:block;position:static}body .service-directory .service-directory-rows>:is(button,a):has(>svg):before{display:none}body .service-directory .service-directory-rows>:is(button,a)>svg{width:28px;height:28px;color:inherit;flex-shrink:0;display:block;position:static}body .service-directory .service-directory-rows>:is(button,a)>strong{font:inherit;color:inherit;display:block}body .service-directory .service-directory-rows>:is(button,a)>:is(span,small):not(.pledge-nav-count):not(.teacher-count):not(.staff-permit-count){-webkit-line-clamp:2;color:#6c625c;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}body .service-directory .service-directory-rows>:is(button,a)>span:has(b){display:block;overflow:visible}body .service-directory .service-directory-rows>:is(button,a)>span>b{color:#782e49;font-size:18px;line-height:1.4;display:block}body .service-directory .service-directory-rows>:is(button,a)>span>small{font-size:14px;line-height:1.45;display:block}body .service-directory .service-directory-rows>:is(button,a):is(:hover,.active,[aria-pressed=true],[aria-current=page]){color:#6b213d;background:#f4e9ed;border-color:#b98094;box-shadow:0 3px 9px #53223912}body .service-directory :is(.pledge-nav-count,.teacher-count,.staff-permit-count){color:#542036;white-space:normal;background:#f0ddaf;border-radius:12px;justify-content:center;align-items:center;max-width:100%;padding:2px 8px;font-size:13px;line-height:1.4;display:inline-flex}body .service-directory .service-directory-rows>:is(button,a):focus-visible{outline-offset:3px;outline:3px solid #bd8e34}body .service-directory .service-directory-rows>:is(button,a):is(:disabled,[aria-disabled=true]){opacity:.55;cursor:not-allowed}body .service-directory .service-directory-rows>:is(button,a)[hidden]{display:none!important}}@media screen and (max-width:480px){body .service-directory .service-directory-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .service-directory .service-directory-rows>:is(button,a){min-height:140px;padding:10px;font-size:17px}body .service-directory .service-directory-rows>:is(button,a)>:is(span,small):not(.pledge-nav-count):not(.teacher-count):not(.staff-permit-count){font-size:13px}}@media print{.service-directory{display:none!important}}@media screen{body .service-directory .service-directory-rows>:is(button,a){color:#332a2b;background:linear-gradient(#d5ba84,#d5ba84) right 16px top/30px 3px no-repeat,linear-gradient(145deg,#fffefa,#fff);border-color:#e9e0d8;min-height:min-content;padding-bottom:10px;box-shadow:0 5px 14px #5d31400a}body .service-directory .service-directory-rows>:is(button,a):is(:hover,.active,.chosen,[aria-pressed=true],[aria-current=page]){color:#332a2b;background:linear-gradient(#d5ba84,#d5ba84) right 16px top/30px 3px no-repeat,linear-gradient(145deg,#fffaf1,#fff);border-color:#d5ba84}body .service-directory .service-directory-rows>:is(button,a):after{content:"فتح ←";box-sizing:border-box;color:#fffaf5;pointer-events:none;background:#782e49;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:28px;margin-top:auto;padding:3px 10px;font-size:14px;font-weight:600;line-height:1.5;display:flex;position:static}body .service-directory .service-directory-rows>:is(button,a):hover:after{background:#501a30}body .service-directory .service-directory-rows>:is(button,a)>svg{box-sizing:border-box;color:#782e49;background:#f4e9ed;border-radius:10px;flex-shrink:0;width:32px;height:32px;padding:5px}body .service-directory .service-directory-rows>:is(button,a)>strong,body .service-directory .service-directory-rows>:is(button,a)>span>b{color:#332a2b}body .service-directory .service-directory-rows>:is(button,a):before{box-sizing:border-box;color:#782e49;text-align:center;background:#f4e9ed;border-radius:10px;width:32px;height:32px;padding:4px;font-size:24px}}