.elementor-231 .elementor-element.elementor-element-bcc071a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-231 .elementor-element.elementor-element-27bc8aa1 img{width:100%;height:280px;object-fit:cover;object-position:center center;}.elementor-231 .elementor-element.elementor-element-39a0d076{--display:flex;--position:absolute;--min-height:280px;--justify-content:center;top:0px;}.elementor-231 .elementor-element.elementor-element-39a0d076:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-39a0d076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 21%, #FFFFFF00 50%);}body:not(.rtl) .elementor-231 .elementor-element.elementor-element-39a0d076{left:0px;}body.rtl .elementor-231 .elementor-element.elementor-element-39a0d076{right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-8edc45d{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-231 .elementor-element.elementor-element-8edc45d.elementor-element{--align-self:center;}.elementor-231 .elementor-element.elementor-element-8edc45d .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:64px;font-weight:700;color:var( --e-global-color-accent );}.elementor-231 .elementor-element.elementor-element-4b3911c{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-231 .elementor-element.elementor-element-3deb10e1{--display:flex;}.elementor-231 .elementor-element.elementor-element-6f826cbc{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-231 .elementor-element.elementor-element-7d6c64c3{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-231 .elementor-element.elementor-element-7d6c64c3 .elementor-divider-separator{width:80px;}.elementor-231 .elementor-element.elementor-element-7d6c64c3 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-231 .elementor-element.elementor-element-1b4cd5ae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-231 .elementor-element.elementor-element-2afde024 img{width:100%;height:400px;object-fit:cover;object-position:center center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-63cd9bd8{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:19.5px;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-4adb1a5c{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-231 .elementor-element.elementor-element-6fdc7482{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-231 .elementor-element.elementor-element-49996f16{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-231 .elementor-element.elementor-element-49996f16 .elementor-divider-separator{width:80px;}.elementor-231 .elementor-element.elementor-element-49996f16 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-231 .elementor-element.elementor-element-18634601 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-231 .elementor-element.elementor-element-4e78ebb9{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-1060fbb{--display:flex;}.elementor-231 .elementor-element.elementor-element-7aa2e293{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-231 .elementor-element.elementor-element-51dd47d5{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-231 .elementor-element.elementor-element-51dd47d5 .elementor-divider-separator{width:80px;}.elementor-231 .elementor-element.elementor-element-51dd47d5 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-231 .elementor-element.elementor-element-696a8dfb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-231 .elementor-element.elementor-element-7ca158bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-231 .elementor-element.elementor-element-7ca158bd:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-7ca158bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CA2FAB1A;}.elementor-231 .elementor-element.elementor-element-5e1d7a8e img{width:265px;height:100%;object-fit:cover;object-position:center center;}.elementor-231 .elementor-element.elementor-element-487ea32b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-231 .elementor-element.elementor-element-7416a657 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-5abe714d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-2da767fb{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-6ad554c5{--display:flex;}.elementor-231 .elementor-element.elementor-element-1cf4f221{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-231 .elementor-element.elementor-element-68cc4c0b{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-231 .elementor-element.elementor-element-68cc4c0b .elementor-divider-separator{width:80px;}.elementor-231 .elementor-element.elementor-element-68cc4c0b .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-231 .elementor-element.elementor-element-36598b73 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-231 .elementor-element.elementor-element-9d85fdc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-text );}.elementor-231 .elementor-element.elementor-element-7a4e0a5b{--display:flex;}.elementor-231 .elementor-element.elementor-element-11448ba0{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-231 .elementor-element.elementor-element-7ca43977{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-231 .elementor-element.elementor-element-7ca43977 .elementor-divider-separator{width:80px;}.elementor-231 .elementor-element.elementor-element-7ca43977 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-231 .elementor-element.elementor-element-7a0eb5e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-231 .elementor-element.elementor-element-4da2fece .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:24px 24px 24px 24px;padding:16px 24px 16px 24px;}.elementor-231 .elementor-element.elementor-element-4da2fece{width:100%;max-width:100%;}.elementor-231 .elementor-element.elementor-element-4da2fece .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-231 .elementor-element.elementor-element-4da2fece .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-231 .elementor-element.elementor-element-359f85e3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;}.elementor-231 .elementor-element.elementor-element-6346f087{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:17%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:10px;--n-tabs-gap:167px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:20px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-231 .elementor-element.elementor-element-6346f087 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFD05000;}.elementor-231 .elementor-element.elementor-element-6346f087.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-231 .elementor-element.elementor-element-6346f087.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-231 .elementor-element.elementor-element-6346f087 > .elementor-widget-container{margin:080px 0px 80px 0px;}.elementor-231 .elementor-element.elementor-element-6346f087.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-231 .elementor-element.elementor-element-6346f087.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-231 .elementor-element.elementor-element-6346f087 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}:where( .elementor-231 .elementor-element.elementor-element-6346f087.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(min-width:768px){.elementor-231 .elementor-element.elementor-element-bcc071a{--content-width:100%;}.elementor-231 .elementor-element.elementor-element-4b3911c{--content-width:90%;}.elementor-231 .elementor-element.elementor-element-6f826cbc{--width:100%;}.elementor-231 .elementor-element.elementor-element-6fdc7482{--width:100%;}.elementor-231 .elementor-element.elementor-element-7aa2e293{--width:100%;}.elementor-231 .elementor-element.elementor-element-1cf4f221{--width:100%;}.elementor-231 .elementor-element.elementor-element-11448ba0{--width:100%;}}@media(max-width:767px){.elementor-231 .elementor-element.elementor-element-bcc071a{--min-height:0px;}.elementor-231 .elementor-element.elementor-element-27bc8aa1 img{height:142px;}.elementor-231 .elementor-element.elementor-element-39a0d076{--min-height:142px;}.elementor-231 .elementor-element.elementor-element-39a0d076:not(.elementor-motion-effects-element-type-background), .elementor-231 .elementor-element.elementor-element-39a0d076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 39%, #FFFFFF00 84%);}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-231 .elementor-element.elementor-element-8edc45d .elementor-heading-title{font-size:40px;}.elementor-231 .elementor-element.elementor-element-6f826cbc{--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-231 .elementor-element.elementor-element-6fdc7482{--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-231 .elementor-element.elementor-element-7aa2e293{--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-231 .elementor-element.elementor-element-1cf4f221{--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-231 .elementor-element.elementor-element-11448ba0{--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-231 .elementor-element.elementor-element-6346f087{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;width:100%;max-width:100%;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-231 .elementor-element.elementor-element-6346f087 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-39a0d076 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-39a0d076 {
  background-color: transparent;
  background-image: linear-gradient(90deg, #1e1e1e 21%, #ffffff00 50%);
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-39a0d076 {
  background-color: transparent;
  background-image: linear-gradient(90deg, #1e1e1e 21%, #ffffff00 50%);
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-39a0d076 {
  background-color: transparent;
  background-image: linear-gradient(90deg, #faff00 21%, #ffffff00 50%);
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-39a0d076 * {
  color: #1e1e1e;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-39a0d076,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-39a0d076 * {
  color: #faff00 !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7d6c64c3 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7d6c64c3 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b4cd5ae */body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.dark-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-1b4cd5ae * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63cd9bd8 */body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.dark-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-63cd9bd8 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-49996f16 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-49996f16 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18634601 */body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.dark-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-18634601 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4e78ebb9 */body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.dark-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4e78ebb9 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-51dd47d5 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-51dd47d5 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-696a8dfb */body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-696a8dfb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca158bd */body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd * {
  color: #1e1e1e !important;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #CA2FAB1A;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #ffffff1a;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca158bd {
  background: #1e1e1e1a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2da767fb */body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.dark-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #faff00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-2da767fb * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-68cc4c0b */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-68cc4c0b {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-36598b73 */body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.dark-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-36598b73 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4777f8 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9d85fdc */body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.dark-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-9d85fdc * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-05ef097 *//* ==========================================================
   SPSK - KADRA I DYREKCJA (Siatka CSS)
========================================================== */

/* Główny kontener siatki */
.spsk-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny na start */
    gap: 40px; /* Odstępy między kafelkami */
    width: 100%;
    margin: 0 auto;
}

/* Wygląd pojedynczego kafelka */
.spsk-card {
    background-color: #FAEBF7; /* Poprawiony kolor tła (jeden hasz) */
    border-radius: 6px;
    overflow: hidden; /* Ucina zdjęcie do zaokrągleń */
    display: flex;
    flex-direction: column;
}

/* Kontener na zdjęcie (lub zastępczy szary blok) */
.spsk-card-image-wrapper {
    width: 100%;
    height: 275px; 
    background-color: #e0e0e0; 
}

/* Samo zdjęcie wewnątrz kafelka */
.spsk-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Idealnie wypełnia ramkę */
    display: block;
}

/* Dolna część z tekstem */
.spsk-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między "Przedmiotem" a listą nauczycieli */
    flex-grow: 1; /* Wypycha zawartość, żeby kafelki były równe */
}

/* Przedmiot / Rola (mniejszy, szary tekst) */
.spsk-card-subtitle {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #5E5E5E;
}

/* Imię i Nazwisko Nauczyciela/Dyrektora (Duży nagłówek) */
.spsk-card-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e1e1e; 
}

/* Kontener na listę nauczycieli */
.spsk-teachers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Odstęp między kolejnymi nauczycielami */
    margin-top: 5px;
}

/* ==========================================================
   RESPONSYWNOŚĆ (Mobile & Tablet)
========================================================== */

/* Ekrany typu Tablet (Poziome i pionowe - do ok. 1024px) */
@media (max-width: 1024px) {
    .spsk-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 kolumny */
        gap: 30px;
    }
}

/* Ekrany typu Telefon (Poniżej 768px) */
@media (max-width: 767px) {
    .spsk-grid-container {
        grid-template-columns: 1fr; /* 1 wielka kolumna! */
        gap: 20px;
    }
    
    .spsk-card-image-wrapper {
        height: 250px; 
    }
    
    .spsk-card-content {
        padding: 20px; 
    }
    
    .spsk-card-title {
        font-size: 22px; 
    }
}

/* ==========================================================
   WCAG - TRYB CIEMNY (Dark Mode)
========================================================== */

body.dark-mode .spsk-card {
    background-color: #FFFFFF1A; 
}

body.dark-mode .spsk-card-subtitle,
body.dark-mode .spsk-card-title {
    color: #ffffff; 
}

body.dark-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - TRYB MONOCHROMATYCZNY (Monochrome Mode)
========================================================== */

body.monochrome-mode .spsk-card {
    background-color: #FFFFFF1A;
}

body.monochrome-mode .spsk-card-subtitle,
body.monochrome-mode .spsk-card-title {
    color: #ffffff; 
}

body.monochrome-mode .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST CZARNY (High Contrast Black)
========================================================== */

body.high-contrast-black .spsk-card {
    background-color: #ffffff1a;
}

body.high-contrast-black .spsk-card-subtitle,
body.high-contrast-black .spsk-card-title {
    color: #faff00; /* Żółty tekst */
}

body.high-contrast-black .spsk-card-image-wrapper {
    background-color: #2a2a2a; 
}

/* ==========================================================
   WCAG - WYSOKI KONTRAST ŻÓŁTY (High Contrast Yellow)
========================================================== */

body.high-contrast-yellow .spsk-card {
    background-color: #1e1e1e1a; 
}

body.high-contrast-yellow .spsk-card-subtitle,
body.high-contrast-yellow .spsk-card-title {
    color: #1e1e1e; /* Ciemny tekst */
}

body.high-contrast-yellow .spsk-card-image-wrapper {
    background-color: #1e1e1e; 
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-7ca43977 */body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7ca43977 {
  --divider-color: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a0eb5e */body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.dark-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-7a0eb5e * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4da2fece */.elementor-231 .elementor-element.elementor-element-4da2fece a{
    width: 100%;
    height: 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #fcfcfc;
}
/* button */

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #1b1b1b;
  fill: #1b1b1b;
  border-color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-4da2fece a {
    background: #faff00;
}

/* button */

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece * {

  color: #faff00 !important;
  fill: #faff00;
  border-color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-4da2fece a {
  background: #1e1e1e;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-359f85e3 */body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.dark-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
    color: #fcfcfc !important;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #fcfcfc !important;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #FAFF00 !important;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-359f85e3 * {
  color: #1e1e1e !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-191dca1e */.elementor-231 .elementor-element.elementor-element-191dca1e .documents-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
   
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item{
    display: flex;
    background: #CA2FAB0D;
    border-radius: 6px;
    padding: 24px;
    justify-content: space-between;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-item:hover{
    background: #CA2FAB4D;
}

.elementor-231 .elementor-element.elementor-element-191dca1e h3{
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-meta {
    display: flex;
    gap: 16px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e a{
    display: flex;
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    color: #2E296D;
    border-radius: 24px;
    
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-preview{
    border: 1px #2E296D solid;
}

.elementor-231 .elementor-element.elementor-element-191dca1e .document-download {
      border: 1px #CA2FAB solid;
      background: #CA2FAB;
      color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-6346f087 */button[aria-selected="true"] {
    
    font-weight: 600 !important;
    
}

@media (max-width: 767px) {
   .elementor-231 .elementor-element.elementor-element-6346f087 .e-n-tabs-heading{
       display: flex;
       padding: 16px 24px;
       gap: 24px
   }
   button[aria-selected="true"] {
       
   }
   button {
       margin-block-end: 0 !important;
       margin-block-start: 0 !important;
   }
}


body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087 .e-n-tabs-heading button {
   color: #FCFCFC;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087 button:hover {
  background: #FFFFFF00 !important;
  color: #A69FFD;
}

body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.dark-mode .elementor-231 .elementor-element.elementor-element-6346f087 button[aria-selected="true"] {
  color: #A69FFD;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087 .e-n-tabs-heading button {
  color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087 button:hover {
  background: #ffffff00 !important;
  color: #fcfcfc;
}

body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087,
body.monochrome-mode .elementor-231 .elementor-element.elementor-element-6346f087 button[aria-selected="true"] {
  color: #fcfcfc;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087 .e-n-tabs-heading button {
  color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087 button:hover {
  background: #ffffff00 !important;
  color: #faff00;
}

body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-black .elementor-231 .elementor-element.elementor-element-6346f087 button[aria-selected="true"] {
  color: #faff00;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087 .e-n-tabs-heading button {
  color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087 button:hover {
  background: #ffffff00 !important;
  color: #1e1e1e;
}

body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087,
body.high-contrast-yellow .elementor-231 .elementor-element.elementor-element-6346f087 button[aria-selected="true"] {
  color: #1e1e1e;
}/* End custom CSS */