@charset "UTF-8";
[data-theme=dark] {
  --paginator: grey;
  --body-background: rgb(0, 0, 0);
  --navbar-background: rgb(30, 30, 30);
  --navbar-text: rgb(224, 224, 224);
  --navbar-text-hover: rgb(169, 169, 169);
  --navbar-text-dekor: rgb(255, 191, 0);
  --navbar-test-dekor-hover: rgb(250, 205, 0);
  --navbar-logo-dekor: rgb(255, 191, 0);
  --navbar-logo-dekor-hover: rgb(250, 205, 0);
  --navbar-list-dropdown-background: rgb(30, 30, 30);
  --navbar-list-dropdown-text: rgb(224, 224, 224);
  --navbar-list-dropdown-background-hover: rgb(250, 205, 0);
  --navbar-list-dropdown-text-hover: rgb(0, 0, 0);
  --navbar-list-dropdown-label: rgb(250, 205, 0);
  --navbar-list-dropdown-hr: rgb(250, 205, 0);
  --search-background: rgb(30, 30, 30);
  --search-text: rgb(224, 224, 224);
  --search-text-hover: rgb(169, 169, 169);
  --search-button-text: rgb(224, 224, 224);
  --search-button-text-hover: rgb(0, 0, 0);
  --search-button-background: rgb(0, 0, 0);
  --search-button-background-hover: rgb(250, 205, 0);
  --search-button-border: rgb(255, 191, 0);
  --search-button-border-hover: rgb(250, 205, 0);
  --search-field-background: rgb(0, 0, 0);
  --search-field-text: rgb(224, 224, 224);
  --search-field-placeholder: rgb(169, 169, 169);
  --search-field-border: rgb(250, 205, 0);
  --search-field-border-focus: rgb(250, 205, 0);
  --search-field-border-shadow: rgba(134, 206, 195, 0.25);
  --search-field-label: rgb(169, 169, 169);
  --search-select-field-background: rgb(0, 0, 0);
  --search-select-field-border: rgb(185, 185, 185);
  --search-select-field-text-placeholder: rgb(169, 169, 169);
  --search-select-pick-background: rgb(0, 0, 0);
  --search-select-pick-border: rgb(169, 169, 169);
  --search-select-pick-text: rgb(224, 224, 224);
  --search-select-list-belt: rgb(169, 169, 169);
  --search-select-list-text-pick: rgb(0, 0, 0);
  --search-select-list-background: rgb(0, 0, 0);
  --search-select-list-text: rgb(169, 169, 169);
  --search-select-pick-x: rgb(224, 224, 224);
  --search-select-pick-x-background: rgb(0, 0, 0);
  --search-select-x-end: rgb(224, 224, 224);
  --search-select-list-none-background: rgb(82, 82, 82);
  --search-select-list-none-text: rgb(0, 0, 0);
  --filter-background: rgb(30, 30, 30);
  --filter-button-background: rgb(0, 0, 0);
  --filter-button-background-hover: rgb(250, 205, 0);
  --filter-button-text: rgb(224, 224, 224);
  --filter-button-text-hover: rgb(0, 0, 0);
  --filter-button-border: rgb(250, 205, 0);
  --filter-button-border-hover: rgb(250, 205, 0);
  --filter-button-sort-background: rgb(0, 0, 0);
  --filter-button-sort-background-hover: rgb(250, 205, 0);
  --filter-button-sort-text: rgb(224, 224, 224);
  --filter-button-sort-text-hover: rgb(0, 0, 0);
  --filter-button-sort-border: rgb(250, 205, 0);
  --filter-button-sort-border-hover: rgb(250, 205, 0);
  --filter-button-adv-background: rgb(0, 0, 0);
  --filter-button-adv-background-hover: rgb(250, 205, 0);
  --filter-button-adv-text: rgb(224, 224, 224);
  --filter-button-adv-text-hover: rgb(0, 0, 0);
  --filter-button-adv-border: rgb(250, 205, 0);
  --filter-button-adv-border-hover: rgb(250, 205, 0);
  --filter-dropdown-background: rgb(0, 0, 0);
  --filter-dropdown-text: rgb(224, 224, 224);
  --filter-dropdown-border: rgb(250, 205, 0);
  --filter-dropdown-background-path: rgb(0, 0, 0);
  --filter-dropdown-background-belt-scroll: rgb(224, 224, 224);
  --filter-dropdown-background-belt-scroll-hover: rgb(189, 189, 189);
  --filter-dropdown-border-focus: rgb(250, 205, 0);
  --filter-dropdown-border-shadow: rgba(143, 193, 179, 0.25);
  --footer-background: rgb(30, 30, 30);
  --footer-left-text: rgb(224, 224, 224);
  --footer-left-text-hover: rgb(250, 205, 0);
  --footer-middle-icon: rgb(157, 157, 157);
  --footer-middle-icon-hover: rgb(250, 205, 0);
  --footer-right-text: rgb(224, 224, 224);
  --canvas-background: rgb(0, 0, 0);
  --canvas-text: rgb(224, 224, 224);
  --canvas-text-hover: rgb(169, 169, 169);
  --canvas-dekor: rgb(250, 205, 0);
  --canvas-dekor-line: rgb(195, 222, 214);
  --offer-background: rgb(30, 30, 30);
  --offer-title: rgb(12, 192, 18);
  --offer-title-hover: rgb(10, 138, 14);
  --offer-firm: rgb(224, 224, 224);
  --offer-firm-hover: rgb(10, 138, 14);
  --offer-location: rgb(224, 224, 224);
  --offer-location-icon: rgb(224, 224, 224);
  --offer-salary: rgb(12, 192, 18);
  --offer-unit: rgb(224, 224, 224);
  --offer-period: rgb(224, 224, 224);
  --offer-div: rgb(224, 224, 224);
  --offer-new-text: rgb(223, 85, 85);
  --offer-bookmarks: rgb(250, 205, 0);
  --offer-bookmarks-hover: rgb(224, 224, 224);
  --offer-line-one-background: rgb(30, 30, 30);
  --offer-line-one-background-hover: rgb(173, 173, 173);
  --offer-line-one-text: rgb(224, 224, 224);
  --offer-line-one-text-hover: rgb(30, 30, 30);
  --offer-line-one-border: rgb(172, 172, 172);
  --offer-line-one-border-hover: rgb(250, 205, 0);
  --offer-line-two-icon: rgb(12, 192, 18);
  --offer-line-two-icon-hover: rgb(223, 85, 85);
  --offer-line-two-text: rgb(12, 192, 18);
  --offer-line-three-text: rgb(250, 205, 0);
  --login-forgot-enter-email: whitesmoke;
  --login-describe-login: whitesmoke;
  --login-background: rgb(30, 30, 30);
  --login-title: rgb(250, 205, 0);
  --login-button: rgb(255, 191, 0);
  --login-button-hover: rgb(250, 205, 0);
  --login-label: rgb(187, 187, 187);
  --login-button-text: rgb(0, 0, 0);
  --login-button-text-hover: rgb(25, 107, 6);
  --login-forgot: rgb(219, 96, 96);
  --login-forgot-hover: rgb(250, 205, 0);
  --forms-field-background: rgb(30, 30, 30);
  --forms-field-focus: rgb(30, 30, 30);
  --forms-field-border: rgb(250, 205, 0);
  --forms-field-shadow: rgba(134, 206, 195, 0.25);
  --forms-field-text: rgb(224, 224, 224);
  --forms-field-placeholder: rgb(158, 158, 158);
  --offer-form-background: rgb(30, 30, 30);
  --offer-form-title: rgb(250, 205, 0);
  --offer-form-h3: rgb(140, 198, 182);
  --offer-form-field-background: rgb(0, 0, 0);
  --offer-form-field-text: rgb(224, 224, 224);
  --offer-form-placeholder: rgb(158, 158, 158);
  --offer-form-label: rgb(198, 198, 198);
  --asteriskField: rgb(228, 74, 74);
  --checkbox: green;
  --offer-form-list-background: black;
  --offer-form-list-text: rgb(224, 224, 224);
  --offer-form-list-down-background: rgb(30, 30, 30);
  --offer-form-list-down-text: rgb(158, 158, 158);
  --offer-form-field-border: rgb(250, 205, 0);
  --offer-form-field-shadow: rgba(134, 206, 195, 0.25);
  --offer-form-btn-step-background: rgb(30, 30, 30);
  --offer-form-btn-step-border: rgb(250, 205, 0);
  --offer-form-btn-step-text: rgb(224, 224, 224);
  --offer-form-btn-step-background-hover: green;
  --offer-form-btn-step-text-hover: rgb(224, 224, 224);
  --offer-form-btn-step-border-hover: rgb(250, 205, 0);
  --offer-form-hr: rgb(250, 205, 0);
  --offer-tooltip-background: rgb(27, 27, 27);
  --offer-tooltip-text: rgb(212, 234, 14);
  --offer-btn-next-background: green;
  --offer-btn-next-background-hover: rgb(118, 209, 118);
  --offer-btn-next-text: rgb(224, 224, 224);
  --offer-btn-next-text-hover: rgb(56, 56, 56);
  --offer-btn-next-border: rgb(118, 209, 118);
  --offer-btn-next-border-hover: green;
  --offer-btn-all-background: rgb(0, 66, 128);
  --offer-btn-all-background-hover: rgb(122, 165, 205);
  --offer-btn-all-text: rgb(224, 224, 224);
  --offer-btn-all-text-hover: rgb(56, 56, 56);
  --offer-btn-all-border: rgb(122, 165, 205);
  --offer-btn-all-border-hover: rgb(0, 66, 128);
  --offer-btn-remove-background: rgb(218, 26, 26);
  --offer-btn-remove-background-hover: rgb(215, 149, 149);
  --offer-btn-remove-text: rgb(224, 224, 224);
  --offer-btn-remove-text-hover: rgb(56, 56, 56);
  --offer-btn-remove-border: rgb(215, 149, 149);
  --offer-btn-remove-border-hover: rgb(218, 26, 26);
  --offer-info-before-save: rgb(218, 26, 26);
  --pricelist-currency-label: rgb(250, 205, 0);
  --pricelist-chooseoffer-label: rgb(250, 205, 0);
  --pricelist-card-backgrounds: rgb(30, 30, 30);
  --pricelist-card-footer-backgrounds: rgb(30, 30, 30);
  --pricelist-card-backgrounds-hover: rgb(37, 133, 13);
  --pricelist-card-footer-backgrounds-hover: rgb(37, 133, 13);
  --pricelist-card-border: rgb(224, 224, 224);
  --pricelist-card-border-hover: rgb(250, 205, 0);
  --pricelist-card-title: rgb(255, 123, 0);
  --pricelist-card-title-hover: rgb(224, 224, 224);
  --pricelist-card-title-optimum: green;
  --pricelist-card-price: rgb(224, 224, 224);
  --pricelist-card-tax: rgb(224, 224, 224);
  --pricelist-card-table: rgb(224, 224, 224);
  --pricelist-button-background: green;
  --pricelist-button-background-hover: rgb(255, 123, 0);
  --pricelist-button-text: rgb(224, 224, 224);
  --pricelist-button-text-hover: rgb(224, 224, 224);
  --pricelist-button-border: rgb(93, 166, 93);
  --pricelist-button-border-hover: rgb(228, 172, 92);
  --pricelist-description-title: rgb(176, 176, 176);
  --pricelist-description-text: rgb(224, 224, 224);
  --pricelist-description-text-hover: rgb(200, 228, 12);
  --pricelist-points-text: rgb(224, 224, 224);
  --pricelist-points: rgb(218, 85, 85);
  --offer-view-backgrounds: rgb(30, 30, 30);
  --offer-view-text: rgb(224, 224, 224);
  --offer-view-title: rgb(12, 192, 18);
  --offer-view-company: rgb(224, 224, 224);
  --offer-view-profile: rgb(250, 205, 0);
  --offer-view-profile-hover: green;
  --offer-view-price: rgb(12, 192, 18);
  --offer-view-bookmark: rgb(250, 205, 0);
  --offer-view-bookmark-hover: green;
  --offer-view-personal-strong: rgb(141, 141, 141);
  --offer-view-personal-p: rgb(224, 224, 224);
  --offer-view-personal-deadline: rgb(27, 214, 27);
  --offer-view-red: rgb(221, 89, 52);
  --offer-view-green: rgb(27, 214, 27);
  --offer-view-disability: rgb(139, 137, 137);
  --offer-view-headsection: rgb(250, 205, 0);
  --offer-view-borderend: rgb(250, 205, 0);
  --offer-view-title-section: rgb(152, 152, 152);
  --offer-view-lists-text: rgb(224, 224, 224);
  --offer-view-lists-head: rgb(250, 205, 0);
  --offer-view-social-icon: green;
  --offer-view-social-icon-hover: rgb(27, 214, 27);
  --offer-view-button-apply-background: rgb(255, 123, 0);
  --offer-view-button-apply-background-hover: green;
  --offer-view-button-apply-text: rgb(30, 30, 30);
  --offer-view-button-apply-text-hover: rgb(224, 224, 224);
  --offer-view-button-apply-border: rgb(216, 178, 143);
  --offer-view-button-apply-border-hover: rgb(129, 208, 129);
  --offer-view-icon-disability-on: rgb(27, 214, 27);
  --offer-view-icon-disability-off: rgb(139, 137, 137);
  --offer-view-modal-apply-background: rgb(30, 30, 30);
  --offer-view-modal-apply-border: rgb(250, 205, 0);
  --offer-view-modal-apply-border-shadow: rgba(27, 214, 27, 0.2);
  --offer-view-modal-apply-title: rgb(224, 224, 224);
  --offer-view-modal-btn-apply-background: rgb(255, 123, 0);
  --offer-view-modal-btn-apply-background-hover: green;
  --offer-view-modal-btn-apply-text: rgb(30, 30, 30);
  --offer-view-modal-btn-apply-text-hover: rgb(224, 224, 224);
  --inbox-send: rgb(27, 214, 27);
  --inbox-send-hover: green;
  --inbox-static-icon: rgb(224, 224, 224);
  --inbox-static-icon-count: rgb(220, 172, 15);
  --inbox-icon-repeat: rgb(27, 214, 27);
  --inbox-icon-trash: rgb(216, 66, 66);
  --inbox-icon-envelop: rgb(250, 205, 0);
  --inbox-icon-download: rgb(255, 123, 0);
  --inbox-icon-eyeoff: rgb(255, 123, 0);
  --inbox-icon-paynow: rgb(66, 211, 216);
  --inbox-icon-pay: rgb(242, 141, 9);
  --inbox-message-text: rgb(224, 224, 224);
  --inbox-table-head-text: rgb(224, 224, 224);
  --inbox-table-info-text: rgb(224, 224, 224);
  --id-link: rgb(66, 211, 216);
  --id-link-hover: rgb(27, 214, 27);
  --id-modal-background: rgb(30, 30, 30);
  --id-modal-title: rgb(255, 123, 0);
  --id-modal-text: rgb(224, 224, 224);
  --id-modal-line: rgb(168, 168, 168);
  --renew-price: rgb(27, 214, 27);
  --renew-button-background: green;
  --renew-button-background-hover: rgb(255, 123, 0);
  --renew-button-text: rgb(224, 224, 224);
  --renew-button-text-hover: rgb(224, 224, 224);
  --renew-button-border: rgb(93, 166, 93);
  --renew-button-border-hover: rgb(228, 172, 92);
  --renew-button-off: rgb(146, 146, 145);
  --renew-placeholder: rgb(84, 84, 84);
  --dashboard-title: rgb(27, 214, 27);
  --dashboard-title-hover: rgb(255, 123, 0);
  --dashboard-head: rgb(224, 224, 224);
  --dashboard-head-hover: rgb(27, 214, 27);
  --dashboard-dropdown: rgb(224, 224, 224);
  --dashboard-dropdown-hover: rgb(30, 30, 30);
  --dashboard-dropdown-off: rgb(164, 32, 32);
  --dashboard-dropdown-belt: rgb(0, 0, 0);
  --dashboard-content-h4: rgb(27, 214, 27);
  --dashboard-content-p: rgb(146, 146, 145);
  --dashboard-content-strong: rgb(224, 224, 224);
  --dashboard-content-info: gold;
  --dashboard-content-info-hover: rgb(27, 214, 27);
  --success-title: rgb(224, 224, 224);
  --success-content: rgb(224, 224, 224);
  --success-close: rgb(182, 157, 15);
  --success-close-hover: rgb(30, 30, 30);
  --ads-background: rgb(0, 0, 0);
  --ads-border-shadow: rgba(250, 205, 0, 0.5);
  --ads-title: rgb(185, 185, 101);
  --ads-category: rgb(224, 224, 224);
  --ads-valid: rgb(219, 34, 34);
  --ads-price: rgb(224, 224, 224);
  --ads-usd: rgb(30, 223, 20);
  --ads-company: rgb(224, 224, 224);
  --ads-view-photo-border: rgb(250, 205, 0);
  --ads-view-title: gold;
  --ads-view-text: rgb(224, 224, 224);
  --ads-view-profile: rgb(250, 205, 0);
  --ads-view-profile-hover: rgb(30, 223, 20);
  --shop-view-warranty-title: rgb(250, 205, 0);
  --shop-view-warranty-text: rgb(224, 224, 224);
  --shop-view-license-title: rgb(250, 205, 0);
  --shop-view-license-text: rgb(30, 223, 20);
  --shop-view-button-buy: rgb(255, 193, 7);
  --shop-view-button-buy-text: rgb(0, 0, 0);
  --shop-view-button-buy-border: rgb(255, 193, 7);
  --shop-view-button-buy-hover: green;
  --shop-view-button-buy-text-hover: rgb(224, 224, 224);
  --shop-view-button-buy-border-hover: rgb(30, 223, 20);
  --shop-view-price: rgb(224, 224, 224);
  --shop-view-price-value: rgb(30, 223, 20);
  --shop-view-price-currency: rgb(224, 224, 224);
  --shop-buyform-product: rgb(224, 224, 224);
  --shop-buyform-product-text: rgb(255, 193, 7);
  --shop-buyform-price: rgb(224, 224, 224);
  --shop-buyform-price-text: rgb(255, 193, 7);
  --shop-buyform-price-currency: rgb(30, 223, 20);
  --thanks-thanks-label: rgb(250, 205, 0);
  --thanks-thanks-text: rgb(224, 224, 224);
  --thanks-button-border: rgb(250, 205, 0);
  --thanks-button-border-hover: rgb(30, 223, 20);
  --thanks-button-background: rgb(30, 30, 30);
  --thanks-button-background-hover: rgb(0, 0, 0);
  --thanks-button-text: rgb(255, 193, 7);
  --thanks-button-text-hover: rgb(30, 223, 20);
  --candidate-person: rgb(255, 193, 7);
  --candidate-stick: rgb(30, 223, 20);
  --candidate-download: rgb(224, 224, 224);
  --candidate-border-shadow: rgba(220, 243, 8, 0.25);
  --sell-accepted: rgb(30, 223, 20);
  --sell-rejected: rgb(236, 95, 14);
  --sell-comment: rgb(30, 223, 20);
  --sell-completed: rgb(30, 223, 20);
  --nickmail-taken: rgb(236, 95, 14);
  --nickmail-available: rgb(179, 220, 15);
  --nickmail-text: rgb(179, 220, 15);
  --important-h4-text: rgb(236, 95, 14);
  --pdf-invoice: rgb(179, 220, 15);
  --paginator-a: rgb(224, 224, 224);
  --paginator-a-hover: rgb(179, 220, 15);
  --paginator-span: rgb(179, 220, 15);
  --htmx-btn-submit-background: rgb(0, 58, 0);
  --htmx-btn-submit-solid: green;
  --htmx-btn-submit-text: rgb(224, 224, 224);
  --htmx-btn-submit-background-hover: green;
  --htmx-btn-submit-solid-hover: rgb(0, 58, 0);
  --htmx-btn-submit-text-hover: rgb(224, 224, 224);
  --htmx-btn-add-background: rgb(166, 78, 19);
  --htmx-btn-add-solid: rgb(233, 112, 32);
  --htmx-btn-add-text: rgb(224, 224, 224);
  --htmx-btn-add-background-hover: rgb(233, 112, 32);
  --htmx-btn-add-solid-hover: rgb(233, 112, 32);
  --htmx-btn-add-text-hover: rgb(224, 224, 224);
  --htmx-btn-delete-background: rgb(183, 16, 16);
  --htmx-btn-delete-solid: rgb(240, 54, 54);
  --htmx-btn-delete-text: rgb(224, 224, 224);
  --htmx-btn-delete-background-hover: rgb(240, 54, 54);
  --htmx-btn-delete-solid-hover: rgb(240, 54, 54);
  --htmx-btn-delete-text-hover: rgb(224, 224, 224);
  --htmx-btn-remove-background: rgb(183, 16, 16);
  --htmx-btn-remove-solid: rgb(240, 54, 54);
  --htmx-btn-remove-text: rgb(224, 224, 224);
  --htmx-btn-remove-background-hover: rgb(240, 54, 54);
  --htmx-btn-remove-solid-hover: rgb(240, 54, 54);
  --htmx-btn-remove-text-hover: rgb(224, 224, 224);
  --htmx-p-text: rgb(224, 224, 224);
  --guide-background: rgb(30, 30, 30);
  --guide-modal-head: rgb(27, 214, 27);
  --guide-modal-title: gold;
  --guide-modal-p: whitesmoke;
  --guide-modal-btn-background: gold;
  --guide-modal-btn-solid: goldenrod;
  --guide-modal-btn-text: black;
  --guide-modal-btn-background-hover: black;
  --guide-modal-btn-solid-hover: goldenrod;
  --guide-modal-btn-text-hover: whitesmoke;
  --stoneinview-title: goldenrod;
  --stoneinview-text: rgb(172, 172, 172);
  --stoneinview-text-span: whitesmoke;
  --stoneinview-longtext: rgb(172, 172, 172);
  --stoneinview-longtext-p: whitesmoke;
  --stoneinview-price: yellowgreen;
  --stoneinview-price-desc: yellowgreen;
  --stoneinview-price-currency: yellowgreen;
  --stoneinview-price-period: yellowgreen;
  --stoneinview-text-stonestatus: yellowgreen;
  --stoneinview-text-deadline: rgb(211, 101, 22);
  --stoneinview-stonecontact: goldenrod;
  --register_error-formtitle: whitesmoke;
  --aplicant-cv: whitesmoke;
  --aplicant-cv-a: rgb(188, 188, 32);
  --aplicant-cv-a-hover: whitesmoke;
  --aplicant-joinregistry: greenyellow;
  --aplicant-joinregistry-register: greenyellow;
  --aplicant-joinregistry-jointext: rgb(183, 183, 183);
  --aplicant-joinregistry-showapply-a: rgb(164, 29, 167);
  --aplicant-joinregistry-showapply-a-hover: rgb(168, 118, 169);
  --map_in_offer-popup-wrapper-background: rgb(118, 171, 174);
  --map_in_offer-popup-wrapper-text: whitesmoke;
  --map_in_offer-popup-wrapper-shadow: rgba(0, 0, 0, 0.4);
  --map_in_offer-popup-tip-background: rgb(118, 171, 174);
  --map_in_offer-popup-tip-shadow: rgba(0, 0, 0, 0.4);
  --map_in_offer-popup-tip-a: rgb(221, 237, 9);
  --map_in_offer-popup-tip-a-hover: rgb(255, 255, 255);
  --counter: rgb(191, 201, 179);
  --counter-warning: red;
  --inbox-attachment-text: rgb(191, 201, 179);
  --inbox-sendmail: whitesmoke;
  --inbox-captcha-background: rgb(30, 30, 30);
  --projects-list-txt-laboratory-list: white;
  --projects-list-txt-language-list: white;
  --maps-btn-advanced-background: black;
  --maps-btn-advanced-txt: rgb(255, 193, 7);
  --maps-btn-advanced-border: rgb(255, 193, 7);
  --maps-btn-advanced-background-hover: rgb(255, 193, 7);
  --maps-btn-advanced-txt-hover: black;
  --maps-btn-advanced-border-hover: black;
  --maps-btn-reset-background: black;
  --maps-btn-reset-txt: rgb(255, 193, 7);
  --maps-btn-reset-border: rgb(255, 193, 7);
  --maps-btn-reset-background-hover: rgb(17, 210, 244);
  --maps-btn-reset-txt-hover: black;
  --maps-btn-reset-border-hover: black;
  --maps-radius-selector-background: rgb(30, 30, 30);
  --maps-radius-selector-border: rgb(255, 193, 7);
  --maps-radius-selector-txt: rgb(255, 193, 7);
  --maps-selector-background: black;
  --maps-selector-border: rgb(255, 193, 7);
  --maps-selector-txt: rgb(255, 193, 7);
  --maps-selector-background-option: black;
  --maps-selector-txt-option: rgb(255, 193, 7);
  --maps-marker-wrapper-background: black;
  --maps-marker-price-background: black;
  --maps-marker-price-txt: rgb(255, 193, 7);
  --maps-marker-title-txt: rgb(103, 201, 22);
  --maps-marker-link-txt: bisque;
  --maps-marker-link-txt-hover: greenyellow;
  --maps-marker-close-txt: red;
  --maps-marker-close-txt-hover: rgb(255, 131, 131);
  --group-label-retro-grant: whitesmoke;
  --stats-status-title: rgb(175, 175, 175);
  --stats-status-green: greenyellow;
  --stats-status-yellow: yellow;
  --stats-status-orange: orange;
  --stats-status-red: red;
  --accounts-fill: rgb(196, 196, 196);
  --accounts-captcha-background: rgb(30, 30, 30);
  --accounts-describe: whitesmoke;
  --summary-ads-title: whitesmoke;
  --summary-ads-h2: gold;
  --summary-ads-h3: gold;
  --chat-window-background: rgb(94, 94, 94);
  --chat-window-label: rgb(165, 165, 165);
  --chat-window-hover: goldenrod;
  --chat-window-username: whitesmoke;
  --chat-window-time: rgb(165, 165, 165);
  --chat-window-header-background: rgb(62, 62, 62);
  --chat-window-message-txt: whitesmoke;
  --chat-window-message-label: whitesmoke;
  --chat-window-message-input-background: rgb(30, 30, 30);
  --chat-window-message-input-txt: whitesmoke;
  --chat-window-message-input-focus: gold;
  --chat-window-message-card-txt: whitesmoke;
  --chat-window-message-card-background: rgb(30, 30, 30);
  --chat-typing-status: yellow;
  --chat-photo-border: rgb(149, 149, 149);
  --chat-window-message-card-counter: greenyellow;
  --chat-window-message-card-counter-warning: rgb(255, 148, 244);
  --chat-window-message-card-system-message: rgb(214, 237, 11);
  --navbar-icons-hover: red;
  --dashboard-menu-dropdown-background: blue;
  --dashboard-menu-dropdown-background: blue;
  --home-cookie-background: rgb(40, 40, 40);
  --home-cookie-txt: whitesmoke;
  --home-cookie-txt-a: rgb(62, 163, 196);
  --home-cookie-txt-a-hover: greenyellow;
  --home-cookie-button-accept-background: green;
  --home-cookie-button-accept-txt: white;
  --home-cookie-button-accept-background-hover: rgb(2, 156, 2);
  --home-cookie-button-reject-background: red;
  --home-cookie-button-reject-txt: white;
  --home-cookie-button-reject-background-hover: orangered;
  --addons-purchase-code: red;
  --addons-stars-quality: gold;
  --addons-stars-service: gold;
  --addons-icons-person-vcard: orange;
  --addons-icons-person-vcard-hover: rgb(212, 234, 14);
  --addons-icons-bookmark-fill: green;
  --addons-icons-bookmark-fill-hover: rgb(212, 234, 14);
  --addons-icons-person-fill-lock: red;
  --addons-icons-person-fill-gear: rgb(23, 154, 242);
  --addons-icons-person-fill-gear-hover: rgb(212, 234, 14);
  --addons-icons-talentbookmark: orange;
  --addons-icons-talentbookmark-hover: rgb(212, 234, 14);
  --addons-icons-chat-dots: green;
  --addons-icons-chat-dots-hover: rgb(212, 234, 14);
  --addons-icons-incognito: orange;
  --addons-icons-incognito-hover: rgb(212, 234, 14);
  --addons-partner-profile-title: goldenrod;
  --addons-partner-profile-txt: whitesmoke;
  --addons-partner-profile-stats: azure;
  --addons-partner-profile-commissions: azure;
  --addons-partner-profile-table-span: goldenrod;
  --addons-charity-ads-text: rgb(173, 173, 173);
  --addons-charity-ads-text-strong: rgb(28, 175, 41);
  --addons-charity-ads-text-down: rgb(173, 173, 173);
  --addons-jobsoffers-suggestions-maps-background: white;
  --addons-jobsoffers-suggestions-maps-border: rgb(204, 204, 204);
  --addons-jobsoffers-suggestions-maps-item-border: rgb(238, 238, 238);
  --addons-jobsoffers-list-exclusive-txt: gold;
  --addons-jobsoffers-altlocations-icon: whitesmoke;
  --addons-jobsoffers-altlocations-icon-hover: goldenrod;
  --addons-jobsoffers-popover-txt: whitesmoke;
  --addons-jobsoffers-popover-background: black;
  --addons-jobsoffers-popover-border: goldenrod;
  --addons-user-edit-cv-label: whitesmoke;
  --addons-user-edit-cv-p: whitesmoke;
  --addons-user-edit-cv-a: whitesmoke;
  --addons-user-edit-cv-a-hover: yellowgreen;
  --addons-gallery-photo-add-txt: whitesmoke;
  --candidate-application-consent-yes: yellowgreen;
  --candidate-application-consent-no: red;
  --candidate-application-note-txt: whitesmoke;
  --navbar-register-txt: whitesmoke;
  --navbar-register-txt-hover: goldenrod;
  --footer-poweredby: gold;
  --map-form-text: rgb(208, 48, 48);
  --jobs-id-view-iconchart: rgb(20, 157, 231);
  --jobs-list-iconquiz: rgb(20, 157, 231);
  --addons-bi-file-earmark-text: rgb(11, 233, 218);
  --bi-file-earmark-text: rgb(11, 233, 218);
  --bi-file-earmark-arrow-up: rgb(11, 233, 218);
  --quiz-id-bi-list-stars: rgb(11, 233, 218);
  --ts-link-ts-chat: rgb(164, 29, 167);
  --ts-link-ts-chat-a: green;
  --ts-link-ts-chat-a-hover: rgb(0, 193, 0);
  --alert-warning-background: rgb(189, 170, 104);
  --alert-warning-border: rgb(86, 70, 11);
  --notifications-daschboard-view-background: rgb(30, 30, 30);
  --notifications-daschboard-view-border: whitesmoke;
  --notifications-daschboard-view-h4: gold;
  --singlenotifications-daschboard-view-background: rgb(76, 76, 76);
  --singlenotifications-daschboard-view-border: #e0e0e0;
  --singlenotifications-daschboard-view-text: whitesmoke;
  --singlenotifications-daschboard-view-background-hover: rgb(104, 104, 104);
  --singlenotifications-daschboard-view-button-bacground: goldenrod;
  --singlenotifications-daschboard-view-button-txt: #393939;
  --singlenotifications-daschboard-view-button-bacground-hover: #218838;
  --singlenotifications-daschboard-view-button-txt-hover: whitesmoke;
  --daschboardbutton-checkguide-background: rgb(42, 42, 42);
  --daschboardbutton-checkguide-border: rgb(169, 169, 169);
  --daschboardbutton-checkguide-icon: goldenrod;
  --daschboardbutton-checkguide-text: goldenrod;
  --daschboardbutton-checkguide-background-hover: rgb(116, 116, 116);
  --daschboardbutton-checkguide-border-hover: rgb(42, 42, 42);
  --daschboardbutton-checkguide-icon-hover: gold;
  --daschboardbutton-checkguide-text-hover: gold;
  --daschboard-createprofile-button-background: goldenrod;
  --daschboard-createprofile-button-text: rgb(40, 40, 40);
  --daschboard-createprofile-button-background-hover: rgb(217, 190, 121);
  --daschboard-createprofile-button-text-hover: green;
  --candidate-id-background: #333;
  --candidate-id-border: #ccc;
  --candidate-id-text: whitesmoke;
  --candidate-id-select-border-hover: gold;
  --candidate-id-select-background-hover: #232323;
  --candidate-id-select-focus: goldenrod;
  --candidate-id-note-icon-empty: grey;
  --candidate-id-disbale-background: #282828;
  --candidate-id-disbale-tekst: #747474;
  --candidate-id-disbale-border: rgb(213, 114, 114);
  --candidate-id-disbale-background-hover: #151515;
  --candidate-id-disbale-border-hover: #f80303;
  --ads-create-p: whitesmoke;
  --ads-create-li: whitesmoke;
  --register-checkbox: green;
  --register-morelink: #007bff;
  --register-more-text: #cccccc;
  --register-textdanger: #dc3545;
  --captcha-background: rgb(30, 30, 30);
  --gallery-button-remove-background: whitesmoke;
  --gallery-button-remove-text: red;
  --gallery-button-remove-border: red;
  --gallery-button-remove-background-hover: red;
  --gallery-button-remove-text-hover: whitesmoke;
  --gallery-button-remove-border-hover: red;
  --gallery-progress-bar-background: green;
  --gallery-progress-bar-tekst: whitesmoke;
  --success-end-tekst: green;
  --cookies-button-background: rgb(19, 84, 78);
  --cookies-button-text: whitesmoke;
  --cookies-button-background-hover: rgb(34, 152, 140);
  --cookies-button-text-hover: whitesmoke;
  --cookies-text-p: gold;
  --cookies-text-p-hover: rgb(238, 255, 0);
  --cookies-background: rgb(40, 40, 40);
  --cookies-background-hover: rgb(40, 40, 40);
  --cookies-agree-form-background: rgb(30, 30, 30);
  --cookies-agree-form-border: rgb(222, 226, 230);
  --cookies-agree-form-text: rgb(196, 196, 196);
  --cookies-agree-form-button-background: goldenrod;
  --cookies-agree-form-button-text: rgb(30, 30, 30);
  --cookies-agree-form-button-border: goldenrod;
  --cookies-agree-form-button-background-hover: rgb(255, 189, 21);
  --cookies-agree-form-button-text-hover: rgb(30, 30, 30);
  --cookies-agree-form-button-border-hover: goldenrod;
  --cookies-agree-form-more-text: rgb(209, 209, 209);
  --cookies-agree-form-more-background: #494949;
  --cookies-agree-form-more-border: #dee2e6;
  --cookies-agree-form-button-more-text: goldenrod;
  --cookies-agree-form-button-more-text-hover: gold;
  --addphoto-edit-text: whitesmoke;
  --quiz-formchecked-background: rgb(40, 167, 69);
  --quiz-formchecked-border: rgb(40, 167, 69);
  --quiz-answer-background: rgb(51, 51, 51);
  --quiz-answer-text: whitesmoke;
  --quiz-formchecked-label: whitesmoke;
  --partner-commissions-text: whitesmoke;
  --partner-commissions-input-background: whitesmoke;
  --partner-commissions-input-text: black;
  --faq-h2: #b1b1b1;
  --faq-accord-header-background: #1d1d1d;
  --faq-accord-header-text: rgb(133, 133, 133);
  --faq-accord-header-background-pick: rgb(91, 91, 91);
  --faq-accord-header-text-pick: rgb(212, 212, 212);
  --faq-accord-header-background-body: rgb(124, 124, 124);
  --faq-accord-header-text-body: #1e1e1e;
  --faq-accord-header-text-a-body: #1e1e1e;
  --faq-accord-header-text-a-strong-body: rgb(21, 21, 146);
  --faq-accord-header-text-note-body: #8f1d1d;
  --faq-accord-header-text-pay-body: #2fbc12;
  --faq-accord-header-background-hover: goldenrod;
  --faq-accord-header-text-hover: rgb(23, 23, 23);
  --shadow: rgba(255, 255, 255, 0.3);
  --gradient-background: rgb(48, 48, 48);
  --gradient-search: rgb(48, 48, 48);
  --gradient-skills: rgb(109, 109, 109);
  --qwertysmart-form-text: aliceblue;
  --qwertysmart-form-select-text: white;
  --qwertysmart-form-select-background: rgb(30, 30, 30);
  --qwertysmart-form-select-border: white;
  --szablon-background: #0f192a;
  --szablon-captcha-background: rgb(30, 30, 30);
  --szablon-personphoto-border: gold;
  --szablon-body-background: #0f192a;
  --szablon-body-txt: #ffffff;
  --szablon-hero-background: rgb(25, 47, 72);
  --szablon-hero-background-shadow: rgba(25, 47, 72, 0.3);
  --szablon-hero-h1: #ffc107;
  --szablon-hero-p: #d3d3d3;
  --szablon-hero-show-apply-a: rgb(40, 204, 219);
  --szablon-hero-show-apply-a-hover: #ffc107;
  --szablon-hero-joinregistry: rgb(40, 204, 219);
  --szablon-hero-jointext: rgb(137, 137, 137);
  --szablon-btn-apply-background: #ffc107;
  --szablon-btn-apply-color: black;
  --szablon-btn-apply-border: black;
  --szablon-btn-apply-background-hover: green;
  --szablon-btn-apply-color-hover: white;
  --szablon-btn-apply-border-hover: white;
  --szablon-hero-h4: #ffc107;
  --szablon-hero-btn-background: #ffc107;
  --szablon-hero-btn-txt: #0f192a;
  --szablon-hero-btn-background-hover: #e0a800;
  --szablon-hero-btn-txt-hover: #ffffff;
  --szablon-hero-footer-p: #ffffff;
  --szablon-one-r-h3: #FFC107;
  --szablon-one-r-p: #d3d3d3;
  --szablon-one-r-profile: rgb(13, 183, 206);
  --szablon-one-r-profile-hover: #ffc107;
  --szablon-twoone-l-h3: #ffc107;
  --szablon-twoone-l-p: #d3d3d3;
  --szablon-twoone-l-background: #192f48;
  --szablon-twoone-l-image-border: gold;
  --szablon-two-l-h3: #ffc107;
  --szablon-two-l-p: #d3d3d3;
  --szablon-two-l-background: rgb(25, 47, 72);
  --szablon-two-l-background-border: rgba(25, 47, 72, 0.3);
  --szablon-three-deadline: rgb(0, 177, 0);
  --szablon-three-l-h3: #ffc107;
  --szablon-three-l-p: #d3d3d3;
  --szablon-three-l-h2: rgb(13, 183, 206);
  --szablon-three-l-h2-strong: #d3d3d3;
  --szablon-three-l-h5: #d3d3d3;
  --szablon-four-l-h3: #ffc107;
  --szablon-four-l-p: #d3d3d3;
  --szablon-four-l-span: #d3d3d3;
  --szablon-four-l-strong: #d3d3d3;
  --szablon-four-l-background: rgb(25, 47, 72);
  --szablon-four-l-background-border: rgba(25, 47, 72, 0.3);
  --szablon-four-l-h2: #ffc107;
  --szablon-four-l-h5: #d3d3d3;
  --szablon-four-l-a: rgb(13, 183, 206);
  --szablon-four-l-deadline: rgb(0, 177, 0);
  --szablon-four-l-retro: #ffc107;
  --szablon-four-l-retro-h5: #ffc107;
  --szablon-five-r-h2: #d3d3d3;
  --szablon-five-r-h3: #ffc107;
  --szablon-five-r-p: #d3d3d3;
  --szablon-five-r-text-p: #d3d3d3;
  --szablon-six-l-background: rgb(25, 47, 72);
  --szablon-six-l-background-border: rgba(25, 47, 72, 0.3);
  --szablon-six-l-h3: #ffc107;
  --szablon-six-l-p: #d3d3d3;
  --szablon-six-l-span: #d3d3d3;
  --szablon-six-l-h2: #ffc107;
  --szablon-six-l-h6: #d3d3d3;
  --szablon-six-l-h5: #d3d3d3;
  --szablon-seven-background: rgb(25, 47, 72);
  --szablon-seven-background-border: rgba(25, 47, 72, 0.3);
  --szablon-seven-h4: #ffc107;
  --szablon-seven-p: #d3d3d3;
  --szablon-seven-retro: #ffc107;
  --szablon-icon-i: #333;
  --szablon-icon-i-hover: #e0a800;
  --szablon-icon-link: #ffc107;
  --szablon-icon-no-link: #6c757d;
  --szablon-icon-link-hover: #4a8f09;
  --szablon-gallery-h4: #ffc107;
  --szablon-gallery-border: #ffc107;
  --szablon-filter-bullet: #d3d3d3;
  --szablon-filter-bullet-li: rgb(13, 183, 206);
  --szablon-filter-numbered: #d3d3d3;
  --szablon-filter-important: rgb(13, 183, 206);
  --szablon-filter-highlight: #0ac716;
  --szablon-filter-icon-text: #d3d3d3;
  --szablon-filter-icon: rgb(13, 183, 206);
  --szablon-section-buttons-title-background: rgb(15, 25, 42);
  --szablon-section-buttons-title-border: rgba(15, 25, 42, 0.3);
  --szablon-section-buttons-title-h3: #ffc107;
  --szablon-section-buttons-background: #0f192a;
  --szablon-section-buttons-btn-background: #ffc107;
  --szablon-section-buttons-btn-text: black;
  --szablon-section-buttons-btn-background-hover: green;
  --szablon-section-buttons-btn-text-hover: white;
  --ribbon-background: #d60000;
  --ribbon-text: white;
  --icon-recommended: rgb(12, 192, 18);
  --icon-recommended-hover: #d60000;
}

[data-theme=light] {
  --paginator: grey;
  --body-background: rgb(249, 249, 249);
  --navbar-background: rgb(19, 84, 78);
  --navbar-text: rgb(27, 27, 27);
  --navbar-text-hover: black;
  --navbar-text-dekor: rgb(255, 191, 0);
  --navbar-test-dekor-hover: rgb(255, 255, 255);
  --navbar-logo-dekor: rgb(255, 191, 0);
  --navbar-logo-dekor-hover: rgb(19, 84, 78);
  --navbar-list-dropdown-background: rgb(19, 84, 78);
  --navbar-list-dropdown-text: rgb(255, 255, 255);
  --navbar-list-dropdown-background-hover: rgb(255, 255, 255);
  --navbar-list-dropdown-text-hover: black;
  --navbar-list-dropdown-label: rgb(250, 205, 0);
  --navbar-list-dropdown-hr: rgb(19, 84, 78);
  --search-background: rgb(232, 232, 232);
  --search-text: rgb(27, 27, 27);
  --search-text-hover: rgb(169, 169, 169);
  --search-button-text: rgb(27, 27, 27);
  --search-button-text-hover: rgb(249, 249, 249);
  --search-button-background: rgb(249, 249, 249);
  --search-button-background-hover: rgb(19, 84, 78);
  --search-button-border: rgb(19, 84, 78);
  --search-button-border-hover: rgb(19, 84, 78);
  --search-field-background: rgb(249, 249, 249);
  --search-field-text: rgb(27, 27, 27);
  --search-field-placeholder: rgb(169, 169, 169);
  --search-field-border: rgb(19, 84, 78);
  --search-field-border-focus: rgb(19, 84, 78);
  --search-field-border-shadow: rgba(134, 206, 195, 0.25);
  --search-field-label: rgb(169, 169, 169);
  --search-select-field-background: rgb(249, 249, 249);
  --search-select-field-border: rgb(19, 84, 78);
  --search-select-field-text-placeholder: rgb(169, 169, 169);
  --search-select-pick-background: rgb(249, 249, 249);
  --search-select-pick-border: rgb(169, 169, 169);
  --search-select-pick-text: rgb(27, 27, 27);
  --search-select-list-belt: rgb(169, 169, 169);
  --search-select-list-text-pick: rgb(249, 249, 249);
  --search-select-list-background: rgb(249, 249, 249);
  --search-select-list-text: rgb(169, 169, 169);
  --search-select-pick-x: rgb(27, 27, 27);
  --search-select-pick-x-background: rgb(249, 249, 249);
  --search-select-x-end: rgb(27, 27, 27);
  --search-select-list-none-background: rgb(82, 82, 82);
  --search-select-list-none-text: rgb(249, 249, 249);
  --filter-background: rgb(232, 232, 232);
  --filter-button-background: rgb(249, 249, 249);
  --filter-button-background-hover: rgb(19, 84, 78);
  --filter-button-text: rgb(27, 27, 27);
  --filter-button-text-hover: rgb(249, 249, 249);
  --filter-button-border: rgb(19, 84, 78);
  --filter-button-border-hover: rgb(19, 84, 78);
  --filter-button-sort-background: rgb(249, 249, 249);
  --filter-button-sort-background-hover: rgb(19, 84, 78);
  --filter-button-sort-text: rgb(27, 27, 27);
  --filter-button-sort-text-hover: rgb(249, 249, 249);
  --filter-button-sort-border: rgb(19, 84, 78);
  --filter-button-sort-border-hover: rgb(19, 84, 78);
  --filter-button-adv-background: rgb(249, 249, 249);
  --filter-button-adv-background-hover: rgb(19, 84, 78);
  --filter-button-adv-text: rgb(27, 27, 27);
  --filter-button-adv-text-hover: rgb(249, 249, 249);
  --filter-button-adv-border: rgb(19, 84, 78);
  --filter-button-adv-border-hover: rgb(19, 84, 78);
  --filter-dropdown-background: rgb(249, 249, 249);
  --filter-dropdown-text: rgb(27, 27, 27);
  --filter-dropdown-border: rgb(19, 84, 78);
  --filter-dropdown-background-path: rgb(249, 249, 249);
  --filter-dropdown-background-belt-scroll: rgb(27, 27, 27);
  --filter-dropdown-background-belt-scroll-hover: rgb(189, 189, 189);
  --filter-dropdown-border-focus: rgb(19, 84, 78);
  --filter-dropdown-border-shadow: rgba(143, 193, 179, 0.25);
  --footer-background: rgb(19, 84, 78);
  --footer-left-text: rgb(255, 255, 255);
  --footer-left-text-hover: yellowgreen;
  --footer-middle-icon: rgb(157, 157, 157);
  --footer-middle-icon-hover: rgb(255, 255, 255);
  --footer-right-text: rgb(255, 255, 255);
  --canvas-background: rgb(249, 249, 249);
  --canvas-text: rgb(27, 27, 27);
  --canvas-text-hover: rgb(169, 169, 169);
  --canvas-dekor: rgb(19, 84, 78);
  --canvas-dekor-line: rgb(195, 222, 214);
  --offer-background: rgb(232, 232, 232);
  --offer-title: #FF5A00;
  --offer-title-hover: green;
  --offer-firm: rgb(27, 27, 27);
  --offer-firm-hover: rgb(10, 138, 14);
  --offer-location: rgb(27, 27, 27);
  --offer-location-icon: rgb(27, 27, 27);
  --offer-salary: #FF5A00;
  --offer-unit: rgb(27, 27, 27);
  --offer-period: rgb(27, 27, 27);
  --offer-div: rgb(27, 27, 27);
  --offer-new-text: red;
  --offer-bookmarks: rgb(19, 84, 78);
  --offer-bookmarks-hover: yellowgreen;
  --offer-line-one-background: rgb(232, 232, 232);
  --offer-line-one-background-hover: rgb(173, 173, 173);
  --offer-line-one-text: rgb(27, 27, 27);
  --offer-line-one-text-hover: rgb(232, 232, 232);
  --offer-line-one-border: rgb(172, 172, 172);
  --offer-line-one-border-hover: rgb(19, 84, 78);
  --offer-line-two-icon: rgb(12, 192, 18);
  --offer-line-two-icon-hover: rgb(223, 85, 85);
  --offer-line-two-text: rgb(12, 192, 18);
  --offer-line-three-text: rgb(19, 84, 78);
  --login-forgot-enter-email: black;
  --login-describe-login: black;
  --login-background: rgb(232, 232, 232);
  --login-title: rgb(19, 84, 78);
  --login-button: rgb(255, 191, 0);
  --login-button-hover: green;
  --login-label: rgb(19, 84, 78);
  --login-button-text: rgb(255, 255, 255);
  --login-button-text-hover: rgb(255, 255, 255);
  --login-forgot: rgb(219, 96, 96);
  --login-forgot-hover: rgb(19, 84, 78);
  --forms-field-background: rgb(255, 255, 255);
  --forms-field-focus: rgb(239, 239, 239);
  --forms-field-border: rgb(19, 84, 78);
  --forms-field-shadow: rgba(134, 206, 195, 0.25);
  --forms-field-text: rgb(27, 27, 27);
  --forms-field-placeholder: rgb(158, 158, 158);
  --offer-form-background: rgb(232, 232, 232);
  --offer-form-title: rgb(19, 84, 78);
  --offer-form-h3: rgb(19, 84, 78);
  --offer-form-field-background: rgb(249, 249, 249);
  --offer-form-field-text: rgb(27, 27, 27);
  --offer-form-placeholder: rgb(158, 158, 158);
  --offer-form-label: rgb(19, 84, 78);
  --asteriskField: rgb(228, 74, 74);
  --checkbox: green;
  --offer-form-list-background: white;
  --offer-form-list-text: rgb(27, 27, 27);
  --offer-form-list-down-background: rgb(249, 249, 249);
  --offer-form-list-down-text: rgb(120, 120, 120);
  --offer-form-field-border: rgb(19, 84, 78);
  --offer-form-field-shadow: rgba(134, 206, 195, 0.25);
  --offer-form-btn-step-background: rgb(232, 232, 232);
  --offer-form-btn-step-border: rgb(19, 84, 78);
  --offer-form-btn-step-text: rgb(27, 27, 27);
  --offer-form-btn-step-background-hover: green;
  --offer-form-btn-step-text-hover: rgb(27, 27, 27);
  --offer-form-btn-step-border-hover: rgb(19, 84, 78);
  --offer-form-hr: rgb(19, 84, 78);
  --offer-tooltip-background: rgb(27, 27, 27);
  --offer-tooltip-text: rgb(212, 234, 14);
  --offer-btn-next-background: green;
  --offer-btn-next-background-hover: rgb(118, 209, 118);
  --offer-btn-next-text: rgb(27, 27, 27);
  --offer-btn-next-text-hover: rgb(56, 56, 56);
  --offer-btn-next-border: rgb(118, 209, 118);
  --offer-btn-next-border-hover: green;
  --offer-btn-all-background: rgb(0, 66, 128);
  --offer-btn-all-background-hover: rgb(122, 165, 205);
  --offer-btn-all-text: rgb(27, 27, 27);
  --offer-btn-all-text-hover: rgb(56, 56, 56);
  --offer-btn-all-border: rgb(122, 165, 205);
  --offer-btn-all-border-hover: rgb(0, 66, 128);
  --offer-btn-remove-background: rgb(218, 26, 26);
  --offer-btn-remove-background-hover: rgb(215, 149, 149);
  --offer-btn-remove-text: rgb(27, 27, 27);
  --offer-btn-remove-text-hover: rgb(56, 56, 56);
  --offer-btn-remove-border: rgb(215, 149, 149);
  --offer-btn-remove-border-hover: rgb(218, 26, 26);
  --offer-info-before-save: rgb(218, 26, 26);
  --pricelist-currency-label: rgb(19, 84, 78);
  --pricelist-chooseoffer-label: rgb(19, 84, 78);
  --pricelist-card-backgrounds: rgb(232, 232, 232);
  --pricelist-card-footer-backgrounds: rgb(232, 232, 232);
  --pricelist-card-backgrounds-hover: rgb(37, 133, 13);
  --pricelist-card-footer-backgrounds-hover: rgb(37, 133, 13);
  --pricelist-card-border: rgb(27, 27, 27);
  --pricelist-card-border-hover: rgb(19, 84, 78);
  --pricelist-card-title: rgb(255, 123, 0);
  --pricelist-card-title-hover: rgb(27, 27, 27);
  --pricelist-card-title-optimum: green;
  --pricelist-card-price: rgb(27, 27, 27);
  --pricelist-card-tax: rgb(27, 27, 27);
  --pricelist-card-table: rgb(27, 27, 27);
  --pricelist-button-background: green;
  --pricelist-button-background-hover: rgb(255, 123, 0);
  --pricelist-button-text: rgb(27, 27, 27);
  --pricelist-button-text-hover: rgb(27, 27, 27);
  --pricelist-button-border: rgb(93, 166, 93);
  --pricelist-button-border-hover: rgb(228, 172, 92);
  --pricelist-description-title: rgb(176, 176, 176);
  --pricelist-description-text: rgb(27, 27, 27);
  --pricelist-description-text-hover: rgb(200, 228, 12);
  --pricelist-points-text: rgb(27, 27, 27);
  --pricelist-points: rgb(218, 85, 85);
  --offer-view-backgrounds: rgb(232, 232, 232);
  --offer-view-text: rgb(27, 27, 27);
  --offer-view-title: rgb(164, 29, 167);
  --offer-view-company: rgb(27, 27, 27);
  --offer-view-profile: rgb(19, 84, 78);
  --offer-view-profile-hover: yellowgreen;
  --offer-view-price: rgb(164, 29, 167);
  --offer-view-bookmark: #2c3e50;
  --offer-view-bookmark-hover: #FF5A00;
  --offer-view-personal-strong: rgb(141, 141, 141);
  --offer-view-personal-p: rgb(27, 27, 27);
  --offer-view-personal-deadline: rgb(164, 29, 167);
  --offer-view-red: rgb(221, 89, 52);
  --offer-view-green: rgb(27, 214, 27);
  --offer-view-disability: rgb(139, 137, 137);
  --offer-view-headsection: rgb(250, 205, 0);
  --offer-view-borderend: rgb(19, 84, 78);
  --offer-view-title-section: rgb(152, 152, 152);
  --offer-view-lists-text: rgb(27, 27, 27);
  --offer-view-lists-head: rgb(19, 84, 78);
  --offer-view-social-icon: green;
  --offer-view-social-icon-hover: rgb(27, 214, 27);
  --offer-view-button-apply-background: rgb(255, 123, 0);
  --offer-view-button-apply-background-hover: green;
  --offer-view-button-apply-text: rgb(232, 232, 232);
  --offer-view-button-apply-text-hover: rgb(27, 27, 27);
  --offer-view-button-apply-border: rgb(216, 178, 143);
  --offer-view-button-apply-border-hover: rgb(129, 208, 129);
  --offer-view-icon-disability-on: rgb(27, 214, 27);
  --offer-view-icon-disability-off: rgb(139, 137, 137);
  --offer-view-modal-apply-background: rgb(232, 232, 232);
  --offer-view-modal-apply-border: rgb(19, 84, 78);
  --offer-view-modal-apply-border-shadow: rgba(27, 214, 27, 0.2);
  --offer-view-modal-apply-title: rgb(27, 27, 27);
  --offer-view-modal-btn-apply-background: rgb(255, 123, 0);
  --offer-view-modal-btn-apply-background-hover: green;
  --offer-view-modal-btn-apply-text: rgb(232, 232, 232);
  --offer-view-modal-btn-apply-text-hover: rgb(27, 27, 27);
  --inbox-send: rgb(27, 214, 27);
  --inbox-send-hover: green;
  --inbox-static-icon: rgb(27, 27, 27);
  --inbox-static-icon-count: rgb(220, 172, 15);
  --inbox-icon-repeat: rgb(27, 214, 27);
  --inbox-icon-trash: rgb(216, 66, 66);
  --inbox-icon-envelop: rgb(19, 84, 78);
  --inbox-icon-download: rgb(255, 123, 0);
  --inbox-icon-eyeoff: rgb(255, 123, 0);
  --inbox-icon-paynow: rgb(66, 211, 216);
  --inbox-icon-pay: rgb(242, 141, 9);
  --inbox-message-text: rgb(27, 27, 27);
  --inbox-table-head-text: green;
  --inbox-table-info-text: black;
  --id-link: rgb(164, 29, 167);
  --id-link-hover: yellowgreen;
  --id-modal-background: rgb(232, 232, 232);
  --id-modal-title: rgb(255, 123, 0);
  --id-modal-text: rgb(27, 27, 27);
  --id-modal-line: rgb(168, 168, 168);
  --renew-price: rgb(27, 214, 27);
  --renew-button-background: green;
  --renew-button-background-hover: rgb(255, 123, 0);
  --renew-button-text: rgb(27, 27, 27);
  --renew-button-text-hover: rgb(27, 27, 27);
  --renew-button-border: rgb(93, 166, 93);
  --renew-button-border-hover: rgb(228, 172, 92);
  --renew-button-off: rgb(146, 146, 145);
  --renew-placeholder: rgb(84, 84, 84);
  --dashboard-title: rgb(27, 214, 27);
  --dashboard-title-hover: rgb(255, 123, 0);
  --dashboard-head: rgb(249, 249, 249);
  --dashboard-head-hover: rgb(27, 214, 27);
  --dashboard-dropdown: rgb(249, 249, 249);
  --dashboard-dropdown-hover: rgb(232, 232, 232);
  --dashboard-dropdown-off: rgb(164, 32, 32);
  --dashboard-dropdown-belt: black;
  --dashboard-content-h4: green;
  --dashboard-content-p: rgb(27, 27, 27);
  --dashboard-content-strong: black;
  --dashboard-content-info: rgb(164, 29, 167);
  --dashboard-content-info-hover: rgb(27, 214, 27);
  --success-title: rgb(27, 27, 27);
  --success-content: rgb(27, 27, 27);
  --success-close: rgb(182, 157, 15);
  --success-close-hover: rgb(232, 232, 232);
  --ads-background: rgb(249, 249, 249);
  --ads-border-shadow: rgba(250, 205, 0, 0.5);
  --ads-title: green;
  --ads-category: rgb(27, 27, 27);
  --ads-valid: rgb(219, 34, 34);
  --ads-price: rgb(27, 27, 27);
  --ads-usd: green;
  --ads-company: rgb(27, 27, 27);
  --ads-view-photo-border: rgb(19, 84, 78);
  --ads-view-title: green;
  --ads-view-text: rgb(27, 27, 27);
  --ads-view-profile: rgb(19, 84, 78);
  --ads-view-profile-hover: rgb(30, 223, 20);
  --shop-view-warranty-title: rgb(19, 84, 78);
  --shop-view-warranty-text: rgb(27, 27, 27);
  --shop-view-license-title: rgb(19, 84, 78);
  --shop-view-license-text: rgb(30, 223, 20);
  --shop-view-button-buy: green;
  --shop-view-button-buy-text: rgb(249, 249, 249);
  --shop-view-button-buy-border: green;
  --shop-view-button-buy-hover: green;
  --shop-view-button-buy-text-hover: rgb(27, 27, 27);
  --shop-view-button-buy-border-hover: rgb(30, 223, 20);
  --shop-view-price: rgb(27, 27, 27);
  --shop-view-price-value: rgb(30, 223, 20);
  --shop-view-price-currency: rgb(27, 27, 27);
  --shop-buyform-product: rgb(27, 27, 27);
  --shop-buyform-product-text: green;
  --shop-buyform-price: rgb(27, 27, 27);
  --shop-buyform-price-text: green;
  --shop-buyform-price-currency: rgb(30, 223, 20);
  --thanks-thanks-label: rgb(19, 84, 78);
  --thanks-thanks-text: rgb(27, 27, 27);
  --thanks-button-border: rgb(19, 84, 78);
  --thanks-button-border-hover: rgb(30, 223, 20);
  --thanks-button-background: rgb(232, 232, 232);
  --thanks-button-background-hover: rgb(249, 249, 249);
  --thanks-button-text: green;
  --thanks-button-text-hover: rgb(30, 223, 20);
  --candidate-person: green;
  --candidate-stick: rgb(30, 223, 20);
  --candidate-download: rgb(27, 27, 27);
  --candidate-border-shadow: rgba(220, 243, 8, 0.25);
  --sell-accepted: rgb(30, 223, 20);
  --sell-rejected: rgb(236, 95, 14);
  --sell-comment: rgb(30, 223, 20);
  --sell-completed: rgb(30, 223, 20);
  --nickmail-taken: rgb(236, 95, 14);
  --nickmail-available: rgb(179, 220, 15);
  --nickmail-text: green;
  --important-h4-text: rgb(236, 95, 14);
  --pdf-invoice: rgb(179, 220, 15);
  --paginator-a: rgb(27, 27, 27);
  --paginator-a-hover: rgb(179, 220, 15);
  --paginator-span: black;
  --htmx-btn-submit-background: rgb(0, 58, 0);
  --htmx-btn-submit-solid: green;
  --htmx-btn-submit-text: rgb(224, 224, 224);
  --htmx-btn-submit-background-hover: green;
  --htmx-btn-submit-solid-hover: rgb(0, 58, 0);
  --htmx-btn-submit-text-hover: rgb(224, 224, 224);
  --htmx-btn-add-background: rgb(166, 78, 19);
  --htmx-btn-add-solid: rgb(233, 112, 32);
  --htmx-btn-add-text: rgb(224, 224, 224);
  --htmx-btn-add-background-hover: rgb(233, 112, 32);
  --htmx-btn-add-solid-hover: rgb(233, 112, 32);
  --htmx-btn-add-text-hover: rgb(224, 224, 224);
  --htmx-btn-delete-background: rgb(183, 16, 16);
  --htmx-btn-delete-solid: rgb(240, 54, 54);
  --htmx-btn-delete-text: rgb(224, 224, 224);
  --htmx-btn-delete-background-hover: rgb(240, 54, 54);
  --htmx-btn-delete-solid-hover: rgb(240, 54, 54);
  --htmx-btn-delete-text-hover: rgb(224, 224, 224);
  --htmx-btn-remove-background: rgb(183, 16, 16);
  --htmx-btn-remove-solid: rgb(240, 54, 54);
  --htmx-btn-remove-text: rgb(224, 224, 224);
  --htmx-btn-remove-background-hover: rgb(240, 54, 54);
  --htmx-btn-remove-solid-hover: rgb(240, 54, 54);
  --htmx-btn-remove-text-hover: rgb(224, 224, 224);
  --htmx-p-text: rgb(27, 27, 27);
  --guide-background: rgb(232, 232, 232);
  --guide-modal-head: rgb(27, 214, 27);
  --guide-modal-title: green;
  --guide-modal-p: rgb(27, 27, 27);
  --guide-modal-btn-background: green;
  --guide-modal-btn-solid: green;
  --guide-modal-btn-text: rgb(249, 249, 249);
  --guide-modal-btn-background-hover: rgb(249, 249, 249);
  --guide-modal-btn-solid-hover: green;
  --guide-modal-btn-text-hover: rgb(27, 27, 27);
  --stoneinview-title: green;
  --stoneinview-text: rgb(172, 172, 172);
  --stoneinview-text-span: rgb(27, 27, 27);
  --stoneinview-longtext: rgb(172, 172, 172);
  --stoneinview-longtext-p: rgb(27, 27, 27);
  --stoneinview-price: yellowgreen;
  --stoneinview-price-desc: yellowgreen;
  --stoneinview-price-currency: yellowgreen;
  --stoneinview-price-period: yellowgreen;
  --stoneinview-text-stonestatus: yellowgreen;
  --stoneinview-text-deadline: rgb(211, 101, 22);
  --stoneinview-stonecontact: green;
  --register_error-formtitle: rgb(27, 27, 27);
  --aplicant-cv: rgb(27, 27, 27);
  --aplicant-cv-a: rgb(188, 188, 32);
  --aplicant-cv-a-hover: rgb(27, 27, 27);
  --aplicant-joinregistry: greenyellow;
  --aplicant-joinregistry-register: green;
  --aplicant-joinregistry-jointext: black;
  --aplicant-joinregistry-showapply-a: rgb(164, 29, 167);
  --aplicant-joinregistry-showapply-a-hover: rgb(168, 118, 169);
  --map_in_offer-popup-wrapper-background: rgb(118, 171, 174);
  --map_in_offer-popup-wrapper-text: rgb(27, 27, 27);
  --map_in_offer-popup-wrapper-shadow: rgba(0, 0, 0, 0.4);
  --map_in_offer-popup-tip-background: rgb(118, 171, 174);
  --map_in_offer-popup-tip-shadow: rgba(0, 0, 0, 0.4);
  --map_in_offer-popup-tip-a: rgb(221, 237, 9);
  --map_in_offer-popup-tip-a-hover: rgb(255, 255, 255);
  --counter: rgb(19, 84, 78);
  --counter-warning: red;
  --inbox-attachment-text: rgb(19, 84, 78);
  --inbox-sendmail: rgb(27, 27, 27);
  --inbox-captcha-background: rgb(232, 232, 232);
  --projects-list-txt-laboratory-list: white;
  --projects-list-txt-language-list: white;
  --maps-btn-advanced-background: rgb(249, 249, 249);
  --maps-btn-advanced-txt: green;
  --maps-btn-advanced-border: rgb(255, 193, 7);
  --maps-btn-advanced-background-hover: rgb(255, 193, 7);
  --maps-btn-advanced-txt-hover: rgb(249, 249, 249);
  --maps-btn-advanced-border-hover: rgb(249, 249, 249);
  --maps-btn-reset-background: rgb(249, 249, 249);
  --maps-btn-reset-txt: green;
  --maps-btn-reset-border: rgb(255, 193, 7);
  --maps-btn-reset-background-hover: rgb(17, 210, 244);
  --maps-btn-reset-txt-hover: rgb(249, 249, 249);
  --maps-btn-reset-border-hover: rgb(249, 249, 249);
  --maps-radius-selector-background: rgb(232, 232, 232);
  --maps-radius-selector-border: rgb(255, 193, 7);
  --maps-radius-selector-txt: green;
  --maps-selector-background: rgb(249, 249, 249);
  --maps-selector-border: rgb(255, 193, 7);
  --maps-selector-txt: green;
  --maps-selector-background-option: rgb(249, 249, 249);
  --maps-selector-txt-option: green;
  --maps-marker-wrapper-background: rgb(249, 249, 249);
  --maps-marker-price-background: rgb(249, 249, 249);
  --maps-marker-price-txt: rgb(255, 193, 7);
  --maps-marker-title-txt: rgb(103, 201, 22);
  --maps-marker-link-txt: green;
  --maps-marker-link-txt-hover: greenyellow;
  --maps-marker-close-txt: red;
  --maps-marker-close-txt-hover: rgb(255, 131, 131);
  --group-label-retro-grant: rgb(27, 27, 27);
  --stats-status-title: green;
  --stats-status-green: greenyellow;
  --stats-status-yellow: yellow;
  --stats-status-orange: orange;
  --stats-status-red: red;
  --accounts-fill: rgb(30, 30, 30);
  --accounts-captcha-background: rgb(232, 232, 232);
  --accounts-describe: rgb(27, 27, 27);
  --summary-ads-title: rgb(27, 27, 27);
  --summary-ads-h2: green;
  --summary-ads-h3: green;
  --chat-window-background: rgb(94, 94, 94);
  --chat-window-label: rgb(165, 165, 165);
  --chat-window-hover: green;
  --chat-window-username: rgb(255, 255, 255);
  --chat-window-time: rgb(165, 165, 165);
  --chat-window-header-background: rgb(62, 62, 62);
  --chat-window-message-txt: rgb(27, 27, 27);
  --chat-window-message-label: rgb(255, 255, 255);
  --chat-window-message-input-background: rgb(232, 232, 232);
  --chat-window-message-input-txt: rgb(27, 27, 27);
  --chat-window-message-input-focus: green;
  --chat-window-message-card-txt: rgb(27, 27, 27);
  --chat-window-message-card-background: rgb(232, 232, 232);
  --chat-typing-status: yellow;
  --chat-photo-border: rgb(149, 149, 149);
  --chat-window-message-card-counter: greenyellow;
  --chat-window-message-card-counter-warning: rgb(255, 148, 244);
  --chat-window-message-card-system-message: rgb(214, 237, 11);
  --navbar-icons-hover: red;
  --dashboard-menu-dropdown-background: blue;
  --dashboard-menu-dropdown-background: blue;
  --home-cookie-background: rgb(40, 40, 40);
  --home-cookie-txt: rgb(255, 255, 255);
  --home-cookie-txt-a: rgb(62, 163, 196);
  --home-cookie-txt-a-hover: greenyellow;
  --home-cookie-button-accept-background: green;
  --home-cookie-button-accept-txt: white;
  --home-cookie-button-accept-background-hover: rgb(2, 156, 2);
  --home-cookie-button-reject-background: red;
  --home-cookie-button-reject-txt: white;
  --home-cookie-button-reject-background-hover: orangered;
  --addons-purchase-code: red;
  --addons-stars-quality: gold;
  --addons-stars-service: gold;
  --addons-icons-person-vcard: orange;
  --addons-icons-person-vcard-hover: rgb(212, 234, 14);
  --addons-icons-bookmark-fill: green;
  --addons-icons-bookmark-fill-hover: rgb(212, 234, 14);
  --addons-icons-person-fill-lock: red;
  --addons-icons-person-fill-gear: rgb(23, 154, 242);
  --addons-icons-person-fill-gear-hover: rgb(212, 234, 14);
  --addons-icons-talentbookmark: orange;
  --addons-icons-talentbookmark-hover: rgb(212, 234, 14);
  --addons-icons-chat-dots: green;
  --addons-icons-chat-dots-hover: rgb(212, 234, 14);
  --addons-icons-incognito: orange;
  --addons-icons-incognito-hover: rgb(212, 234, 14);
  --addons-partner-profile-title: green;
  --addons-partner-profile-txt: rgb(27, 27, 27);
  --addons-partner-profile-stats: rgb(27, 27, 27);
  --addons-partner-profile-commissions: rgb(27, 27, 27);
  --addons-partner-profile-table-span: green;
  --addons-charity-ads-text: rgb(173, 173, 173);
  --addons-charity-ads-text-strong: rgb(28, 175, 41);
  --addons-charity-ads-text-down: rgb(173, 173, 173);
  --addons-jobsoffers-suggestions-maps-background: white;
  --addons-jobsoffers-suggestions-maps-border: rgb(204, 204, 204);
  --addons-jobsoffers-suggestions-maps-item-border: rgb(238, 238, 238);
  --addons-jobsoffers-list-exclusive-txt: #FF5A00;
  --addons-jobsoffers-altlocations-icon: rgb(27, 27, 27);
  --addons-jobsoffers-altlocations-icon-hover: green;
  --addons-jobsoffers-popover-txt: rgb(27, 27, 27);
  --addons-jobsoffers-popover-background: rgb(249, 249, 249);
  --addons-jobsoffers-popover-border: green;
  --addons-user-edit-cv-label: rgb(27, 27, 27);
  --addons-user-edit-cv-p: rgb(27, 27, 27);
  --addons-user-edit-cv-a: rgb(27, 27, 27);
  --addons-user-edit-cv-a-hover: yellowgreen;
  --addons-gallery-photo-add-txt: rgb(27, 27, 27);
  --candidate-application-consent-yes: green;
  --candidate-application-consent-no: red;
  --candidate-application-note-txt: black;
  --navbar-register-txt: whitesmoke;
  --navbar-register-txt-hover: goldenrod;
  --footer-poweredby: gold;
  --map-form-text: rgb(208, 48, 48);
  --jobs-id-view-iconchart: rgb(20, 157, 231);
  --jobs-list-iconquiz: rgb(20, 157, 231);
  --addons-bi-file-earmark-text: rgb(11, 233, 218);
  --bi-file-earmark-text: rgb(11, 233, 218);
  --bi-file-earmark-arrow-up: rgb(11, 233, 218);
  --quiz-id-bi-list-stars: rgb(11, 233, 218);
  --ts-link-ts-chat: rgb(164, 29, 167);
  --ts-link-ts-chat-a: green;
  --ts-link-ts-chat-a-hover: rgb(0, 193, 0);
  --alert-warning-background: rgb(255, 235, 163);
  --alert-warning-border: rgb(118, 99, 30);
  --notifications-daschboard-view-background: rgb(19, 84, 78);
  --notifications-daschboard-view-border: rgb(45, 142, 23);
  --notifications-daschboard-view-h4: gold;
  --singlenotifications-daschboard-view-background: rgb(12, 54, 50);
  --singlenotifications-daschboard-view-border: #e0e0e0;
  --singlenotifications-daschboard-view-text: whitesmoke;
  --singlenotifications-daschboard-view-background-hover: rgb(25, 105, 96);
  --singlenotifications-daschboard-view-button-bacground: whitesmoke;
  --singlenotifications-daschboard-view-button-txt: #393939;
  --singlenotifications-daschboard-view-button-bacground-hover: #2eb04a;
  --singlenotifications-daschboard-view-button-txt-hover: whitesmoke;
  --daschboardbutton-checkguide-background: rgb(19, 84, 78);
  --daschboardbutton-checkguide-border: rgb(45, 142, 23);
  --daschboardbutton-checkguide-icon: whitesmoke;
  --daschboardbutton-checkguide-text: whitesmoke;
  --daschboardbutton-checkguide-background-hover: rgb(116, 116, 116);
  --daschboardbutton-checkguide-border-hover: rgb(42, 42, 42);
  --daschboardbutton-checkguide-icon-hover: rgb(170, 255, 0);
  --daschboardbutton-checkguide-text-hover: rgb(170, 255, 0);
  --daschboard-createprofile-button-background: rgb(19, 84, 78);
  --daschboard-createprofile-button-text: whitesmoke;
  --daschboard-createprofile-button-background-hover: rgb(12, 54, 50);
  --daschboard-createprofile-button-text-hover: rgb(170, 255, 0);
  --candidate-id-background: rgb(224, 224, 224);
  --candidate-id-border: rgb(19, 84, 78);
  --candidate-id-text: rgb(40, 40, 40);
  --candidate-id-select-border-hover: goldenrod;
  --candidate-id-select-background-hover: rgb(246, 246, 246);
  --candidate-id-select-focus: goldenrod;
  --candidate-id-note-icon-empty: grey;
  --candidate-id-disbale-background: #e8e8e8;
  --candidate-id-disbale-tekst: rgb(209, 93, 93);
  --candidate-id-disbale-border: rgb(225, 15, 15);
  --candidate-id-disbale-background-hover: #e4e4e4;
  --candidate-id-disbale-border-hover: #f80303;
  --ads-create-p: rgb(19, 84, 78);
  --ads-create-li: rgb(19, 84, 78);
  --register-checkbox: green;
  --register-morelink: #007bff;
  --register-more-text: #3a3a3a;
  --register-textdanger: #dc3545;
  --captcha-background: rgb(232, 232, 232);
  --gallery-button-remove-background: whitesmoke;
  --gallery-button-remove-text: red;
  --gallery-button-remove-border: red;
  --gallery-button-remove-background-hover: red;
  --gallery-button-remove-text-hover: whitesmoke;
  --gallery-button-remove-border-hover: red;
  --gallery-progress-bar-background: green;
  --gallery-progress-bar-tekst: whitesmoke;
  --success-end-tekst: green;
  --cookies-button-background: rgb(19, 84, 78);
  --cookies-button-text: whitesmoke;
  --cookies-button-background-hover: rgb(34, 152, 140);
  --cookies-button-text-hover: whitesmoke;
  --cookies-text-p: gold;
  --cookies-text-p-hover: rgb(238, 255, 0);
  --cookies-background: rgb(40, 40, 40);
  --cookies-background-hover: rgb(40, 40, 40);
  --cookies-agree-form-background: #e2e2e2;
  --cookies-agree-form-border: rgb(222, 226, 230);
  --cookies-agree-form-text: rgb(34, 34, 34);
  --cookies-agree-form-button-background: rgb(19, 84, 78);
  --cookies-agree-form-button-text: whitesmoke;
  --cookies-agree-form-button-border: rgb(19, 84, 78);
  --cookies-agree-form-button-background-hover: rgb(35, 142, 131);
  --cookies-agree-form-button-text-hover: rgb(147, 224, 30);
  --cookies-agree-form-button-border-hover: rgb(19, 84, 78);
  --cookies-agree-form-more-text: #6c757d;
  --cookies-agree-form-more-background: #f8f9fa;
  --cookies-agree-form-more-border: rgb(222, 226, 230);
  --cookies-agree-form-button-more-text: rgb(19, 84, 78);
  --cookies-agree-form-button-more-text-hover: rgb(35, 142, 131);
  --addphoto-edit-text: rgb(19, 84, 78);
  --quiz-formchecked-background: rgb(40, 167, 69);
  --quiz-formchecked-border: rgb(40, 167, 69);
  --quiz-answer-background: rgb(51, 51, 51);
  --quiz-answer-text: whitesmoke;
  --quiz-formchecked-label: whitesmoke;
  --partner-commissions-text: rgb(19, 84, 78);
  --partner-commissions-input-background: whitesmoke;
  --partner-commissions-input-text: black;
  --faq-h2: #333333;
  --faq-accord-header-background: #eaf6ff;
  --faq-accord-header-text: rgb(19, 84, 78);
  --faq-accord-header-background-pick: rgb(19, 84, 78);
  --faq-accord-header-text-pick: rgb(212, 212, 212);
  --faq-accord-header-background-body: #dbdee2;
  --faq-accord-header-text-body: #3a3a3a;
  --faq-accord-header-text-a-body: #3a3a3a;
  --faq-accord-header-text-a-strong-body: blue;
  --faq-accord-header-text-note-body: #cf2323;
  --faq-accord-header-text-pay-body: #1e850a;
  --faq-accord-header-background-hover: rgb(45, 197, 181);
  --faq-accord-header-text-hover: rgb(19, 84, 78);
  --shadow: rgba(0, 0, 0, 0.3);
  --gradient-background: rgb(38, 169, 158);
  --gradient-search: rgb(255, 255, 255);
  --gradient-skills: rgb(109, 109, 109);
  --qwertysmart-form-text: rgb(19, 84, 78);
  --qwertysmart-form-select-text: black;
  --qwertysmart-form-select-background: white;
  --qwertysmart-form-select-border: rgb(19, 84, 78);
  --szablon-background: #ffffff;
  --szablon-captcha-background: #eaeaea;
  --szablon-personphoto-border: #FF5A00;
  --szablon-body-background: #f5f5f5;
  --szablon-body-txt: #333;
  --szablon-hero-background: #ffffff;
  --szablon-hero-background-shadow: rgba(0, 0, 0, 0.3);
  --szablon-hero-h1: #FF5A00;
  --szablon-hero-p: #666;
  --szablon-hero-show-apply-a: rgb(13, 183, 206);
  --szablon-hero-show-apply-a-hover: #FF5A00;
  --szablon-hero-joinregistry: rgb(13, 183, 206);
  --szablon-hero-jointext: #777;
  --szablon-btn-apply-background: #FF5A00;
  --szablon-btn-apply-color: white;
  --szablon-btn-apply-border: #e67e22;
  --szablon-btn-apply-background-hover: green;
  --szablon-btn-apply-color-hover: white;
  --szablon-btn-apply-border-hover: rgb(110, 215, 23);
  --szablon-hero-h4: rgb(44, 62, 80);
  --szablon-hero-btn-background: #FF5A00;
  --szablon-hero-btn-txt: white;
  --szablon-hero-btn-background-hover: green;
  --szablon-hero-btn-txt-hover: white;
  --szablon-hero-footer-p: #FF5A00;
  --szablon-one-r-h3: #FF5A00;
  --szablon-one-r-p: rgb(44, 62, 80);
  --szablon-one-r-profile: rgb(13, 183, 206);
  --szablon-one-r-profile-hover: #FF5A00;
  --szablon-twoone-l-h3: #FF5A00;
  --szablon-twoone-l-p: rgb(44, 62, 80);
  --szablon-twoone-l-background: white;
  --szablon-twoone-l-image-border: #FF5A00;
  --szablon-two-l-h3: #FF5A00;
  --szablon-two-l-p: rgb(44, 62, 80);
  --szablon-two-l-background: #ffffff;
  --szablon-two-l-background-border: rgba(0, 0, 0, 0.3);
  --szablon-three-deadline: rgb(0, 177, 0);
  --szablon-three-l-h3: #FF5A00;
  --szablon-three-l-p: rgb(44, 62, 80);
  --szablon-three-l-h2: rgb(13, 183, 206);
  --szablon-three-l-h2-strong: rgb(44, 62, 80);
  --szablon-three-l-h5: rgb(44, 62, 80);
  --szablon-four-l-h3: #FF5A00;
  --szablon-four-l-p: rgb(44, 62, 80);
  --szablon-four-l-span: rgb(44, 62, 80);
  --szablon-four-l-strong: rgb(44, 62, 80);
  --szablon-four-l-background: #ffffff;
  --szablon-four-l-background-border: rgba(0, 0, 0, 0.3);
  --szablon-four-l-h2: #FF5A00;
  --szablon-four-l-h5: rgb(44, 62, 80);
  --szablon-four-l-a: rgb(13, 183, 206);
  --szablon-four-l-deadline: rgb(0, 177, 0);
  --szablon-four-l-retro: #FF5A00;
  --szablon-four-l-retro-h5: #FF5A00;
  --szablon-five-r-h2: #FF5A00;
  --szablon-five-r-h3: rgb(44, 62, 80);
  --szablon-five-r-p: rgb(44, 62, 80);
  --szablon-five-r-text-p: rgb(44, 62, 80);
  --szablon-six-l-background: #ffffff;
  --szablon-six-l-background-border: rgba(0, 0, 0, 0.3);
  --szablon-six-l-h3: rgb(44, 62, 80);
  --szablon-six-l-p: rgb(44, 62, 80);
  --szablon-six-l-span: rgb(44, 62, 80);
  --szablon-six-l-h2: #FF5A00;
  --szablon-six-l-h6: rgb(44, 62, 80);
  --szablon-six-l-h5: rgb(44, 62, 80);
  --szablon-seven-background: #ffffff;
  --szablon-seven-background-border: rgba(0, 0, 0, 0.3);
  --szablon-seven-h4: #FF5A00;
  --szablon-seven-p: rgb(44, 62, 80);
  --szablon-seven-retro: #FF5A00;
  --szablon-icon-i: #333;
  --szablon-icon-i-hover: red;
  --szablon-icon-link: #FF5A00;
  --szablon-icon-no-link: #6c757d;
  --szablon-icon-link-hover: #4a8f09;
  --szablon-gallery-h4: #FF5A00;
  --szablon-gallery-border: #FF5A00;
  --szablon-filter-bullet: rgb(44, 62, 80);
  --szablon-filter-bullet-li: rgb(13, 183, 206);
  --szablon-filter-numbered: rgb(44, 62, 80);
  --szablon-filter-important: rgb(13, 183, 206);
  --szablon-filter-highlight: #0ac716;
  --szablon-filter-icon-text: rgb(44, 62, 80);
  --szablon-filter-icon: rgb(13, 183, 206);
  --szablon-section-buttons-title-background: #ffffff;
  --szablon-section-buttons-title-border: rgba(0, 0, 0, 0.3);
  --szablon-section-buttons-title-h3: #FF5A00;
  --szablon-section-buttons-background: #ffffff;
  --szablon-section-buttons-btn-background: #FF5A00;
  --szablon-section-buttons-btn-text: white;
  --szablon-section-buttons-btn-background-hover: green;
  --szablon-section-buttons-btn-text-hover: white;
  --ribbon-background: #d60000;
  --ribbon-text: white;
  --icon-recommended: #FF5A00;
  --icon-recommended-hover: #d60000;
}

/* 
dorobic canvas search
dorobic canvas inbox
lista tabela
formualrze
podglad oferty
podglad profilu
cennik
daschboard
dachboard-menu
formualarz aplikanta
formualarz inbox
login
register
shop / ads


podstrony:
- podziekowanie za zakupy
- error platnosci
- about-us
- pricelist
- privacy policy
- termin and conditions
- faq



dojdzie: 
mapa
chat


*/
body {
  font-family: "Montserrat", sans-serif;
  max-width: 80%; /* Maksymalna szerokość 80% ekranu */
  margin: 0 auto; /* Wyśrodkowanie kontenera */
  background-color: var(--szablon-body-background);
  color: var(--szablon-body-txt);
  /* Klasa aktywująca animację */
  /*** Nowe style dla wyrównania tekstu po ":" ***/
  /* twoone-l START */
  /* Klasa aktywująca animację */
  /* twoone-l END */
  /* Klasa aktywująca animację */
  /*** Nowe style dla wyrównania tekstu po ":" ***/
  /* Klasa aktywująca animację */
  /*** Nowe style dla wyrównania tekstu po ":" ***/
  /* Klasa aktywująca animację */
  /* Klasa aktywująca animację */
  /*** Nowe style dla wyrównania tekstu po ":" ***/
  /* social media */
}
body .hidden-content {
  display: none;
}
body .section-2 {
  background-color: var(--szablon-background) !important;
}
body .edit-new {
  background-color: var(--szablon-background);
}
body .engineer-icon-one {
  position: absolute;
  opacity: 0.1;
  z-index: 5;
  top: 10%;
  left: 15%;
  width: 10%;
  animation: zoom-in-out 20s infinite ease-in-out;
}
@keyframes zoom-in-out {
  0%, 100% {
    transform: scale(1); /* Początkowy rozmiar */
  }
  50% {
    transform: scale(1.5); /* Powiększenie */
  }
}
body .engineer-icon-two {
  position: absolute;
  opacity: 0.05;
  z-index: 5;
  top: 15%;
  right: 5%;
  width: 20%;
  animation: rotate-right-left 60s infinite linear;
}
@keyframes rotate-right-left {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(30deg);
  }
  75% {
    transform: rotate(-30deg);
  }
}
body #div_id_captcha {
  padding-bottom: 0.2rem;
}
body #id_captcha {
  background-color: var(--szablon-captcha-background) !important;
}
body .bi-file-earmark-text {
  font-size: 2rem;
  color: var(--bi-file-earmark-text) !important;
}
body .bi-file-earmark-text:hover {
  color: var(--addons-icons-person-vcard-hover) !important;
}
body .bi-file-earmark-arrow-up {
  font-size: 2rem;
  color: var(--bi-file-earmark-arrow-up) !important;
}
body .bi-file-earmark-arrow-up:hover {
  color: var(--addons-icons-person-vcard-hover) !important;
}
body .person-image-two-l {
  display: inline-block; /* Zapewnia prawidłowe wyrównanie */
  margin-right: 20px; /* Dodaje odstęp między zdjęciem a tekstem */
  width: 150px; /* Kontroluje szerokość kontenera na zdjęcie */
}
body .person-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover; /* Dopasowuje obraz do kontenera */
  display: block; /* Upewnia się, że obraz zachowuje się jak blokowy element */
  border: 2px solid var(--szablon-personphoto-border);
}
body .content-text-two-l {
  margin-left: 10px; /* Ustawienie mniejszego marginesu na 10px */
}
body .hero-section {
  background-color: var(--szablon-hero-background);
  box-shadow: 6px 6px 15px var(--szablon-hero-background-shadow);
  padding: 60px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
body .hero-section h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--szablon-hero-h1);
}
body .hero-section p {
  font-size: 1.5rem;
  margin-bottom: 30px;
  color: var(--szablon-hero-p);
}
body .hero-section .bookmark a {
  font-size: 2.4rem;
  color: var(--offer-view-bookmark);
  margin-right: 1rem;
}
body .hero-section .bookmark a:hover {
  color: var(--offer-view-bookmark-hover);
}
body .hero-section .show-apply {
  padding-top: 1rem;
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
}
body .hero-section .show-apply a {
  color: var(--szablon-hero-show-apply-a);
  text-decoration: none;
}
body .hero-section .show-apply a:hover {
  color: var(--szablon-hero-show-apply-a-hover);
}
body .hero-section .joinregistry-register {
  color: var(--szablon-hero-joinregistry);
  font-size: 1.8rem;
  font-weight: 800;
  padding-top: 2rem;
  padding-bottom: 0;
}
body .hero-section .jointext {
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  color: var(--szablon-hero-jointext);
}
body .hero-section .btn-apply {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 2.2rem;
  font-weight: 600;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--szablon-btn-apply-background);
  color: var(--szablon-btn-apply-color);
  border: 2px solid var(--szablon-btn-apply-border);
  border-radius: 15px;
  align-items: center;
  justify-content: center;
}
body .hero-section .btn-apply:hover {
  font-size: 2.2rem;
  font-weight: 600;
  background-color: var(--szablon-btn-apply-background-hover);
  color: var(--szablon-btn-apply-color-hover);
  border: 2px solid var(--szablon-btn-apply-border-hover);
}
body .hero-section h4 span {
  font-family: "Poppins", sans-serif;
  color: var(--szablon-hero-h4);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.15rem;
}
body .hero-section h4 strong {
  letter-spacing: 0.15rem;
  font-size: 1.5rem;
}
body .hero-section h4 {
  font-size: 1.5rem;
}
body .hero-section .navbar-brand {
  position: absolute;
  top: 20px;
  left: 20px;
}
body .hero-section .navbar-back {
  position: absolute;
  top: 10px;
  right: 20px;
}
body .hero-section .btn {
  background-color: var(--szablon-hero-btn-background);
  border: none;
  padding: 10px 20px;
  font-size: 1.6rem;
  border-radius: 50px;
  color: var(--szablon-hero-btn-txt);
}
body .hero-section .btn:hover {
  background-color: var(--szablon-hero-btn-background-hover);
  color: var(--szablon-hero-btn-txt-hover);
}
body .hero-section .btn-close {
  background-color: #858585;
  border: none;
  padding: 5px 10px;
  font-size: 1.4rem;
  border-radius: 50px;
  color: #0f192a;
}
body .hero-section .btn-close:hover {
  background-color: #434343;
  color: #ffffff;
}
body .hero-section .profile-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 20px;
}
body .footer-column {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
body .footer-column p {
  color: var(--szablon-hero-footer-p);
  font-size: 2rem;
  font-weight: 700;
}
body .section-content-one-r {
  padding: 10rem 0;
  overflow: hidden;
  min-height: 400px;
}
body .section-content-one-r h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-one-r-h3);
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-one-r p {
  font-size: 1.5rem;
  color: var(--szablon-one-r-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-one-r i {
  font-size: 2rem;
}
body .section-content-one-r .profile {
  text-decoration: none;
  font-size: 2rem;
  font-weight: 800;
  color: var(--szablon-one-r-profile);
  padding-bottom: 0.5rem;
  letter-spacing: 0.15rem;
}
body .section-content-one-r .profile:hover {
  color: var(--szablon-one-r-profile-hover);
}
body .content-text-one-r {
  flex: 1;
  margin-left: 10rem;
}
body .content-text-one-r h6 {
  font-size: 1.5rem;
  padding-top: 0.5rem;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .content-image-one-r {
  position: absolute;
  right: -100%; /* Początkowa pozycja poza ekranem */
  transition: right 1.5s ease-in-out;
}
body .one-r-image {
  width: 500px;
  height: auto;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-image-one-r.active {
  right: 10rem; /* Docelowa pozycja na stronie */
}
body .aligned-info {
  display: grid;
  grid-template-columns: minmax(180px, 250px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .aligned-info {
    grid-template-columns: 1fr;
  }
}
body .aligned-info strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .aligned-info span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .section-content-twoone-l h3 {
  font-size: 1.6rem;
  color: var(--szablon-twoone-l-h3);
  padding-top: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.15rem;
}
body .section-content-twoone-l p, body .section-content-twoone-l span {
  font-size: 1.5rem;
  color: var(--szablon-twoone-l-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-twoone-l strong {
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-twoone-l {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-twoone-l-background);
  padding: 40px;
  border-radius: 15px;
  min-height: 100px;
}
body .person-image-two-l {
  position: absolute;
  transition: left 2s ease-in-out;
}
body .person-two-l-image {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover; /* Dopasowuje obraz do kontenera */
  border: 2px solid var(--szablon-twoone-l-image-border); /* Tymczasowe obramowanie do debugowania */
}
body .content-image-twoone-l {
  position: absolute;
  left: -100%; /* Początkowa pozycja poza ekranem */
  transition: left 2s ease-in-out;
}
body .twoone-l-image {
  width: 350px;
  height: auto;
  border-radius: 15px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-text-twoone-l {
  flex: 1;
  padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
}
body .content-image-twoone-l.active {
  left: 5rem; /* Docelowa pozycja na stronie */
}
body .section-content-two-l h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-two-l-h3);
  padding-top: 0.5rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-two-l p, body .section-content-two-l span {
  font-size: 1.6rem;
  color: var(--szablon-two-l-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-two-l strong {
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-two-l {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-two-l-background);
  box-shadow: 6px 6px 15px var(--szablon-two-l-background-border);
  padding: 40px;
  border-radius: 15px;
  min-height: 500px;
}
body .content-image-two-l {
  position: absolute;
  left: -100%; /* Początkowa pozycja poza ekranem */
  transition: left 2s ease-in-out;
}
body .two-l-image {
  width: 350px;
  height: auto;
  border-radius: 15px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-text-two-l {
  flex: 1;
  padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
}
body .content-image-two-l.active {
  left: 5rem; /* Docelowa pozycja na stronie */
}
body .aligned-info {
  display: grid;
  grid-template-columns: minmax(180px, 250px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .aligned-info {
    grid-template-columns: 1fr;
  }
}
body .aligned-info strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .aligned-info span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .section-content-three {
  overflow: hidden;
  margin-top: 5rem;
}
body .section-content-three h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-three-l-h3);
  font-weight: 800;
  letter-spacing: 0.15rem;
  padding-top: 2rem;
}
body .section-content-three p, body .section-content-three span {
  font-size: 1.5rem;
  color: var(--szablon-three-l-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-three strong {
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-three .deadline {
  color: var(--szablon-three-deadline);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .content-text-three {
  flex: 1;
  margin-left: 5rem;
  margin-right: 5rem;
  /*** Nowe style dla wyrównania tekstu po ":" ***/
}
body .content-text-three p {
  text-align: justify;
}
body .content-text-three h2 {
  font-family: "Poppins", sans-serif;
  padding-bottom: 2rem;
  color: var(--szablon-three-l-h2);
  letter-spacing: 0.15rem;
  font-weight: 800;
}
body .content-text-three h2 strong {
  font-weight: 700;
  color: var(--szablon-three-l-h2-strong);
  letter-spacing: 0.15rem;
  font-size: 2rem;
  margin-right: 2rem;
}
body .content-text-three p .bi-file-earmark-pdf {
  font-size: 3rem;
}
body .content-text-three h5 {
  font-weight: 700;
  color: var(--szablon-three-l-h5);
  letter-spacing: 0.15rem;
  font-size: 1.5rem;
}
body .content-text-three .aligned-info {
  display: grid;
  grid-template-columns: minmax(180px, 250px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .content-text-three .aligned-info {
    grid-template-columns: 1fr;
  }
}
body .content-text-three .aligned-info strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .content-text-three .aligned-info span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .section-content-four-l h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-four-l-h3);
  padding-top: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-four-l p {
  font-size: 1.5rem;
  color: var(--szablon-four-l-p);
  letter-spacing: 0.15;
  line-height: 1.8;
}
body .section-content-four-l span {
  font-size: 1.5rem;
  color: var(--szablon-four-l-span);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-four-l strong {
  font-size: 1.5rem;
  color: var(--szablon-four-l-strong);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-four-l {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-four-l-background);
  box-shadow: 6px 6px 15px var(--szablon-four-l-background-border);
  padding: 40px;
  border-radius: 15px;
  min-height: 200px;
}
body .content-image-four-l {
  position: absolute;
  left: -100%; /* Początkowa pozycja poza ekranem */
  transition: left 2s ease-in-out;
}
body .four-l-image {
  width: 350px;
  height: auto;
  border-radius: 15px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-text-four-l {
  flex: 1;
  padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
}
body .content-text-four-l p {
  text-align: justify;
}
body .content-text-four-l h2 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  padding-bottom: 2rem;
  color: var(--szablon-four-l-h2);
  letter-spacing: 0.15rem;
  font-weight: 800;
}
body .content-text-four-l h5 {
  font-weight: 700;
  color: var(--szablon-four-l-h5);
  letter-spacing: 0.15rem;
  font-size: 1.5rem;
}
body .content-text-four-l a {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--szablon-four-l-a);
}
body .content-text-four-l .deadline {
  color: var(--szablon-four-l-deadline);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .content-image-four-l.active {
  left: 5rem; /* Docelowa pozycja na stronie */
}
body .aligned-info {
  display: grid;
  grid-template-columns: minmax(180px, 250px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .aligned-info {
    grid-template-columns: 1fr;
  }
}
body .aligned-info strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .aligned-info span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .order-2 .retro {
  font-family: "VT323", monospace;
  font-size: 3rem;
  color: var(--szablon-four-l-retro);
  font-weight: 700;
  letter-spacing: 0.15rem;
}
body .order-2 .retro-h5 {
  font-family: "VT323", monospace;
  font-size: 3rem;
  color: var(--szablon-four-l-retro-h5);
  font-weight: 700;
  letter-spacing: 0.15rem;
  margin-top: 2rem;
}
body .section-content-five-r {
  padding: 10rem 0;
  overflow: hidden;
  position: relative;
  min-height: 700px;
}
body .section-content-five-r h2 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--szablon-five-r-h2);
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-five-r h3 {
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  color: var(--szablon-five-r-h3);
  font-weight: 600;
  padding-top: 1rem;
  letter-spacing: 0.15rem;
}
body .section-content-five-r p {
  font-size: 1.5rem;
  color: var(--szablon-five-r-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .content-text-five-r {
  flex: 1;
  margin-left: 10rem;
  margin-right: 51rem;
  max-width: 60%;
}
body .content-text-five-r h6 {
  font-size: 1.6rem;
  padding-top: 0.5rem;
  letter-spacing: 0.15rem;
}
body .content-text-five-r p {
  font-size: 1.5rem;
  color: var(--szablon-five-r-text-p);
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .content-image-five-r {
  position: absolute;
  right: -100%; /* Początkowa pozycja poza ekranem */
  transition: right 1.5s ease-in-out;
  top: 0;
}
body .five-r-image {
  width: 500px;
  height: auto;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-image-five-r.active {
  right: 10rem; /* Docelowa pozycja na stronie */
}
body .section-content-six-l {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-six-l-background);
  box-shadow: 6px 6px 15px var(--szablon-six-l-background-border);
  padding: 40px;
  border-radius: 15px;
  min-height: 500px;
}
body .section-content-six-l h3 {
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  color: var(--szablon-six-l-h3);
  padding-top: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-six-l p {
  font-size: 1.4rem;
  color: var(--szablon-six-l-p);
  font-weight: 400;
  letter-spacing: 0.15rem;
  line-height: 1.6;
}
body .section-content-six-l span {
  font-size: 1.4rem;
  color: var(--szablon-six-l-span);
  font-weight: 400;
  letter-spacing: 0.15rem;
  line-height: 1.6;
}
body .content-image-six-l {
  position: absolute;
  left: -100%; /* Początkowa pozycja poza ekranem */
  transition: left 2s ease-in-out;
}
body .six-l-image {
  width: 350px;
  height: auto;
  border-radius: 15px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}
body .content-text-six-l {
  flex: 1;
  padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
}
body .content-text-six-l p {
  text-align: justify;
}
body .content-text-six-l h2 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  padding-bottom: 2rem;
  color: var(--szablon-six-l-h2);
  letter-spacing: 0.15rem;
  font-weight: 800;
}
body .content-text-six-l h6 {
  font-size: 1.5rem;
  color: var(--szablon-six-l-h6);
  letter-spacing: 0.15rem;
  line-height: 1.6;
}
body .content-text-six-l h5 {
  font-weight: 700;
  color: var(--szablon-six-l-h5);
  letter-spacing: 0.15rem;
  font-size: 1.5rem;
}
body .content-image-six-l.active {
  left: 5rem; /* Docelowa pozycja na stronie */
}
body .aligned-career {
  display: grid;
  grid-template-columns: minmax(180px, 450px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .aligned-career {
    grid-template-columns: 1fr;
  }
}
body .aligned-career strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .aligned-career span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .section-content-seven {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-seven-background);
  box-shadow: 6px 6px 15px var(--szablon-seven-background-border);
  padding: 40px;
  border-radius: 15px;
  /*** Nowe style dla wyrównania tekstu po ":" ***/
}
body .section-content-seven h4 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-seven-h4);
  padding-top: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
}
body .section-content-seven p {
  display: flex;
  font-size: 1.5rem;
  color: var(--szablon-seven-p);
  align-items: center;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
body .section-content-seven .retro {
  font-family: "VT323", monospace;
  font-size: 3rem;
  color: var(--szablon-seven-retro);
  font-weight: 700;
  letter-spacing: 0.15rem;
}
body .section-content-seven .aligned-career {
  display: grid;
  grid-template-columns: minmax(180px, 450px) 1fr;
  gap: 10px;
  align-items: center;
}
@media (max-width: 576px) {
  body .section-content-seven .aligned-career {
    grid-template-columns: 1fr;
  }
}
body .section-content-seven .aligned-career strong {
  font-weight: bold;
  white-space: normal; /* Pozwala etykietom zawijać się */
  overflow-wrap: break-word; /* Zapobiega nachodzeniu na drugą kolumnę */
  word-break: break-word; /* Pozwala na podział długich wyrazów */
  min-width: 180px; /* Minimalna szerokość */
  max-width: 100%; /* Zapobiega przesunięciu całej struktury */
  display: block; /* Zapewnia pełną kontrolę nad tekstem */
}
body .section-content-seven .aligned-career span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* Pozwala na zawijanie długich treści */
}
body .map-con {
  width: 80%; /* Zapewnia, że mapa nie przekroczy szerokości rodzica */
  max-height: 400px; /* Maksymalna wysokość mapy */
  width: 100%; /* Mapa zajmuje całą szerokość kontenera */
  margin: 0 auto; /* Wyśrodkowanie mapy */
  overflow: hidden; /* Ukrywa elementy wykraczające poza kontener */
  position: relative;
}
body .map-con iframe {
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 400px; /* Maksymalna wysokość iframe */
  border: 0; /* Usuwa obramowanie iframe, jeśli występuje */
}
body .social_media {
  width: 500px; /* Szerokość sekcji social media */
  margin: 0 auto; /* Wyśrodkowanie całej sekcji na stronie */
  padding-top: 50px;
}
body .social_media a,
body .social_media p {
  flex: 1; /* Każda ikona zajmuje równą część dostępnej szerokości */
  text-align: center; /* Ikony są wyśrodkowane w swoich kontenerach */
}
body .social_media i {
  font-size: 36px; /* Rozmiar ikon */
  color: var(--szablon-icon-i); /* Kolor ikon, możesz dostosować */
}
body .social_media i:hover {
  /* Kolor ikon po najechaniu, możesz dostosować */
  color: var(--szablon-icon-i-hover);
}
body .icon_social {
  font-size: 36px;
  transition: color 0.3s ease;
}
body .icon_social.has-link {
  /* Kolor żółty dla ikon z linkiem */
  color: var(--szablon-icon-link);
}
body .icon_social.no-link {
  color: var(--szablon-icon-no-link); /* Kolor muted dla ikon bez linku */
}
body .icon_social.has-link:hover {
  /* Inny kolor na hover, jeśli link jest dostępny */
  color: var(--szablon-icon-link-hover);
}
body .gallery-section h4 {
  font-size: 3rem;
  color: var(--szablon-gallery-h4);
  font-weight: 800;
  letter-spacing: 0.15rem;
  padding-top: 2rem;
}
body .gallery {
  display: flex;
  flex-wrap: wrap; /* Pozwala, by obrazy zawijały się w razie potrzeby */
  gap: 10px; /* Odstęp między zdjęciami */
  justify-content: center; /* Wyśrodkuj obrazy */
}
body .gallery img {
  width: 100%;
  max-height: 150px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  transition: transform 0.3s;
  border: 1px solid var(--szablon-gallery-border);
}
body .gallery img:hover {
  transform: scale(1.05); /* Powiększenie przy najechaniu */
}
body .filter-bullet-list {
  list-style-type: disc;
  color: var(--szablon-filter-bullet);
  margin-left: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
body .filter-bullet-list li {
  line-height: 2;
}
body .filter-bullet-list li::marker {
  color: var(--szablon-filter-bullet-li);
}
body .filter-numbered-list {
  list-style-type: decimal;
  margin-left: 20px;
  color: var(--szablon-filter-numbered);
  font-size: 1.4rem;
  letter-spacing: 0.15rem;
}
body .filter-numbered-list li {
  line-height: 2;
}
body .filter-important {
  font-weight: bold;
  color: var(--szablon-filter-important) !important;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  padding-left: 1rem;
}
body .filter-highlight {
  font-weight: 500;
  color: var(--szablon-filter-highlight);
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
body .p-with-icon {
  padding: 0;
  margin: 0 auto;
}
body .p-with-icon .text-after-icon {
  color: var(--szablon-filter-icon-text);
  font-size: 1.4rem;
}
body .p-with-icon .bi-check2-square {
  color: var(--szablon-filter-icon);
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  padding-right: 0.5rem;
  padding-left: 2rem;
}
body .responsive-iframe-container {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 56.25% !important; /* Proporcje 16:9 dla wideo */
  height: 0 !important;
  overflow: hidden !important;
  display: block !important;
  visibility: visible !important;
}
body .responsive-iframe-container iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
body .video {
  display: block !important;
  visibility: visible !important;
}
body .section-offer-title {
  margin-top: 5rem;
  overflow: hidden;
  background-color: var(--szablon-section-buttons-title-background);
  box-shadow: 6px 6px 15px var(--szablon-section-buttons-title-border);
  padding: 40px;
}
body .section-offer-title h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--szablon-section-buttons-title-h3);
  padding-top: 1.5rem;
  font-weight: 800;
}
body .section-offer-buttons {
  max-width: 80%; /* Maksymalna szerokość kontenera to 80% */
  margin: 0 auto; /* Wyśrodkowanie kontenera */
  margin-top: 2rem;
  background-color: var(--szablon-section-buttons-background);
  padding-bottom: 4rem;
  display: flex;
  flex-wrap: wrap; /* Przycisk przejdzie do następnego wiersza, jeśli braknie miejsca */
  justify-content: space-between; /* Rozkłada przyciski równomiernie w wierszu */
  gap: 1rem; /* Dodaje odstępy między przyciskami */
}
body .btn {
  font-size: 1.4rem;
  font-weight: 600;
  background-color: var(--szablon-section-buttons-btn-background);
  color: var(--szablon-section-buttons-btn-text);
  flex: 1 1 calc(33% - 1rem); /* Przycisk zajmuje około 1/3 szerokości, z uwzględnieniem odstępów */
  text-align: center; /* Wyśrodkowanie tekstu w przyciskach */
}
body .btn:hover {
  background-color: var(--szablon-section-buttons-btn-background-hover);
  color: var(--szablon-section-buttons-btn-text-hover);
}
@media (max-width: 768px) {
  body .btn {
    flex: 1 1 calc(50% - 1rem); /* Na mniejszych ekranach przyciski będą zajmować 50% szerokości */
  }
}
body .bi-star-fill,
body .bi-star-half,
body .bi-star {
  color: gold;
  font-size: 1.4rem;
}

@media screen and (max-width: 1199px) {
  body {
    font-family: "Montserrat", sans-serif;
    min-width: 100%; /* Maksymalna szerokość 80% ekranu */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* social media */
  }
  body .engineer-icon-one {
    position: absolute;
    opacity: 0.1;
    z-index: 5;
    top: 10%;
    left: 15%;
    width: 10%;
    animation: zoom-in-out 20s infinite ease-in-out;
  }
  @keyframes zoom-in-out {
    0%, 100% {
      transform: scale(1); /* Początkowy rozmiar */
    }
    50% {
      transform: scale(1.5); /* Powiększenie */
    }
  }
  body .engineer-icon-two {
    position: absolute;
    opacity: 0.05;
    z-index: 5;
    top: 15%;
    right: 5%;
    width: 20%;
    animation: rotate-right-left 60s infinite linear;
  }
  @keyframes rotate-right-left {
    0%, 100% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(30deg);
    }
    75% {
      transform: rotate(-30deg);
    }
  }
  body #div_id_captcha {
    padding-bottom: 0.2rem;
  }
  body .hero-section {
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  body .hero-section h1 {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 2rem;
  }
  body .hero-section p {
    font-size: 1.2rem;
    margin-bottom: 30px;
  }
  body .hero-section .bookmark a {
    font-size: 2.4rem;
    margin-right: 1rem;
  }
  body .hero-section .show-apply {
    padding-top: 1rem;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
  }
  body .hero-section .joinregistry-register {
    font-size: 1.4rem;
    font-weight: 800;
    padding-top: 1rem;
    padding-bottom: 0;
  }
  body .hero-section .jointext {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
  }
  body .hero-section .btn-apply {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
  }
  body .hero-section h4 span {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 {
    font-size: 1.2rem;
  }
  body .hero-section .navbar-brand {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  body .hero-section .btn {
    border: none;
    padding: 10px 20px;
    font-size: 1.6rem;
    border-radius: 50px;
  }
  body .hero-section .btn-close {
    border: none;
    padding: 5px 10px;
    font-size: 1.4rem;
    border-radius: 50px;
  }
  body .hero-section .profile-image {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 20px;
  }
  body .footer-column {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  body .footer-column p {
    font-size: 2rem;
    font-weight: 700;
  }
  body .section-content-one-r {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column-reverse;
  }
  body .content-text-one-r {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .content-image-one-r {
    padding: 0;
    margin: 0 auto;
    position: relative;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
    padding-bottom: 2rem;
  }
  body .one-r-image {
    width: 100%;
    height: auto;
  }
  body .content-image-one-r.active {
    right: 0; /* Docelowa pozycja na stronie */
  }
  body .section-content-twoone-l {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .section-content-twoone-l h3 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-twoone-l p, body .section-content-twoone-l span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-twoone-l strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-twoone-l {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .person-image-two-l {
    padding: 0;
    margin: 0 auto;
    position: relative;
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
  body .content-text-twoone-l {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .section-content-two-l {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .section-content-two-l h3 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-two-l p, body .section-content-two-l span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-two-l strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-two-l {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .content-image-two-l {
    padding: 0;
    margin: 0 auto;
    position: relative;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
  body .two-l-image {
    width: 300px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-two-l {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .content-image-two-l.active {
    left: 0; /* Docelowa pozycja na stronie */
  }
  body .section-content-three {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
  }
  body .section-content-three h3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-three p, body .section-content-three span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-three strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-three .deadline {
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-text-three {
    padding: 0;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body .content-text-three p {
    text-align: justify;
  }
  body .content-text-three h2 {
    padding-bottom: 1.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-three h2 strong {
    letter-spacing: 0.15rem;
    font-size: 1.6rem;
  }
  body .content-text-three p .bi-file-earmark-pdf {
    font-size: 2rem;
  }
  body .section-content-four-l {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .section-content-four-l h3 {
    font-size: 1.4rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l p {
    font-size: 1.2rem;
    letter-spacing: 0.15;
    line-height: 1.3;
  }
  body .section-content-four-l span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-four-l strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-four-l .link-stone a {
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .content-image-four-l {
    padding: 0;
    margin: 0 auto;
    position: relative;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
  body .four-l-image {
    width: 300px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-four-l {
    padding: 0;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body .content-text-four-l p {
    text-align: justify;
  }
  body .content-text-four-l h2 {
    padding-bottom: 1rem;
    letter-spacing: 0.15rem;
    font-weight: 600;
  }
  body .content-image-four-l.active {
    left: 0; /* Docelowa pozycja na stronie */
  }
  body .section-content-five-r {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column-reverse;
  }
  body .section-content-five-r h2 {
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r h3 {
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 1rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-text-five-r {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  body .content-text-five-r h6 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-five-r p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-image-five-r {
    padding: 0;
    margin: 0 auto;
    position: relative;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
    padding-bottom: 2rem;
  }
  body .five-r-image {
    width: 350px;
    height: auto;
    padding-top: 2rem;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-five-r.active {
    right: 0; /* Docelowa pozycja na stronie */
  }
  body .section-content-six-l {
    padding: 0;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .section-content-six-l h3 {
    font-size: 1.4rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-six-l p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-six-l span {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-image-six-l {
    padding: 0;
    margin: 0 auto;
    position: relative;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
    padding-bottom: 2rem;
    padding-top: 1rem;
  }
  body .six-l-image {
    width: 300px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-six-l {
    padding: 0;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  body .content-text-six-l p {
    text-align: justify;
  }
  body .content-image-six-l.active {
    left: 0; /* Docelowa pozycja na stronie */
  }
  body .section-content-seven {
    margin-top: 2rem;
    overflow: hidden;
    padding: 10px;
    border-radius: 15px;
  }
  body .section-content-seven h4 {
    font-size: 1.5rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-seven p {
    display: flex;
    font-size: 1.2rem;
    align-items: center;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .map-con {
    width: 80%; /* Zapewnia, że mapa nie przekroczy szerokości rodzica */
    max-height: 400px; /* Maksymalna wysokość mapy */
    width: 100%; /* Mapa zajmuje całą szerokość kontenera */
    margin: 0 auto; /* Wyśrodkowanie mapy */
    overflow: hidden; /* Ukrywa elementy wykraczające poza kontener */
    position: relative;
  }
  body .map-con iframe {
    width: 100%;
    height: 100%;
    min-height: 250px;
    max-height: 400px; /* Maksymalna wysokość iframe */
    border: 0; /* Usuwa obramowanie iframe, jeśli występuje */
  }
  body .social_media {
    display: flex;
    flex-wrap: wrap; /* Pozwól ikonom przechodzić do nowego wiersza */
    justify-content: center; /* Wyśrodkuj ikony */
    gap: 26px; /* Dodaj odstęp między ikonami */
    width: 90%; /* Ustaw pełną szerokość kontenera */
    padding: 20px 0; /* Dodaj odstęp od góry i dołu */
  }
  body .social_media a,
  body .social_media p {
    text-align: center; /* Ikony są wyśrodkowane w swoich kontenerach */
  }
  body .social_media i {
    font-size: 26px; /* Rozmiar ikon */
  }
  body .icon_social {
    font-size: 26px;
    transition: color 0.3s ease;
  }
  body .gallery-section h4 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    padding-top: 2rem;
  }
  body .gallery {
    display: flex !important;
    flex-wrap: wrap !important; /* Pozwala, by obrazy zawijały się w razie potrzeby */
    gap: 10px !important; /* Odstęp między zdjęciami */
    justify-content: center !important; /* Wyśrodkuj obrazy */
  }
  body .gallery img {
    width: 150px !important; /* Możesz dostosować rozmiar miniatur */
    height: auto !important; /* Automatyczna wysokość dla zachowania proporcji */
    border-radius: 5px !important; /* Opcjonalne: zaokrąglone rogi */
    transition: transform 0.3s !important; /* Animacja powiększenia przy najechaniu */
  }
  body .gallery img:hover {
    transform: scale(1.1) !important; /* Powiększenie przy najechaniu */
  }
  body .filter-bullet-list {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
  }
  body .filter-bullet-list li {
    line-height: 2;
    text-align: left;
  }
  body .filter-numbered-list {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
  }
  body .filter-numbered-list li {
    line-height: 2;
    text-align: left;
  }
  body .filter-important {
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
    padding-left: 1rem;
  }
  body .filter-highlight {
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.14rem;
    line-height: 1.3;
  }
  body .p-with-icon {
    padding: 0;
    margin: 0 auto;
  }
  body .p-with-icon .text-after-icon {
    font-size: 1.2rem;
  }
  body .p-with-icon .bi-check2-square {
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    padding-right: 0.5rem;
    padding-left: 2rem;
  }
  body .responsive-iframe-container {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* Proporcje 16:9 dla wideo */
    height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
  }
  body .responsive-iframe-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
  }
  body .video {
    display: block !important;
    visibility: visible !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
  body {
    font-family: "Montserrat", sans-serif;
    max-width: 80%; /* Maksymalna szerokość 80% ekranu */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* social media */
  }
  body .engineer-icon-one {
    position: absolute;
    opacity: 0.1;
    z-index: 5;
    top: 10%;
    left: 15%;
    width: 10%;
    animation: zoom-in-out 20s infinite ease-in-out;
  }
  @keyframes zoom-in-out {
    0%, 100% {
      transform: scale(1); /* Początkowy rozmiar */
    }
    50% {
      transform: scale(1.5); /* Powiększenie */
    }
  }
  body .engineer-icon-two {
    position: absolute;
    opacity: 0.05;
    z-index: 5;
    top: 15%;
    right: 5%;
    width: 20%;
    animation: rotate-right-left 60s infinite linear;
  }
  @keyframes rotate-right-left {
    0%, 100% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(30deg);
    }
    75% {
      transform: rotate(-30deg);
    }
  }
  body #div_id_captcha {
    padding-bottom: 0.2rem;
  }
  body .hero-section {
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  body .hero-section h1 {
    font-size: 2rem;
    font-weight: bold;
  }
  body .hero-section p {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
  body .hero-section .bookmark a {
    font-size: 2.4rem;
    margin-right: 1rem;
  }
  body .hero-section .show-apply {
    padding-top: 1rem;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
  }
  body .hero-section .joinregistry-register {
    font-size: 1.6rem;
    font-weight: 800;
    padding-top: 2rem;
    padding-bottom: 0;
  }
  body .hero-section .jointext {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
  }
  body .hero-section .btn-apply {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
  }
  body .hero-section .btn-apply:hover {
    font-size: 2.2rem;
    font-weight: 600;
  }
  body .hero-section h4 span {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 strong {
    font-size: 1.4rem;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 {
    font-size: 1.4rem;
  }
  body .hero-section .navbar-brand {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  body .hero-section .btn {
    border: none;
    padding: 10px 20px;
    font-size: 1.6rem;
    border-radius: 50px;
  }
  body .hero-section .btn-close {
    border: none;
    padding: 5px 10px;
    font-size: 1.4rem;
    border-radius: 50px;
  }
  body .hero-section .profile-image {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 20px;
  }
  body .footer-column {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  body .footer-column p {
    font-size: 2rem;
    font-weight: 700;
  }
  body .section-content-one-r {
    padding: 10rem 0;
    overflow: hidden;
  }
  body .section-content-one-r h3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-one-r p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-one-r i {
    font-size: 1.5rem;
  }
  body .section-content-one-r .profile {
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-one-r {
    flex: 1;
    margin-left: 10rem;
  }
  body .content-text-one-r h6 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-image-one-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
  }
  body .one-r-image {
    width: 400px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-one-r.active {
    right: 2rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-two-l h3 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-two-l p, body .section-content-two-l span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-two-l strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-two-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .content-image-two-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .two-l-image {
    width: 300px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-two-l {
    flex: 1;
    padding-left: 360px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-image-two-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-three {
    overflow: hidden;
    margin-top: 5rem;
  }
  body .section-content-three h3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-three p, body .section-content-three span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-three strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-three .deadline {
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-text-three {
    flex: 1;
    margin-left: 5rem;
    margin-right: 5rem;
  }
  body .content-text-three p {
    text-align: justify;
  }
  body .content-text-three h2 {
    padding-bottom: 1.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-three h2 strong {
    letter-spacing: 0.15rem;
    font-size: 1.6rem;
  }
  body .content-text-three p .bi-file-earmark-pdf {
    font-size: 2rem;
  }
  body .section-content-four-l h3 {
    font-size: 1.4rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l p {
    font-size: 1.2rem;
    letter-spacing: 0.15;
    line-height: 1.3;
  }
  body .section-content-four-l span {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-four-l strong {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-four-l .link-stone a {
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .content-image-four-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .four-l-image {
    width: 300px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-four-l {
    flex: 1;
    padding-left: 360px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-four-l p {
    text-align: justify;
  }
  body .content-text-four-l h2 {
    padding-bottom: rem;
    letter-spacing: 0.15rem;
    font-weight: 600;
  }
  body .content-image-four-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-five-r {
    padding: 5rem 0;
    overflow: hidden;
    position: relative;
  }
  body .section-content-five-r h2 {
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r h3 {
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 1rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-text-five-r {
    flex: 1;
    margin-left: 10rem;
    margin-right: 51rem;
    max-width: 60%;
  }
  body .content-text-five-r h6 {
    font-size: 1.4rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-five-r p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-image-five-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
    top: 0;
  }
  body .five-r-image {
    width: 350px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-five-r.active {
    right: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-six-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .section-content-six-l h3 {
    font-size: 1.4rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-six-l p {
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .section-content-six-l span {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .content-image-six-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .six-l-image {
    width: 300px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-six-l {
    flex: 1;
    padding-left: 360px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-six-l p {
    text-align: justify;
  }
  body .content-image-six-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-seven {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .section-content-seven h4 {
    font-size: 1.5rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-seven p {
    display: flex;
    font-size: 1.2rem;
    align-items: center;
    letter-spacing: 0.15rem;
    line-height: 1.3;
  }
  body .map-con {
    width: 80%; /* Zapewnia, że mapa nie przekroczy szerokości rodzica */
    max-height: 400px; /* Maksymalna wysokość mapy */
    width: 100%; /* Mapa zajmuje całą szerokość kontenera */
    margin: 0 auto; /* Wyśrodkowanie mapy */
    overflow: hidden; /* Ukrywa elementy wykraczające poza kontener */
    position: relative;
  }
  body .map-con iframe {
    width: 100%;
    height: 100%;
    min-height: 250px;
    max-height: 400px; /* Maksymalna wysokość iframe */
    border: 0; /* Usuwa obramowanie iframe, jeśli występuje */
  }
  body .social_media {
    min-width: 60%; /* Szerokość sekcji social media */
    margin: 0 auto; /* Wyśrodkowanie całej sekcji na stronie */
    padding-top: 50px;
  }
  body .social_media a,
  body .social_media p {
    flex: 1; /* Każda ikona zajmuje równą część dostępnej szerokości */
    text-align: center; /* Ikony są wyśrodkowane w swoich kontenerach */
  }
  body .social_media i {
    font-size: 36px; /* Rozmiar ikon */
  }
  body .icon_social {
    font-size: 36px;
    transition: color 0.3s ease;
  }
  body .gallery-section h4 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    padding-top: 2rem;
  }
  body .gallery {
    display: flex !important;
    flex-wrap: wrap !important; /* Pozwala, by obrazy zawijały się w razie potrzeby */
    gap: 10px !important; /* Odstęp między zdjęciami */
    justify-content: center !important; /* Wyśrodkuj obrazy */
  }
  body .gallery img {
    width: 150px !important; /* Możesz dostosować rozmiar miniatur */
    height: auto !important; /* Automatyczna wysokość dla zachowania proporcji */
    border-radius: 5px !important; /* Opcjonalne: zaokrąglone rogi */
    transition: transform 0.3s !important; /* Animacja powiększenia przy najechaniu */
  }
  body .gallery img:hover {
    transform: scale(1.1) !important; /* Powiększenie przy najechaniu */
  }
  body .filter-bullet-list {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
  }
  body .filter-bullet-list li {
    line-height: 2;
  }
  body .filter-numbered-list {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
  }
  body .filter-numbered-list li {
    line-height: 2;
  }
  body .filter-important {
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0.15rem;
    line-height: 1.3;
    padding-left: 1rem;
  }
  body .filter-highlight {
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.14rem;
    line-height: 1.3;
  }
  body .p-with-icon {
    padding: 0;
    margin: 0 auto;
  }
  body .p-with-icon .text-after-icon {
    font-size: 1.2rem;
  }
  body .p-with-icon .bi-check2-square {
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    padding-right: 0.5rem;
    padding-left: 2rem;
  }
  body .responsive-iframe-container {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* Proporcje 16:9 dla wideo */
    height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
  }
  body .responsive-iframe-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
  }
  body .video {
    display: block !important;
    visibility: visible !important;
  }
}
@media screen and (min-width: 1921px) and (max-width: 3000px) {
  body {
    font-family: "Montserrat", sans-serif;
    max-width: 80%; /* Maksymalna szerokość 80% ekranu */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* social media */
  }
  body .engineer-icon-one {
    position: absolute;
    opacity: 0.1;
    z-index: 5;
    top: 10%;
    left: 15%;
    width: 10%;
    animation: zoom-in-out 20s infinite ease-in-out;
  }
  @keyframes zoom-in-out {
    0%, 100% {
      transform: scale(1); /* Początkowy rozmiar */
    }
    50% {
      transform: scale(1.5); /* Powiększenie */
    }
  }
  body .engineer-icon-two {
    position: absolute;
    opacity: 0.05;
    z-index: 5;
    top: 15%;
    right: 5%;
    width: 20%;
    animation: rotate-right-left 60s infinite linear;
  }
  @keyframes rotate-right-left {
    0%, 100% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(30deg);
    }
    75% {
      transform: rotate(-30deg);
    }
  }
  body #div_id_captcha {
    padding-bottom: 0.2rem;
  }
  body .hero-section {
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  body .hero-section h1 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  body .hero-section p {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  body .hero-section .bookmark a {
    font-size: 2.4rem;
    margin-right: 1rem;
  }
  body .hero-section .show-apply {
    padding-top: 1rem;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
  }
  body .hero-section .joinregistry-register {
    font-size: 1.8rem;
    font-weight: 800;
    padding-top: 2rem;
    padding-bottom: 0;
  }
  body .hero-section .jointext {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
  }
  body .hero-section .btn-apply {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
  }
  body .hero-section .btn-apply:hover {
    font-size: 2.2rem;
    font-weight: 600;
  }
  body .hero-section h4 span {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 strong {
    font-size: 1.6rem;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 {
    font-size: 1.6rem;
  }
  body .hero-section .navbar-brand {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  body .hero-section .btn {
    border: none;
    padding: 10px 20px;
    font-size: 1.6rem;
    border-radius: 50px;
  }
  body .hero-section .btn-close {
    border: none;
    padding: 5px 10px;
    font-size: 1.4rem;
    border-radius: 50px;
  }
  body .hero-section .profile-image {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 20px;
  }
  body .footer-column {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  body .footer-column p {
    font-size: 2rem;
    font-weight: 700;
  }
  body .section-content-one-r {
    padding: 10rem 0;
    overflow: hidden;
  }
  body .section-content-one-r h3 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-one-r p {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-one-r i {
    font-size: 2rem;
  }
  body .section-content-one-r .profile {
    text-decoration: none;
    font-size: 2rem;
    font-weight: 800;
    padding-bottom: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-one-r {
    flex: 1;
    margin-left: 10rem;
  }
  body .content-text-one-r h6 {
    font-size: 1.5rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-one-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
  }
  body .one-r-image {
    width: 500px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-one-r.active {
    right: 10rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-two-l h3 {
    font-size: 1.6rem;
    padding-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-two-l p, body .section-content-two-l span {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-two-l strong {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-two-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .content-image-two-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .two-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-two-l {
    flex: 1;
    padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-image-two-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-three {
    overflow: hidden;
    margin-top: 5rem;
  }
  body .section-content-three h3 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-three p, body .section-content-three span {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-three strong {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-three .deadline {
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-text-three {
    flex: 1;
    margin-left: 5rem;
    margin-right: 5rem;
  }
  body .content-text-three p {
    text-align: justify;
  }
  body .content-text-three h2 {
    padding-bottom: 2rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-three h2 strong {
    letter-spacing: 0.15rem;
    font-size: 2rem;
  }
  body .content-text-three p .bi-file-earmark-pdf {
    font-size: 3rem;
  }
  body .section-content-four-l h3 {
    font-size: 1.6rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l p {
    font-size: 1.5rem;
    letter-spacing: 0.15;
    line-height: 1.8;
  }
  body .section-content-four-l span {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-four-l strong {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-four-l .link-stone a {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .content-image-four-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .four-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-four-l {
    flex: 1;
    padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-four-l p {
    text-align: justify;
  }
  body .content-text-four-l h2 {
    padding-bottom: 2rem;
    letter-spacing: 0.15rem;
    font-weight: 600;
  }
  body .content-image-four-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-five-r {
    padding: 10rem 0;
    overflow: hidden;
    position: relative;
  }
  body .section-content-five-r h2 {
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r h3 {
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 1rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r p {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-text-five-r {
    flex: 1;
    margin-left: 10rem;
    margin-right: 51rem;
    max-width: 60%;
  }
  body .content-text-five-r h6 {
    font-size: 1.6rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-five-r p {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-five-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
    top: 0;
  }
  body .five-r-image {
    width: 500px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-five-r.active {
    right: 10rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-six-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .section-content-six-l h3 {
    font-size: 1.6rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-six-l p {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-six-l span {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-six-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .six-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-six-l {
    flex: 1;
    padding-left: 410px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-six-l p {
    text-align: justify;
  }
  body .content-image-six-l.active {
    left: 5rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-seven {
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .section-content-seven h4 {
    font-size: 1.8rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-seven p {
    display: flex;
    font-size: 1.5rem;
    align-items: center;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .map-con {
    width: 80%; /* Zapewnia, że mapa nie przekroczy szerokości rodzica */
    max-height: 400px; /* Maksymalna wysokość mapy */
    width: 100%; /* Mapa zajmuje całą szerokość kontenera */
    margin: 0 auto; /* Wyśrodkowanie mapy */
    overflow: hidden; /* Ukrywa elementy wykraczające poza kontener */
    position: relative;
  }
  body .map-con iframe {
    width: 100%;
    height: 100%;
    min-height: 250px;
    max-height: 400px; /* Maksymalna wysokość iframe */
    border: 0; /* Usuwa obramowanie iframe, jeśli występuje */
  }
  body .social_media {
    min-width: 60%; /* Szerokość sekcji social media */
    margin: 0 auto; /* Wyśrodkowanie całej sekcji na stronie */
    padding-top: 50px;
  }
  body .social_media a,
  body .social_media p {
    flex: 1; /* Każda ikona zajmuje równą część dostępnej szerokości */
    text-align: center; /* Ikony są wyśrodkowane w swoich kontenerach */
  }
  body .social_media i {
    font-size: 36px; /* Rozmiar ikon */
  }
  body .icon_social {
    font-size: 36px;
    transition: color 0.3s ease;
  }
  body .gallery-section h4 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    padding-top: 2rem;
  }
  body .gallery {
    display: flex;
    flex-wrap: wrap; /* Pozwala, by obrazy zawijały się w razie potrzeby */
    gap: 10px; /* Odstęp między zdjęciami */
    justify-content: center; /* Wyśrodkuj obrazy */
  }
  body .gallery img {
    width: 150px; /* Możesz dostosować rozmiar miniatur */
    height: auto; /* Automatyczna wysokość dla zachowania proporcji */
    border-radius: 5px; /* Opcjonalne: zaokrąglone rogi */
    transition: transform 0.3s; /* Animacja powiększenia przy najechaniu */
  }
  body .gallery img:hover {
    transform: scale(1.05); /* Powiększenie przy najechaniu */
  }
  body .filter-bullet-list {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
  }
  body .filter-bullet-list li {
    line-height: 2;
  }
  body .filter-numbered-list {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
  }
  body .filter-numbered-list li {
    line-height: 2;
  }
  body .filter-important {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
    padding-left: 1rem;
  }
  body .filter-highlight {
    font-weight: 500;
    font-size: 1.5rem;
    letter-spacing: 0.14rem;
    line-height: 1.8;
  }
  body .p-with-icon {
    padding: 0;
    margin: 0 auto;
  }
  body .p-with-icon .text-after-icon {
    font-size: 1.5rem;
  }
  body .p-with-icon .bi-check2-square {
    font-weight: 700 !important;
    font-size: 1.6rem !important;
    padding-right: 0.5rem;
    padding-left: 2rem;
  }
  body .responsive-iframe-container {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 56.25% !important; /* Proporcje 16:9 dla wideo */
    height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
  }
  body .responsive-iframe-container iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
  }
  body .video {
    display: block !important;
    visibility: visible !important;
  }
}
@media screen and (min-width: 3001px) {
  body {
    font-family: "Montserrat", sans-serif;
    max-width: 80%; /* Maksymalna szerokość 80% ekranu */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* Klasa aktywująca animację */
    /* social media */
  }
  body .engineer-icon-one {
    position: absolute;
    opacity: 0.1;
    z-index: 5;
    top: 10%;
    left: 15%;
    width: 10%;
    animation: zoom-in-out 20s infinite ease-in-out;
  }
  @keyframes zoom-in-out {
    0%, 100% {
      transform: scale(1); /* Początkowy rozmiar */
    }
    50% {
      transform: scale(1.5); /* Powiększenie */
    }
  }
  body .engineer-icon-two {
    position: absolute;
    opacity: 0.05;
    z-index: 5;
    top: 15%;
    right: 5%;
    width: 20%;
    animation: rotate-right-left 60s infinite linear;
  }
  @keyframes rotate-right-left {
    0%, 100% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(30deg);
    }
    75% {
      transform: rotate(-30deg);
    }
  }
  body #div_id_captcha {
    padding-bottom: 0.2rem;
  }
  body .hero-section {
    padding: 60px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  body .hero-section h1 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  body .hero-section p {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }
  body .hero-section .bookmark a {
    font-size: 2.4rem;
    margin-right: 1rem;
  }
  body .hero-section .show-apply {
    padding-top: 1rem;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
  }
  body .hero-section .joinregistry-register {
    font-size: 1.8rem;
    font-weight: 800;
    padding-top: 2rem;
    padding-bottom: 0;
  }
  body .hero-section .jointext {
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
  }
  body .hero-section .btn-apply {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
  }
  body .hero-section .btn-apply:hover {
    font-size: 2.2rem;
    font-weight: 600;
  }
  body .hero-section h4 span {
    font-size: 2.5rem;
    font-weight: 500;
    letter-spacing: 0.15rem;
  }
  body .hero-section h4 strong {
    letter-spacing: 0.15rem;
    font-size: 2.2rem;
  }
  body .hero-section h4 {
    font-size: 2.2rem;
  }
  body .hero-section .navbar-brand {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  body .hero-section .btn {
    border: none;
    padding: 10px 20px;
    font-size: 1.6rem;
    border-radius: 50px;
  }
  body .hero-section .btn-close {
    border: none;
    padding: 5px 10px;
    font-size: 1.4rem;
    border-radius: 50px;
  }
  body .hero-section .profile-image {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: 20px;
  }
  body .footer-column {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  body .footer-column p {
    font-size: 2rem;
    font-weight: 700;
  }
  body .section-content-one-r {
    min-width: 80%;
    padding: 10rem 0;
    overflow: hidden;
  }
  body .section-content-one-r h3 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-one-r p {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-one-r i {
    font-size: 2.2rem;
  }
  body .section-content-one-r .profile {
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: 800;
    padding-bottom: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-one-r {
    flex: 1;
    margin-left: 10rem;
  }
  body .content-text-one-r h6 {
    font-size: 1.8rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-one-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
  }
  body .one-r-image {
    width: 500px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-one-r.active {
    right: 10rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-two-l {
    min-width: 80%;
  }
  body .section-content-two-l h3 {
    font-size: 2.2rem;
    padding-top: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-two-l p, body .section-content-two-l span {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-two-l strong {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-two-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 80px;
    border-radius: 15px;
  }
  body .content-image-two-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .two-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-two-l {
    flex: 1;
    padding-left: 510px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-image-two-l.active {
    left: 8rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-three {
    min-width: 80%;
    overflow: hidden;
    margin-top: 5rem;
  }
  body .section-content-three h3 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-three p, body .section-content-three span {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-three strong {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-three .deadline {
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-text-three {
    flex: 1;
    margin-left: 15rem;
    margin-right: 15rem;
  }
  body .content-text-three p {
    text-align: justify;
  }
  body .content-text-three h2 {
    padding-bottom: 2.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-three h2 strong {
    letter-spacing: 0.15rem;
    font-size: 2.5rem;
  }
  body .content-text-three p .bi-file-earmark-pdf {
    font-size: 3rem;
  }
  body .section-content-four-l {
    min-width: 80%;
  }
  body .section-content-four-l h3 {
    font-size: 2.2rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l p {
    font-size: 1.8rem;
    letter-spacing: 0.15;
    line-height: 1.8;
  }
  body .section-content-four-l span {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-four-l strong {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-four-l .link-stone a {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-four-l {
    margin-top: 5rem;
    overflow: hidden;
    padding: 80px;
    border-radius: 15px;
  }
  body .content-image-four-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .four-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-four-l {
    flex: 1;
    padding-left: 510px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-four-l p {
    text-align: justify;
  }
  body .content-text-four-l h2 {
    padding-bottom: 2.5rem;
    letter-spacing: 0.15rem;
    font-weight: 600;
  }
  body .content-image-four-l.active {
    left: 8rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-five-r {
    min-width: 80%;
    padding: 10rem 0;
    padding-left: 15rem;
    overflow: hidden;
    position: relative;
  }
  body .section-content-five-r h2 {
    margin-bottom: 1rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r h3 {
    font-size: 2.2rem;
    font-weight: 600;
    padding-top: 1rem;
    letter-spacing: 0.15rem;
  }
  body .section-content-five-r p {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-text-five-r {
    flex: 1;
    margin-left: 10rem;
    margin-right: 51rem;
    max-width: 60%;
  }
  body .content-text-five-r h6 {
    font-size: 1.8rem;
    padding-top: 0.5rem;
    letter-spacing: 0.15rem;
  }
  body .content-text-five-r p {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-five-r {
    position: absolute;
    right: -100%; /* Początkowa pozycja poza ekranem */
    transition: right 1.5s ease-in-out;
    top: 0;
  }
  body .five-r-image {
    width: 500px;
    height: auto;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-image-five-r.active {
    right: 15rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-six-l {
    min-width: 80%;
    margin-top: 5rem;
    overflow: hidden;
    padding: 80px;
    border-radius: 15px;
  }
  body .section-content-six-l h3 {
    font-size: 2.2rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
  }
  body .section-content-six-l p {
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .section-content-six-l span {
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .content-image-six-l {
    position: absolute;
    left: -100%; /* Początkowa pozycja poza ekranem */
    transition: left 2s ease-in-out;
  }
  body .six-l-image {
    width: 350px;
    height: auto;
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  }
  body .content-text-six-l {
    flex: 1;
    padding-left: 510px; /* Odstęp, aby tekst nie nachodził na obraz */
  }
  body .content-text-six-l p {
    text-align: justify;
  }
  body .content-image-six-l.active {
    left: 8rem; /* Docelowa pozycja na stronie */
  }
  body .section-content-seven {
    min-width: 80%;
    margin-top: 5rem;
    overflow: hidden;
    padding: 40px;
    border-radius: 15px;
  }
  body .section-content-seven h4 {
    font-size: 2.2rem;
    padding-top: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
    padding-left: 80px;
    padding-right: 80px;
  }
  body .section-content-seven p {
    display: flex;
    font-size: 1.8rem;
    align-items: center;
    letter-spacing: 0.15rem;
    line-height: 1.8;
    padding-left: 80px;
    padding-right: 80px;
  }
  body .map-con {
    width: 80%; /* Zapewnia, że mapa nie przekroczy szerokości rodzica */
    max-height: 400px; /* Maksymalna wysokość mapy */
    width: 100%; /* Mapa zajmuje całą szerokość kontenera */
    margin: 0 auto; /* Wyśrodkowanie mapy */
    overflow: hidden; /* Ukrywa elementy wykraczające poza kontener */
    position: relative;
  }
  body .map-con iframe {
    width: 100%;
    height: 100%;
    min-height: 250px;
    max-height: 400px; /* Maksymalna wysokość iframe */
    border: 0; /* Usuwa obramowanie iframe, jeśli występuje */
  }
  body .social_media {
    min-width: 60%; /* Szerokość sekcji social media */
    margin: 0 auto; /* Wyśrodkowanie całej sekcji na stronie */
    padding-top: 50px;
  }
  body .social_media a,
  body .social_media p {
    flex: 1; /* Każda ikona zajmuje równą część dostępnej szerokości */
    text-align: center; /* Ikony są wyśrodkowane w swoich kontenerach */
  }
  body .social_media i {
    font-size: 56px; /* Rozmiar ikon */
  }
  body .icon_social {
    font-size: 56px;
    transition: color 0.3s ease;
  }
  body .gallery-section h4 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 0.15rem;
    padding-top: 2rem;
  }
  body .gallery {
    display: flex;
    flex-wrap: wrap; /* Pozwala, by obrazy zawijały się w razie potrzeby */
    gap: 10px; /* Odstęp między zdjęciami */
    justify-content: center; /* Wyśrodkuj obrazy */
  }
  body .gallery img {
    width: 150px; /* Możesz dostosować rozmiar miniatur */
    height: auto; /* Automatyczna wysokość dla zachowania proporcji */
    border-radius: 5px; /* Opcjonalne: zaokrąglone rogi */
    transition: transform 0.3s; /* Animacja powiększenia przy najechaniu */
  }
  body .gallery img:hover {
    transform: scale(1.05); /* Powiększenie przy najechaniu */
  }
  body .filter-bullet-list {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
  }
  body .filter-bullet-list li {
    line-height: 2;
  }
  body .filter-numbered-list {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
  }
  body .filter-numbered-list li {
    line-height: 2;
  }
  body .filter-important {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
    padding-left: 1rem;
  }
  body .filter-highlight {
    font-weight: 500;
    font-size: 1.8rem;
    letter-spacing: 0.15rem;
    line-height: 1.8;
  }
  body .p-with-icon {
    padding: 0;
    margin: 0 auto;
  }
  body .p-with-icon .text-after-icon {
    font-size: 1.8rem;
  }
  body .p-with-icon .bi-check2-square {
    font-weight: 700 !important;
    font-size: 2rem !important;
    padding-right: 0.5rem;
    padding-left: 2rem;
  }
}/*# sourceMappingURL=jobsoffer-landing.css.map */