{"id":102,"date":"2026-09-06T21:36:54","date_gmt":"2026-09-06T21:36:54","guid":{"rendered":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=102"},"modified":"2026-10-28T11:54:54","modified_gmt":"2026-10-28T11:54:54","slug":"%d0%bf%d0%be%d1%87%d0%b5%d1%82%d0%bd%d0%b0-2","status":"publish","type":"page","link":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/","title":{"rendered":"\u041f\u043e\u0447\u0435\u0442\u043d\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"102\" class=\"elementor elementor-102\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f00d2 e-flex e-con-boxed e-con e-parent\" data-id=\"44f00d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0860ff4 elementor-widget elementor-widget-html\" data-id=\"0860ff4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u041a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0441\u043b\u0430\u0458\u0434\u0435\u0440\u0430 *\/\r\n    .school-slider-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-radius: 0 0 12px 12px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.08);\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    .school-slider {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 500px; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0437\u0430 \u0440\u0430\u0447\u0443\u043d\u0430\u0440\u0435 *\/\r\n        position: relative;\r\n    }\r\n\r\n    .slide {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        transition: opacity 1s ease-in-out;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .slide.active {\r\n        opacity: 1;\r\n        z-index: 2;\r\n    }\r\n\r\n    .slide img {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        object-fit: contain;\r\n        display: block;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0421\u0442\u0440\u0435\u043b\u0438\u0446\u0435 \u0437\u0430 \u0440\u0443\u0447\u043d\u043e \u043f\u0440\u0435\u0431\u0430\u0446\u0438\u0432\u0430\u045a\u0435 *\/\r\n    .slider-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: rgba(0, 0, 0, 0.5);\r\n        color: white;\r\n        border: none;\r\n        padding: 10px 14px;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        border-radius: 50%;\r\n        font-size: 14px;\r\n        transition: background 0.3s;\r\n    }\r\n\r\n    .slider-btn:hover {\r\n        background: rgba(0, 0, 0, 0.8);\r\n    }\r\n\r\n    .prev-btn { left: 15px; }\r\n    .next-btn { right: 15px; }\r\n\r\n    \/* \u0422\u0430\u0447\u043a\u0438\u0446\u0435 \u0437\u0430 \u0438\u043d\u0434\u0438\u043a\u0430\u0446\u0438\u0458\u0443 \u0441\u043b\u0430\u0458\u0434\u043e\u0432\u0430 *\/\r\n    .slider-dots {\r\n        position: absolute;\r\n        bottom: 15px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 10;\r\n        display: flex;\r\n        gap: 8px;\r\n    }\r\n\r\n    .dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        cursor: pointer;\r\n        transition: background 0.3s;\r\n    }\r\n\r\n    .dot.active {\r\n        background: #ffffff;\r\n    }\r\n\r\n    \/* \u041f\u041e\u0414\u0415\u0428\u0410\u0412\u0410\u040a\u0410 \u0417\u0410 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0415: \u0423\u043a\u043b\u0430\u045a\u0430 \u0446\u0440\u043d\u0435 \u0431\u043e\u0447\u043d\u0435 \u0442\u0440\u0430\u043a\u0435 \u0438 \u043f\u0440\u0430\u0437\u043d\u0438\u043d\u0435 *\/\r\n    @media (max-width: 768px) {\r\n        .school-slider-container {\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n            width: 100vw; \/* \u041f\u0440\u043e\u0448\u0438\u0440\u0443\u0458\u0435 \u043a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u043d\u0430 \u043f\u0443\u043d\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0435\u043a\u0440\u0430\u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 *\/\r\n            margin-left: calc(-50vw + 50%); \/* \u041f\u043e\u043a\u0440\u0438\u0432\u0430 \u0435\u0432\u0435\u043d\u0442\u0443\u0430\u043b\u043d\u0435 \u0431\u043e\u0447\u043d\u0435 \u043c\u0430\u0440\u0433\u0438\u043d\u0435 \u043a\u043e\u0458\u0435 \u043d\u0430\u043c\u0435\u045b\u0435 WordPress \u0442\u0435\u043c\u0430 *\/\r\n            margin-right: calc(-50vw + 50%);\r\n        }\r\n        \r\n        .school-slider {\r\n            height: 250px !important; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0437\u0430 \u043c\u043e\u0431\u0438\u043b\u043d\u0438 \u043f\u0440\u0438\u043a\u0430\u0437 \u0434\u0430 \u0431\u0443\u0434\u0435 \u043f\u0440\u0435\u0433\u043b\u0435\u0434\u043d\u043e *\/\r\n        }\r\n\r\n        .slide img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover; \/* \u0420\u0430\u0441\u0442\u0435\u0436\u0435 \u0441\u043b\u0438\u043a\u0443 \u0434\u0430 \u0442\u0430\u0447\u043d\u043e \u043f\u043e\u043f\u0443\u043d\u0438 \u0446\u0435\u043b\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0438 \u0432\u0438\u0441\u0438\u043d\u0443 \u0431\u0435\u0437 \u0446\u0440\u043d\u0438\u0445 \u0440\u0443\u043f\u0430 \u0441\u0430 \u0441\u0442\u0440\u0430\u043d\u0435 *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0421\u041b\u0410\u0408\u0414\u0415\u0420 \u0421\u0415\u041a\u0426\u0418\u0408\u0410 -->\r\n<div class=\"school-slider-container\">\r\n    <div class=\"school-slider\" id=\"schoolSlider\">\r\n        <!-- \u0421\u043b\u0438\u043a\u0430 1 -->\r\n        <div class=\"slide active\">\r\n            <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/Picture1.png\" alt=\"\u041e\u0441\u043d\u043e\u0432\u043d\u0430 \u0448\u043a\u043e\u043b\u0430 \u041d\u0430\u0434\u0435\u0436\u0434\u0430 \u041f\u0435\u0442\u0440\u043e\u0432\u0438\u045b \u0421\u0438\u045b\u0435\u0432\u043e\">\r\n        <\/div>\r\n        <!-- \u0421\u043b\u0438\u043a\u0430 2 -->\r\n        <div class=\"slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/moto_orig.png\" alt=\"\u0428\u043a\u043e\u043b\u0430 \u0421\u0438\u045b\u0435\u0432\u043e\">\r\n        <\/div>\r\n        <!-- \u0421\u043b\u0438\u043a\u0430 3 -->\r\n        <div class=\"slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/\u0425\u0438\u043c\u043d\u0430-\u0448\u043a\u043e\u043b\u0435.png\" alt=\"\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0443 \u0448\u043a\u043e\u043b\u0438\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0421\u0442\u0440\u0435\u043b\u0438\u0446\u0435 -->\r\n    <button class=\"slider-btn prev-btn\" onclick=\"changeSlide(-1)\">&#10094;<\/button>\r\n    <button class=\"slider-btn next-btn\" onclick=\"changeSlide(1)\">&#10095;<\/button>\r\n\r\n    <!-- \u0422\u0430\u0447\u043a\u0438\u0446\u0435 -->\r\n    <div class=\"slider-dots\" id=\"sliderDots\">\r\n        <span class=\"dot active\" onclick=\"currentSlide(0)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\r\n        <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let slideIndex = 0;\r\n    const slides = document.querySelectorAll('.slide');\r\n    const dots = document.querySelectorAll('.dot');\r\n    let slideInterval;\r\n\r\n    function showSlide(n) {\r\n        slides.forEach(slide => slide.classList.remove('active'));\r\n        dots.forEach(dot => dot.classList.remove('active'));\r\n        \r\n        slideIndex = (n + slides.length) % slides.length;\r\n        \r\n        slides[slideIndex].classList.add('active');\r\n        dots[slideIndex].classList.add('active');\r\n    }\r\n\r\n    function changeSlide(n) {\r\n        showSlide(slideIndex + n);\r\n        resetTimer();\r\n    }\r\n\r\n    function currentSlide(n) {\r\n        showSlide(n);\r\n        resetTimer();\r\n    }\r\n\r\n    function autoSlide() {\r\n        showSlide(slideIndex + 1);\r\n    }\r\n\r\n    function resetTimer() {\r\n        clearInterval(slideInterval);\r\n        slideInterval = setInterval(autoSlide, 4000);\r\n    }\r\n\r\n    slideInterval = setInterval(autoSlide, 4000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ee70a7 e-flex e-con-boxed e-con e-parent\" data-id=\"2ee70a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fed3479 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fed3479\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9355625 e-flex e-con-boxed e-con e-parent\" data-id=\"9355625\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c15d4 elementor-widget elementor-widget-html\" data-id=\"76c15d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0413\u043b\u0430\u0432\u043d\u0438 \u043a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0437\u0430 \u0441\u0435\u043a\u0446\u0438\u0458\u0443 \u0441\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430\u043c\u0430 *\/\r\n    .school-cards-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto;\r\n        padding: 0 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u043a\u0430\u0440\u0442\u0438\u0446\u0430: 3 \u0443 \u0440\u0435\u0434\u0443 \u043d\u0430 \u0440\u0430\u0447\u0443\u043d\u0430\u0440\u0443 *\/\r\n    .school-cards-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px; \/* \u0420\u0430\u0437\u043c\u0430\u043a \u0438\u0437\u043c\u0435\u0452\u0443 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 *\/\r\n    }\r\n\r\n    \/* \u041f\u043e\u0458\u0435\u0434\u0438\u043d\u0430\u0447\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043a\u043e\u0458\u0430 \u0458\u0435 \u0443\u0458\u0435\u0434\u043d\u043e \u0438 \u043b\u0438\u043d\u043a *\/\r\n    .school-card {\r\n        text-decoration: none;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* \u0415\u0444\u0435\u043a\u0430\u0442 \u043a\u0430\u0434\u0430 \u0441\u0435 \u043f\u0440\u0435\u0452\u0435 \u043c\u0438\u0448\u0435\u043c \u043f\u0440\u0435\u043a\u043e \u043a\u0430\u0440\u0442\u0438\u0446\u0435 *\/\r\n    .school-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    \/* \u0421\u0442\u0438\u043b \u0437\u0430 \u043d\u0430\u0441\u043b\u043e\u0432 \u0438\u0437\u043d\u0430\u0434 \u0441\u043b\u0438\u043a\u0435 *\/\r\n    .school-card-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        padding: 20px 20px 12px 20px;\r\n        margin: 0;\r\n        text-align: center;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .school-card:hover .school-card-title {\r\n        color: #0056b3; \/* \u041f\u0440\u043e\u043c\u0435\u043d\u0430 \u0431\u043e\u0458\u0435 \u043d\u0430\u0441\u043b\u043e\u0432\u0430 \u043d\u0430 \u0445\u043e\u0432\u0435\u0440 *\/\r\n    }\r\n\r\n    \/* \u041a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0438 \u0441\u0442\u0438\u043b \u0437\u0430 \u0441\u043b\u0438\u043a\u0443 *\/\r\n    .school-card-img-wrapper {\r\n        width: 100%;\r\n        height: 220px; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0441\u043b\u0438\u043a\u0430 \u0434\u0430 \u0431\u0443\u0434\u0443 \u0438\u0441\u0442\u0435 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0435 *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .school-card-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* \u0427\u0443\u0432\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0458\u0435 \u0438 \u043b\u0435\u043f\u043e \u043f\u043e\u043f\u0443\u045a\u0430\u0432\u0430 \u043e\u043a\u0432\u0438\u0440 *\/\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .school-card:hover .school-card-img-wrapper img {\r\n        transform: scale(1.05); \/* \u0411\u043b\u0430\u0433\u0438 \u0437\u0443\u043c \u0441\u043b\u0438\u043a\u0435 \u043f\u0440\u0438 \u043f\u0440\u0435\u043b\u0430\u0441\u043a\u0443 \u043c\u0438\u0448\u0435\u043c *\/\r\n    }\r\n\r\n    \/* \u041c\u041e\u0411\u0418\u041b\u041d\u0418 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0418: \u041f\u0440\u0435\u0431\u0430\u0446\u0443\u0458\u0435 \u0443 1 \u043a\u043e\u043b\u043e\u043d\u0443 (\u0458\u0435\u0434\u043d\u043e \u0438\u0441\u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u043e\u0433) *\/\r\n    @media (max-width: 768px) {\r\n        .school-cards-grid {\r\n            grid-template-columns: 1fr; \/* \u0408\u0435\u0434\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0438 \u0435\u043a\u0440\u0430\u043d\u0430 *\/\r\n            gap: 20px;\r\n        }\r\n        \r\n        .school-card-img-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0421\u0415\u041a\u0426\u0418\u0408\u0410 \u0421\u0410 \u041a\u0410\u0420\u0422\u0418\u0426\u0410\u041c\u0410 (3 \u0443 \u0440\u0435\u0434\u0443) -->\r\n<div class=\"school-cards-section\">\r\n    <div class=\"school-cards-grid\">\r\n        \r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 1 (\u0417\u0430\u043c\u0435\u043d\u0438 \u043b\u0438\u043d\u043a\u043e\u0432\u0435, \u043d\u0430\u0441\u043b\u043e\u0432\u0435 \u0438 \u0441\u043b\u0438\u043a\u0435 \u043f\u043e \u0436\u0435\u0459\u0438) -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=878\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0423\u043f\u0438\u0441 \u043f\u0440\u0432\u0430\u043a\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/\u0423\u043f\u0438\u0441-\u043f\u0440\u0432\u0430\u043a\u0430.jpg\" alt=\"\u0423\u043f\u0438\u0441 \u043f\u0440\u0432\u0430\u043a\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 2 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=32\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u0447\u0430\u0441\u043e\u0432\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/ed8ce028-332d-4b55-b97d-5e801c134bdf.jpg\" alt=\"\u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u0447\u0430\u0441\u043e\u0432\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 3 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=759\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0417\u0430\u0432\u0440\u0448\u043d\u0438 \u0438\u0441\u043f\u0438\u0442<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/\u0417\u0430\u0432\u0440\u0448\u043d\u0438-\u0438\u0441\u043f\u0438\u0442.jpg\" alt=\"\u0417\u0430\u0432\u0440\u0448\u043d\u0438 \u0438\u0441\u043f\u0438\u0442\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c2ce2d e-flex e-con-boxed e-con e-parent\" data-id=\"1c2ce2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67a74ae elementor-widget elementor-widget-html\" data-id=\"67a74ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0413\u043b\u0430\u0432\u043d\u0438 \u043a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0437\u0430 \u0441\u0435\u043a\u0446\u0438\u0458\u0443 \u0441\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430\u043c\u0430 *\/\r\n    .school-cards-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto;\r\n        padding: 0 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u043a\u0430\u0440\u0442\u0438\u0446\u0430: 3 \u0443 \u0440\u0435\u0434\u0443 \u043d\u0430 \u0440\u0430\u0447\u0443\u043d\u0430\u0440\u0443 *\/\r\n    .school-cards-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px; \/* \u0420\u0430\u0437\u043c\u0430\u043a \u0438\u0437\u043c\u0435\u0452\u0443 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 *\/\r\n    }\r\n\r\n    \/* \u041f\u043e\u0458\u0435\u0434\u0438\u043d\u0430\u0447\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043a\u043e\u0458\u0430 \u0458\u0435 \u0443\u0458\u0435\u0434\u043d\u043e \u0438 \u043b\u0438\u043d\u043a *\/\r\n    .school-card {\r\n        text-decoration: none;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* \u0415\u0444\u0435\u043a\u0430\u0442 \u043a\u0430\u0434\u0430 \u0441\u0435 \u043f\u0440\u0435\u0452\u0435 \u043c\u0438\u0448\u0435\u043c \u043f\u0440\u0435\u043a\u043e \u043a\u0430\u0440\u0442\u0438\u0446\u0435 *\/\r\n    .school-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    \/* \u0421\u0442\u0438\u043b \u0437\u0430 \u043d\u0430\u0441\u043b\u043e\u0432 \u0438\u0437\u043d\u0430\u0434 \u0441\u043b\u0438\u043a\u0435 *\/\r\n    .school-card-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        padding: 20px 20px 12px 20px;\r\n        margin: 0;\r\n        text-align: center;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .school-card:hover .school-card-title {\r\n        color: #0056b3; \/* \u041f\u0440\u043e\u043c\u0435\u043d\u0430 \u0431\u043e\u0458\u0435 \u043d\u0430\u0441\u043b\u043e\u0432\u0430 \u043d\u0430 \u0445\u043e\u0432\u0435\u0440 *\/\r\n    }\r\n\r\n    \/* \u041a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0438 \u0441\u0442\u0438\u043b \u0437\u0430 \u0441\u043b\u0438\u043a\u0443 *\/\r\n    .school-card-img-wrapper {\r\n        width: 100%;\r\n        height: 220px; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0441\u043b\u0438\u043a\u0430 \u0434\u0430 \u0431\u0443\u0434\u0443 \u0438\u0441\u0442\u0435 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0435 *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .school-card-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* \u0427\u0443\u0432\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0458\u0435 \u0438 \u043b\u0435\u043f\u043e \u043f\u043e\u043f\u0443\u045a\u0430\u0432\u0430 \u043e\u043a\u0432\u0438\u0440 *\/\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .school-card:hover .school-card-img-wrapper img {\r\n        transform: scale(1.05); \/* \u0411\u043b\u0430\u0433\u0438 \u0437\u0443\u043c \u0441\u043b\u0438\u043a\u0435 \u043f\u0440\u0438 \u043f\u0440\u0435\u043b\u0430\u0441\u043a\u0443 \u043c\u0438\u0448\u0435\u043c *\/\r\n    }\r\n\r\n    \/* \u041c\u041e\u0411\u0418\u041b\u041d\u0418 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0418: \u041f\u0440\u0435\u0431\u0430\u0446\u0443\u0458\u0435 \u0443 1 \u043a\u043e\u043b\u043e\u043d\u0443 (\u0458\u0435\u0434\u043d\u043e \u0438\u0441\u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u043e\u0433) *\/\r\n    @media (max-width: 768px) {\r\n        .school-cards-grid {\r\n            grid-template-columns: 1fr; \/* \u0408\u0435\u0434\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0438 \u0435\u043a\u0440\u0430\u043d\u0430 *\/\r\n            gap: 20px;\r\n        }\r\n        \r\n        .school-card-img-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0421\u0415\u041a\u0426\u0418\u0408\u0410 \u0421\u0410 \u041a\u0410\u0420\u0422\u0418\u0426\u0410\u041c\u0410 (3 \u0443 \u0440\u0435\u0434\u0443) -->\r\n<div class=\"school-cards-section\">\r\n    <div class=\"school-cards-grid\">\r\n        \r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 1 (\u0417\u0430\u043c\u0435\u043d\u0438 \u043b\u0438\u043d\u043a\u043e\u0432\u0435, \u043d\u0430\u0441\u043b\u043e\u0432\u0435 \u0438 \u0441\u043b\u0438\u043a\u0435 \u043f\u043e \u0436\u0435\u0459\u0438) -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=427\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0423\u045f\u0431\u0435\u043d\u0438\u0446\u0438 \u0438 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/3.jpg\" alt=\"\u0423\u045f\u0431\u0435\u043d\u0438\u0446\u0438 \u0438 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 2 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=21\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/4.jpg\" alt=\"\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 3 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=1638\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0423\u0447\u0435\u043d\u0438\u0447\u043a\u0430 \u0437\u0430\u0434\u0440\u0443\u0433\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/5.jpg\" alt=\"\u0423\u0447\u0435\u043d\u0438\u0447\u043a\u0430 \u0437\u0430\u0434\u0440\u0443\u0433\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35ac86a e-flex e-con-boxed e-con e-parent\" data-id=\"35ac86a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5bc44 elementor-widget elementor-widget-html\" data-id=\"1a5bc44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0413\u043b\u0430\u0432\u043d\u0438 \u043a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0437\u0430 \u0441\u0435\u043a\u0446\u0438\u0458\u0443 \u0441\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430\u043c\u0430 *\/\r\n    .school-cards-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto;\r\n        padding: 0 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u043a\u0430\u0440\u0442\u0438\u0446\u0430: 3 \u0443 \u0440\u0435\u0434\u0443 \u043d\u0430 \u0440\u0430\u0447\u0443\u043d\u0430\u0440\u0443 *\/\r\n    .school-cards-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px; \/* \u0420\u0430\u0437\u043c\u0430\u043a \u0438\u0437\u043c\u0435\u0452\u0443 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 *\/\r\n    }\r\n\r\n    \/* \u041f\u043e\u0458\u0435\u0434\u0438\u043d\u0430\u0447\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043a\u043e\u0458\u0430 \u0458\u0435 \u0443\u0458\u0435\u0434\u043d\u043e \u0438 \u043b\u0438\u043d\u043a *\/\r\n    .school-card {\r\n        text-decoration: none;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* \u0415\u0444\u0435\u043a\u0430\u0442 \u043a\u0430\u0434\u0430 \u0441\u0435 \u043f\u0440\u0435\u0452\u0435 \u043c\u0438\u0448\u0435\u043c \u043f\u0440\u0435\u043a\u043e \u043a\u0430\u0440\u0442\u0438\u0446\u0435 *\/\r\n    .school-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    \/* \u0421\u0442\u0438\u043b \u0437\u0430 \u043d\u0430\u0441\u043b\u043e\u0432 \u0438\u0437\u043d\u0430\u0434 \u0441\u043b\u0438\u043a\u0435 *\/\r\n    .school-card-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        padding: 20px 20px 12px 20px;\r\n        margin: 0;\r\n        text-align: center;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .school-card:hover .school-card-title {\r\n        color: #0056b3; \/* \u041f\u0440\u043e\u043c\u0435\u043d\u0430 \u0431\u043e\u0458\u0435 \u043d\u0430\u0441\u043b\u043e\u0432\u0430 \u043d\u0430 \u0445\u043e\u0432\u0435\u0440 *\/\r\n    }\r\n\r\n    \/* \u041a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0438 \u0441\u0442\u0438\u043b \u0437\u0430 \u0441\u043b\u0438\u043a\u0443 *\/\r\n    .school-card-img-wrapper {\r\n        width: 100%;\r\n        height: 220px; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0441\u043b\u0438\u043a\u0430 \u0434\u0430 \u0431\u0443\u0434\u0443 \u0438\u0441\u0442\u0435 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0435 *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .school-card-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* \u0427\u0443\u0432\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0458\u0435 \u0438 \u043b\u0435\u043f\u043e \u043f\u043e\u043f\u0443\u045a\u0430\u0432\u0430 \u043e\u043a\u0432\u0438\u0440 *\/\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .school-card:hover .school-card-img-wrapper img {\r\n        transform: scale(1.05); \/* \u0411\u043b\u0430\u0433\u0438 \u0437\u0443\u043c \u0441\u043b\u0438\u043a\u0435 \u043f\u0440\u0438 \u043f\u0440\u0435\u043b\u0430\u0441\u043a\u0443 \u043c\u0438\u0448\u0435\u043c *\/\r\n    }\r\n\r\n    \/* \u041c\u041e\u0411\u0418\u041b\u041d\u0418 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0418: \u041f\u0440\u0435\u0431\u0430\u0446\u0443\u0458\u0435 \u0443 1 \u043a\u043e\u043b\u043e\u043d\u0443 (\u0458\u0435\u0434\u043d\u043e \u0438\u0441\u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u043e\u0433) *\/\r\n    @media (max-width: 768px) {\r\n        .school-cards-grid {\r\n            grid-template-columns: 1fr; \/* \u0408\u0435\u0434\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0438 \u0435\u043a\u0440\u0430\u043d\u0430 *\/\r\n            gap: 20px;\r\n        }\r\n        \r\n        .school-card-img-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0421\u0415\u041a\u0426\u0418\u0408\u0410 \u0421\u0410 \u041a\u0410\u0420\u0422\u0418\u0426\u0410\u041c\u0410 (3 \u0443 \u0440\u0435\u0434\u0443) -->\r\n<div class=\"school-cards-section\">\r\n    <div class=\"school-cards-grid\">\r\n        \r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 1 (\u0417\u0430\u043c\u0435\u043d\u0438 \u043b\u0438\u043d\u043a\u043e\u0432\u0435, \u043d\u0430\u0441\u043b\u043e\u0432\u0435 \u0438 \u0441\u043b\u0438\u043a\u0435 \u043f\u043e \u0436\u0435\u0459\u0438) -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=70\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u041e\u0431\u043e\u0433\u0430\u045b\u0435\u043d \u0458\u0435\u0434\u043d\u043e\u0441\u043c\u0435\u043d\u0441\u043a\u0438 \u0440\u0430\u0434<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/Picture1-2.png\" alt=\"\u041e\u0431\u043e\u0433\u0430\u045b\u0435\u043d \u0458\u0435\u0434\u043d\u043e\u0441\u043c\u0435\u043d\u0441\u043a\u0438 \u0440\u0430\u0434\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 2 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=42\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0424\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u045a\u0435 \u043e\u0434\u0440\u0430\u0441\u043b\u0438\u0445<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/senior-woman-studying-at-an-adult-education-class-1536x1024.jpg.webp\" alt=\"\u0424\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u045a\u0435 \u043e\u0434\u0440\u0430\u0441\u043b\u0438\u0445\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 3 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=1814\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0448\u043a\u043e\u043b\u0435<\/h3>\r\n            <div class=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=58\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438-\u0448\u043a\u043e\u043b\u0435.jpg\" alt=\"\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0448\u043a\u043e\u043b\u0435\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc0f916 e-flex e-con-boxed e-con e-parent\" data-id=\"fc0f916\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92fac63 elementor-widget elementor-widget-html\" data-id=\"92fac63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* \u0413\u043b\u0430\u0432\u043d\u0438 \u043a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0437\u0430 \u0441\u0435\u043a\u0446\u0438\u0458\u0443 \u0441\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430\u043c\u0430 *\/\r\n    .school-cards-section {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 40px auto;\r\n        padding: 0 15px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u043a\u0430\u0440\u0442\u0438\u0446\u0430: 3 \u0443 \u0440\u0435\u0434\u0443 \u043d\u0430 \u0440\u0430\u0447\u0443\u043d\u0430\u0440\u0443 *\/\r\n    .school-cards-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px; \/* \u0420\u0430\u0437\u043c\u0430\u043a \u0438\u0437\u043c\u0435\u0452\u0443 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 *\/\r\n    }\r\n\r\n    \/* \u041f\u043e\u0458\u0435\u0434\u0438\u043d\u0430\u0447\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043a\u043e\u0458\u0430 \u0458\u0435 \u0443\u0458\u0435\u0434\u043d\u043e \u0438 \u043b\u0438\u043d\u043a *\/\r\n    .school-card {\r\n        text-decoration: none;\r\n        background: #ffffff;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* \u0415\u0444\u0435\u043a\u0430\u0442 \u043a\u0430\u0434\u0430 \u0441\u0435 \u043f\u0440\u0435\u0452\u0435 \u043c\u0438\u0448\u0435\u043c \u043f\u0440\u0435\u043a\u043e \u043a\u0430\u0440\u0442\u0438\u0446\u0435 *\/\r\n    .school-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    \/* \u0421\u0442\u0438\u043b \u0437\u0430 \u043d\u0430\u0441\u043b\u043e\u0432 \u0438\u0437\u043d\u0430\u0434 \u0441\u043b\u0438\u043a\u0435 *\/\r\n    .school-card-title {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n        color: #2c3e50;\r\n        padding: 20px 20px 12px 20px;\r\n        margin: 0;\r\n        text-align: center;\r\n        transition: color 0.3s;\r\n    }\r\n\r\n    .school-card:hover .school-card-title {\r\n        color: #0056b3; \/* \u041f\u0440\u043e\u043c\u0435\u043d\u0430 \u0431\u043e\u0458\u0435 \u043d\u0430\u0441\u043b\u043e\u0432\u0430 \u043d\u0430 \u0445\u043e\u0432\u0435\u0440 *\/\r\n    }\r\n\r\n    \/* \u041a\u043e\u043d\u0442\u0435\u0458\u043d\u0435\u0440 \u0438 \u0441\u0442\u0438\u043b \u0437\u0430 \u0441\u043b\u0438\u043a\u0443 *\/\r\n    .school-card-img-wrapper {\r\n        width: 100%;\r\n        height: 220px; \/* \u0424\u0438\u043a\u0441\u043d\u0430 \u0432\u0438\u0441\u0438\u043d\u0430 \u0441\u043b\u0438\u043a\u0430 \u0434\u0430 \u0431\u0443\u0434\u0443 \u0438\u0441\u0442\u0435 \u0432\u0435\u043b\u0438\u0447\u0438\u043d\u0435 *\/\r\n        overflow: hidden;\r\n    }\r\n\r\n    .school-card-img-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* \u0427\u0443\u0432\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0458\u0435 \u0438 \u043b\u0435\u043f\u043e \u043f\u043e\u043f\u0443\u045a\u0430\u0432\u0430 \u043e\u043a\u0432\u0438\u0440 *\/\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .school-card:hover .school-card-img-wrapper img {\r\n        transform: scale(1.05); \/* \u0411\u043b\u0430\u0433\u0438 \u0437\u0443\u043c \u0441\u043b\u0438\u043a\u0435 \u043f\u0440\u0438 \u043f\u0440\u0435\u043b\u0430\u0441\u043a\u0443 \u043c\u0438\u0448\u0435\u043c *\/\r\n    }\r\n\r\n    \/* \u041c\u041e\u0411\u0418\u041b\u041d\u0418 \u0422\u0415\u041b\u0415\u0424\u041e\u041d\u0418: \u041f\u0440\u0435\u0431\u0430\u0446\u0443\u0458\u0435 \u0443 1 \u043a\u043e\u043b\u043e\u043d\u0443 (\u0458\u0435\u0434\u043d\u043e \u0438\u0441\u043f\u043e\u0434 \u0434\u0440\u0443\u0433\u043e\u0433) *\/\r\n    @media (max-width: 768px) {\r\n        .school-cards-grid {\r\n            grid-template-columns: 1fr; \/* \u0408\u0435\u0434\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0446\u0430 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0438 \u0435\u043a\u0440\u0430\u043d\u0430 *\/\r\n            gap: 20px;\r\n        }\r\n        \r\n        .school-card-img-wrapper {\r\n            height: 200px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0421\u0415\u041a\u0426\u0418\u0408\u0410 \u0421\u0410 \u041a\u0410\u0420\u0422\u0418\u0426\u0410\u041c\u0410 (3 \u0443 \u0440\u0435\u0434\u0443) -->\r\n<div class=\"school-cards-section\">\r\n    <div class=\"school-cards-grid\">\r\n        \r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 1 (\u0417\u0430\u043c\u0435\u043d\u0438 \u043b\u0438\u043d\u043a\u043e\u0432\u0435, \u043d\u0430\u0441\u043b\u043e\u0432\u0435 \u0438 \u0441\u043b\u0438\u043a\u0435 \u043f\u043e \u0436\u0435\u0459\u0438) -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=50\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0423\u0447\u0435\u043d\u0438\u0447\u043a\u0438 \u043f\u0430\u0440\u043b\u0430\u043c\u0435\u043d\u0442<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/1.jpg\" alt=\"\u0423\u0447\u0435\u043d\u0438\u0447\u043a\u0438 \u043f\u0430\u0440\u043b\u0430\u043c\u0435\u043d\u0442\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 2 -->\r\n        <a href=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/?page_id=46\" class=\"school-card\">\r\n            <h3 class=\"school-card-title\">\u0422\u0430\u043a\u043c\u0438\u0447\u0435\u045a\u0430<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/2.jpg\" alt=\"\u0422\u0430\u043a\u043c\u0438\u0447\u0435\u045a\u0430\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u041a\u0410\u0420\u0422\u0418\u0426\u0410 3 -->\r\n        <a href=\"https:\/\/cuvamte.gov.rs\/\" class=\"school-card\" target=\"_blank\" rel=\"noopener\">\r\n            <h3 class=\"school-card-title\">\u0427\u0443\u0432\u0430\u043c \u0442\u0435<\/h3>\r\n            <div class=\"school-card-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/osnadezdapetrovicsicevo.edu.rs\/wp-content\/uploads\/2026\/09\/hero-1797x1081-1.jpg\" alt=\"\u0427\u0443\u0432\u0430\u043c \u0442\u0435\">\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095; \u0423\u043f\u0438\u0441 \u043f\u0440\u0432\u0430\u043a\u0430 \u0420\u0430\u0441\u043f\u043e\u0440\u0435\u0434 \u0447\u0430\u0441\u043e\u0432\u0430 \u0417\u0430\u0432\u0440\u0448\u043d\u0438 \u0438\u0441\u043f\u0438\u0442 \u0423\u045f\u0431\u0435\u043d\u0438\u0446\u0438 \u0438 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u0430 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0423\u0447\u0435\u043d\u0438\u0447\u043a\u0430 \u0437\u0430\u0434\u0440\u0443\u0433\u0430 \u041e\u0431\u043e\u0433\u0430\u045b\u0435\u043d \u0458\u0435\u0434\u043d\u043e\u0441\u043c\u0435\u043d\u0441\u043a\u0438 \u0440\u0430\u0434 \u0424\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u045a\u0435 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102"}],"version-history":[{"count":112,"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":2028,"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/2028"}],"wp:attachment":[{"href":"https:\/\/osnadezdapetrovicsicevo.edu.rs\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}