{"id":35310,"date":"2026-07-18T21:21:52","date_gmt":"2026-07-18T18:21:52","guid":{"rendered":"https:\/\/getscl.com\/?page_id=35310"},"modified":"2026-07-28T11:30:14","modified_gmt":"2026-07-28T08:30:14","slug":"integrations","status":"publish","type":"page","link":"https:\/\/getscl.com\/ar\/integrations\/","title":{"rendered":"\u062a\u0643\u0627\u0645\u0644\u0627\u062a \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0645\u062f\u0627\u0631\u0633: \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u0651\u062f \u0648\u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35310\" class=\"elementor elementor-35310\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b97dcb elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2b97dcb\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7e9951\" data-id=\"c7e9951\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f6f912e cea-align-justify animated-fast cea-separator-type-normal elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"f6f912e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><p class=\"sub-title\">Connecting Single Sign-On, Online Payments, Timetable Software, and Locked-Down Exams<\/p><h2 class=\"section-title\">Connect SCL to What Your School Already Uses<\/h2><div class=\"elementor-divider\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">SCL is built to sit alongside the systems your school already runs. Administrators enable an identity provider so staff sign in with an account they already have, connect a payment gateway so parents settle invoices online, and pair SCL with the timetable software their scheduler prefers.\n\nThe main connections live in the Integrations section of the admin area: Authentications, aSc TimeTables, Safe Exam Browser, SCL Connect and API keys. Others sit with the module they serve, so payment gateways are set up under <a href=\"https:\/\/getscl.com\/billing-system\/\">Billing<\/a> and the email and SMS senders under Settings.\n\nWhat that adds up to is fewer parallel systems and less re-keyed data. Your scheduler builds the master timetable in the tool they know and imports it back with a preview before anything saves, and a parent pays an invoice in the same place they read the report card.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36b6a62 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36b6a62\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7fce9c9\" data-id=\"7fce9c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dcb6784 cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"dcb6784\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Sign-In and Access<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-acf1d8d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"acf1d8d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dd60970\" data-id=\"dd60970\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adbc128 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"adbc128\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">01<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-lock\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Single Sign-On Providers<\/h4><div class=\"fbox-content\">Enable Edurealm, Google or Microsoft and the provider appears on your school's login page straight away. Staff and students sign in with an account they already hold, so your office resets one less password.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cd8ad53\" data-id=\"cd8ad53\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f309933 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"f309933\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">02<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-check-box\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Linked Accounts<\/h4><div class=\"fbox-content\">Each user links their own SCL account to a provider from their profile, and can remove that link just as easily. Sign-in becomes password-free without an administrator having to touch individual accounts.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3eaf94f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3eaf94f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-eb00cfc\" data-id=\"eb00cfc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f8f4158 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"f8f4158\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">03<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-settings\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Credentials Without the Console Work<\/h4><div class=\"fbox-content\">SCL registers itself with Edurealm and stores the issued credentials for you. For Google and Microsoft you paste a Client ID and Secret, and SCL shows the exact redirect URI to register at the provider.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e968c05\" data-id=\"e968c05\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f7d40a cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"0f7d40a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">04<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-import\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Named API Keys<\/h4><div class=\"fbox-content\">Issue a named key for a system that needs to read student, grade, invoice or support ticket data, and lock it to specific IP addresses. Every request is logged, so you can see what queried what.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58256f1 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58256f1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e341c46\" data-id=\"e341c46\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d11a2e0 cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"d11a2e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Payments and Compliance<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3318645 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3318645\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-49a2645\" data-id=\"49a2645\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a542169 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"a542169\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">05<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-medall\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Online Payment Gateways<\/h4><div class=\"fbox-content\">Connect Kashier or Amazon Payment Services and parents settle invoices and admission fees online. Each gateway carries its own display name, transaction fees and test or production mode, and one is marked as the school default.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-22bfd82\" data-id=\"22bfd82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c24ce16 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"c24ce16\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">06<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-star\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Card, Wallet and Instalments<\/h4><div class=\"fbox-content\">Kashier accepts card payments, mobile wallets and bank instalments, while Amazon Payment Services can take EGP, USD, GBP or EUR. Parents pay by the method that suits them, with no trip to the school office.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-eb3df94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eb3df94\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-57fb8c7\" data-id=\"57fb8c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7faf4b cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"a7faf4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">07<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-clipboard\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Egyptian Tax Authority e-Invoicing<\/h4><div class=\"fbox-content\">Schools in Egypt can submit billing invoices straight to the national e-invoicing system, in pre-production first and then production. SCL keeps a callback log of every submission, so finance can see what was accepted.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ef79b8c\" data-id=\"ef79b8c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5951cc6 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"5951cc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">08<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-stats-up\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Offline Payments Recorded Too<\/h4><div class=\"fbox-content\">Cash, bank transfer and payment terminal are set up as gateways in their own right, so a payment taken at the front desk lands in the same ledger as an online one. <a href=\"https:\/\/getscl.com\/billing-system\/\">Billing<\/a> balances stay accurate either way.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8745928 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8745928\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec77e67\" data-id=\"ec77e67\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4409547 cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"4409547\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Timetabling, Teaching and Exams<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-18b58a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18b58a0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8f9ff6e\" data-id=\"8f9ff6e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5636a0d cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"5636a0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">09<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-calendar\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">aSc TimeTables, Both Directions<\/h4><div class=\"fbox-content\">Send classrooms, subjects, teachers and teaching groups to aSc TimeTables as XML, build the master timetable there, then bring the finished schedule back. The import previews every change before you confirm it, and can be reverted.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2108ee5\" data-id=\"2108ee5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-174d2b3 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"174d2b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">10<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-bookmark\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Safe Exam Browser<\/h4><div class=\"fbox-content\">Upload a Safe Exam Browser configuration and its exam key so an interactive assignment only opens inside the locked-down browser, on Windows, macOS or iOS. Students cannot switch to another tab or application mid-assessment.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b3eee5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3eee5d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bc261a4\" data-id=\"bc261a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23aade9 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"23aade9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">11<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-video-camera\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Live Classes on BigBlueButton<\/h4><div class=\"fbox-content\">SCL runs its own <a href=\"https:\/\/getscl.com\/virtual-classrooms\/\">virtual classrooms<\/a> on BigBlueButton, with recording, guest policy and viewer controls set by the school. Attendance is captured from the session itself, so teachers do not mark it twice.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2628a96\" data-id=\"2628a96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d49efcd cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"d49efcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">12<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-layers\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Bring Your Own Meeting Link<\/h4><div class=\"fbox-content\">A teacher who already runs lessons in Zoom, Google Meet or Microsoft Teams pastes that invitation link instead, and SCL labels the session with the provider. Students find it in exactly the same place as an SCL session.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ad4e36b elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ad4e36b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3941e2c\" data-id=\"3941e2c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fe3a8a cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"7fe3a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Content, Messaging and Data<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ed7d997 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ed7d997\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-87b19b5\" data-id=\"87b19b5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adbf6d4 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"adbf6d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">13<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-book\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Book Data by ISBN<\/h4><div class=\"fbox-content\">Type an ISBN and SCL fills in the title, author, publisher and cover art from Google Books and Open Library. Missing covers across the whole <a href=\"https:\/\/getscl.com\/library\/\">library<\/a> catalog can be fetched in one background run.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d794ff1\" data-id=\"d794ff1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b72454a cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"b72454a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">14<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-search\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">SCL Connect<\/h4><div class=\"fbox-content\">Pair your divisions, grades and subjects to the shared Edurealm taxonomy and SCL's cloud services become available to teachers. Pairing is opt-in, so a subject only appears once your school has connected it.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-96647f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"96647f6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8046196\" data-id=\"8046196\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10c97e6 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"10c97e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">15<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-bell\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Your Own Mail Server<\/h4><div class=\"fbox-content\">Point SCL at your school's SMTP server so system mail leaves from your own domain, and set the sender name that appears on outbound SMS. <a href=\"https:\/\/getscl.com\/communication-collaboration\/\">Newsletters<\/a>, invoices and reminders then look like they came from you.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a8077ff\" data-id=\"a8077ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-26124a6 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"26124a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">16<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-heart\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Import and Export by CSV<\/h4><div class=\"fbox-content\">Bring students in from a CSV file, bulk-import a library catalog from a downloadable template, and export gradebooks, rosters and assignments back out. Large imports run in the background with a progress read-out.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-665ab06 elementor-widget elementor-widget-html\" data-id=\"665ab06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* --------------------------------------------------------------------------\n   getscl.com: fixes every API-built Elementor page needs.\n\n   HOW TO USE\n   Replace 35310 with the page id, then put the whole thing, wrapped in a style\n   element, into a core Elementor `html` widget appended to the LAST column of\n   the page, with _margin and _padding zeroed:\n\n     emcp-tools-add-free-widget {\n       post_id: 35310, parent_id: \"the last column element id\",\n       widget_type: \"html\", position: -1,\n       settings: {\n         html: this entire file, wrapped in a style element,\n         _margin:  {unit:\"px\", top:\"0\", right:\"0\", bottom:\"0\", left:\"0\", isLinked:true},\n         _padding: {unit:\"px\", top:\"0\", right:\"0\", bottom:\"0\", left:\"0\", isLinked:true}\n       }\n     }\n\n   It renders at 0px height, so it costs nothing in layout.\n\n   NEVER write a literal closing style tag anywhere in this file, not even\n   inside a comment. This whole file is injected INSIDE a style element, and\n   the HTML parser closes that element at the FIRST closing style tag it sees,\n   in raw-text mode, with no regard for CSS comments. One in a comment here\n   silently ends the stylesheet: every rule below it stops being CSS and gets\n   painted onto the page as visible text, while the fixes appear to do nothing.\n   That is exactly what shipped to \/curriculum-center\/ on 2026-07-16. A bare\n   opening style tag is harmless; only the closing one breaks out.\n   build_page_json.py now hard-fails on it, so a mistake here cannot reach the\n   site again.\n\n   scripts\/build_page_json.py embeds this file automatically with 35310 already\n   substituted. On a POST (blog), the body class is `.postid-35310` instead of\n   `.page-id-35310`: pass body_class \"post\" to the generator, or swap the\n   selectors by hand.\n\n   NOTE: this file contains NO em-dashes, non-breaking spaces or other\n   invisible characters, and must stay that way. It is copied verbatim into\n   `_elementor_data` on every generated page, so anything banned in here lands\n   on the live site and trips the em-dash sweep. See CLAUDE.md Rule 33.\n\n   WHY THIS EXISTS (keep these comments: an unexplained <style> widget gets\n   deleted by the next editor):\n   Elementor Pro is not installed, so there is no page custom-CSS field; and the\n   connector denies post-meta writes, so the theme's own per-page options are\n   unreachable from the API. This is the remaining injection point.\n   -------------------------------------------------------------------------- *\/\n\n\n\/* 1. CONTENT PADDING ------------------------------------------------------\n   Gigas sets `.gigas-content-wrap { padding: 100px 0 }` globally. All ~29\n   hand-built pages cancel it to 0 through the per-page Gigas \"Content Padding\"\n   option, which does NOT exist in the global theme options, so a new page\n   inherits the 100px and shows a white band under the dark title banner plus a\n   gap above the footer.\n   If someone later sets Gigas > Content Padding > 0 on this page, this rule\n   becomes redundant but stays harmless (0 = 0) and can be deleted.            *\/\n.page-id-35310 .gigas-content-wrap { padding-top: 0; padding-bottom: 0; }\n\n\n\/* 2. FOOTER GAP -----------------------------------------------------------\n   The theme leaves a 15px white strip above the footer via `.post-inner`\n   margin-bottom, showing the white <main> behind it.\n   NOTE: this is SITE-WIDE. Billing System and every other page have it too.\n   Removing it here is a deliberate divergence from the rest of the site.\n   Drop this rule if you'd rather stay consistent, or lift it into the theme's\n   global CSS to fix every page at once.                                       *\/\n.page-id-35310 .post-inner { margin-bottom: 0; }\n\n\n\/* 3. EQUAL-HEIGHT FEATURE CARDS -------------------------------------------\n   The columns are already equal height; the card inside never fills them\n   because Elementor defaults `.elementor-widget-wrap` to\n   `align-content: flex-start`.\n\n   Two subtleties:\n   - Elementor puts a widget's margin on `> .elementor-widget-container` (the\n     white card), so `height:100%` swallows the card's bottom margin and the\n     rows collapse to a 0px gap. Hence: zero that margin, and move the row\n     rhythm onto the row itself with the `+` sibling selector (`:last-child`\n     would be defeated by this very style widget sitting after the last row).\n   - `!important` is needed because Elementor's per-element rule is 0,4,0\n     specificity and beats the selector below (0,3,0). `height` needs no\n     !important, as Elementor never sets it.\n\n   Tablet\/desktop only: below 768px the cards stack one per row and must keep\n   their own 30px bottom margin, or every card touches on phones.              *\/\n@media (min-width: 768px) {\n  .page-id-35310 .elementor-inner-section .elementor-widget-wrap { align-content: stretch; }\n  .page-id-35310 .elementor-widget-ceafeaturebox > .elementor-widget-container { height: 100%; margin-bottom: 0 !important; }\n  .page-id-35310 .elementor-inner-section + .elementor-inner-section { margin-top: 30px; }\n}\n\n\n\/* 4. NEVER JUSTIFY THE HERO HEADING OR EYEBROW ----------------------------\n   The hero widget is `cea-align-justify` (the site-wide hero recipe, which\n   Billing uses too), and that justifies EVERYTHING inside it, the <h2> and the\n   eyebrow included.\n\n   Why the bug hides: `justify` does not stretch the LAST line of a block. A\n   short one-line title like \"SCL SmartPay - Simplifying School Finances\" IS\n   its own last line, so it is never stretched and Billing looks fine. The\n   moment a title is long enough to WRAP, its first line gets pulled out to the\n   full container width with huge gaps between the words. Reported by the owner\n   on Library and Appointments in 2026-07.\n\n   Body copy stays justified on purpose: that IS the site's established look.\n   Only the heading and the eyebrow opt out.                                   *\/\n.page-id-35310 .cea-align-justify .section-title,\n.page-id-35310 .cea-align-justify .sub-title { text-align: left; }\n\n\n\/* 5. THE BLACK ACCENT DASH AFTER THE EYEBROW ------------------------------\n   The theme's style.css paints a 35x2px PURE BLACK bar 48px to the right of\n   every `.sub-title`:\n     .section-title-wrapper .title-wrap > .sub-title::before {\n       content:\"\"; width:35px; height:2px; background:#000; right:-48px; }\n   It is meant as a decorative accent, but it is black on a light section and\n   floats in open space beside the blue eyebrow. Older pages only get away with\n   it because a long eyebrow pushes it out of view. Removed by owner request\n   (Library + Appointments, 2026-07).\n\n   The theme's own `.title-dark` \/ `.title-theme` wrappers recolour it white\n   rather than remove it, so if a future design WANTS the accent, prefer\n   recolouring it to `#C59D5F` (the rhombus gold) over deleting this rule.     *\/\n.page-id-35310 .section-title-wrapper .title-wrap > .sub-title::before { content: none; }\n\n\n\/* 6. INLINE CROSS-LINKS TO SIBLING SOLUTIONS PAGES ------------------------\n   The theme styles no link inside `ceasectiontitle` body copy or inside a\n   `ceafeaturebox`, so an inline cross-link inherits the surrounding prose\n   colour exactly and is invisible as a link. Measured on \/report-cards\/\n   2026-07-18: a card link's computed colour was rgb(119,119,119), identical\n   to its parent's, and the hero links differed only by being darker.\n\n   Brand blue (the same #426CB4 the eyebrow uses) plus a hover underline makes\n   a cross-link recognisable without shouting. A feature card inverts to\n   #120E35 with white text on hover, and once the link carries its own colour\n   it stops inheriting that white, so the last rule restores it.\n\n   *** THE LAST RULE IS CONDITIONAL. CHECK BEFORE YOU SHIP IT. ***\n   It is correct ONLY on pages whose cards actually invert on hover. That\n   inversion is a per-card Elementor setting, not a theme default, and it emits\n   `.elementor-{page} .elementor-element-{card} .feature-box-wrapper:hover\n   { background-color: rgb(18,14,53); color: rgb(255,255,255) }`. Skill-built\n   pages (Report Cards, Appointments, Library) have it. The 2023-vintage\n   hand-built pages do NOT: their cards keep a light background on hover and\n   only recolour the icon and border. On those, a white link is invisible\n   against white, which is exactly what the owner hit on \/clinic\/ 2026-07-18\n   after all six 2023 pages inherited this section wholesale.\n\n   So: before including the last rule, confirm the page inverts. Cheapest check\n   is a CSSOM scan on the live page (mind the connector.md trap and test\n   `r.cssRules && r.cssRules.length`, not truthiness, or you recurse into\n   nothing and report zero matches on a fully styled page):\n\n     \/feature-box-wrapper:hover\\s*\\{\/.test(rule.cssText) && \/background-color\/.test(rule.cssText)\n\n   If that finds nothing, DROP the last rule for that page. The link then stays\n   brand blue on hover, which reads fine on a light card. Currently omitted on\n   33344, 33613, 33237, 33495, 33300 and 33329 for this reason.\n\n   Scoped to `.section-content` and `.fbox-content` only, which deliberately\n   leaves the CTA band buttons (`.cea-button-wrapper`) on their own styling.\n\n   Cross-linking siblings is a copywriting rule, not just a style one: see\n   references\/copywriting.md \"CTAs and internal links\". Internal links are one\n   of the few SEO levers this site has, and the nav is wide but the pages\n   barely interlink.                                                           *\/\n.page-id-35310 .section-content a,\n.page-id-35310 .fbox-content a { color: #426CB4; text-decoration: none; }\n.page-id-35310 .section-content a:hover,\n.page-id-35310 .fbox-content a:hover { text-decoration: underline; }\n.page-id-35310 .feature-box-wrapper:hover .fbox-content a { color: #FFFFFF; }\n\n\n\/* 7. HERO BODY RUNS THE FULL COLUMN ---------------------------------------\n   The theme caps `p.section-content` at `max-width: 65%` and auto-centres\n   it. Measured on \/virtual-classrooms\/ 2026-07-18: the hero paragraph\n   rendered 715px wide inside an 1100px column, while the heading above it\n   and the feature cards below it both ran the full 1100px. That leaves a\n   visibly narrower column of prose floating between two full-width blocks,\n   which is what the owner flagged (\"this area need to be full column\").\n\n   Excludes the closing CTA band on purpose. That band uses the same\n   `.section-content` class for a single 25-30 word sentence, and stretching\n   one short line across 1100px reads worse, not better: it should stay\n   narrow and centred. `.scl-cta` sits on the band's top-level section, so\n   `:not(.scl-cta)` is the cheapest way to carve it out, and it keeps\n   working if a page ever grows a second content section.\n\n   Do NOT \"simplify\" this to a bare `.page-id-35310 .section-content` rule:\n   that hits the CTA band too.                                              *\/\n.page-id-35310 .elementor-top-section:not(.scl-cta) .section-content {\n  max-width: 100%;\n  margin-left: 0;\n  margin-right: 0;\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4ab5c0 elementor-section-stretched scl-cta elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c4ab5c0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41b7638\" data-id=\"41b7638\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82752fb cea-align-center animated-fast elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"82752fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><p class=\"sub-title\">See It Live<\/p><h2 class=\"section-title\">See How SCL Fits Your Existing Systems<\/h2><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">We can walk through Authentications, your payment gateways, the aSc TimeTables round trip and Safe Exam Browser on your own setup, and show you exactly what each one needs.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-abbf7e4 scl-cta__actions elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"abbf7e4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d1ab340\" data-id=\"d1ab340\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9107f88 cea-btn-align-center scl-cta__btn scl-cta__btn--primary elementor-widget elementor-widget-ceabutton\" data-id=\"9107f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/request-a-demo\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-left\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-calendar-check\"><\/i>\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Request a Demo<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9ac03e4\" data-id=\"9ac03e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9cedffb cea-btn-align-center scl-cta__btn scl-cta__btn--ghost elementor-widget elementor-widget-ceabutton\" data-id=\"9cedffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/contact\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-\">\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Talk to Us<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab510c elementor-widget elementor-widget-html\" data-id=\"1ab510c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* --------------------------------------------------------------------------\n   SCL closing call to action band.\n\n   Shared block: every rule is keyed on the .scl-cta* classes only, never on a\n   page id or an element id, so this exact widget is dropped verbatim onto each\n   feature page. Only the headline, body and button labels change per page.\n\n   WHY THIS IS A STYLE WIDGET: Elementor Pro is not installed, so there is no\n   page custom-CSS field, and the connector cannot write post meta, so the\n   theme's per-page options are unreachable from the API. An html widget is the\n   only injection point left. Do not delete it: the band loses its background\n   and the white text lands on white.\n\n   NEVER write a closing style tag inside this block, not even in a comment.\n   The HTML parser ends the stylesheet at the first one it sees, in raw-text\n   mode, ignoring CSS comments, and every rule after it gets painted onto the\n   page as visible text.\n\n   Contains no em-dashes, non-breaking spaces or invisible characters, and must\n   stay that way. See CLAUDE.md Rule 33.\n   -------------------------------------------------------------------------- *\/\n\n.scl-cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#4A78C4 0%,#3560A6 42%,#1E3468 100%)}\n.scl-cta>.elementor-container{position:relative;z-index:2;display:block}\n\n\/* gold hairline: the brand accent, and a crisp edge against the light section\n   above. The footer is #100C2E, so the band ends darker than it starts and\n   flows into it rather than butting against it. *\/\n.scl-cta::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,rgba(197,157,95,0) 0%,#C59D5F 50%,rgba(197,157,95,0) 100%)}\n.scl-cta::after{content:\"\";position:absolute;top:-190px;right:-130px;width:640px;height:640px;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(255,255,255,.17) 0%,rgba(255,255,255,0) 65%);pointer-events:none}\n\n.scl-cta .section-title-wrapper{text-align:center}\n.scl-cta .elementor-divider{display:none}\n.scl-cta .sub-title{color:#C59D5F !important;font-size:13px !important;font-weight:700 !important;letter-spacing:2.5px !important;text-transform:uppercase;margin-bottom:14px !important}\n\/* the theme decorates every .sub-title with TWO absolutely positioned marks\n   sitting just right of the text: a 35x2px black ::before dash and a 2x3px\n   white ::after speck. Against the dark band the dash reads as a stray mark\n   and the speck as grit, so both are switched off.\n   display:none is what does the work. The theme rule\n   .section-title-wrapper .title-wrap > .sub-title::before sets content, size,\n   position and background but never display, so this lower-specificity rule\n   still wins on that one property. That is what lets the block kill the dash\n   without a .page-id-N selector and stay portable. Do not switch this to\n   content:none, which the theme rule does set and would therefore beat. *\/\n.scl-cta .sub-title::before,\n.scl-cta .sub-title::after{display:none}\n.scl-cta .section-title{color:#FFFFFF !important;font-size:38px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.5px !important;margin-bottom:16px !important}\n.scl-cta .section-content{color:rgba(255,255,255,.8) !important;font-size:17px !important;line-height:30px !important;max-width:660px;margin:0 auto !important}\n\n\/* width:100% is load-bearing: the inner section is a flex item inside\n   .elementor-widget-wrap, so without it the section shrinks to its content\n   width and the justify-content:center below silently does nothing. *\/\n.scl-cta__actions{width:100%;margin-top:34px}\n.scl-cta__actions>.elementor-container{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}\n.scl-cta__actions .elementor-column{width:auto !important;flex:0 0 auto !important}\n.scl-cta__actions .elementor-widget-wrap{width:auto}\n\n.scl-cta .cea-button-wrapper{text-align:center}\n.scl-cta .cea-button-link{border-radius:30px !important;padding:17px 38px !important;font-size:14px !important;font-weight:700 !important;letter-spacing:1px !important;text-transform:uppercase !important;border:2px solid transparent !important;transition:all .28s ease !important}\n.scl-cta__btn--primary .cea-button-link{background:#FFFFFF !important;color:#12224A !important;box-shadow:0 10px 26px rgba(9,20,48,.28) !important}\n.scl-cta__btn--primary .cea-button-link:hover{background:#12224A !important;color:#FFFFFF !important;transform:translateY(-2px);box-shadow:0 14px 32px rgba(9,20,48,.4) !important}\n.scl-cta__btn--ghost .cea-button-link{background:transparent !important;color:#FFFFFF !important;border-color:rgba(255,255,255,.45) !important}\n.scl-cta__btn--ghost .cea-button-link:hover{background:#FFFFFF !important;color:#2F5596 !important;border-color:#FFFFFF !important;transform:translateY(-2px)}\n\n\/* There is deliberately no third link under the buttons. SCL has no published\n   plans and pricing is a conversation, so a \"compare plans\" line pointed at\n   \/pricing\/ promised something that does not exist. Talk to Us is the pricing\n   path. Do not reintroduce one. *\/\n\n\/* FOOTER SEAM: the theme renders .post-inner as an inline-block, so a 10px\n   baseline descender strip sits underneath it and the white page background\n   shows through between this band and the footer. It is site-wide and\n   pre-existing, but invisible while the last section was light; a full-bleed\n   dark band turns it into an obvious white line. This stylesheet only loads on\n   pages that carry the band, so the reset never reaches other pages.\n   .post-inner already carries width:100%, so block and inline-block produce the\n   same box.\n   The margin-bottom reset needs !important and the display reset does not: the\n   theme's own style.css sets margin-bottom:0, but something later in the cascade\n   (a sheet this page cannot enumerate, so it is cross-origin or combined) puts it\n   back to 15px and beats a plain override. Verified live: plain override left the\n   gap at 15px, !important took it to 0.\n   Pages built by this skill carry their own .page-id-N .post-inner{margin-bottom:0}\n   fix sheet, which already won, which is why the seam only shows on the older\n   hand-built pages. Keep this rule anyway so the band is self-contained. *\/\n.post-inner{display:block;margin-bottom:0 !important}\n\n@media(max-width:1024px){.scl-cta .section-title{font-size:32px !important}}\n@media(max-width:767px){\n.scl-cta .section-title{font-size:27px !important;line-height:1.3 !important}\n.scl-cta .section-content{font-size:16px !important;line-height:27px !important}\n.scl-cta .sub-title{font-size:12px !important;letter-spacing:2px !important}\n.scl-cta__actions>.elementor-container{flex-direction:column;align-items:stretch;gap:12px}\n.scl-cta__actions .elementor-column{width:100% !important}\n.scl-cta__actions .elementor-widget-wrap{width:100%}\n.scl-cta .cea-button-link{display:block !important;width:100%;padding:16px 20px !important}\n.scl-cta::after{width:380px;height:380px;top:-140px;right:-110px}\n\/* MOBILE FOOTER SEAM: below 768px the theme applies\n   body .gigas-content-wrap{padding-bottom:50px}, and its specificity (0,1,1)\n   beats the plain .gigas-content-wrap{padding:0} that the Gigas per-page option\n   emits, so a 50px white strip opens under the band. Pages built by this skill\n   escape it only because their own fix sheet uses .page-id-N (0,2,0). Desktop\n   and tablet measure 0 already, so the reset is scoped to this breakpoint, and\n   padding-top is left alone because it is the gap under the title banner. *\/\nbody .gigas-content-wrap{padding-bottom:0 !important}\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83517a7 elementor-widget elementor-widget-html\" data-id=\"83517a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Service\",\"@id\":\"https:\/\/getscl.com\/integrations\/#service\",\"name\":\"SCL Integrations\",\"serviceType\":\"School software integrations\",\"description\":\"Connect single sign-on, online payment gateways, timetable software and locked-down exam browsers, so SCL fits the tools your school already runs on.\",\"provider\":{\"@id\":\"https:\/\/getscl.com\/#organization\"},\"areaServed\":{\"@type\":\"Place\",\"name\":\"Worldwide\"},\"audience\":{\"@type\":\"EducationalAudience\",\"educationalRole\":\"K-12 international schools\"},\"url\":\"https:\/\/getscl.com\/integrations\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getscl.com\/integrations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getscl.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrations\"}]}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0631\u0628\u0637 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0645\u0648\u062d\u0651\u062f \u0648\u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0624\u0645\u064e\u0651\u0646\u0629\u060c \u0644\u064a\u062a\u0648\u0627\u0641\u0642 SCL \u0645\u0639 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u0645\u0644 \u0628\u0647\u0627 \u0645\u062f\u0631\u0633\u062a\u0643.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35310","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/comments?post=35310"}],"version-history":[{"count":6,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35310\/revisions"}],"predecessor-version":[{"id":35913,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35310\/revisions\/35913"}],"wp:attachment":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/media?parent=35310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}