diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..21d0b89 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.venv/ diff --git a/assets/images/amra-320w.webp b/assets/images/amra-320w.webp new file mode 100644 index 0000000..f28436f Binary files /dev/null and b/assets/images/amra-320w.webp differ diff --git a/assets/images/amra-480w.webp b/assets/images/amra-480w.webp new file mode 100644 index 0000000..74770c9 Binary files /dev/null and b/assets/images/amra-480w.webp differ diff --git a/assets/images/amra-767w.webp b/assets/images/amra-767w.webp new file mode 100644 index 0000000..cacb7df Binary files /dev/null and b/assets/images/amra-767w.webp differ diff --git a/assets/images/amra-960w.webp b/assets/images/amra-960w.webp new file mode 100644 index 0000000..e7af35f Binary files /dev/null and b/assets/images/amra-960w.webp differ diff --git a/assets/images/amra.webp b/assets/images/amra.webp new file mode 100644 index 0000000..bedb4c5 Binary files /dev/null and b/assets/images/amra.webp differ diff --git a/assets/images/amra2.webp b/assets/images/amra2.webp new file mode 100644 index 0000000..6351524 Binary files /dev/null and b/assets/images/amra2.webp differ diff --git a/assets/images/individualno.webp b/assets/images/individualno.webp new file mode 100644 index 0000000..4fa4b5a Binary files /dev/null and b/assets/images/individualno.webp differ diff --git a/assets/images/logo-100w.webp b/assets/images/logo-100w.webp new file mode 100644 index 0000000..a4caecc Binary files /dev/null and b/assets/images/logo-100w.webp differ diff --git a/assets/images/logo-200w.webp b/assets/images/logo-200w.webp new file mode 100644 index 0000000..3daa8b3 Binary files /dev/null and b/assets/images/logo-200w.webp differ diff --git a/assets/images/logo-400w.webp b/assets/images/logo-400w.webp new file mode 100644 index 0000000..0adeb82 Binary files /dev/null and b/assets/images/logo-400w.webp differ diff --git a/assets/images/logo.webp b/assets/images/logo.webp index e171072..d2ec64c 100644 Binary files a/assets/images/logo.webp and b/assets/images/logo.webp differ diff --git a/assets/images/amra.png b/assets/images/original/amra.png similarity index 100% rename from assets/images/amra.png rename to assets/images/original/amra.png diff --git a/assets/images/amra2.png b/assets/images/original/amra2.png similarity index 100% rename from assets/images/amra2.png rename to assets/images/original/amra2.png diff --git a/assets/images/individualno.jpeg b/assets/images/original/individualno.jpeg similarity index 100% rename from assets/images/individualno.jpeg rename to assets/images/original/individualno.jpeg diff --git a/assets/images/logo.png b/assets/images/original/logo.png similarity index 100% rename from assets/images/logo.png rename to assets/images/original/logo.png diff --git a/assets/images/skupinsko.jpeg b/assets/images/original/skupinsko.jpeg similarity index 100% rename from assets/images/skupinsko.jpeg rename to assets/images/original/skupinsko.jpeg diff --git a/assets/images/vkljucevanje/delavnica-starsi-sola.png b/assets/images/original/vkljucevanje/delavnica-starsi-sola.png similarity index 100% rename from assets/images/vkljucevanje/delavnica-starsi-sola.png rename to assets/images/original/vkljucevanje/delavnica-starsi-sola.png diff --git a/assets/images/vkljucevanje/delavnica-starsi-vrtec.png b/assets/images/original/vkljucevanje/delavnica-starsi-vrtec.png similarity index 100% rename from assets/images/vkljucevanje/delavnica-starsi-vrtec.png rename to assets/images/original/vkljucevanje/delavnica-starsi-vrtec.png diff --git a/assets/images/vkljucevanje/delavnica-ucenci.png b/assets/images/original/vkljucevanje/delavnica-ucenci.png similarity index 100% rename from assets/images/vkljucevanje/delavnica-ucenci.png rename to assets/images/original/vkljucevanje/delavnica-ucenci.png diff --git a/assets/images/vkljucevanje/delavnica-ucitelji.png b/assets/images/original/vkljucevanje/delavnica-ucitelji.png similarity index 100% rename from assets/images/vkljucevanje/delavnica-ucitelji.png rename to assets/images/original/vkljucevanje/delavnica-ucitelji.png diff --git a/assets/images/skupinsko.webp b/assets/images/skupinsko.webp new file mode 100644 index 0000000..a4b55b9 Binary files /dev/null and b/assets/images/skupinsko.webp differ diff --git a/assets/images/vkljucevanje/delavnica-starsi-sola.webp b/assets/images/vkljucevanje/delavnica-starsi-sola.webp new file mode 100644 index 0000000..b39aca7 Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-starsi-sola.webp differ diff --git a/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp b/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp new file mode 100644 index 0000000..957d2e2 Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp differ diff --git a/assets/images/vkljucevanje/delavnica-ucenci.webp b/assets/images/vkljucevanje/delavnica-ucenci.webp new file mode 100644 index 0000000..f10cf99 Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-ucenci.webp differ diff --git a/assets/images/vkljucevanje/delavnica-ucitelji.webp b/assets/images/vkljucevanje/delavnica-ucitelji.webp new file mode 100644 index 0000000..dd52389 Binary files /dev/null and b/assets/images/vkljucevanje/delavnica-ucitelji.webp differ diff --git a/cene-in-reference/index.html b/cene-in-reference/index.html index bd5bb1f..f214c49 100644 --- a/cene-in-reference/index.html +++ b/cene-in-reference/index.html @@ -4,6 +4,16 @@ Cene in reference - Prosberry + + + + + + + + + + @@ -14,8 +24,8 @@ @@ -237,8 +247,7 @@ - - - + + diff --git a/cene-in-sodelovanja/index.html b/cene-in-sodelovanja/index.html index 903685e..8abe518 100644 --- a/cene-in-sodelovanja/index.html +++ b/cene-in-sodelovanja/index.html @@ -4,6 +4,17 @@ Cene in sodelovanja - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -146,8 +157,7 @@ - - - + + diff --git a/css/style.css b/css/style.css index f34b046..65596d3 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5470 +1 @@ -/* Google Fonts */ -@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); - -/* Reset and base styles */ -:root { - --primary-color: #fb6339; - --text-color: #000000; - --bg-color: #ffffff; - --light-bg: #f9f9f9; - --transition: all 0.3s ease; -} - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -html { - overflow-x: hidden; -} - -body { - font-family: 'Poppins', sans-serif; - line-height: 1.6; - color: var(--text-color); - background: var(--bg-color); - overflow-x: hidden; -} - -body.no-scroll { - overflow: hidden; -} - -/* Header and Navigation */ -.main-header { - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 1000; - background: rgba(255, 255, 255, 0.95); - backdrop-filter: blur(10px); - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -} - -.nav-container { - max-width: 1200px; - margin: 0 auto; - padding: 1rem 2rem; - display: flex; - justify-content: space-between; - align-items: center; -} - -.logo { - display: flex; - align-items: center; -} - -.logo a { - display: flex; - align-items: center; - font-size: 1.5rem; - font-weight: 700; - color: var(--primary-color); - text-decoration: none; - letter-spacing: 1px; -} - -.logo img { - /* Višino zmanjšamo za 10px (5px zgoraj, 5px spodaj) */ - height: calc(50px + 2rem - 10px); - width: auto; - /* Negativni rob zmanjšamo za 5px, da ustvarimo prostor */ - margin-top: calc(-1rem + 5px); - margin-bottom: calc(-1rem + 5px); - margin-right: 10px; -} - -.nav-links { - display: flex; - align-items: center; -} - -.nav-links a { - color: var(--text-color); - text-decoration: none; - margin-left: 2rem; - font-weight: 500; - transition: var(--transition); - padding: 0.5rem 0; -} - -.nav-links a:hover, -.nav-links a.active, -.dropbtn.active { - color: var(--primary-color); -} - -/* Mobile menu button */ -.mobile-menu-btn { - display: none; - flex-direction: column; - gap: 6px; - cursor: pointer; -} - -.mobile-menu-btn span { - width: 30px; - height: 2px; - background: var(--text-color); - transition: var(--transition); -} - -/* Hero Section */ -.hero { - padding: 120px 2rem 60px; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - min-height: 100vh; - display: flex; - align-items: center; -} - -.hero-content { - max-width: 1200px; - margin: 0 auto; - width: 100%; -} - -.hero-grid { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 4rem; - align-items: center; -} - -.hero-text { - max-width: 600px; -} - -.hero h1 { - font-size: 3rem; - margin-bottom: 2rem; - color: var(--text-color); -} - -.hero h2 { - color: var(--primary-color); - margin-bottom: 1rem; -} - -.hero-image { - display: flex; - justify-content: center; - align-items: center; -} - -.hero-image img { - max-width: 100%; - height: auto; - filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1)); - transition: var(--transition); -} - -.hero-image img:hover { - transform: translateY(-10px); - filter: drop-shadow(0 20px 30px rgba(251, 99, 57, 0.2)); -} - -.pros-berry-explanation { - margin: 2rem 0; - padding: 2rem; - background: white; - border-radius: 10px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); -} - -/* CTA Button */ -.cta-button { - display: inline-block; - padding: 1rem 2rem; - background: var(--primary-color); - color: white; - text-decoration: none; - border-radius: 30px; - font-weight: 500; - transition: var(--transition); - margin-top: 2rem; -} - -.cta-button:hover { - transform: translateY(-2px); - box-shadow: 0 4px 15px rgba(251, 99, 57, 0.4); -} - -/* Services Section */ -.services { - padding: 80px 2rem; - background: white; -} - -.services h2 { - text-align: center; - margin-bottom: 3rem; - color: var(--text-color); -} - -.services-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 2rem; - max-width: 1200px; - margin: 0 auto; -} - -.service-card { - padding: 2rem; - background: white; - border-radius: 15px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - transition: var(--transition); - text-align: center; -} - -.service-card:hover { - transform: translateY(-5px); -} - -.service-icon { - width: 100px; - height: 100px; - margin: 0 auto 1.5rem; - display: flex; - justify-content: center; - align-items: center; - background-color: rgba(251, 99, 57, 0.1); - border-radius: 50%; - transition: var(--transition); -} - -.service-icon .emoji { - font-size: 3.5rem; - transition: var(--transition); -} - -.service-card:hover .service-icon { - background-color: var(--primary-color); -} - -.service-card:hover .service-icon .emoji { - color: white; - transform: scale(1.1); -} - -.service-card h3 { - color: var(--primary-color); - margin-bottom: 1rem; -} - -/* Contact Info Section */ -.contact-info { - padding: 60px 2rem; - text-align: center; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); -} - -.contact-info a { - color: var(--primary-color); - text-decoration: none; - font-weight: 500; - transition: var(--transition); -} - -.contact-info a:hover { - text-decoration: underline; -} - -/* Footer */ -footer { - background: var(--text-color); - color: var(--bg-color); - padding: 3rem 2rem; -} - -.footer-content { - max-width: 1200px; - margin: 0 auto; - display: flex; - justify-content: space-between; - align-items: center; -} - -.footer-logo h3 { - color: var(--primary-color); -} - -.footer-contact a, -.footer-links a { - color: var(--bg-color); - text-decoration: none; - transition: var(--transition); -} - -.footer-contact a:hover, -.footer-links a:hover { - color: var(--primary-color); -} - -/* Responsive Design */ -@media (max-width: 992px) { - .hero-grid { - grid-template-columns: 1fr; - gap: 2rem; - } - - .hero-text { - max-width: 100%; - text-align: center; - } - - .hero-image { - order: -1; - } - - .hero-image img { - max-width: 80%; - } -} - -@media (max-width: 768px) { - .nav-links .dropdown { - width: 100%; - margin-left: 0; - } - - .nav-links a, - .nav-links .dropdown .dropbtn { - margin: 0; - padding: 0.9rem 1.1rem; - text-align: left; - border-radius: 12px; - font-size: 1rem; - display: block; - width: 100%; - } - - .nav-links .dropdown .dropbtn { - background: rgba(251, 99, 57, 0.08); - border: none; - } - - .nav-links .dropdown:hover .dropbtn, - .nav-links .dropdown .dropbtn.active, - .nav-links a:hover, - .nav-links a.active { - background: rgba(251, 99, 57, 0.16); - } - - .nav-links { - display: none; - position: fixed; - top: 72px; - left: 0; - width: 100%; - height: calc(100vh - 72px); - background: rgba(255, 255, 255, 0.98); - padding: 1.5rem 1.25rem 2.2rem; - flex-direction: column; - align-items: stretch; - gap: 0.75rem; - box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); - backdrop-filter: blur(12px); - overflow-y: auto; - z-index: 999; - } - - .nav-links.active { - display: flex; - } - - .mobile-menu-btn { - display: flex; - z-index: 1000; - } - - .mobile-menu-btn.active span:nth-child(1) { - transform: rotate(45deg) translate(6px, 6px); - } - - .mobile-menu-btn.active span:nth-child(2) { - opacity: 0; - } - - .mobile-menu-btn.active span:nth-child(3) { - transform: rotate(-45deg) translate(6px, -6px); - } - - .dropdown-content, - .dropdown-submenu-content { - position: static; - display: none; - box-shadow: none; - background: transparent; - border-radius: 0; - min-width: 100%; - padding: 0; - margin: 0.35rem 0 0; - } - - .dropdown-content a { - padding: 0.8rem 1.1rem; - border-radius: 10px; - } - - .dropdown-submenu-content { - margin-left: 0; - padding: 0.2rem 0 0.8rem; - border-left: 2px solid rgba(251, 99, 57, 0.2); - } - - .dropdown-submenu-content a { - padding-left: 1.6rem; - } - - /* Hero section mobile optimization */ - .hero { - padding: 100px 1.5rem 40px; - min-height: auto; - } - - .hero h1 { - font-size: 2rem; - margin-bottom: 1.5rem; - } - - .hero-grid { - grid-template-columns: 1fr; - gap: 2rem; - } - - .hero-image { - order: -1; - } - - .hero-image img { - max-width: 80%; - } - - /* Services section mobile optimization */ - .services { - padding: 60px 1.5rem; - } - - .services-grid { - grid-template-columns: 1fr; - gap: 1.5rem; - } - - .service-card { - padding: 1.5rem; - } - - /* General mobile optimizations */ - section { - padding: 60px 1.5rem; - } - - h1 { - font-size: 2rem; - } - - h2 { - font-size: 1.75rem; - } - - h3 { - font-size: 1.25rem; - } - - p { - font-size: 1rem; - } - - .cta-button { - width: 100%; - text-align: center; - padding: 1rem; - } - - .footer-content { - flex-direction: column; - text-align: center; - gap: 2rem; - } - - .logo img { - height: calc(50px + 2rem - 10px); - width: auto; - margin-top: calc(-1rem + 5px); - margin-bottom: calc(-1rem + 5px); - margin-right: 10px; - } - - .service-icon { - width: 120px; - height: 120px; - } - - .service-icon .emoji { - font-size: 4rem; - } -} - -/* Small mobile devices */ -@media (max-width: 480px) { - .hero h1 { - font-size: 1.75rem; - } - - .hero-image img { - max-width: 100%; - } - - .service-card { - padding: 1.25rem; - } - - .footer-content { - padding: 2rem 1.5rem; - } - - .service-icon { - width: 110px; - height: 110px; - } - - .service-icon .emoji { - font-size: 3.8rem; - } -} - -/* Animations */ -@keyframes fadeIn { - from { - opacity: 0; - transform: translateY(20px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -.fade-in { - animation: fadeIn 0.6s ease forwards; -} - -/* About Page Styles */ -.about-hero { - position: relative; - padding: 160px 2rem 150px; - background: #fdfcfa; - overflow: hidden; -} - -.about-hero::before { - content: ""; - position: absolute; - inset: 0; - background: - radial-gradient(circle at 12% 18%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%), - radial-gradient(circle at 78% 14%, rgba(255, 210, 190, 0.32) 0%, rgba(255, 210, 190, 0) 60%), - radial-gradient(circle at 68% 80%, rgba(200, 230, 255, 0.25) 0%, rgba(200, 230, 255, 0) 60%); - z-index: 0; -} - -.about-hero-container { - position: relative; - z-index: 2; - max-width: 1200px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 3rem; - align-items: center; -} - -.about-hero-text { - display: flex; - flex-direction: column; - gap: 1.5rem; -} - -.about-hero-kicker { - display: inline-block; - align-self: flex-start; - padding: 0.35rem 1rem; - border-radius: 999px; - letter-spacing: 0.12em; - text-transform: uppercase; - font-size: 0.72rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); -} - -.about-hero h1 { - font-size: 3rem; - line-height: 1.25; - color: #1f2530; - margin: 0; -} - -.about-hero-text p { - font-size: 1.12rem; - line-height: 1.9; - color: #454b57; - max-width: 65ch; - text-align: justify; -} - -.about-hero-image { - display: flex; - justify-content: center; - align-items: flex-end; -} - -.about-hero-image .image-frame { - position: relative; - padding: 0; - border-radius: 36px; - background: transparent; - box-shadow: 0 25px 55px rgba(15, 25, 40, 0.12); - overflow: hidden; -} - -.about-hero-image picture, -.about-hero-image img { - display: block; - width: 100%; - height: auto; - border-radius: 28px; -} - -.about-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0.55; - z-index: 1; -} - -.about-hero .shape-a { - width: 260px; - height: 260px; - background: rgba(251, 99, 57, 0.16); - top: 18%; - left: 4%; -} - -.about-hero .shape-b { - width: 120px; - height: 120px; - border: 2px dotted rgba(251, 99, 57, 0.45); - top: 24%; - right: 16%; -} - -.about-hero .shape-c { - width: 320px; - height: 320px; - background: rgba(254, 219, 204, 0.28); - bottom: -120px; - left: 22%; -} - -.about-hero .shape-d { - width: 90px; - height: 90px; - border: 2px solid rgba(200, 230, 255, 0.45); - bottom: 12%; - right: 8%; -} - -.about-accordion-section { - background: #ffffff; - padding: 0 2rem 140px; -} - -.about-accordion-container { - max-width: 960px; - margin: -90px auto 0; - background: #ffffff; - border-radius: 28px; - box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08); - padding: 3.25rem 3rem; - position: relative; - overflow: hidden; -} - -.about-accordion-container::before { - content: ""; - position: absolute; - width: 260px; - height: 260px; - background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 70%); - top: -120px; - right: -80px; - z-index: 0; -} - -.about-accordion-container > * { - position: relative; - z-index: 1; -} - -.about-accordion-intro { - text-align: center; - margin-bottom: 2.5rem; -} - -.about-accordion-intro p { - font-size: 1rem; - color: #5a5f69; -} - -.about-accordion-list { - display: flex; - flex-direction: column; - gap: 1.25rem; -} - -.about-accordion-item { - border-radius: 18px; - background: rgba(253, 252, 250, 0.85); - border: 1px solid rgba(31, 37, 48, 0.06); - box-shadow: 0 18px 35px rgba(15, 25, 40, 0.07); - overflow: hidden; -} - -.about-accordion-toggle { - width: 100%; - display: flex; - justify-content: space-between; - align-items: center; - gap: 1rem; - padding: 1.4rem 1.8rem; - font-size: 1.1rem; - font-weight: 600; - color: #1f2530; - background: transparent; - border: none; - cursor: pointer; - text-align: left; - transition: background 0.25s ease, color 0.25s ease; -} - -.about-accordion-toggle span:first-child { - flex: 1; -} - -.about-accordion-toggle:focus-visible { - outline: 2px solid rgba(251, 99, 57, 0.4); - outline-offset: 4px; -} - -.about-accordion-toggle[aria-expanded="true"] { - background: rgba(251, 99, 57, 0.08); - color: var(--primary-color); -} - -.accordion-icon { - width: 34px; - height: 34px; - border-radius: 50%; - border: 1px solid rgba(251, 99, 57, 0.45); - display: grid; - place-items: center; - font-size: 1.2rem; - color: var(--primary-color); - transition: transform 0.25s ease, background 0.25s ease; -} - -.accordion-icon::after { - content: "+"; - font-weight: 600; -} - -.about-accordion-toggle[aria-expanded="true"] .accordion-icon::after { - content: "–"; -} - -.about-accordion-toggle[aria-expanded="true"] .accordion-icon { - background: rgba(251, 99, 57, 0.14); -} - -.about-accordion-content p { - text-align: justify; -} - -.about-accordion-content { - padding: 0 1.8rem 1.8rem; - font-size: 1rem; - line-height: 1.85; - color: #4f5562; -} - -.about-accordion-content p + p { - margin-top: 1.1rem; -} - -/* Responsive Styles */ -@media (max-width: 992px) { - .about-hero { - padding: 130px 1.5rem 130px; - } - - .about-hero-container { - grid-template-columns: 1fr; - gap: 2.5rem; - text-align: center; - } - - .about-hero-text { - text-align: center; - align-items: center; - } - - .about-hero-kicker { - align-self: center; - } - - .about-hero-text p { - max-width: 48ch; - } - - .about-hero-image .image-frame { - max-width: min(90%, 420px); - margin: 0 auto; - } - - .about-accordion-container { - margin: -60px auto 0; - padding: 2.8rem 2.4rem; - } -} - -@media (max-width: 768px) { - .about-hero { - padding: 120px 1.25rem 110px; - } - - .about-hero h1 { - font-size: 2.4rem; - } - - .about-hero-text p { - font-size: 1.05rem; - } - - .about-hero .shape-a { - width: 220px; - height: 220px; - } - - .about-hero .shape-b, - .about-hero .shape-d { - display: none; - } - - .about-hero .shape-c { - width: 260px; - height: 260px; - left: 18%; - } - - .about-accordion-container { - padding: 2.4rem 1.9rem; - margin: -40px auto 0; - border-radius: 22px; - box-shadow: 0 25px 60px rgba(15, 25, 40, 0.08); - } - - .about-accordion-toggle { - padding: 1.2rem 1.4rem; - font-size: 1rem; - } - - .about-accordion-content { - padding: 0 1.4rem 1.4rem; - } - - .accordion-icon { - width: 30px; - height: 30px; - font-size: 1rem; - } -} - -@media (max-width: 520px) { - .about-hero { - padding: 110px 1rem 100px; - } - - .about-hero h1 { - font-size: 2.1rem; - } - - .about-hero-text p { - font-size: 1rem; - max-width: 100%; - } - - .about-hero-image .image-frame { - padding: 1rem; - max-width: 320px; - } - - .about-accordion-container { - padding: 2.1rem 1.3rem; - margin: -20px auto 0; - border-radius: 20px; - box-shadow: 0 18px 40px rgba(15, 25, 40, 0.08); - } - - .about-accordion-toggle { - padding: 1rem 1.1rem; - } - - .about-hero .shape-a, - .about-hero .shape-c { - display: none; - } - - .about-accordion-item { - border-radius: 14px; - } - -.about-accordion-content { - font-size: 0.98rem; -} -} - -/* Offer Page Styles */ -.offer-hero { - position: relative; - padding: 160px 2rem 140px; - background: #fdfcfa; - overflow: hidden; -} - -.offer-hero-container { - position: relative; - z-index: 2; - max-width: 1160px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 3.2rem; - align-items: center; -} - -.offer-hero-text { - display: flex; - flex-direction: column; - gap: 1.4rem; -} - -.offer-hero-kicker { - display: inline-block; - align-self: flex-start; - padding: 0.4rem 1.1rem; - border-radius: 999px; - letter-spacing: 0.14em; - text-transform: uppercase; - font-size: 0.7rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); -} - -.offer-hero h1 { - font-size: 3rem; - line-height: 1.24; - color: #1f2530; - margin: 0; -} - -.offer-hero-lead { - font-size: 1.15rem; - line-height: 1.85; - color: #454b57; - max-width: 60ch; - text-align: justify; -} - -.offer-hero-chip-group { - display: flex; - gap: 0.8rem; - flex-wrap: wrap; -} - -.offer-chip { - display: inline-flex; - align-items: center; - gap: 0.4rem; - padding: 0.55rem 1.25rem; - border-radius: 999px; - background: rgba(255, 210, 190, 0.4); - color: #1f2530; - font-size: 0.95rem; - font-weight: 600; - box-shadow: 0 12px 28px rgba(15, 25, 40, 0.12); -} - -.offer-chip:nth-child(2) { - background: rgba(200, 230, 255, 0.45); -} - -.offer-hero-card { - position: relative; - z-index: 2; - padding: 2.2rem 2.4rem; - background: rgba(255, 255, 255, 0.88); - border-radius: 26px; - box-shadow: 0 28px 70px rgba(15, 25, 40, 0.12); - border-left: 5px solid var(--primary-color); -} - -.offer-hero-card h3 { - font-size: 1.2rem; - margin-bottom: 1.2rem; - color: var(--primary-color); -} - -.offer-hero-card ul { - list-style: none; - padding: 0; - margin: 0; - display: grid; - gap: 0.85rem; -} - -.offer-hero-card li { - display: flex; - align-items: flex-start; - gap: 0.7rem; - line-height: 1.6; - color: #3f4551; -} - -.offer-hero-card li::before { - content: ""; - width: 9px; - height: 9px; - border-radius: 50%; - background: var(--primary-color); - margin-top: 0.35rem; -} - -.offer-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - z-index: 1; - opacity: 0.6; -} - -.offer-hero .shape-a { - width: 320px; - height: 320px; - background: rgba(251, 99, 57, 0.18); - top: 12%; - left: -8%; -} - -.offer-hero .shape-b { - width: 200px; - height: 200px; - background: rgba(255, 210, 190, 0.32); - bottom: 18%; - right: 12%; -} - -.offer-hero .shape-c { - width: 440px; - height: 440px; - background: rgba(200, 230, 255, 0.28); - bottom: -160px; - left: 22%; -} - -.offer-services { - background: #ffffff; - padding: 0 2rem 150px; -} - -.offer-services-container { - position: relative; - max-width: 1120px; - margin: -110px auto 0; - background: #ffffff; - border-radius: 34px; - box-shadow: 0 45px 90px rgba(15, 25, 40, 0.1); - padding: 3.6rem 3.2rem; - display: flex; - flex-direction: column; - gap: 3.6rem; - overflow: hidden; -} - -.offer-section { - position: relative; - padding: 2.9rem 2.4rem; - border-radius: 30px; - background: rgba(253, 252, 250, 0.86); - box-shadow: 0 20px 55px rgba(15, 25, 40, 0.08); -} - -.offer-section[data-theme="teaching"] { - background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26)); -} - -.offer-section[data-theme="mediation"] { - background: linear-gradient(135deg, rgba(200, 230, 255, 0.18), rgba(251, 99, 57, 0.12)); -} - -.offer-section-header h2 { - font-size: 2.2rem; - margin: 0 0 2rem; - color: #1f2530; -} - -.offer-languages-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); - gap: 1.8rem; - position: relative; - z-index: 2; -} - -.offer-language-card { - background: rgba(255, 255, 255, 0.9); - border-radius: 22px; - padding: 1.8rem 1.6rem; - box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08); - border: 1px solid rgba(31, 37, 48, 0.05); - display: flex; - flex-direction: column; - gap: 1rem; -} - -.offer-language-header h3 { - margin: 0; - font-size: 1.3rem; - color: var(--primary-color); -} - -.offer-language-card p, -.offer-language-card ul { - margin: 0; -} - -.offer-language-card p { - color: #4f5562; - line-height: 1.65; - text-align: justify; -} - -.offer-language-card ul { - padding-left: 1.2rem; - display: grid; - gap: 0.55rem; - color: #3f4551; - line-height: 1.6; -} - -.offer-section-shape { - position: absolute; - width: 260px; - height: 260px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.35); - filter: blur(0); - z-index: 1; -} - -.offer-section[data-theme="teaching"] .shape-d { - top: -110px; - right: -80px; - background: rgba(251, 99, 57, 0.22); -} - -.offer-section[data-theme="mediation"] .shape-e { - bottom: -130px; - left: -90px; - background: rgba(200, 230, 255, 0.26); -} - -.offer-mediation { - position: relative; - z-index: 2; - display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 2.4rem; -} - -.offer-mediation-text p { - color: #454b57; - line-height: 1.8; - text-align: justify; -} - -.offer-mediation-text p + p { - margin-top: 1rem; -} - -.offer-mediation-list { - background: rgba(255, 255, 255, 0.92); - border-radius: 20px; - padding: 1.8rem; - box-shadow: 0 20px 45px rgba(15, 25, 40, 0.08); - border: 1px solid rgba(31, 37, 48, 0.05); - display: flex; - flex-direction: column; - gap: 1.2rem; -} - -.offer-mediation-list h3 { - margin: 0; - font-size: 1.2rem; - color: var(--primary-color); -} - -.offer-mediation-list ul { - margin: 0; - padding-left: 1.1rem; - display: grid; - gap: 0.7rem; - color: #3f4551; - line-height: 1.7; -} - -@media (max-width: 992px) { - .offer-hero { - padding: 140px 1.6rem 120px; - } - - .offer-hero-container { - grid-template-columns: 1fr; - gap: 2.6rem; - text-align: center; - } - - .offer-hero-text { - align-items: center; - } - - .offer-hero-kicker { - align-self: center; - } - - .offer-hero-lead { - max-width: 48ch; - } - - .offer-hero-card { - margin: 0 auto; - max-width: min(90%, 440px); - text-align: left; - } - - .offer-hero .shape-a { - left: -18%; - } - - .offer-hero .shape-c { - left: 10%; - } - - .offer-services-container { - margin: -80px auto 0; - padding: 3rem 2.4rem; - border-radius: 30px; - } - - .offer-section { - padding: 2.4rem 2.1rem; - } - - .offer-mediation { - grid-template-columns: 1fr; - gap: 2rem; - } -} - -@media (max-width: 768px) { - .offer-hero { - padding: 120px 1.3rem 110px; - } - - .offer-hero h1 { - font-size: 2.5rem; - } - - .offer-hero-lead { - font-size: 1.05rem; - } - - .offer-hero .shape-b { - display: none; - } - - .offer-hero .shape-c { - width: 320px; - height: 320px; - bottom: -140px; - left: 12%; - } - - .offer-services-container { - padding: 2.6rem 1.9rem; - } - - .offer-section { - padding: 2.1rem 1.7rem; - border-radius: 24px; - } - - .offer-languages-grid { - grid-template-columns: 1fr; - } - - .offer-hero-lead, - .offer-language-card p, - .offer-mediation-text p { - text-align: left; - -webkit-hyphens: auto; - hyphens: auto; - } - - .offer-hero-card li { - -webkit-hyphens: auto; - hyphens: auto; - } -} - -@media (max-width: 520px) { - .offer-hero { - padding: 110px 1rem 95px; - } - - .offer-hero h1 { - font-size: 2.2rem; - } - - .offer-hero-chip-group { - justify-content: center; - } - - .offer-hero .shape-a, - .offer-hero .shape-c { - display: none; - } - - .offer-hero-card { - padding: 1.8rem 1.6rem; - } - - .offer-services-container { - padding: 2.4rem 1.4rem; - border-radius: 22px; - } - - .offer-section { - padding: 1.8rem 1.4rem; - } - - .offer-mediation-list { - padding: 1.5rem; - } -} - -/* Rates Page Styles */ -.rates-hero { - position: relative; - padding: 160px 2rem 140px; - background: #fdfcfa; - overflow: hidden; -} - -.rates-hero-container { - position: relative; - z-index: 2; - max-width: 1120px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); - gap: 3rem; - align-items: center; -} - -.rates-hero-text { - display: flex; - flex-direction: column; - gap: 1.4rem; -} - -.rates-hero-kicker { - display: inline-block; - align-self: flex-start; - padding: 0.4rem 1.1rem; - border-radius: 999px; - letter-spacing: 0.14em; - text-transform: uppercase; - font-size: 0.7rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); -} - -.rates-hero h1 { - font-size: 3.1rem; - line-height: 1.22; - color: #1f2530; - margin: 0; -} - -.rates-hero-lead { - font-size: 1.15rem; - line-height: 1.85; - color: #454b57; - max-width: 52ch; - text-align: justify; -} - -.rates-hero-card { - position: relative; - z-index: 2; - padding: 2.3rem 2.4rem; - background: rgba(255, 255, 255, 0.9); - border-radius: 28px; - box-shadow: 0 30px 75px rgba(15, 25, 40, 0.12); - border-left: 5px solid var(--primary-color); - display: flex; - flex-direction: column; - gap: 1.4rem; - margin-top: 2.4rem; -} - -.rates-hero-card h3 { - font-size: 1.25rem; - margin: 0; - color: var(--primary-color); -} - -.rates-hero-list { - list-style: none; - margin: 0; - padding: 0; - display: grid; - gap: 1rem; -} - -.rates-hero-list li { - display: flex; - justify-content: center; - align-items: center; - gap: 0.85rem; - font-size: 1.05rem; - color: #3f4551; - text-align: center; -} - -.rates-hero-list strong { - font-size: 1.5rem; - color: var(--primary-color); -} - -.rates-hero-list .rates-hero-separator { - font-size: 1.2rem; - color: #3f4551; - line-height: 1; -} - -.rates-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - z-index: 1; - opacity: 0.55; -} - -.rates-hero .shape-a { - width: 300px; - height: 300px; - background: rgba(251, 99, 57, 0.18); - top: 12%; - left: -6%; -} - -.rates-hero .shape-b { - width: 200px; - height: 200px; - background: rgba(255, 210, 190, 0.32); - bottom: 16%; - right: 10%; -} - -.rates-hero .shape-c { - width: 420px; - height: 420px; - background: rgba(200, 230, 255, 0.28); - bottom: -150px; - left: 20%; -} - -.rates-pricing { - background: #ffffff; - padding: 0 2rem 150px; -} - -.rates-pricing-container { - position: relative; - max-width: 1080px; - margin: -95px auto 0; - background: #ffffff; - border-radius: 34px; - box-shadow: 0 35px 75px rgba(15, 25, 40, 0.09); - padding: 3rem 2.6rem; - display: flex; - flex-direction: column; - gap: 2.4rem; - overflow: hidden; -} - -.rates-section { - position: relative; - padding: 2.4rem 2rem; - border-radius: 30px; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.12), rgba(255, 210, 190, 0.26)); - box-shadow: 0 22px 58px rgba(15, 25, 40, 0.07); - overflow: hidden; -} - -.rates-section-header h2 { - font-size: 2.2rem; - margin: 0 0 2.2rem; - color: var(--primary-color); -} - -.rates-card-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); - gap: 1.8rem; - position: relative; - z-index: 2; -} - -.rates-card { - background: rgba(255, 255, 255, 0.94); - border-radius: 24px; - padding: 2rem 1.8rem; - box-shadow: 0 25px 55px rgba(15, 25, 40, 0.08); - border: 1px solid rgba(31, 37, 48, 0.05); - display: flex; - flex-direction: column; - gap: 1.1rem; -} - -.rates-card-value { - font-size: 1.8rem; - font-weight: 700; - color: var(--primary-color); -} - -.rates-card h3 { - margin: 0; - font-size: 1.2rem; - color: #1f2530; - text-transform: uppercase; - letter-spacing: 0.08em; -} - -.rates-card ul { - margin: 0; - padding-left: 1.1rem; - display: grid; - gap: 0.6rem; - color: #3f4551; - line-height: 1.65; -} - -.rates-section-shape { - position: absolute; - width: 260px; - height: 260px; - border-radius: 50%; - background: rgba(251, 99, 57, 0.22); - z-index: 1; - top: -110px; - right: -90px; -} - -.rates-testimonials { - position: relative; - background: #fdfcfa; - padding: 70px 2rem 120px; - overflow: hidden; -} - -.rates-testimonials-container { - position: relative; - z-index: 2; - max-width: 1080px; - margin: 0 auto; - display: flex; - flex-direction: column; - gap: 3rem; -} - -.rates-testimonials-header { - text-align: center; - display: flex; - flex-direction: column; - gap: 1rem; -} - -.rates-testimonials-header h2 { - font-size: 2.4rem; - letter-spacing: 0.2em; - color: var(--primary-color); - margin: 0; -} - -.rates-testimonials-header h3 { - font-size: 1.4rem; - color: #1f2530; - margin: 0; -} - -.rates-testimonial-grid { - display: grid; - grid-template-columns: minmax(0, 1fr); - gap: 2.4rem; - position: relative; - z-index: 2; - max-width: 920px; - margin: 0 auto; - width: 100%; -} - -.rates-testimonial-card { - position: relative; - background: rgba(255, 255, 255, 0.92); - border-radius: 28px; - padding: 2.8rem 2.6rem; - box-shadow: 0 32px 72px rgba(15, 25, 40, 0.12); - border: 1px solid rgba(31, 37, 48, 0.05); - display: flex; - flex-direction: column; - gap: 1.6rem; - overflow: hidden; - --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.16), rgba(255, 210, 190, 0.22)); - --author-accent: rgba(251, 99, 57, 0.38); - transition: transform 0.35s ease, box-shadow 0.35s ease; -} - -.rates-testimonial-card::before { - content: ""; - position: absolute; - inset: 0; - background: var(--card-gradient); - opacity: 0.65; - z-index: 0; -} - -.rates-testimonial-card::after { - content: ""; - position: absolute; - width: 180px; - height: 180px; - border-radius: 50%; - background: rgba(255, 255, 255, 0.24); - top: -80px; - right: -60px; - z-index: 0; -} - -.rates-testimonial-card > * { - position: relative; - z-index: 1; -} - -.rates-testimonial-card[data-accent="sunrise"] { - --card-gradient: linear-gradient(135deg, rgba(251, 99, 57, 0.18), rgba(255, 210, 190, 0.34)); - --author-accent: rgba(251, 99, 57, 0.45); -} - -.rates-testimonial-card[data-accent="dawn"] { - --card-gradient: linear-gradient(135deg, rgba(200, 230, 255, 0.2), rgba(251, 99, 57, 0.24)); - --author-accent: rgba(200, 230, 255, 0.5); -} - -.rates-testimonial-card:hover { - transform: translateY(-6px); - box-shadow: 0 42px 90px rgba(15, 25, 40, 0.16); -} - -.rates-testimonial-text { - display: grid; - gap: 1rem; - color: #343a45; - line-height: 1.82; -} - -.rates-testimonial-text p { - margin: 0; - text-align: justify; -} - -.rates-testimonial-full { - display: grid; - gap: 1rem; -} - -.rates-testimonial-author { - margin-top: 1.6rem; - padding-top: 1.3rem; - border-top: 1px solid var(--author-accent); - display: grid; - gap: 0.35rem; - color: #1f2530; - font-weight: 600; -} - -.rates-testimonial-author p:last-child { - font-weight: 400; - color: #4f5562; -} - -.rates-testimonials-shape { - position: absolute; - width: 360px; - height: 360px; - border-radius: 50%; - background: rgba(200, 230, 255, 0.28); - z-index: 1; - bottom: -160px; - right: 12%; -} - -@media (max-width: 992px) { - .rates-hero { - padding: 140px 1.6rem 120px; - } - - .rates-hero-container { - grid-template-columns: 1fr; - gap: 2.6rem; - text-align: center; - } - - .rates-hero-text { - align-items: center; - } - - .rates-hero-kicker { - align-self: center; - } - - .rates-hero-lead { - max-width: 48ch; - } - - .rates-hero-card { - margin: 0 auto; - max-width: min(90%, 420px); - } - - .rates-hero .shape-a { - left: -20%; - } - - .rates-hero .shape-c { - left: 12%; - } - - .rates-pricing-container { - margin: -80px auto 0; - padding: 3rem 2.4rem; - border-radius: 30px; - } - - .rates-section { - padding: 2rem 1.8rem; - } - - .rates-testimonials { - padding: 80px 1.6rem 100px; - } - - .rates-testimonials-header h2 { - font-size: 2rem; - letter-spacing: 0.16em; - } - - .mediation-hero { - padding: 140px 1.6rem 120px; - } - - .mediation-hero-container { - grid-template-columns: 1fr; - gap: 2.5rem; - text-align: center; - } - - .mediation-hero-text { - align-items: center; - } - - .mediation-hero-kicker { - align-self: center; - } - - .mediation-hero-card { - margin: 0 auto; - max-width: min(90%, 420px); - } - - .mediation-hero .shape-a { - left: -20%; - } - - .mediation-hero .shape-c { - left: 16%; - } - - .mediation-detail { - padding: 90px 1.6rem; - } - - .mediation-detail-container { - grid-template-columns: 1fr; - gap: 2.5rem; - text-align: center; - } - - .mediation-detail-image { - order: -1; - } - - .mediation-detail-text { - align-items: center; - } - - .mediation-detail-text p { - max-width: 60ch; - } - - .mediation-process { - padding: 90px 1.6rem; - } - - .mediation-process-container { - padding: 2.6rem; - text-align: center; - } - - .mediation-accordion { - padding: 100px 1.6rem 120px; - } - - .mediation-accordion-header { - text-align: center; - } - - .mediation-accordion-header p { - margin: 0 auto; - } - - .faq-hero { - padding: 140px 1.6rem 120px; - } - - .faq-hero-container { - grid-template-columns: 1fr; - gap: 2.5rem; - text-align: center; - } - - .faq-hero-text { - align-items: center; - } - - .faq-hero-kicker { - align-self: center; - } - - .faq-hero-lead { - max-width: 54ch; - } - - .faq-hero-card { - margin: 0 auto; - max-width: min(90%, 420px); - } - - .faq-hero .shape-a { - left: -18%; - } - - .faq-hero .shape-c { - right: 16%; - } - - .faq-accordion { - padding: 100px 1.6rem 120px; - } - - .faq-accordion-header { - text-align: center; - } - - .faq-accordion-header p { - margin: 0.6rem auto 0; - max-width: 54ch; - } -} - -@media (max-width: 768px) { - .rates-hero { - padding: 110px 1.3rem 95px; - } - - .rates-hero h1 { - font-size: 2.6rem; - } - - .rates-hero-lead { - font-size: 1.05rem; - text-align: left; - -webkit-hyphens: auto; - hyphens: auto; - } - - .rates-hero .shape-b { - display: none; - } - - .rates-hero .shape-c { - width: 320px; - height: 320px; - bottom: -140px; - left: 14%; - } - - .rates-pricing { - padding: 0 1.5rem 50px; - } - - .rates-pricing-container { - margin: -60px auto 0; - padding: 1.9rem 1.45rem; - gap: 1.6rem; - } - - .rates-section { - padding: 1.5rem 1.25rem; - border-radius: 22px; - } - - .rates-section-header h2 { - font-size: 1.9rem; - margin-bottom: 1.4rem; - } - - .rates-card-grid { - grid-template-columns: 1fr; - gap: 1.4rem; - } - - .rates-card { - padding: 1.5rem 1.3rem; - gap: 0.8rem; - } - - .rates-card ul { - gap: 0.5rem; - text-align: left; - -webkit-hyphens: auto; - hyphens: auto; - } - - .rates-testimonials { - padding: 50px 1.3rem 65px; - } - - .rates-testimonials-container { - gap: 2.2rem; - } - - .rates-testimonials-header h2 { - letter-spacing: 0.14em; - } - - .rates-testimonial-card { - padding: 2.2rem 1.8rem; - gap: 1.1rem; - } - - .rates-testimonial-text p { - text-align: left; - -webkit-hyphens: auto; - hyphens: auto; - } - - .mediation-hero { - padding: 110px 1.3rem 95px; - } - - .mediation-hero h1 { - font-size: 2.6rem; - } - - .mediation-hero-lead { - font-size: 1.05rem; - } - - .mediation-hero .shape-b { - display: none; - } - - .mediation-hero .shape-c { - width: 320px; - height: 320px; - bottom: -140px; - left: 18%; - } - - .mediation-detail { - padding: 80px 1.3rem; - } - - .mediation-detail-text h2 { - font-size: 1.9rem; - } - - .mediation-detail-image { - min-height: 260px; - } - - .mediation-detail-image picture, - .mediation-detail-image img { - border-radius: 24px; - } - - .mediation-process { - padding: 80px 1.3rem; - } - - .mediation-process-container { - padding: 2.2rem; - } - - .mediation-accordion { - padding: 90px 1.3rem 110px; - } - - .mediation-accordion-grid { - grid-template-columns: 1fr; - } - - .faq-hero { - padding: 110px 1.3rem 95px; - } - - .faq-hero h1 { - font-size: 2.6rem; - } - - .faq-hero-lead { - font-size: 1.05rem; - } - - .faq-hero .shape-b { - display: none; - } - - .faq-hero .shape-c { - display: none; - } - - .faq-hero-card { - padding: 2rem 1.9rem; - } - - .faq-accordion { - padding: 90px 1.3rem 110px; - } - - .faq-question { - font-size: 1.05rem; - } - - .faq-item { - padding: 1.5rem 1.6rem; - } -} - -@media (max-width: 520px) { - .rates-hero { - padding: 100px 1rem 75px; - } - - .rates-hero h1 { - font-size: 2.2rem; - } - - .rates-hero .shape-a, - .rates-hero .shape-c { - display: none; - } - - .rates-hero-card { - padding: 1.8rem 1.4rem; - } - - .rates-pricing { - padding: 0 1.1rem 45px; - } - - .rates-pricing-container { - margin: -40px auto 0; - padding: 1.6rem 1.15rem; - border-radius: 22px; - gap: 1.3rem; - } - - .rates-section { - padding: 1.3rem 1rem; - } - - .rates-section-header h2 { - font-size: 1.7rem; - margin-bottom: 1.1rem; - } - - .rates-card { - padding: 1.3rem 1.15rem; - gap: 0.75rem; - } - - .rates-testimonials { - padding: 40px 1rem 55px; - } - - .rates-testimonials-header h2 { - letter-spacing: 0.12em; - } - - .rates-testimonial-card { - padding: 1.8rem 1.4rem; - gap: 1rem; - } - - .rates-testimonials-shape { - display: none; - } - - .mediation-hero { - padding: 100px 1rem 70px; - } - - .mediation-hero h1 { - font-size: 2rem; - line-height: 1.2; - } - - .mediation-hero-container { - display: flex; - flex-direction: column; - gap: 1.6rem; - align-items: stretch; - text-align: left; - } - - .mediation-hero-text { - align-items: flex-start; - text-align: left; - gap: 1rem; - } - - .mediation-hero-lead { - font-size: 0.98rem; - -webkit-hyphens: auto; - hyphens: auto; - } - - .mediation-hero-kicker { - align-self: flex-start; - } - - .mediation-hero .shape-a, - .mediation-hero .shape-c { - display: none; - } - - .mediation-hero-card { - padding: 1.6rem 1.4rem; - margin: 0; - margin-top: 0.5rem; - max-width: none; - width: 100%; - gap: 1.1rem; - border-left-width: 4px; - box-shadow: 0 18px 40px rgba(15, 25, 40, 0.12); - } - - .mediation-hero-card ul { - gap: 0.6rem; - } - - .mediation-hero-card li a { - font-size: 0.95rem; - } - - .mediation-hero-card li a::before { - font-size: 0.85rem; - } - - .mediation-detail { - padding: 70px 1rem; - } - - .mediation-detail-text { - align-items: flex-start; - text-align: left; - gap: 1rem; - } - - .mediation-detail-text h2 { - font-size: 1.6rem; - } - - .mediation-detail-text p { - max-width: none; - font-size: 0.96rem; - line-height: 1.75; - } - - .mediation-detail-container { - display: flex; - flex-direction: column; - text-align: left; - gap: 1.8rem; - } - - .mediation-detail-image { - order: -1; - min-height: 220px; - max-width: 320px; - width: 100%; - margin: 0 auto; - } - - .mediation-process { - padding: 70px 1rem; - } - - .mediation-process-container { - padding: 1.8rem 1.5rem; - } - - .mediation-accordion { - padding: 80px 1rem 95px; - } - - .mediation-accordion-item { - padding: 1.8rem 1.5rem; - } - - .accordion-toggle { - width: 100%; - justify-content: center; - } - - .faq-hero { - padding: 95px 1rem 70px; - } - - .faq-hero h1 { - font-size: 2.2rem; - } - - .faq-hero-card { - padding: 1.7rem 1.4rem; - text-align: left; - } - - .faq-accordion { - padding: 80px 1rem 95px; - } - - .faq-item { - padding: 1.4rem 1.3rem; - } - - .faq-question { - font-size: 1rem; - } - - .faq-question::after { - font-size: 1.1rem; - margin-left: 0.8rem; - } -} - -/* Privacy Policy Page */ -.policy-hero { - position: relative; - padding: 160px 2rem 140px; - background: #fdfcfa; - overflow: hidden; -} - -.policy-hero-container { - position: relative; - z-index: 2; - max-width: 1080px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 3.2rem; - align-items: center; -} - -.policy-hero-text { - display: flex; - flex-direction: column; - gap: 1.4rem; -} - -.policy-hero-kicker { - display: inline-block; - align-self: flex-start; - padding: 0.4rem 1.1rem; - border-radius: 999px; - letter-spacing: 0.14em; - text-transform: uppercase; - font-size: 0.7rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); -} - -.policy-hero h1 { - font-size: 3.1rem; - line-height: 1.22; - color: #1f2530; - margin: 0; -} - -.policy-hero-lead { - font-size: 1.15rem; - line-height: 1.9; - color: #454b57; - max-width: 60ch; - text-align: justify; -} - -.policy-hero-card { - position: relative; - z-index: 2; - padding: 2.4rem 2.3rem; - background: rgba(255, 255, 255, 0.9); - border-radius: 28px; - box-shadow: 0 30px 70px rgba(15, 25, 40, 0.12); - border-left: 5px solid var(--primary-color); - display: flex; - flex-direction: column; - gap: 1.3rem; -} - -.policy-hero-card h3 { - margin: 0; - font-size: 1.25rem; - color: var(--primary-color); -} - -.policy-hero-card ul { - margin: 0; - padding-left: 1.1rem; - display: grid; - gap: 0.6rem; - color: #3f4551; - line-height: 1.65; -} - -.policy-hero-card a { - color: inherit; - text-decoration: none; -} - -.policy-hero-card a:hover, -.policy-hero-card a:focus-visible { - text-decoration: underline; -} - -.policy-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0.55; - z-index: 1; -} - -.policy-hero .shape-a { - width: 320px; - height: 320px; - background: rgba(251, 99, 57, 0.18); - top: 12%; - left: -6%; -} - -.policy-hero .shape-b { - width: 200px; - height: 200px; - background: rgba(255, 210, 190, 0.32); - bottom: 18%; - right: 8%; -} - -.policy-hero .shape-c { - width: 420px; - height: 420px; - background: rgba(200, 230, 255, 0.28); - bottom: -150px; - left: 22%; -} - -.policy-content { - background: #ffffff; - padding: 0 2rem 140px; -} - -.policy-content-container { - position: relative; - max-width: 1080px; - margin: -90px auto 0; - background: #ffffff; - border-radius: 34px; - box-shadow: 0 45px 90px rgba(15, 25, 40, 0.1); - padding: 3.6rem 3.2rem; - display: grid; - gap: 2.4rem; - overflow: hidden; -} - -.policy-card { - position: relative; - background: rgba(255, 255, 255, 0.95); - border-radius: 26px; - padding: 2.4rem 2.2rem; - box-shadow: 0 25px 65px rgba(15, 25, 40, 0.08); - border: 1px solid rgba(31, 37, 48, 0.06); - display: grid; - gap: 1.2rem; -} - -.policy-card::before { - content: ""; - position: absolute; - inset: 0; - border-radius: inherit; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.11), rgba(255, 210, 190, 0.18)); - opacity: 0.6; - z-index: 0; -} - -.policy-card:nth-of-type(even)::before { - background: linear-gradient(135deg, rgba(200, 230, 255, 0.18), rgba(251, 99, 57, 0.12)); -} - -.policy-card > * { - position: relative; - z-index: 1; -} - -.policy-card h2 { - margin: 0; - font-size: 1.6rem; - color: #1f2530; -} - -.policy-card p { - margin: 0; - color: #3f4551; - line-height: 1.8; - text-align: justify; -} - -.policy-card ul { - margin: 0; - padding-left: 1.1rem; - display: grid; - gap: 0.55rem; - color: #3f4551; - line-height: 1.65; -} - -@media (max-width: 992px) { - .policy-hero { - padding: 140px 1.6rem 120px; - } - - .policy-hero-container { - grid-template-columns: 1fr; - gap: 2.6rem; - text-align: center; - } - - .policy-hero-text { - align-items: center; - } - - .policy-hero-kicker { - align-self: center; - } - - .policy-hero-lead { - max-width: 50ch; - } - - .policy-hero-card { - margin: 0 auto; - max-width: min(90%, 460px); - } - - .policy-hero .shape-a { - left: -18%; - } - - .policy-hero .shape-c { - left: 10%; - } - - .policy-content-container { - margin: -70px auto 0; - padding: 3rem 2.4rem; - border-radius: 30px; - } -} - -@media (max-width: 768px) { - .policy-hero { - padding: 120px 1.3rem 110px; - } - - .policy-hero h1 { - font-size: 2.6rem; - } - - .policy-hero-lead { - font-size: 1.05rem; - } - - .policy-hero .shape-b { - display: none; - } - - .policy-hero .shape-c { - width: 320px; - height: 320px; - bottom: -140px; - left: 12%; - } - - .policy-content-container { - padding: 2.6rem 1.9rem; - gap: 2rem; - } - - .policy-card { - padding: 2.1rem 1.7rem; - border-radius: 24px; - } -} - -@media (max-width: 640px) { - .policy-hero-container { - gap: 2.2rem; - text-align: left; - } - - .policy-hero-text { - align-items: flex-start; - gap: 1.2rem; - } - - .policy-hero-kicker { - align-self: flex-start; - } - - .policy-hero-lead { - max-width: none; - text-align: left; - line-height: 1.75; - } - - .policy-hero-card { - width: 100%; - max-width: none; - padding: 2.1rem 1.8rem; - } - - .policy-hero-card ul { - padding-left: 0.9rem; - font-size: 1rem; - } - - .policy-content { - padding: 0 1.5rem 115px; - } - - .policy-content-container { - margin: -60px auto 0; - padding: 2.4rem 1.8rem; - gap: 1.9rem; - } - - .policy-card { - gap: 1rem; - } - - .policy-card h2 { - font-size: 1.5rem; - } - - .policy-card p, - .policy-card ul { - font-size: 1rem; - line-height: 1.75; - text-align: left; - } -} - -@media (max-width: 520px) { - .policy-hero { - padding: 106px 1rem 88px; - } - - .policy-hero h1 { - font-size: 2.3rem; - } - - .policy-hero .shape-a, - .policy-hero .shape-c { - display: none; - } - - .policy-hero-card { - padding: 1.9rem 1.6rem; - } - - .policy-content { - padding: 0 1.2rem 95px; - } - - .policy-content-container { - margin: -48px auto 0; - padding: 2.2rem 1.4rem; - border-radius: 20px; - gap: 1.6rem; - } - - .policy-card { - padding: 1.6rem 1.35rem; - border-radius: 20px; - } - - .policy-card h2 { - font-size: 1.35rem; - } - - .policy-card p, - .policy-card ul { - font-size: 0.97rem; - line-height: 1.7; - } - - .policy-card ul { - padding-left: 0.9rem; - } -} - -@media (max-width: 420px) { - .policy-hero { - padding: 96px 0.9rem 76px; - } - - .policy-hero h1 { - font-size: 2.1rem; - } - - .policy-hero-lead { - font-size: 1rem; - } - - .policy-hero-card { - padding: 1.7rem 1.3rem; - border-radius: 20px; - } - - .policy-content { - padding: 0 0.95rem 82px; - } - - .policy-content-container { - margin: -40px auto 0; - padding: 2rem 1.15rem; - gap: 1.4rem; - border-radius: 18px; - } - - .policy-card { - padding: 1.45rem 1.2rem; - border-radius: 18px; - gap: 0.9rem; - } - - .policy-card h2 { - font-size: 1.25rem; - } - - .policy-card p, - .policy-card ul { - font-size: 0.95rem; - } - - .policy-card ul { - padding-left: 0; - list-style-position: inside; - } -} - -/* Workshop Directory Page */ -.workshop-directory-hero { - position: relative; - padding: 160px 2rem 140px; - background: #fdfcfa; - overflow: hidden; -} - -.workshop-directory-hero-content { - max-width: 1080px; - margin: 0 auto; - text-align: center; - display: flex; - flex-direction: column; - gap: 1.5rem; - position: relative; - z-index: 2; -} - -.workshop-directory-kicker { - display: inline-block; - align-self: center; - padding: 0.35rem 1rem; - border-radius: 999px; - letter-spacing: 0.12em; - text-transform: uppercase; - font-size: 0.72rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); -} - -.workshop-directory-hero h1 { - font-size: 3rem; - line-height: 1.2; - color: #1f2530; - margin: 0; -} - -.workshop-directory-hero p { - max-width: 60ch; - margin: 0 auto; - font-size: 1.15rem; - line-height: 1.85; - color: #454b57; -} - -.workshop-directory-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0.55; - z-index: 1; -} - -.workshop-directory-hero .shape-a { - width: 260px; - height: 260px; - background: rgba(251, 99, 57, 0.16); - top: 18%; - left: 6%; -} - -.workshop-directory-hero .shape-b { - width: 340px; - height: 340px; - background: rgba(254, 219, 204, 0.28); - bottom: -120px; - right: 14%; -} - -.workshop-directory-hero .shape-c { - width: 110px; - height: 110px; - border: 2px dotted rgba(251, 99, 57, 0.45); - top: 22%; - right: 24%; -} - -.workshop-directory-section { - background: #ffffff; - padding: 0 2rem 120px; -} - -.workshop-directory-section:first-of-type { - padding-top: 0; -} - -.workshop-directory-container { - max-width: 1100px; - margin: -100px auto 0; - background: #ffffff; - border-radius: 28px; - box-shadow: 0 35px 80px rgba(15, 25, 40, 0.08); - padding: 3.2rem 3rem; - position: relative; -} - -.workshop-directory-section + .workshop-directory-section .workshop-directory-container { - margin-top: 0; -} - -.workshop-directory-heading h2 { - font-size: 2rem; - margin-bottom: 2rem; - color: #1f2530; -} - -.workshop-card-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); - gap: 1.8rem; -} - -.workshop-card-grid--single { - width: 100%; - max-width: 560px; - margin-left: auto; - margin-right: auto; -} - -.workshop-card-grid--single .workshop-card { - width: 100%; -} - -.workshop-card { - display: flex; - flex-direction: column; - background: rgba(253, 252, 250, 0.92); - border: 1px solid rgba(31, 37, 48, 0.06); - border-radius: 20px; - text-decoration: none; - color: inherit; - box-shadow: 0 22px 45px rgba(15, 25, 40, 0.08); - transition: transform 0.25s ease, box-shadow 0.25s ease; - overflow: hidden; -} - -.workshop-card:hover, -.workshop-card:focus-visible { - transform: translateY(-6px); - box-shadow: 0 30px 60px rgba(15, 25, 40, 0.12); -} - -.workshop-card:focus-visible { - outline: 3px solid rgba(251, 99, 57, 0.4); - outline-offset: 4px; -} - -.workshop-card-image { - position: relative; - aspect-ratio: 4 / 3; - background: #f5f7fb; -} - -.workshop-card-image img { - width: 100%; - height: 100%; - object-fit: cover; - display: block; -} - -.workshop-card-title { - padding: 1.4rem 1.6rem 1.6rem; - font-size: 1.1rem; - font-weight: 600; - color: #1f2530; - line-height: 1.4; -} - -@media (max-width: 992px) { - .workshop-directory-hero { - padding: 130px 1.5rem 120px; - } - - .workshop-directory-container { - margin: -80px auto 0; - padding: 2.8rem 2.2rem; - border-radius: 24px; - } -} - -@media (max-width: 768px) { - .workshop-directory-hero { - padding: 120px 1.2rem 110px; - } - - .workshop-directory-hero h1 { - font-size: 2.5rem; - } - - .workshop-directory-hero p { - font-size: 1.05rem; - } - - .workshop-directory-hero .shape-a, - .workshop-directory-hero .shape-b { - width: 220px; - height: 220px; - } - - .workshop-directory-container { - padding: 2.4rem 1.8rem; - } - - .workshop-card-grid { - gap: 1.4rem; - } -} - -@media (max-width: 520px) { - .workshop-directory-hero { - padding: 110px 1rem 100px; - } - - .workshop-directory-hero h1 { - font-size: 2.1rem; - } - - .workshop-directory-hero .shape-a, - .workshop-directory-hero .shape-b, - .workshop-directory-hero .shape-c { - display: none; - } - - .workshop-directory-container { - margin: -40px auto 0; - padding: 2rem 1.4rem; - } - - .workshop-card { - border-radius: 16px; - } - - .workshop-card-title { - font-size: 1.05rem; - } -} - -/* Contact Page Styles */ -.contact-hero { - position: relative; - padding: 160px 2rem 140px; - background: #fdfcfa; - color: #1f2530; - overflow: hidden; -} - -.contact-hero::before { - content: ""; - position: absolute; - inset: 0; - background: - radial-gradient(circle at 18% 20%, rgba(251, 99, 57, 0.18) 0%, rgba(251, 99, 57, 0) 55%), - radial-gradient(circle at 82% 18%, rgba(255, 210, 190, 0.35) 0%, rgba(255, 210, 190, 0) 60%), - radial-gradient(circle at 70% 75%, rgba(200, 230, 255, 0.28) 0%, rgba(200, 230, 255, 0) 65%); - z-index: 0; -} - -.contact-hero-content { - position: relative; - z-index: 2; - max-width: 1100px; - margin: 0 auto; - text-align: left; - display: flex; - flex-direction: column; - gap: 1.5rem; -} - -.contact-hero-kicker { - display: inline-block; - padding: 0.32rem 0.9rem; - border-radius: 999px; - letter-spacing: 0.12em; - text-transform: uppercase; - font-size: 0.72rem; - font-weight: 600; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); - margin-bottom: 1.5rem; - align-self: flex-start; -} - -.contact-hero h1 { - font-size: 3rem; - margin-bottom: 0.75rem; - color: #1f2530; -} - -.contact-hero-lead { - font-size: 1.2rem; - max-width: 640px; - line-height: 1.8; - color: #4a4f5a; -} - -.contact-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0.55; - z-index: 1; -} - -.contact-hero .shape-a { - width: 220px; - height: 220px; - background: rgba(251, 99, 57, 0.16); - top: 14%; - left: 6%; -} - -.contact-hero .shape-b { - width: 140px; - height: 140px; - border: 2px solid rgba(251, 99, 57, 0.32); - bottom: 10%; - right: 8%; -} - -.contact-hero .shape-c { - width: 280px; - height: 280px; - background: rgba(254, 219, 204, 0.28); - bottom: -90px; - left: 28%; -} - -.contact-hero .shape-d { - width: 90px; - height: 90px; - border: 2px dotted rgba(251, 99, 57, 0.5); - top: 18%; - right: 28%; -} - -.contact-main { - background: #fdfcfa; - padding: 0 2rem 120px; -} - -.contact-main-container { - max-width: 1200px; - margin: -100px auto 0; - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 2.5rem; -} - -.contact-info-panel, -.contact-form-card { - background: #ffffff; - border-radius: 28px; - box-shadow: 0 30px 60px rgba(15, 25, 40, 0.08); - padding: 3rem; - display: flex; - flex-direction: column; - position: relative; - overflow: hidden; - height: 100%; -} - -.contact-info-panel::before { - content: ""; - position: absolute; - width: 220px; - height: 220px; - background: radial-gradient(circle, rgba(251, 99, 57, 0.22) 0%, rgba(251, 99, 57, 0) 70%); - top: -140px; - right: -80px; - z-index: 0; -} - -.contact-info-panel > *, -.contact-form-card > * { - position: relative; - z-index: 1; -} - -.contact-info-panel h2 { - font-size: 2.2rem; - margin-bottom: 1rem; -} - -.contact-info-lead { - font-size: 1.1rem; - line-height: 1.8; - color: #444444; -} - -.contact-services { - list-style: none; - margin: 2.5rem 0 0; - padding: 0; - display: grid; - gap: 1.1rem; -} - -.contact-services li { - display: flex; - gap: 0.75rem; - align-items: flex-start; - color: #444444; - line-height: 1.7; -} - -.contact-services li::before { - content: ""; - flex-shrink: 0; - width: 12px; - height: 12px; - margin-top: 0.45rem; - border-radius: 50%; - background: rgba(251, 99, 57, 0.38); - box-shadow: 0 0 0 6px rgba(251, 99, 57, 0.16); -} - -.contact-details { - display: grid; - gap: 1.3rem; - margin-top: 2.5rem; -} - -.contact-detail { - display: flex; - flex-direction: column; - gap: 0.5rem; -} - -.detail-label { - display: inline-flex; - align-items: center; - justify-content: center; - width: fit-content; - padding: 0.4rem 1.2rem; - border-radius: 999px; - font-size: 0.8rem; - letter-spacing: 0.08em; - text-transform: uppercase; - font-weight: 600; - color: var(--primary-color); - background: rgba(251, 99, 57, 0.12); -} - -.contact-detail a { - font-size: 1.15rem; - font-weight: 600; - color: var(--text-color); - text-decoration: none; - transition: color 0.2s ease; -} - -.contact-detail a:hover { - color: var(--primary-color); -} - -.contact-note { - margin-top: auto; - background: rgba(251, 99, 57, 0.08); - border-radius: 20px; - padding: 1.5rem; - line-height: 1.7; - color: #444444; -} - -.contact-form-card::before { - content: ""; - position: absolute; - width: 260px; - height: 260px; - background: radial-gradient(circle, rgba(251, 99, 57, 0.16) 0%, rgba(251, 99, 57, 0) 75%); - bottom: -160px; - right: -120px; - z-index: 0; -} - -.contact-form-card h3 { - font-size: 2rem; - margin-bottom: 0.75rem; -} - -.contact-form-lead { - color: #555555; - line-height: 1.7; - max-width: 32ch; -} - -.contact-form { - display: flex; - flex-direction: column; - gap: 1.5rem; - margin-top: 2.5rem; -} - -.form-group { - display: flex; - flex-direction: column; - gap: 0.5rem; -} - -.form-group label { - font-weight: 600; - color: #333333; -} - -.form-group input, -.form-group textarea { - width: 100%; - border: 1.5px solid rgba(20, 20, 20, 0.08); - border-radius: 16px; - padding: 1rem 1.2rem; - font-family: inherit; - font-size: 1rem; - background: #ffffff; - box-shadow: 0 1px 0 rgba(15, 15, 15, 0.03); - transition: border-color 0.2s ease, box-shadow 0.2s ease; -} - -.form-group textarea { - min-height: 160px; - resize: vertical; -} - -.form-group input:focus, -.form-group textarea:focus { - outline: none; - border-color: rgba(251, 99, 57, 0.65); - box-shadow: 0 0 0 4px rgba(251, 99, 57, 0.18); -} - -.submit-btn { - background: var(--primary-color); - color: #ffffff; - border: none; - padding: 0.95rem 2.4rem; - border-radius: 999px; - font-size: 1rem; - font-weight: 600; - cursor: pointer; - transition: transform 0.2s ease, box-shadow 0.2s ease; - width: auto; - align-self: flex-start; -} - -.submit-btn:hover { - transform: translateY(-2px); - box-shadow: 0 18px 35px rgba(251, 99, 57, 0.25); -} - -.form-message { - border-radius: 16px; - padding: 1rem 1.2rem; - font-size: 0.95rem; - line-height: 1.6; -} - -.contact-form-card .form-message.success-message { - background: rgba(76, 175, 80, 0.12); - color: #2f7d32; - border: 1px solid rgba(46, 125, 50, 0.2); -} - -.contact-form-card .form-message.error-message { - background: rgba(244, 67, 54, 0.12); - color: #b71c1c; - border: 1px solid rgba(183, 28, 28, 0.2); -} - -.contact-faq-section { - background: #ffffff; - padding: 110px 2rem 140px; -} - -.contact-faq-container { - max-width: 960px; - margin: 0 auto; -} - -.faq-header { - text-align: center; - margin-bottom: 3rem; -} - -.faq-header h2 { - font-size: 2.4rem; - margin-bottom: 1rem; -} - -.faq-intro { - max-width: 700px; - margin: 0 auto; - color: #555555; - font-size: 1.05rem; - line-height: 1.8; -} - -.faq-list { - display: flex; - flex-direction: column; - gap: 1.2rem; -} - -.faq-item { - background: #fdf7f4; - border-radius: 20px; - padding: 1.6rem 2rem; - box-shadow: 0 14px 38px rgba(20, 20, 20, 0.07); - transition: transform 0.3s ease, box-shadow 0.3s ease; -} - -.faq-item.active { - transform: translateY(-2px); - box-shadow: 0 20px 45px rgba(20, 20, 20, 0.08); -} - -.faq-question { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - font-size: 1.15rem; - font-weight: 600; - color: var(--text-color); - cursor: pointer; -} - -.faq-question::after { - content: "+"; - font-size: 1.5rem; - color: var(--primary-color); - transition: color 0.3s ease; -} - -.faq-item.active .faq-question::after { - content: "–"; -} - -.faq-answer { - max-height: 0; - overflow: hidden; - transition: max-height 0.35s ease, padding-top 0.3s ease; - padding-top: 0; - padding-bottom: 0; -} - -.faq-item.active .faq-answer { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.faq-answer p { - color: #000000; - line-height: 1.7; - margin-bottom: 1rem; -} - -.faq-answer p:last-child { - margin-bottom: 0; -} - -@media (max-width: 1200px) { - .contact-main-container { - gap: 2rem; - } -} - -@media (max-width: 992px) { - .contact-hero { - padding: 140px 1.5rem 120px; - } - - .contact-main { - padding: 0 1.5rem 100px; - } - - .contact-main-container { - grid-template-columns: 1fr; - margin-top: -80px; - } - - .contact-info-panel, - .contact-form-card { - padding: 2.5rem; - } -} - -@media (max-width: 768px) { - .contact-hero h1 { - font-size: 2.5rem; - } - - .contact-hero-lead { - font-size: 1.05rem; - } - - .contact-main-container { - margin-top: -60px; - } - - .contact-info-panel, - .contact-form-card { - padding: 2rem; - } - - .contact-detail a { - font-size: 1.05rem; - } -} - -@media (max-width: 640px) { - .contact-hero { - padding: 120px 1.25rem 100px; - } - - .contact-main { - padding: 0 1.25rem 80px; - } - - .contact-info-panel, - .contact-form-card { - border-radius: 22px; - } - - .submit-btn { - width: 100%; - text-align: center; - } - - .faq-item { - padding: 1.4rem 1.5rem; - } -} - -/* Experience Cards Section */ -.experience-cards { - max-width: 1200px; - margin: 4rem auto; - padding: 0 2rem; -} - -.experience-cards h2 { - text-align: center; - margin-bottom: 3rem; - font-size: 2.5rem; - color: var(--text-color); -} - -.experience-card { - position: relative; - background: white; - border-radius: 15px; - padding: 2rem; - margin-bottom: 2rem; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - transition: var(--transition); - display: flex; - align-items: center; - gap: 2rem; -} - -.experience-card:hover { - transform: translateY(-5px); - box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); -} - -.icon-wrapper { - flex-shrink: 0; - width: 50px; - height: 50px; - background: rgba(251, 99, 57, 0.1); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - margin-left: auto; - transition: var(--transition); -} - -.icon-wrapper .emoji { - font-size: 24px; -} - -.experience-card:hover .icon-wrapper { - background: var(--primary-color); - transform: scale(1.1); -} - -.experience-card p { - margin: 0; - line-height: 1.8; - color: #666; - flex-grow: 1; -} - -@media (max-width: 768px) { - .experience-cards { - margin: 2rem auto; - padding: 0 1rem; - } - - .experience-cards h2 { - font-size: 1.8rem; - margin-bottom: 1.5rem; - } - - .experience-card { - padding: 2rem 1.5rem; - gap: 1.5rem; - margin-bottom: 1.5rem; - flex-direction: column; - text-align: center; - } - - .icon-wrapper { - margin: 0 auto 1.5rem auto; - width: 80px; - height: 80px; - background-color: rgba(251, 99, 57, 0.1); - } - - .icon-wrapper .emoji { - font-size: 35px; - } - - .experience-card p { - font-size: 0.95rem; - line-height: 1.6; - } -} - -@media (max-width: 480px) { - .experience-cards { - margin: 1.5rem auto; - padding: 0 0.8rem; - } - - .experience-cards h2 { - font-size: 1.6rem; - margin-bottom: 1.2rem; - } - - .experience-card { - padding: 1.8rem 1.2rem; - margin-bottom: 1rem; - } - - .icon-wrapper { - width: 70px; - height: 70px; - margin: 0 auto 1.2rem auto; - } - - .icon-wrapper .emoji { - font-size: 32px; - } - - .experience-card p { - font-size: 0.9rem; - line-height: 1.5; - } -} - -.form-message { - padding: 1rem; - margin-bottom: 1rem; - border-radius: 8px; - text-align: center; - font-weight: 500; -} - -.success-message { - background-color: #d4edda; - color: #155724; - border: 1px solid #c3e6cb; -} - -.error-message { - background-color: #f8d7da; - color: #721c24; - border: 1px solid #f5c6cb; -} - -.form-message.success-message, -.form-message.error-message { - animation: fadeIn 0.3s ease-in-out; -} - -@keyframes fadeIn { - from { - opacity: 0; - transform: translateY(-10px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -@media (max-width: 768px) { - .references { - padding: 40px 20px; - } - - .references-content { - max-width: 100%; - } - - .references h2 { - font-size: 2rem; - margin-bottom: 1.5rem; - text-align: center; - } - - .references h3 { - font-size: 1.5rem; - margin-bottom: 2rem; - } - - .reference-card { - padding: 25px; - margin-bottom: 40px; - } - - .reference-text p { - font-size: 0.95rem; - line-height: 1.6; - margin-bottom: 1rem; - } - - .reference-author { - margin-top: 1.5rem; - } - - .reference-author p { - font-size: 0.9rem; - } - - .reference-author p:last-child { - font-size: 0.85rem; - } -} - -@media (max-width: 480px) { - .references { - padding: 30px 15px; - } - - .references-content { - max-width: 100%; - } - - .references h2 { - font-size: 1.8rem; - margin-bottom: 1.2rem; - } - - .references h3 { - font-size: 1.3rem; - margin-bottom: 1.8rem; - } - - .reference-card { - padding: 20px; - margin-bottom: 50px; - } - - .reference-text p { - font-size: 0.9rem; - line-height: 1.5; - } - - .reference-author { - margin-top: 1.2rem; - } - - .reference-author p { - font-size: 0.85rem; - } - - .reference-author p:last-child { - font-size: 0.8rem; - } -} - -/* ---------------------------------- */ -/* -- NOVI STILI ZA STRAN -- */ -/* ---------------------------------- */ - -/* Dropdown Menu Styles - VERTIKALNA RAZLIČICA */ -.nav-links .dropdown { - position: relative; - display: inline-block; - margin-left: 2rem; -} - -.nav-links .dropdown .dropbtn { - font-weight: 500; - color: var(--text-color); - cursor: pointer; - background: none; - border: none; - font-family: 'Poppins', sans-serif; - font-size: 1rem; - padding: 0.5rem 0; -} - -.nav-links .dropdown:hover .dropbtn, -.nav-links .dropdown .dropbtn.active { - color: var(--primary-color); -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #ffffff; - min-width: 240px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); - z-index: 1; - border-radius: 8px; - margin-top: 0; - padding: 8px 0; - list-style: none; -} - -.dropdown-content a { - color: var(--text-color); - padding: 10px 20px; - text-decoration: none; - display: block; - text-align: left; - margin-left: 0; - font-size: 0.95rem; - clear: both; - white-space: nowrap; -} - -.dropdown-content a:hover { - background-color: rgba(251, 99, 57, 0.1); - color: var(--primary-color); -} - -.dropdown-submenu-content { - display: none; - position: static; - box-shadow: none; - background-color: #fdfdfd; - border-radius: 0; - padding-left: 1rem; -} - -.dropdown-submenu > a:after { - content: '▾'; - float: right; - font-size: 0.8em; - margin-left: 10px; -} - -/* General Page Styles for New Sections */ -.page-hero { - padding: 120px 2rem 60px; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - text-align: center; -} - -.page-hero h1 { - font-size: 2.8rem; - color: var(--text-color); -} - -.content-section { - padding: 60px 2rem; -} - -.container { - max-width: 900px; - margin: 0 auto; -} - -/* Medkulturno Posredovanje Page */ -.mediation-hero { - position: relative; - padding: 130px 2rem 110px; - background: #fdfcfa; - overflow: hidden; -} - -.mediation-hero-container { - position: relative; - z-index: 2; - max-width: 1120px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 3rem; - align-items: center; -} - -.mediation-hero-text { - display: flex; - flex-direction: column; - gap: 1.15rem; -} - -.mediation-hero-kicker { - display: inline-flex; - align-items: center; - gap: 0.4rem; - align-self: flex-start; - padding: 0.4rem 1.1rem; - border-radius: 999px; - background: rgba(251, 99, 57, 0.14); - color: var(--primary-color); - font-size: 0.72rem; - letter-spacing: 0.12em; - text-transform: uppercase; - font-weight: 600; -} - -.mediation-hero h1 { - font-size: 3rem; - line-height: 1.24; - color: #1f2530; - margin: 0; -} - -.mediation-hero-lead { - font-size: 1.15rem; - line-height: 1.9; - color: #454b57; - max-width: 52ch; -} - -.mediation-hero-card { - background: rgba(255, 255, 255, 0.9); - border-radius: 28px; - padding: 2.3rem 2.4rem; - box-shadow: 0 30px 75px rgba(15, 25, 40, 0.12); - border-left: 5px solid var(--primary-color); - display: flex; - flex-direction: column; - gap: 1.4rem; - margin-top: 2.2rem; -} - -.mediation-hero-card h3 { - margin: 0; - font-size: 1.25rem; - color: #1f2530; -} - -.mediation-hero-card ul { - list-style: none; - padding: 0; - margin: 0; - display: grid; - gap: 0.9rem; -} - -.mediation-hero-card li a { - display: inline-flex; - align-items: center; - gap: 0.6rem; - text-decoration: none; - color: #3f4551; - font-weight: 600; - transition: color 0.2s ease; -} - -.mediation-hero-card li a::before { - content: '→'; - font-size: 1rem; - color: var(--primary-color); - transition: transform 0.2s ease; -} - -.mediation-hero-card li a:hover { - color: var(--primary-color); -} - -.mediation-hero-card li a:hover::before { - transform: translateX(4px); -} - -.mediation-hero-shape { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0.55; - z-index: 1; -} - -.mediation-hero .shape-a { - width: 320px; - height: 320px; - background: rgba(251, 99, 57, 0.18); - top: 14%; - left: -8%; -} - -.mediation-hero .shape-b { - width: 220px; - height: 220px; - background: rgba(255, 210, 190, 0.28); - bottom: 10%; - right: 12%; -} - -.mediation-hero .shape-c { - width: 440px; - height: 440px; - background: rgba(200, 230, 255, 0.26); - bottom: -160px; - left: 22%; -} - -.mediation-detail { - padding: 70px 2rem 80px; - background: #ffffff; -} - -.mediation-detail#individualno, -#individualno.mediation-detail { - padding: 45px 2rem 70px; -} - -.mediation-detail + .mediation-detail { - padding-top: 60px; -} - -.mediation-detail:nth-of-type(even) { - background: #fdfcfa; -} - -.mediation-detail-container { - max-width: 1120px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); - gap: 3rem; - align-items: center; -} - -.mediation-detail--reverse .mediation-detail-container { - grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); -} - -.mediation-detail-text { - display: flex; - flex-direction: column; - gap: 0.95rem; -} - -.mediation-detail-text h2 { - margin: 0; - font-size: 2.1rem; - color: #1f2530; -} - -.mediation-detail-text p { - color: #464d5b; - line-height: 1.85; -} - -.mediation-detail-image { - position: relative; - border-radius: 28px; - overflow: hidden; - min-height: 320px; -} - -.mediation-detail-image picture, -.mediation-detail-image img { - display: block; - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 28px; - box-shadow: 0 28px 60px rgba(15, 25, 40, 0.14); -} - -.mediation-process { - padding: 90px 2rem; - background: linear-gradient(135deg, rgba(251, 99, 57, 0.08), rgba(255, 210, 190, 0.12)); -} - -.mediation-process-container { - max-width: 900px; - margin: 0 auto; - background: rgba(255, 255, 255, 0.94); - border-radius: 28px; - padding: 3rem; - box-shadow: 0 24px 55px rgba(15, 25, 40, 0.1); - display: flex; - flex-direction: column; - gap: 1.2rem; -} - -.mediation-process-container h2 { - margin: 0; - font-size: 2.1rem; - color: #1f2530; -} - -.mediation-process-content p { - color: #3f4551; - line-height: 1.78; -} - -.mediation-accordion { - padding: 100px 2rem 130px; - background: #ffffff; -} - -.mediation-accordion-container { - max-width: 1120px; - margin: 0 auto; - display: flex; - flex-direction: column; - gap: 3rem; -} - -.mediation-accordion-header { - display: flex; - flex-direction: column; - gap: 0.85rem; - align-items: center; - text-align: center; - margin: 0 auto; -} - -.mediation-accordion-header h2 { - margin: 0; - font-size: 2.2rem; - color: #1f2530; - letter-spacing: 0.12em; -} - -.mediation-accordion-header p { - max-width: 60ch; - color: #464d5b; - line-height: 1.8; - text-align: center; - margin: 0 auto; -} - -.mediation-accordion-grid { - display: flex; - flex-direction: column; - gap: 1.6rem; - counter-reset: mediation-step; - max-width: 760px; - margin: 0 auto; -} - -.mediation-accordion-item { - position: relative; - counter-increment: mediation-step; - background: rgba(255, 255, 255, 0.98); - border-radius: 22px; - padding: 2.1rem 2.2rem 2rem 4.5rem; - border: 1px solid rgba(31, 37, 48, 0.08); - box-shadow: 0 14px 38px rgba(15, 25, 40, 0.08); - display: flex; - flex-direction: column; - gap: 1.2rem; - transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; -} - -.mediation-accordion-item::before { - content: counter(mediation-step); - position: absolute; - top: 1.9rem; - left: 1.4rem; - width: 2.4rem; - height: 2.4rem; - border-radius: 50%; - background: var(--primary-color); - color: #ffffff; - display: inline-flex; - align-items: center; - justify-content: center; - font-weight: 600; - box-shadow: 0 10px 22px rgba(251, 99, 57, 0.25); - font-size: 1rem; -} - -.mediation-accordion-item:hover { - transform: translateY(-4px); - border-color: rgba(251, 99, 57, 0.25); - box-shadow: 0 18px 45px rgba(15, 25, 40, 0.12); -} - -.mediation-accordion-title { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; -} - -.mediation-accordion-title h3 { - margin: 0; - font-size: 1.25rem; - color: #1f2530; - font-weight: 600; -} - -.mediation-accordion-title button { - flex-shrink: 0; -} - -/* Accordion Styles */ -.accordion-toggle { - display: inline-flex; - align-items: center; - gap: 0.4rem; - background: transparent; - border: 1px solid rgba(251, 99, 57, 0.35); - color: var(--primary-color); - font-weight: 600; - cursor: pointer; - font-size: 0.92rem; - padding: 0.52rem 1.2rem; - border-radius: 999px; - transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; -} - -.accordion-toggle::after { - content: '+'; - font-weight: 700; -} - -.accordion-toggle.active::after { - content: '−'; -} - -.accordion-toggle:hover { - background: rgba(251, 99, 57, 0.12); - border-color: rgba(251, 99, 57, 0.55); - transform: translateY(-1px); -} - -.accordion-toggle.active, -.accordion-toggle:hover.active { - background: var(--primary-color); - color: #ffffff; - border-color: var(--primary-color); -} - -.accordion-content { - max-height: 0; - overflow: hidden; - transition: max-height 0.35s ease; - display: grid; - gap: 0.9rem; - color: #434955; - line-height: 1.75; -} - -.accordion-content ul { - margin: 0; - padding-left: 1.2rem; - display: grid; - gap: 0.45rem; -} - -.accordion-content li { - list-style: disc; -} - -.accordion-toggle + .accordion-content { - padding-top: 0; -} - -/* FAQ Page */ -.faq-hero { - position: relative; - padding: 180px 2rem 80px; - background: #fdfcfa; - overflow: hidden; -} - -.faq-hero-container { - position: relative; - z-index: 2; - max-width: 1120px; - margin: 0 auto; - display: grid; - grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); - gap: 3rem; - align-items: center; -} - -.faq-hero-text { - display: flex; - flex-direction: column; - gap: 1.4rem; -} - -.faq-hero-kicker { - display: inline-flex; - align-items: center; - gap: 0.4rem; - padding: 0.4rem 1.1rem; - border-radius: 999px; - background: rgba(251, 99, 57, 0.16); - color: var(--primary-color); - font-size: 0.72rem; - letter-spacing: 0.12em; - text-transform: uppercase; - font-weight: 600; -} - -.faq-hero h1 { - margin: 0; - font-size: 3rem; - line-height: 1.22; - color: #1f2530; -} - -.faq-hero-lead { - font-size: 1.18rem; - line-height: 1.95; - color: #3f4551; - max-width: 60ch; -} - -.faq-hero-card { - background: rgba(255, 255, 255, 0.92); - border-radius: 28px; - padding: 2.4rem 2.3rem; - box-shadow: 0 28px 65px rgba(15, 25, 40, 0.12); - border-left: 5px solid var(--primary-color); - display: flex; - flex-direction: column; - gap: 1.4rem; -} - -.faq-hero-card h3 { - margin: 0; - font-size: 1.35rem; - color: #1f2530; -} - -.faq-hero-card p { - margin: 0; - color: #464d5b; - line-height: 1.8; -} - -.faq-hero-contact { - display: grid; - gap: 0.7rem; -} - -.faq-hero-contact a { - color: var(--primary-color); - font-weight: 600; - text-decoration: none; -} - -.faq-hero-contact a:hover { - text-decoration: underline; -} - -.faq-hero-shape { - position: absolute; - pointer-events: none; - border-radius: 50%; - opacity: 0.55; - z-index: 1; -} - -.faq-hero .shape-a { - width: 280px; - height: 280px; - background: rgba(255, 210, 190, 0.35); - top: 14%; - left: -10%; -} - -.faq-hero .shape-b { - width: 340px; - height: 340px; - background: rgba(200, 230, 255, 0.26); - bottom: -160px; - left: 24%; -} - -.faq-hero .shape-c { - width: 200px; - height: 200px; - background: rgba(251, 99, 57, 0.18); - bottom: 12%; - right: 8%; -} - -.faq-accordion { - padding: 80px 2rem 120px; - background: #ffffff; -} - -.faq-accordion-container { - max-width: 900px; - margin: 0 auto; - display: flex; - flex-direction: column; - gap: 2.6rem; -} - -.faq-accordion-header h2 { - margin: 0; - font-size: 2.3rem; - color: #1f2530; - letter-spacing: 0.08em; -} - -.faq-accordion-header p { - margin: 0.8rem 0 0; - color: #434955; - line-height: 1.85; -} - -.faq-accordion-list { - display: grid; - gap: 1.2rem; -} - -.faq-item { - background: rgba(255, 255, 255, 0.94); - border-radius: 24px; - padding: 1.6rem 1.8rem; - box-shadow: 0 20px 50px rgba(15, 25, 40, 0.08); - border: 1px solid rgba(31, 37, 48, 0.04); - transition: box-shadow 0.2s ease, transform 0.2s ease; -} - -.faq-item.active { - box-shadow: 0 28px 64px rgba(15, 25, 40, 0.12); - transform: translateY(-2px); -} - -.faq-question { - width: 100%; - border: none; - background: transparent; - padding: 0; - font-size: 1.1rem; - font-weight: 600; - color: #1f2530; - display: flex; - justify-content: space-between; - align-items: center; - text-align: left; - cursor: pointer; -} - -.faq-question span { - flex: 1; -} - -.faq-question::after { - content: '+'; - font-size: 1.3rem; - color: var(--primary-color); - margin-left: 1rem; - transition: color 0.2s ease; -} - -.faq-item.active .faq-question::after { - content: '–'; -} - -.faq-answer { - max-height: 0; - overflow: hidden; - transition: max-height 0.35s ease; - display: grid; - gap: 1rem; - margin-top: 0; -} - -.faq-item.active .faq-answer { - margin-top: 1.1rem; -} - -.faq-answer p { - margin: 0; - color: #000000; - line-height: 1.85; -} - -.faq-answer ul { - margin: 0; - padding-left: 0; - display: grid; - gap: 0.5rem; - color: #000000; - line-height: 1.75; - list-style: none; -} - -.faq-answer li { - list-style: none; -} - -@media (min-width: 1024px) { - .mediation-hero-lead, - .mediation-detail-text p, - .mediation-process-content p, - .accordion-content p { - text-align: justify; - text-justify: inter-word; - -webkit-hyphens: auto; - hyphens: auto; - } -} - -@media (max-width: 992px) { - .faq-hero { - padding: 150px 1.6rem 70px; - } - - .faq-hero-container { - grid-template-columns: 1fr; - gap: 2.6rem; - justify-items: stretch; - } - - .faq-hero-text, - .faq-hero-card { - width: 100%; - max-width: 560px; - margin: 0 auto; - } - - .faq-hero-text { - align-items: flex-start; - text-align: left; - gap: 1.2rem; - } - - .faq-hero-kicker { - align-self: flex-start; - } - - .faq-hero-card { - align-items: flex-start; - text-align: left; - } - .faq-accordion { - padding: 50px 1.6rem 110px; - } -} - -@media (max-width: 768px) { - .faq-hero { - padding: 130px 1.3rem 50px; - } - - .faq-hero h1 { - font-size: 2.4rem; - } - - .faq-hero-lead { - font-size: 1.05rem; - line-height: 1.8; - } - - .faq-hero .shape-b, - .faq-hero .shape-c { - display: none; - } - - .faq-hero-card { - padding: 2rem 1.8rem; - border-left-width: 4px; - gap: 1.2rem; - } - - .faq-accordion { - padding: 55px 1.3rem 100px; - } - - .faq-item { - padding: 1.5rem 1.6rem; - } - - .faq-question { - font-size: 1.05rem; - } -} - -@media (max-width: 520px) { - .faq-hero { - padding: 110px 1.1rem 45px; - } - - .faq-hero-text { - gap: 1rem; - } - - .faq-hero h1 { - font-size: 2rem; - } - - .faq-hero-lead { - font-size: 1rem; - line-height: 1.75; - } - - .faq-hero-card { - padding: 1.7rem 1.4rem; - gap: 1rem; - } - - .faq-accordion { - padding: 40px 1.1rem 85px; - } - - .faq-item { - padding: 1.3rem 1.2rem; - } - - .faq-question { - font-size: 1rem; - align-items: flex-start; - } - - .faq-question::after { - margin-left: 0.6rem; - font-size: 1.1rem; - } - - .faq-answer { - gap: 0.75rem; - } - - .faq-answer p, - .faq-answer li { - font-size: 0.97rem; - line-height: 1.7; - } - - .faq-answer ul { - gap: 0.4rem; - } -} - -/* Responsive adjustments for Medkulturno Posredovanje */ -@media (max-width: 1060px) { - .mediation-hero { - padding: 125px 1.5rem 95px; - } - - .mediation-hero-container { - grid-template-columns: 1fr; - max-width: 760px; - gap: 2.5rem; - } - - .mediation-hero-card { - max-width: 480px; - margin: 0 auto; - margin-top: 0.8rem; - } - - .mediation-hero .shape-a { - top: 4%; - left: -28%; - } - - .mediation-hero .shape-b { - right: -12%; - bottom: 4%; - } - - .mediation-hero .shape-c { - left: -10%; - bottom: -180px; - } - - .mediation-detail { - padding: 60px 1.5rem 70px; - } - - .mediation-detail + .mediation-detail { - padding-top: 50px; - } - - #individualno.mediation-detail, - .mediation-detail#individualno { - padding: 45px 1.5rem 60px; - } - - .mediation-process { - padding: 65px 1.5rem; - } - - .mediation-accordion { - padding: 80px 1.5rem 110px; - } - - .mediation-detail-container, - .mediation-detail--reverse .mediation-detail-container { - grid-template-columns: 1fr; - gap: 2.5rem; - } - - .mediation-detail-image { - min-height: 260px; - } - - .mediation-process-container { - padding: 2.4rem; - margin: 0; - } -} - -@media (max-width: 720px) { - .mediation-hero { - padding: 130px 1.25rem 90px; - } - - .mediation-hero-text { - gap: 1.1rem; - } - - .mediation-hero h1 { - font-size: 2.35rem; - } - - .mediation-hero-lead { - font-size: 1.02rem; - line-height: 1.75; - } - - .mediation-hero-card { - width: 100%; - padding: 2rem 2.1rem; - border-radius: 22px; - margin-top: 0.8rem; - } - - .mediation-detail { - padding: 55px 1.25rem 65px; - } - - .mediation-detail + .mediation-detail { - padding-top: 45px; - } - - #individualno.mediation-detail, - .mediation-detail#individualno { - padding: 38px 1.25rem 55px; - } - - .mediation-detail-image picture, - .mediation-detail-image img { - border-radius: 22px; - } - - .mediation-detail-text h2 { - font-size: 1.85rem; - } - - .mediation-detail-text p { - line-height: 1.7; - } - - .mediation-process { - padding: 55px 1.25rem; - } - - .mediation-process-container { - padding: 1.8rem 1.6rem; - border-radius: 22px; - margin: 0; - width: 100%; - text-align: left; - align-items: stretch; - } - - .mediation-accordion { - padding: 70px 1.25rem 90px; - } - - .mediation-accordion-item { - padding: 1.6rem 1.35rem 1.55rem 3.2rem; - border-radius: 18px; - border-width: 1px; - box-shadow: 0 10px 30px rgba(15, 25, 40, 0.12); - gap: 0.9rem; - } - - .mediation-accordion-title { - flex-direction: column; - align-items: flex-start; - gap: 0.6rem; - } - - .mediation-accordion-title h3 { - text-align: left; - font-size: 1.05rem; - } - - .accordion-toggle { - align-self: flex-start; - font-size: 0.85rem; - padding: 0.45rem 0.9rem; - } - - /* Prevent AOS horizontal offsets from causing sideways scrolling */ - [data-aos="fade-left"], - [data-aos="fade-right"] { - transform: none !important; - } - - .mediation-accordion-grid { - max-width: 100%; - gap: 1.1rem; - } - - .mediation-accordion-item::before { - width: 1.9rem; - height: 1.9rem; - top: 1.4rem; - left: 1.2rem; - font-size: 0.85rem; - box-shadow: 0 8px 18px rgba(251, 99, 57, 0.25); - } - - .accordion-content { - gap: 0.7rem; - } -} - -@media (max-width: 520px) { - .mediation-hero { - padding: 120px 1rem 80px; - } - - .mediation-hero h1 { - font-size: 2.05rem; - } - - .mediation-hero-lead { - font-size: 0.98rem; - } - - .mediation-hero-card { - padding: 1.6rem 1.7rem; - gap: 1rem; - } - - .mediation-hero-card h3 { - font-size: 1.15rem; - } - - .mediation-hero-card li a { - font-size: 0.95rem; - } - - .mediation-detail, - .mediation-process, - .mediation-accordion { - padding: 60px 1rem; - } - - #individualno.mediation-detail, - .mediation-detail#individualno { - padding: 32px 1rem 45px; - } - - .mediation-detail-container { - gap: 2rem; - } - - .mediation-detail-image { - min-height: 220px; - } - - .mediation-process-container h2, - .mediation-accordion-header h2 { - font-size: 1.85rem; - } - - .mediation-accordion-item { - padding: 1.4rem 1.2rem 1.4rem 2.9rem; - gap: 0.75rem; - border-radius: 16px; - } - - .accordion-toggle { - width: 100%; - align-self: flex-start; - justify-content: center; - text-align: center; - padding: 0.45rem 0.9rem; - font-size: 0.83rem; - } - - .mediation-accordion-item::before { - width: 1.6rem; - height: 1.6rem; - top: 1.2rem; - left: 1.05rem; - font-size: 0.75rem; - } - - .mediation-accordion-title h3 { - font-size: 1rem; - } - - .accordion-content { - font-size: 0.94rem; - gap: 0.6rem; - } -} - -/* Workshop Page Styles */ -.workshop-container { - max-width: 1100px; -} - -.workshop-grid { - display: grid; - grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); - gap: 4rem; - align-items: start; -} - -.workshop-text { - display: flex; - flex-direction: column; - gap: 2rem; -} - -.workshop-image { - position: relative; - align-self: stretch; -} - -.workshop-image img { - max-width: 100%; - height: auto; - border-radius: 16px; - box-shadow: 0 4px 20px rgba(0,0,0,0.1); -} - -.workshop-text h2 { - color: var(--primary-color); - margin-bottom: 0.75rem; -} - -.workshop-text p { - margin-bottom: 1rem; -} - -.workshop-lead { - font-size: 1.1rem; - line-height: 1.9; - color: #3c3c3c; - margin-bottom: 0; -} - -.workshop-section { - display: flex; - flex-direction: column; - gap: 0.75rem; -} - -.workshop-section h4 { - font-size: 1.1rem; - margin-bottom: 1rem; - letter-spacing: 0.02em; - text-transform: uppercase; - color: var(--primary-color); -} - -.workshop-section ul { - padding-left: 1.2rem; - line-height: 1.8; -} - -.workshop-meta { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 1rem; -} - -.meta-card { - background: rgba(251, 99, 57, 0.08); - border-radius: 14px; - padding: 1.1rem 1.25rem; - box-shadow: 0 10px 25px rgba(251, 99, 57, 0.08); - display: flex; - flex-direction: column; - gap: 0.35rem; -} - -.meta-label { - font-size: 0.8rem; - text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--primary-color); -} - -.meta-value { - font-weight: 600; - color: #1d1d1d; -} - -.price-grid { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 1rem; -} - -.price-card { - border: 1px solid rgba(0,0,0,0.06); - border-radius: 16px; - padding: 1.2rem 1.4rem; - background: #ffffff; - box-shadow: 0 12px 24px rgba(31, 31, 31, 0.05); -} - -.price-label { - font-size: 0.85rem; - text-transform: uppercase; - letter-spacing: 0.08em; - color: #808080; -} - -.price-value { - font-size: 1.6rem; - font-weight: 700; - color: var(--primary-color); - display: block; - margin: 0.4rem 0 0.2rem; -} - -.price-card p { - margin: 0; - font-size: 0.9rem; - color: #4d4d4d; -} - -.workshop-image-frame { - position: sticky; - top: calc(72px + 24px); - background: linear-gradient(135deg, rgba(251, 99, 57, 0.15) 0%, rgba(255, 255, 255, 0.9) 100%); - padding: 1.6rem; - border-radius: 22px; - box-shadow: 0 18px 40px rgba(251, 99, 57, 0.18); - max-width: 420px; - margin-left: auto; - margin-right: auto; -} - -.workshop-image-frame img { - display: block; - width: 100%; - height: auto; - border-radius: 16px; -} - -.pdf-button { - display: inline-block; - padding: 0.8rem 1.8rem; - background: var(--primary-color); - color: white; - text-decoration: none; - border-radius: 30px; - font-weight: 500; - transition: var(--transition); - margin-top: 1.5rem; - border: 2px solid transparent; -} - -.pdf-button:hover { - background: white; - color: var(--primary-color); - border: 2px solid var(--primary-color); - transform: translateY(-2px); - box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2); -} - -/* Responsive styles for new elements */ -@media (max-width: 992px) { - /* Adjust dropdown for better positioning on tablets */ - .dropdown-submenu-content { - left: 0; - margin-left: 0; - right: auto; - } - - .dropdown-submenu-content .dropdown-submenu-content { - left: 0; - right: auto; - } - - .workshop-container { - max-width: 100%; - } - - .workshop-grid { - grid-template-columns: 1fr; - gap: 2.5rem; - } - - .workshop-image-frame { - position: static; - max-width: 480px; - margin: 0 auto; - } - - .workshop-meta, - .price-grid { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (max-width: 768px) { - .workshop-meta, - .price-grid { - grid-template-columns: 1fr; - } - - .meta-card, - .price-card { - padding: 1rem 1.1rem; - } - - .workshop-lead { - font-size: 1rem; - } - - .workshop-image-frame { - margin-top: 1.5rem; - } - - /* Workshop page responsive */ - .workshop-grid { - grid-template-columns: 1fr; - } - .workshop-image { - order: -1; /* Image on top on mobile */ - margin-bottom: 2rem; - } -} - -/* ---------------------------------- */ -/* -- Kdo Sem Page - Read More Button -- */ -/* ---------------------------------- */ - -/* Stil za gumb "Moja zgodba" */ -.read-more-btn { - display: inline-block; - margin-top: 2rem; /* Naredi prostor med uvodnim besedilom in gumbom */ - padding: 0.8rem 1.8rem; - background: var(--primary-color); - color: white; - text-decoration: none; - border-radius: 30px; - font-weight: 500; - border: 2px solid transparent; - cursor: pointer; - transition: var(--transition); - -webkit-appearance: none; /* Odstrani privzete stile gumbov na mobilnih napravah */ - -moz-appearance: none; - appearance: none; -} - -/* Efekt ob prehodu z miško */ -.read-more-btn:hover { - background: white; - color: var(--primary-color); - border: 2px solid var(--primary-color); - transform: translateY(-2px); - box-shadow: 0 4px 15px rgba(251, 99, 57, 0.2); -} - -/* Vsebnik za razširjeno zgodbo */ -.more-story-content { - height: 0; /* Privzeto je vsebina popolnoma skrita */ - overflow: hidden; /* Vsebina, ki presega višino 0, je odrezana */ - transition: height 0.45s ease, margin-top 0.45s ease, padding 0.45s ease, box-shadow 0.45s ease, background 0.45s ease, border-color 0.45s ease; /* Animacija za gladek prehod */ - line-height: 1.8; /* Izboljša berljivost daljšega besedila */ - color: #444; /* Uskladi barvo besedila z ostalimi odstavki */ - margin-top: 0; - padding: 0; - border-radius: 24px; - border: 1px solid transparent; - background: transparent; - box-shadow: none; - max-width: 68ch; - margin-left: auto; - margin-right: auto; - will-change: height; -} - -.more-story-content p { - margin: 0; -} - -.more-story-content p + p { - margin-top: 1.3rem; -} - -/* Razred, ki ga doda JavaScript za prikaz vsebine */ -.more-story-content.visible { - margin-top: 2.5rem; /* Doda prostor med gumbom in prikazanim besedilom */ - padding: 2.2rem 2.5rem 2.5rem; - background: #fff; - box-shadow: 0 22px 48px rgba(20, 20, 20, 0.08); - border-color: rgba(251, 99, 57, 0.12); -} - -@media (max-width: 600px) { - .more-story-content.visible { - padding: 1.8rem 1.5rem 2rem; - } -} - -/* ============================================= */ -/* === NOVI STILI ZA PRENOVLJENO NASLOVNICO === */ -/* ============================================= */ - -/* 1. Glavna sekcija (Hero) */ -.hero-new { - padding: 72px 2rem 0; - background: #fdfcfa; /* Svetlo ozadje */ - min-height: calc(100vh - 72px); - display: flex; - align-items: stretch; - overflow: hidden; /* Prepreči, da bi oblike šle izven sekcije */ - position: relative; -} - -.hero-new-content { - max-width: 1200px; - margin: 0 auto; - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr; - gap: 2rem; - align-items: flex-start; - min-height: calc(100vh - 72px); - z-index: 2; /* Postavi vsebino nad dekorativne oblike */ -} - -.hero-new-text { - align-self: stretch; - display: flex; - flex-direction: column; - gap: 1.5rem; - height: 100%; - padding-top: 48px; - padding-bottom: 48px; -} - -.hero-new-text h1 { - font-size: 2.8rem; - font-weight: 700; - line-height: 1.3; - margin-bottom: 0; -} - -.hero-new-subtitle { - font-size: 1.2rem; - color: #555; -} - -.hero-info-box { - margin-top: auto; - padding: 1.5rem; - background: #ffffff; - border-left: 4px solid var(--primary-color); - border-radius: 12px; - box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); - max-width: 460px; - text-align: left; -} - -.hero-info-box h3 { - font-size: 1.4rem; - margin-bottom: 1rem; -} - -.hero-info-box p + p { - margin-top: 0.75rem; -} - -.hero-info-box p { - text-align: justify; -} - -.hero-info-box strong { - color: var(--primary-color); -} - -/* KLJUČEN POPRAVEK ZA VELIKOST SLIKE */ -.hero-new-image { - display: flex; - justify-content: center; - align-items: flex-end; - align-self: stretch; -} - -.hero-new-image img { - max-width: 100%; /* Slika ne bo širša od svojega vsebnika */ - width: auto; - height: 100%; /* Raztegne sliko do višine hero sekcije */ - max-height: none; - object-fit: contain; /* Zagotovi, da je celotna slika vidna */ - object-position: bottom; -} - -/* 2. Sekcija s ponudbami */ -.features-section { - padding: 80px 2rem; - text-align: center; -} -.features-container { - max-width: 1200px; - margin: 0 auto; -} -.features-intro h2 { - max-width: 800px; - margin: 0 auto 3rem auto; - font-size: 1.8rem; -} -.features-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 2rem; -} -.feature-card { - background: #fff; - padding: 2.5rem 2rem; - border-radius: 15px; - box-shadow: 0 10px 30px rgba(0,0,0,0.07); - transition: var(--transition); - display: flex; - flex-direction: column; - gap: 1.2rem; - height: 100%; -} -.feature-card:hover { - transform: translateY(-8px); - box-shadow: 0 15px 40px rgba(0,0,0,0.1); -} -.feature-card h3 { - color: var(--primary-color); - margin-bottom: 1rem; -} -.feature-card .cta-button { - margin-top: auto; - align-self: center; -} - - -/* 3. Sekcija o Amri */ -.about-amra-intro { - padding: 60px 2rem; - background: var(--light-bg); -} -.about-amra-wrapper { - max-width: 1100px; - margin: 0 auto; - display: grid; - grid-template-columns: 1fr 1.2fr; - gap: 3rem; - align-items: center; -} -.about-amra-image { - display: flex; - justify-content: center; -} -.about-amra-image img { - max-width: 100%; - height: auto; - border-radius: 20px; - box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12); -} -.about-amra-content { - font-size: 1.1rem; - line-height: 1.8; -} -.about-amra-content p + p { - margin-top: 1rem; -} -.about-amra-content p { - text-align: justify; -} -.cta-button-alt { - display: inline-block; - padding: 1rem 2rem; - background: transparent; - color: var(--primary-color); - text-decoration: none; - border-radius: 30px; - font-weight: 500; - transition: var(--transition); - margin-top: 2rem; - border: 2px solid var(--primary-color); -} -.cta-button-alt:hover { - background: var(--primary-color); - color: white; -} - - -/* 4. Zadnji poziv k akciji */ -.final-cta { - padding: 80px 2rem; - text-align: center; -} -.final-cta-content h2 { - font-size: 2.2rem; - margin-bottom: 1.5rem; -} -.final-cta-buttons { - display: flex; - justify-content: center; - gap: 1rem; - margin-bottom: 1.5rem; - flex-wrap: wrap; -} -.final-cta-content p { - color: #666; -} - - -/* Dekorativni elementi v ozadju */ -.bg-shape { - position: absolute; - border-radius: 50%; - z-index: 1; - opacity: 0.5; -} -.shape-1 { - width: 150px; - height: 150px; - background: rgba(251, 99, 57, 0.1); - top: 22%; - left: 5%; -} -.shape-2 { - width: 80px; - height: 80px; - background: rgba(251, 99, 57, 0.08); - bottom: 12%; - right: 45%; -} -.shape-3 { - width: 50px; - height: 50px; - border: 2px dotted var(--primary-color); - top: 32%; - right: 10%; -} -.shape-4 { - width: 120px; - height: 120px; - border: 2px solid rgba(251, 99, 57, 0.2); - bottom: 9%; - left: 40%; -} - -/* Prilagoditve za mobilne naprave */ -@media (max-width: 992px) { - .hero-new-content { - grid-template-columns: 1fr; - text-align: center; - min-height: auto; - align-items: center; - padding-top: 0; - } - .hero-new-text { - display: block; - height: auto; - align-self: center; - padding-top: 0; - padding-bottom: 0; - } - .hero-info-box { - margin: 1.5rem auto 0; - text-align: left; - } - .hero-new-image { - order: -1; /* Premakne sliko na vrh */ - margin-bottom: 2rem; - align-self: center; - align-items: center; - } - .hero-new-image img { - max-height: 400px; /* Manjša slika na tablicah */ - height: auto; - width: 100%; - } - .about-amra-wrapper { - grid-template-columns: 1fr; - text-align: center; - gap: 2rem; - } - .about-amra-content { - text-align: center; - } -} - -@media (max-width: 768px) { - .hero-new-text h1 { - font-size: 2.2rem; - } - .features-intro h2 { - font-size: 1.5rem; - } - .final-cta-buttons .cta-button { - width: 100%; - } -} +:root{--primary-color:#fb6339;--text-color:#000000;--bg-color:#ffffff;--light-bg:#f9f9f9;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color);overflow-x:hidden}body.no-scroll{overflow:hidden}.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,0.1)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo a{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;letter-spacing:1px}.logo img{height:calc(50px + 2rem - 10px);width:auto;margin-top:calc(-1rem + 5px);margin-bottom:calc(-1rem + 5px);margin-right:10px}.nav-links{display:flex;align-items:center}.nav-links a{color:var(--text-color);text-decoration:none;margin-left:2rem;font-weight:500;transition:var(--transition);padding:0.5rem 0}.nav-links a:hover,.nav-links a.active,.dropbtn.active{color:var(--primary-color)}.mobile-menu-btn{display:none;flex-direction:column;gap:6px;cursor:pointer}.mobile-menu-btn span{width:30px;height:2px;background:var(--text-color);transition:var(--transition)}.hero{padding:120px 2rem 60px;background:linear-gradient(135deg,rgba(251,99,57,0.1) 0%,rgba(255,255,255,0) 100%);min-height:100vh;display:flex;align-items:center}.hero-content{max-width:1200px;margin:0 auto;width:100%}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{max-width:600px}.hero h1{font-size:3rem;margin-bottom:2rem;color:var(--text-color)}.hero h2{color:var(--primary-color);margin-bottom:1rem}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.1));transition:var(--transition)}.hero-image img:hover{transform:translateY(-10px);filter:drop-shadow(0 20px 30px rgba(251,99,57,0.2))}.pros-berry-explanation{margin:2rem 0;padding:2rem;background:white;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.cta-button{display:inline-block;padding:1rem 2rem;background:var(--primary-color);color:white;text-decoration:none;border-radius:30px;font-weight:500;transition:var(--transition);margin-top:2rem}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(251,99,57,0.4)}.services{padding:80px 2rem;background:white}.services h2{text-align:center;margin-bottom:3rem;color:var(--text-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{padding:2rem;background:white;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:var(--transition);text-align:center}.service-card:hover{transform:translateY(-5px)}.service-icon{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;background-color:rgba(251,99,57,0.1);border-radius:50%;transition:var(--transition)}.service-icon .emoji{font-size:3.5rem;transition:var(--transition)}.service-card:hover .service-icon{background-color:var(--primary-color)}.service-card:hover .service-icon .emoji{color:white;transform:scale(1.1)}.service-card h3{color:var(--primary-color);margin-bottom:1rem}.contact-info{padding:60px 2rem;text-align:center;background:linear-gradient(135deg,rgba(251,99,57,0.1) 0%,rgba(255,255,255,0) 100%)}.contact-info a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.contact-info a:hover{text-decoration:underline}footer{background:var(--text-color);color:var(--bg-color);padding:3rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-logo h3{color:var(--primary-color)}.footer-contact a,.footer-links a{color:var(--bg-color);text-decoration:none;transition:var(--transition)}.footer-contact a:hover,.footer-links a:hover{color:var(--primary-color)}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-text{max-width:100%;text-align:center}.hero-image{order:-1}.hero-image img{max-width:80%}}@media (max-width:768px){.nav-links .dropdown{width:100%;margin-left:0}.nav-links a,.nav-links .dropdown .dropbtn{margin:0;padding:0.9rem 1.1rem;text-align:left;border-radius:12px;font-size:1rem;display:block;width:100%}.nav-links .dropdown .dropbtn{background:rgba(251,99,57,0.08);border:none}.nav-links .dropdown:hover .dropbtn,.nav-links .dropdown .dropbtn.active,.nav-links a:hover,.nav-links a.active{background:rgba(251,99,57,0.16)}.nav-links{display:none;position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:rgba(255,255,255,0.98);padding:1.5rem 1.25rem 2.2rem;flex-direction:column;align-items:stretch;gap:0.75rem;box-shadow:0 12px 30px rgba(0,0,0,0.12);backdrop-filter:blur(12px);overflow-y:auto;z-index:999}.nav-links.active{display:flex}.mobile-menu-btn{display:flex;z-index:1000}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dropdown-content,.dropdown-submenu-content{position:static;display:none;box-shadow:none;background:transparent;border-radius:0;min-width:100%;padding:0;margin:0.35rem 0 0}.dropdown-content a{padding:0.8rem 1.1rem;border-radius:10px}.dropdown-submenu-content{margin-left:0;padding:0.2rem 0 0.8rem;border-left:2px solid rgba(251,99,57,0.2)}.dropdown-submenu-content a{padding-left:1.6rem}.hero{padding:100px 1.5rem 40px;min-height:auto}.hero h1{font-size:2rem;margin-bottom:1.5rem}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-image{order:-1}.hero-image img{max-width:80%}.services{padding:60px 1.5rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}section{padding:60px 1.5rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{font-size:1rem}.cta-button{width:100%;text-align:center;padding:1rem}.footer-content{flex-direction:column;text-align:center;gap:2rem}.logo img{height:calc(50px + 2rem - 10px);width:auto;margin-top:calc(-1rem + 5px);margin-bottom:calc(-1rem + 5px);margin-right:10px}.service-icon{width:120px;height:120px}.service-icon .emoji{font-size:4rem}}@media (max-width:480px){.hero h1{font-size:1.75rem}.hero-image img{max-width:100%}.service-card{padding:1.25rem}.footer-content{padding:2rem 1.5rem}.service-icon{width:110px;height:110px}.service-icon .emoji{font-size:3.8rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.6s ease forwards}.about-hero{position:relative;padding:160px 2rem 150px;background:#fdfcfa;overflow:hidden}.about-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(251,99,57,0.18) 0%,rgba(251,99,57,0) 55%),radial-gradient(circle at 78% 14%,rgba(255,210,190,0.32) 0%,rgba(255,210,190,0) 60%),radial-gradient(circle at 68% 80%,rgba(200,230,255,0.25) 0%,rgba(200,230,255,0) 60%);z-index:0}.about-hero-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:3rem;align-items:center}.about-hero-text{display:flex;flex-direction:column;gap:1.5rem}.about-hero-kicker{display:inline-block;align-self:flex-start;padding:0.35rem 1rem;border-radius:999px;letter-spacing:0.12em;text-transform:uppercase;font-size:0.72rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color)}.about-hero h1{font-size:3rem;line-height:1.25;color:#1f2530;margin:0}.about-hero-text p{font-size:1.12rem;line-height:1.9;color:#454b57;max-width:65ch;text-align:justify}.about-hero-image{display:flex;justify-content:center;align-items:flex-end}.about-hero-image .image-frame{position:relative;padding:0;border-radius:36px;background:transparent;box-shadow:0 25px 55px rgba(15,25,40,0.12);overflow:hidden}.about-hero-image picture,.about-hero-image img{display:block;width:100%;height:auto;border-radius:28px}.about-hero-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:0.55;z-index:1}.about-hero .shape-a{width:260px;height:260px;background:rgba(251,99,57,0.16);top:18%;left:4%}.about-hero .shape-b{width:120px;height:120px;border:2px dotted rgba(251,99,57,0.45);top:24%;right:16%}.about-hero .shape-c{width:320px;height:320px;background:rgba(254,219,204,0.28);bottom:-120px;left:22%}.about-hero .shape-d{width:90px;height:90px;border:2px solid rgba(200,230,255,0.45);bottom:12%;right:8%}.about-accordion-section{background:#ffffff;padding:0 2rem 140px}.about-accordion-container{max-width:960px;margin:-90px auto 0;background:#ffffff;border-radius:28px;box-shadow:0 35px 80px rgba(15,25,40,0.08);padding:3.25rem 3rem;position:relative;overflow:hidden}.about-accordion-container::before{content:"";position:absolute;width:260px;height:260px;background:radial-gradient(circle,rgba(251,99,57,0.16) 0%,rgba(251,99,57,0) 70%);top:-120px;right:-80px;z-index:0}.about-accordion-container>*{position:relative;z-index:1}.about-accordion-intro{text-align:center;margin-bottom:2.5rem}.about-accordion-intro p{font-size:1rem;color:#5a5f69}.about-accordion-list{display:flex;flex-direction:column;gap:1.25rem}.about-accordion-item{border-radius:18px;background:rgba(253,252,250,0.85);border:1px solid rgba(31,37,48,0.06);box-shadow:0 18px 35px rgba(15,25,40,0.07);overflow:hidden}.about-accordion-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.8rem;font-size:1.1rem;font-weight:600;color:#1f2530;background:transparent;border:none;cursor:pointer;text-align:left;transition:background 0.25s ease,color 0.25s ease}.about-accordion-toggle span:first-child{flex:1}.about-accordion-toggle:focus-visible{outline:2px solid rgba(251,99,57,0.4);outline-offset:4px}.about-accordion-toggle[aria-expanded="true"]{background:rgba(251,99,57,0.08);color:var(--primary-color)}.accordion-icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(251,99,57,0.45);display:grid;place-items:center;font-size:1.2rem;color:var(--primary-color);transition:transform 0.25s ease,background 0.25s ease}.accordion-icon::after{content:"+";font-weight:600}.about-accordion-toggle[aria-expanded="true"] .accordion-icon::after{content:"–"}.about-accordion-toggle[aria-expanded="true"] .accordion-icon{background:rgba(251,99,57,0.14)}.about-accordion-content p{text-align:justify}.about-accordion-content{padding:0 1.8rem 1.8rem;font-size:1rem;line-height:1.85;color:#4f5562}.about-accordion-content p + p{margin-top:1.1rem}@media (max-width:992px){.about-hero{padding:130px 1.5rem 130px}.about-hero-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.about-hero-text{text-align:center;align-items:center}.about-hero-kicker{align-self:center}.about-hero-text p{max-width:48ch}.about-hero-image .image-frame{max-width:min(90%,420px);margin:0 auto}.about-accordion-container{margin:-60px auto 0;padding:2.8rem 2.4rem}}@media (max-width:768px){.about-hero{padding:120px 1.25rem 110px}.about-hero h1{font-size:2.4rem}.about-hero-text p{font-size:1.05rem}.about-hero .shape-a{width:220px;height:220px}.about-hero .shape-b,.about-hero .shape-d{display:none}.about-hero .shape-c{width:260px;height:260px;left:18%}.about-accordion-container{padding:2.4rem 1.9rem;margin:-40px auto 0;border-radius:22px;box-shadow:0 25px 60px rgba(15,25,40,0.08)}.about-accordion-toggle{padding:1.2rem 1.4rem;font-size:1rem}.about-accordion-content{padding:0 1.4rem 1.4rem}.accordion-icon{width:30px;height:30px;font-size:1rem}}@media (max-width:520px){.about-hero{padding:110px 1rem 100px}.about-hero h1{font-size:2.1rem}.about-hero-text p{font-size:1rem;max-width:100%}.about-hero-image .image-frame{padding:1rem;max-width:320px}.about-accordion-container{padding:2.1rem 1.3rem;margin:-20px auto 0;border-radius:20px;box-shadow:0 18px 40px rgba(15,25,40,0.08)}.about-accordion-toggle{padding:1rem 1.1rem}.about-hero .shape-a,.about-hero .shape-c{display:none}.about-accordion-item{border-radius:14px}.about-accordion-content{font-size:0.98rem}}.offer-hero{position:relative;padding:160px 2rem 140px;background:#fdfcfa;overflow:hidden}.offer-hero-container{position:relative;z-index:2;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:3.2rem;align-items:center}.offer-hero-text{display:flex;flex-direction:column;gap:1.4rem}.offer-hero-kicker{display:inline-block;align-self:flex-start;padding:0.4rem 1.1rem;border-radius:999px;letter-spacing:0.14em;text-transform:uppercase;font-size:0.7rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color)}.offer-hero h1{font-size:3rem;line-height:1.24;color:#1f2530;margin:0}.offer-hero-lead{font-size:1.15rem;line-height:1.85;color:#454b57;max-width:60ch;text-align:justify}.offer-hero-chip-group{display:flex;gap:0.8rem;flex-wrap:wrap}.offer-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1.25rem;border-radius:999px;background:rgba(255,210,190,0.4);color:#1f2530;font-size:0.95rem;font-weight:600;box-shadow:0 12px 28px rgba(15,25,40,0.12)}.offer-chip:nth-child(2){background:rgba(200,230,255,0.45)}.offer-hero-card{position:relative;z-index:2;padding:2.2rem 2.4rem;background:rgba(255,255,255,0.88);border-radius:26px;box-shadow:0 28px 70px rgba(15,25,40,0.12);border-left:5px solid var(--primary-color)}.offer-hero-card h3{font-size:1.2rem;margin-bottom:1.2rem;color:var(--primary-color)}.offer-hero-card ul{list-style:none;padding:0;margin:0;display:grid;gap:0.85rem}.offer-hero-card li{display:flex;align-items:flex-start;gap:0.7rem;line-height:1.6;color:#3f4551}.offer-hero-card li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary-color);margin-top:0.35rem}.offer-hero-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:1;opacity:0.6}.offer-hero .shape-a{width:320px;height:320px;background:rgba(251,99,57,0.18);top:12%;left:-8%}.offer-hero .shape-b{width:200px;height:200px;background:rgba(255,210,190,0.32);bottom:18%;right:12%}.offer-hero .shape-c{width:440px;height:440px;background:rgba(200,230,255,0.28);bottom:-160px;left:22%}.offer-services{background:#ffffff;padding:0 2rem 150px}.offer-services-container{position:relative;max-width:1120px;margin:-110px auto 0;background:#ffffff;border-radius:34px;box-shadow:0 45px 90px rgba(15,25,40,0.1);padding:3.6rem 3.2rem;display:flex;flex-direction:column;gap:3.6rem;overflow:hidden}.offer-section{position:relative;padding:2.9rem 2.4rem;border-radius:30px;background:rgba(253,252,250,0.86);box-shadow:0 20px 55px rgba(15,25,40,0.08)}.offer-section[data-theme="teaching"]{background:linear-gradient(135deg,rgba(251,99,57,0.12),rgba(255,210,190,0.26))}.offer-section[data-theme="mediation"]{background:linear-gradient(135deg,rgba(200,230,255,0.18),rgba(251,99,57,0.12))}.offer-section-header h2{font-size:2.2rem;margin:0 0 2rem;color:#1f2530}.offer-languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.8rem;position:relative;z-index:2}.offer-language-card{background:rgba(255,255,255,0.9);border-radius:22px;padding:1.8rem 1.6rem;box-shadow:0 25px 55px rgba(15,25,40,0.08);border:1px solid rgba(31,37,48,0.05);display:flex;flex-direction:column;gap:1rem}.offer-language-header h3{margin:0;font-size:1.3rem;color:var(--primary-color)}.offer-language-card p,.offer-language-card ul{margin:0}.offer-language-card p{color:#4f5562;line-height:1.65;text-align:justify}.offer-language-card ul{padding-left:1.2rem;display:grid;gap:0.55rem;color:#3f4551;line-height:1.6}.offer-section-shape{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,0.35);filter:blur(0);z-index:1}.offer-section[data-theme="teaching"] .shape-d{top:-110px;right:-80px;background:rgba(251,99,57,0.22)}.offer-section[data-theme="mediation"] .shape-e{bottom:-130px;left:-90px;background:rgba(200,230,255,0.26)}.offer-mediation{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:2.4rem}.offer-mediation-text p{color:#454b57;line-height:1.8;text-align:justify}.offer-mediation-text p + p{margin-top:1rem}.offer-mediation-list{background:rgba(255,255,255,0.92);border-radius:20px;padding:1.8rem;box-shadow:0 20px 45px rgba(15,25,40,0.08);border:1px solid rgba(31,37,48,0.05);display:flex;flex-direction:column;gap:1.2rem}.offer-mediation-list h3{margin:0;font-size:1.2rem;color:var(--primary-color)}.offer-mediation-list ul{margin:0;padding-left:1.1rem;display:grid;gap:0.7rem;color:#3f4551;line-height:1.7}@media (max-width:992px){.offer-hero{padding:140px 1.6rem 120px}.offer-hero-container{grid-template-columns:1fr;gap:2.6rem;text-align:center}.offer-hero-text{align-items:center}.offer-hero-kicker{align-self:center}.offer-hero-lead{max-width:48ch}.offer-hero-card{margin:0 auto;max-width:min(90%,440px);text-align:left}.offer-hero .shape-a{left:-18%}.offer-hero .shape-c{left:10%}.offer-services-container{margin:-80px auto 0;padding:3rem 2.4rem;border-radius:30px}.offer-section{padding:2.4rem 2.1rem}.offer-mediation{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.offer-hero{padding:120px 1.3rem 110px}.offer-hero h1{font-size:2.5rem}.offer-hero-lead{font-size:1.05rem}.offer-hero .shape-b{display:none}.offer-hero .shape-c{width:320px;height:320px;bottom:-140px;left:12%}.offer-services-container{padding:2.6rem 1.9rem}.offer-section{padding:2.1rem 1.7rem;border-radius:24px}.offer-languages-grid{grid-template-columns:1fr}.offer-hero-lead,.offer-language-card p,.offer-mediation-text p{text-align:left;-webkit-hyphens:auto;hyphens:auto}.offer-hero-card li{-webkit-hyphens:auto;hyphens:auto}}@media (max-width:520px){.offer-hero{padding:110px 1rem 95px}.offer-hero h1{font-size:2.2rem}.offer-hero-chip-group{justify-content:center}.offer-hero .shape-a,.offer-hero .shape-c{display:none}.offer-hero-card{padding:1.8rem 1.6rem}.offer-services-container{padding:2.4rem 1.4rem;border-radius:22px}.offer-section{padding:1.8rem 1.4rem}.offer-mediation-list{padding:1.5rem}}.rates-hero{position:relative;padding:160px 2rem 140px;background:#fdfcfa;overflow:hidden}.rates-hero-container{position:relative;z-index:2;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:3rem;align-items:center}.rates-hero-text{display:flex;flex-direction:column;gap:1.4rem}.rates-hero-kicker{display:inline-block;align-self:flex-start;padding:0.4rem 1.1rem;border-radius:999px;letter-spacing:0.14em;text-transform:uppercase;font-size:0.7rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color)}.rates-hero h1{font-size:3.1rem;line-height:1.22;color:#1f2530;margin:0}.rates-hero-lead{font-size:1.15rem;line-height:1.85;color:#454b57;max-width:52ch;text-align:justify}.rates-hero-card{position:relative;z-index:2;padding:2.3rem 2.4rem;background:rgba(255,255,255,0.9);border-radius:28px;box-shadow:0 30px 75px rgba(15,25,40,0.12);border-left:5px solid var(--primary-color);display:flex;flex-direction:column;gap:1.4rem;margin-top:2.4rem}.rates-hero-card h3{font-size:1.25rem;margin:0;color:var(--primary-color)}.rates-hero-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.rates-hero-list li{display:flex;justify-content:center;align-items:center;gap:0.85rem;font-size:1.05rem;color:#3f4551;text-align:center}.rates-hero-list strong{font-size:1.5rem;color:var(--primary-color)}.rates-hero-list .rates-hero-separator{font-size:1.2rem;color:#3f4551;line-height:1}.rates-hero-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:1;opacity:0.55}.rates-hero .shape-a{width:300px;height:300px;background:rgba(251,99,57,0.18);top:12%;left:-6%}.rates-hero .shape-b{width:200px;height:200px;background:rgba(255,210,190,0.32);bottom:16%;right:10%}.rates-hero .shape-c{width:420px;height:420px;background:rgba(200,230,255,0.28);bottom:-150px;left:20%}.rates-pricing{background:#ffffff;padding:0 2rem 150px}.rates-pricing-container{position:relative;max-width:1080px;margin:-95px auto 0;background:#ffffff;border-radius:34px;box-shadow:0 35px 75px rgba(15,25,40,0.09);padding:3rem 2.6rem;display:flex;flex-direction:column;gap:2.4rem;overflow:hidden}.rates-section{position:relative;padding:2.4rem 2rem;border-radius:30px;background:linear-gradient(135deg,rgba(251,99,57,0.12),rgba(255,210,190,0.26));box-shadow:0 22px 58px rgba(15,25,40,0.07);overflow:hidden}.rates-section-header h2{font-size:2.2rem;margin:0 0 2.2rem;color:var(--primary-color)}.rates-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.8rem;position:relative;z-index:2}.rates-card{background:rgba(255,255,255,0.94);border-radius:24px;padding:2rem 1.8rem;box-shadow:0 25px 55px rgba(15,25,40,0.08);border:1px solid rgba(31,37,48,0.05);display:flex;flex-direction:column;gap:1.1rem}.rates-card-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.rates-card h3{margin:0;font-size:1.2rem;color:#1f2530;text-transform:uppercase;letter-spacing:0.08em}.rates-card ul{margin:0;padding-left:1.1rem;display:grid;gap:0.6rem;color:#3f4551;line-height:1.65}.rates-section-shape{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(251,99,57,0.22);z-index:1;top:-110px;right:-90px}.rates-testimonials{position:relative;background:#fdfcfa;padding:70px 2rem 120px;overflow:hidden}.rates-testimonials-container{position:relative;z-index:2;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.rates-testimonials-header{text-align:center;display:flex;flex-direction:column;gap:1rem}.rates-testimonials-header h2{font-size:2.4rem;letter-spacing:0.2em;color:var(--primary-color);margin:0}.rates-testimonials-header h3{font-size:1.4rem;color:#1f2530;margin:0}.rates-testimonial-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;position:relative;z-index:2;max-width:920px;margin:0 auto;width:100%}.rates-testimonial-card{position:relative;background:rgba(255,255,255,0.92);border-radius:28px;padding:2.8rem 2.6rem;box-shadow:0 32px 72px rgba(15,25,40,0.12);border:1px solid rgba(31,37,48,0.05);display:flex;flex-direction:column;gap:1.6rem;overflow:hidden;--card-gradient:linear-gradient(135deg,rgba(251,99,57,0.16),rgba(255,210,190,0.22));--author-accent:rgba(251,99,57,0.38);transition:transform 0.35s ease,box-shadow 0.35s ease}.rates-testimonial-card::before{content:"";position:absolute;inset:0;background:var(--card-gradient);opacity:0.65;z-index:0}.rates-testimonial-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.24);top:-80px;right:-60px;z-index:0}.rates-testimonial-card>*{position:relative;z-index:1}.rates-testimonial-card[data-accent="sunrise"]{--card-gradient:linear-gradient(135deg,rgba(251,99,57,0.18),rgba(255,210,190,0.34));--author-accent:rgba(251,99,57,0.45)}.rates-testimonial-card[data-accent="dawn"]{--card-gradient:linear-gradient(135deg,rgba(200,230,255,0.2),rgba(251,99,57,0.24));--author-accent:rgba(200,230,255,0.5)}.rates-testimonial-card:hover{transform:translateY(-6px);box-shadow:0 42px 90px rgba(15,25,40,0.16)}.rates-testimonial-text{display:grid;gap:1rem;color:#343a45;line-height:1.82}.rates-testimonial-text p{margin:0;text-align:justify}.rates-testimonial-full{display:grid;gap:1rem}.rates-testimonial-author{margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid var(--author-accent);display:grid;gap:0.35rem;color:#1f2530;font-weight:600}.rates-testimonial-author p:last-child{font-weight:400;color:#4f5562}.rates-testimonials-shape{position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(200,230,255,0.28);z-index:1;bottom:-160px;right:12%}@media (max-width:992px){.rates-hero{padding:140px 1.6rem 120px}.rates-hero-container{grid-template-columns:1fr;gap:2.6rem;text-align:center}.rates-hero-text{align-items:center}.rates-hero-kicker{align-self:center}.rates-hero-lead{max-width:48ch}.rates-hero-card{margin:0 auto;max-width:min(90%,420px)}.rates-hero .shape-a{left:-20%}.rates-hero .shape-c{left:12%}.rates-pricing-container{margin:-80px auto 0;padding:3rem 2.4rem;border-radius:30px}.rates-section{padding:2rem 1.8rem}.rates-testimonials{padding:80px 1.6rem 100px}.rates-testimonials-header h2{font-size:2rem;letter-spacing:0.16em}.mediation-hero{padding:140px 1.6rem 120px}.mediation-hero-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.mediation-hero-text{align-items:center}.mediation-hero-kicker{align-self:center}.mediation-hero-card{margin:0 auto;max-width:min(90%,420px)}.mediation-hero .shape-a{left:-20%}.mediation-hero .shape-c{left:16%}.mediation-detail{padding:90px 1.6rem}.mediation-detail-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.mediation-detail-image{order:-1}.mediation-detail-text{align-items:center}.mediation-detail-text p{max-width:60ch}.mediation-process{padding:90px 1.6rem}.mediation-process-container{padding:2.6rem;text-align:center}.mediation-accordion{padding:100px 1.6rem 120px}.mediation-accordion-header{text-align:center}.mediation-accordion-header p{margin:0 auto}.faq-hero{padding:140px 1.6rem 120px}.faq-hero-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.faq-hero-text{align-items:center}.faq-hero-kicker{align-self:center}.faq-hero-lead{max-width:54ch}.faq-hero-card{margin:0 auto;max-width:min(90%,420px)}.faq-hero .shape-a{left:-18%}.faq-hero .shape-c{right:16%}.faq-accordion{padding:100px 1.6rem 120px}.faq-accordion-header{text-align:center}.faq-accordion-header p{margin:0.6rem auto 0;max-width:54ch}}@media (max-width:768px){.rates-hero{padding:110px 1.3rem 95px}.rates-hero h1{font-size:2.6rem}.rates-hero-lead{font-size:1.05rem;text-align:left;-webkit-hyphens:auto;hyphens:auto}.rates-hero .shape-b{display:none}.rates-hero .shape-c{width:320px;height:320px;bottom:-140px;left:14%}.rates-pricing{padding:0 1.5rem 50px}.rates-pricing-container{margin:-60px auto 0;padding:1.9rem 1.45rem;gap:1.6rem}.rates-section{padding:1.5rem 1.25rem;border-radius:22px}.rates-section-header h2{font-size:1.9rem;margin-bottom:1.4rem}.rates-card-grid{grid-template-columns:1fr;gap:1.4rem}.rates-card{padding:1.5rem 1.3rem;gap:0.8rem}.rates-card ul{gap:0.5rem;text-align:left;-webkit-hyphens:auto;hyphens:auto}.rates-testimonials{padding:50px 1.3rem 65px}.rates-testimonials-container{gap:2.2rem}.rates-testimonials-header h2{letter-spacing:0.14em}.rates-testimonial-card{padding:2.2rem 1.8rem;gap:1.1rem}.rates-testimonial-text p{text-align:left;-webkit-hyphens:auto;hyphens:auto}.mediation-hero{padding:110px 1.3rem 95px}.mediation-hero h1{font-size:2.6rem}.mediation-hero-lead{font-size:1.05rem}.mediation-hero .shape-b{display:none}.mediation-hero .shape-c{width:320px;height:320px;bottom:-140px;left:18%}.mediation-detail{padding:80px 1.3rem}.mediation-detail-text h2{font-size:1.9rem}.mediation-detail-image{min-height:260px}.mediation-detail-image picture,.mediation-detail-image img{border-radius:24px}.mediation-process{padding:80px 1.3rem}.mediation-process-container{padding:2.2rem}.mediation-accordion{padding:90px 1.3rem 110px}.mediation-accordion-grid{grid-template-columns:1fr}.faq-hero{padding:110px 1.3rem 95px}.faq-hero h1{font-size:2.6rem}.faq-hero-lead{font-size:1.05rem}.faq-hero .shape-b{display:none}.faq-hero .shape-c{display:none}.faq-hero-card{padding:2rem 1.9rem}.faq-accordion{padding:90px 1.3rem 110px}.faq-question{font-size:1.05rem}.faq-item{padding:1.5rem 1.6rem}}@media (max-width:520px){.rates-hero{padding:100px 1rem 75px}.rates-hero h1{font-size:2.2rem}.rates-hero .shape-a,.rates-hero .shape-c{display:none}.rates-hero-card{padding:1.8rem 1.4rem}.rates-pricing{padding:0 1.1rem 45px}.rates-pricing-container{margin:-40px auto 0;padding:1.6rem 1.15rem;border-radius:22px;gap:1.3rem}.rates-section{padding:1.3rem 1rem}.rates-section-header h2{font-size:1.7rem;margin-bottom:1.1rem}.rates-card{padding:1.3rem 1.15rem;gap:0.75rem}.rates-testimonials{padding:40px 1rem 55px}.rates-testimonials-header h2{letter-spacing:0.12em}.rates-testimonial-card{padding:1.8rem 1.4rem;gap:1rem}.rates-testimonials-shape{display:none}.mediation-hero{padding:100px 1rem 70px}.mediation-hero h1{font-size:2rem;line-height:1.2}.mediation-hero-container{display:flex;flex-direction:column;gap:1.6rem;align-items:stretch;text-align:left}.mediation-hero-text{align-items:flex-start;text-align:left;gap:1rem}.mediation-hero-lead{font-size:0.98rem;-webkit-hyphens:auto;hyphens:auto}.mediation-hero-kicker{align-self:flex-start}.mediation-hero .shape-a,.mediation-hero .shape-c{display:none}.mediation-hero-card{padding:1.6rem 1.4rem;margin:0;margin-top:0.5rem;max-width:none;width:100%;gap:1.1rem;border-left-width:4px;box-shadow:0 18px 40px rgba(15,25,40,0.12)}.mediation-hero-card ul{gap:0.6rem}.mediation-hero-card li a{font-size:0.95rem}.mediation-hero-card li a::before{font-size:0.85rem}.mediation-detail{padding:70px 1rem}.mediation-detail-text{align-items:flex-start;text-align:left;gap:1rem}.mediation-detail-text h2{font-size:1.6rem}.mediation-detail-text p{max-width:none;font-size:0.96rem;line-height:1.75}.mediation-detail-container{display:flex;flex-direction:column;text-align:left;gap:1.8rem}.mediation-detail-image{order:-1;min-height:220px;max-width:320px;width:100%;margin:0 auto}.mediation-process{padding:70px 1rem}.mediation-process-container{padding:1.8rem 1.5rem}.mediation-accordion{padding:80px 1rem 95px}.mediation-accordion-item{padding:1.8rem 1.5rem}.accordion-toggle{width:100%;justify-content:center}.faq-hero{padding:95px 1rem 70px}.faq-hero h1{font-size:2.2rem}.faq-hero-card{padding:1.7rem 1.4rem;text-align:left}.faq-accordion{padding:80px 1rem 95px}.faq-item{padding:1.4rem 1.3rem}.faq-question{font-size:1rem}.faq-question::after{font-size:1.1rem;margin-left:0.8rem}}.policy-hero{position:relative;padding:160px 2rem 140px;background:#fdfcfa;overflow:hidden}.policy-hero-container{position:relative;z-index:2;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:3.2rem;align-items:center}.policy-hero-text{display:flex;flex-direction:column;gap:1.4rem}.policy-hero-kicker{display:inline-block;align-self:flex-start;padding:0.4rem 1.1rem;border-radius:999px;letter-spacing:0.14em;text-transform:uppercase;font-size:0.7rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color)}.policy-hero h1{font-size:3.1rem;line-height:1.22;color:#1f2530;margin:0}.policy-hero-lead{font-size:1.15rem;line-height:1.9;color:#454b57;max-width:60ch;text-align:justify}.policy-hero-card{position:relative;z-index:2;padding:2.4rem 2.3rem;background:rgba(255,255,255,0.9);border-radius:28px;box-shadow:0 30px 70px rgba(15,25,40,0.12);border-left:5px solid var(--primary-color);display:flex;flex-direction:column;gap:1.3rem}.policy-hero-card h3{margin:0;font-size:1.25rem;color:var(--primary-color)}.policy-hero-card ul{margin:0;padding-left:1.1rem;display:grid;gap:0.6rem;color:#3f4551;line-height:1.65}.policy-hero-card a{color:inherit;text-decoration:none}.policy-hero-card a:hover,.policy-hero-card a:focus-visible{text-decoration:underline}.policy-hero-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:0.55;z-index:1}.policy-hero .shape-a{width:320px;height:320px;background:rgba(251,99,57,0.18);top:12%;left:-6%}.policy-hero .shape-b{width:200px;height:200px;background:rgba(255,210,190,0.32);bottom:18%;right:8%}.policy-hero .shape-c{width:420px;height:420px;background:rgba(200,230,255,0.28);bottom:-150px;left:22%}.policy-content{background:#ffffff;padding:0 2rem 140px}.policy-content-container{position:relative;max-width:1080px;margin:-90px auto 0;background:#ffffff;border-radius:34px;box-shadow:0 45px 90px rgba(15,25,40,0.1);padding:3.6rem 3.2rem;display:grid;gap:2.4rem;overflow:hidden}.policy-card{position:relative;background:rgba(255,255,255,0.95);border-radius:26px;padding:2.4rem 2.2rem;box-shadow:0 25px 65px rgba(15,25,40,0.08);border:1px solid rgba(31,37,48,0.06);display:grid;gap:1.2rem}.policy-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(251,99,57,0.11),rgba(255,210,190,0.18));opacity:0.6;z-index:0}.policy-card:nth-of-type(even)::before{background:linear-gradient(135deg,rgba(200,230,255,0.18),rgba(251,99,57,0.12))}.policy-card>*{position:relative;z-index:1}.policy-card h2{margin:0;font-size:1.6rem;color:#1f2530}.policy-card p{margin:0;color:#3f4551;line-height:1.8;text-align:justify}.policy-card ul{margin:0;padding-left:1.1rem;display:grid;gap:0.55rem;color:#3f4551;line-height:1.65}@media (max-width:992px){.policy-hero{padding:140px 1.6rem 120px}.policy-hero-container{grid-template-columns:1fr;gap:2.6rem;text-align:center}.policy-hero-text{align-items:center}.policy-hero-kicker{align-self:center}.policy-hero-lead{max-width:50ch}.policy-hero-card{margin:0 auto;max-width:min(90%,460px)}.policy-hero .shape-a{left:-18%}.policy-hero .shape-c{left:10%}.policy-content-container{margin:-70px auto 0;padding:3rem 2.4rem;border-radius:30px}}@media (max-width:768px){.policy-hero{padding:120px 1.3rem 110px}.policy-hero h1{font-size:2.6rem}.policy-hero-lead{font-size:1.05rem}.policy-hero .shape-b{display:none}.policy-hero .shape-c{width:320px;height:320px;bottom:-140px;left:12%}.policy-content-container{padding:2.6rem 1.9rem;gap:2rem}.policy-card{padding:2.1rem 1.7rem;border-radius:24px}}@media (max-width:640px){.policy-hero-container{gap:2.2rem;text-align:left}.policy-hero-text{align-items:flex-start;gap:1.2rem}.policy-hero-kicker{align-self:flex-start}.policy-hero-lead{max-width:none;text-align:left;line-height:1.75}.policy-hero-card{width:100%;max-width:none;padding:2.1rem 1.8rem}.policy-hero-card ul{padding-left:0.9rem;font-size:1rem}.policy-content{padding:0 1.5rem 115px}.policy-content-container{margin:-60px auto 0;padding:2.4rem 1.8rem;gap:1.9rem}.policy-card{gap:1rem}.policy-card h2{font-size:1.5rem}.policy-card p,.policy-card ul{font-size:1rem;line-height:1.75;text-align:left}}@media (max-width:520px){.policy-hero{padding:106px 1rem 88px}.policy-hero h1{font-size:2.3rem}.policy-hero .shape-a,.policy-hero .shape-c{display:none}.policy-hero-card{padding:1.9rem 1.6rem}.policy-content{padding:0 1.2rem 95px}.policy-content-container{margin:-48px auto 0;padding:2.2rem 1.4rem;border-radius:20px;gap:1.6rem}.policy-card{padding:1.6rem 1.35rem;border-radius:20px}.policy-card h2{font-size:1.35rem}.policy-card p,.policy-card ul{font-size:0.97rem;line-height:1.7}.policy-card ul{padding-left:0.9rem}}@media (max-width:420px){.policy-hero{padding:96px 0.9rem 76px}.policy-hero h1{font-size:2.1rem}.policy-hero-lead{font-size:1rem}.policy-hero-card{padding:1.7rem 1.3rem;border-radius:20px}.policy-content{padding:0 0.95rem 82px}.policy-content-container{margin:-40px auto 0;padding:2rem 1.15rem;gap:1.4rem;border-radius:18px}.policy-card{padding:1.45rem 1.2rem;border-radius:18px;gap:0.9rem}.policy-card h2{font-size:1.25rem}.policy-card p,.policy-card ul{font-size:0.95rem}.policy-card ul{padding-left:0;list-style-position:inside}}.workshop-directory-hero{position:relative;padding:160px 2rem 140px;background:#fdfcfa;overflow:hidden}.workshop-directory-hero-content{max-width:1080px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.workshop-directory-kicker{display:inline-block;align-self:center;padding:0.35rem 1rem;border-radius:999px;letter-spacing:0.12em;text-transform:uppercase;font-size:0.72rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color)}.workshop-directory-hero h1{font-size:3rem;line-height:1.2;color:#1f2530;margin:0}.workshop-directory-hero p{max-width:60ch;margin:0 auto;font-size:1.15rem;line-height:1.85;color:#454b57}.workshop-directory-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:0.55;z-index:1}.workshop-directory-hero .shape-a{width:260px;height:260px;background:rgba(251,99,57,0.16);top:18%;left:6%}.workshop-directory-hero .shape-b{width:340px;height:340px;background:rgba(254,219,204,0.28);bottom:-120px;right:14%}.workshop-directory-hero .shape-c{width:110px;height:110px;border:2px dotted rgba(251,99,57,0.45);top:22%;right:24%}.workshop-directory-section{background:#ffffff;padding:0 2rem 120px}.workshop-directory-section:first-of-type{padding-top:0}.workshop-directory-container{max-width:1100px;margin:-100px auto 0;background:#ffffff;border-radius:28px;box-shadow:0 35px 80px rgba(15,25,40,0.08);padding:3.2rem 3rem;position:relative}.workshop-directory-section + .workshop-directory-section .workshop-directory-container{margin-top:0}.workshop-directory-heading h2{font-size:2rem;margin-bottom:2rem;color:#1f2530}.workshop-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem}.workshop-card-grid--single{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.workshop-card-grid--single .workshop-card{width:100%}.workshop-card{display:flex;flex-direction:column;background:rgba(253,252,250,0.92);border:1px solid rgba(31,37,48,0.06);border-radius:20px;text-decoration:none;color:inherit;box-shadow:0 22px 45px rgba(15,25,40,0.08);transition:transform 0.25s ease,box-shadow 0.25s ease;overflow:hidden}.workshop-card:hover,.workshop-card:focus-visible{transform:translateY(-6px);box-shadow:0 30px 60px rgba(15,25,40,0.12)}.workshop-card:focus-visible{outline:3px solid rgba(251,99,57,0.4);outline-offset:4px}.workshop-card-image{position:relative;aspect-ratio:4 / 3;background:#f5f7fb}.workshop-card-image img{width:100%;height:100%;object-fit:cover;display:block}.workshop-card-title{padding:1.4rem 1.6rem 1.6rem;font-size:1.1rem;font-weight:600;color:#1f2530;line-height:1.4}@media (max-width:992px){.workshop-directory-hero{padding:130px 1.5rem 120px}.workshop-directory-container{margin:-80px auto 0;padding:2.8rem 2.2rem;border-radius:24px}}@media (max-width:768px){.workshop-directory-hero{padding:120px 1.2rem 110px}.workshop-directory-hero h1{font-size:2.5rem}.workshop-directory-hero p{font-size:1.05rem}.workshop-directory-hero .shape-a,.workshop-directory-hero .shape-b{width:220px;height:220px}.workshop-directory-container{padding:2.4rem 1.8rem}.workshop-card-grid{gap:1.4rem}}@media (max-width:520px){.workshop-directory-hero{padding:110px 1rem 100px}.workshop-directory-hero h1{font-size:2.1rem}.workshop-directory-hero .shape-a,.workshop-directory-hero .shape-b,.workshop-directory-hero .shape-c{display:none}.workshop-directory-container{margin:-40px auto 0;padding:2rem 1.4rem}.workshop-card{border-radius:16px}.workshop-card-title{font-size:1.05rem}}.contact-hero{position:relative;padding:160px 2rem 140px;background:#fdfcfa;color:#1f2530;overflow:hidden}.contact-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(251,99,57,0.18) 0%,rgba(251,99,57,0) 55%),radial-gradient(circle at 82% 18%,rgba(255,210,190,0.35) 0%,rgba(255,210,190,0) 60%),radial-gradient(circle at 70% 75%,rgba(200,230,255,0.28) 0%,rgba(200,230,255,0) 65%);z-index:0}.contact-hero-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:1.5rem}.contact-hero-kicker{display:inline-block;padding:0.32rem 0.9rem;border-radius:999px;letter-spacing:0.12em;text-transform:uppercase;font-size:0.72rem;font-weight:600;background:rgba(251,99,57,0.14);color:var(--primary-color);margin-bottom:1.5rem;align-self:flex-start}.contact-hero h1{font-size:3rem;margin-bottom:0.75rem;color:#1f2530}.contact-hero-lead{font-size:1.2rem;max-width:640px;line-height:1.8;color:#4a4f5a}.contact-hero-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:0.55;z-index:1}.contact-hero .shape-a{width:220px;height:220px;background:rgba(251,99,57,0.16);top:14%;left:6%}.contact-hero .shape-b{width:140px;height:140px;border:2px solid rgba(251,99,57,0.32);bottom:10%;right:8%}.contact-hero .shape-c{width:280px;height:280px;background:rgba(254,219,204,0.28);bottom:-90px;left:28%}.contact-hero .shape-d{width:90px;height:90px;border:2px dotted rgba(251,99,57,0.5);top:18%;right:28%}.contact-main{background:#fdfcfa;padding:0 2rem 120px}.contact-main-container{max-width:1200px;margin:-100px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.contact-info-panel,.contact-form-card{background:#ffffff;border-radius:28px;box-shadow:0 30px 60px rgba(15,25,40,0.08);padding:3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.contact-info-panel::before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(251,99,57,0.22) 0%,rgba(251,99,57,0) 70%);top:-140px;right:-80px;z-index:0}.contact-info-panel>*,.contact-form-card>*{position:relative;z-index:1}.contact-info-panel h2{font-size:2.2rem;margin-bottom:1rem}.contact-info-lead{font-size:1.1rem;line-height:1.8;color:#444444}.contact-services{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.1rem}.contact-services li{display:flex;gap:0.75rem;align-items:flex-start;color:#444444;line-height:1.7}.contact-services li::before{content:"";flex-shrink:0;width:12px;height:12px;margin-top:0.45rem;border-radius:50%;background:rgba(251,99,57,0.38);box-shadow:0 0 0 6px rgba(251,99,57,0.16)}.contact-details{display:grid;gap:1.3rem;margin-top:2.5rem}.contact-detail{display:flex;flex-direction:column;gap:0.5rem}.detail-label{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:0.4rem 1.2rem;border-radius:999px;font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--primary-color);background:rgba(251,99,57,0.12)}.contact-detail a{font-size:1.15rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:color 0.2s ease}.contact-detail a:hover{color:var(--primary-color)}.contact-note{margin-top:auto;background:rgba(251,99,57,0.08);border-radius:20px;padding:1.5rem;line-height:1.7;color:#444444}.contact-form-card::before{content:"";position:absolute;width:260px;height:260px;background:radial-gradient(circle,rgba(251,99,57,0.16) 0%,rgba(251,99,57,0) 75%);bottom:-160px;right:-120px;z-index:0}.contact-form-card h3{font-size:2rem;margin-bottom:0.75rem}.contact-form-lead{color:#555555;line-height:1.7;max-width:32ch}.contact-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-group label{font-weight:600;color:#333333}.form-group input,.form-group textarea{width:100%;border:1.5px solid rgba(20,20,20,0.08);border-radius:16px;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;background:#ffffff;box-shadow:0 1px 0 rgba(15,15,15,0.03);transition:border-color 0.2s ease,box-shadow 0.2s ease}.form-group textarea{min-height:160px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:rgba(251,99,57,0.65);box-shadow:0 0 0 4px rgba(251,99,57,0.18)}.submit-btn{background:var(--primary-color);color:#ffffff;border:none;padding:0.95rem 2.4rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;width:auto;align-self:flex-start}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(251,99,57,0.25)}.form-message{border-radius:16px;padding:1rem 1.2rem;font-size:0.95rem;line-height:1.6}.contact-form-card .form-message.success-message{background:rgba(76,175,80,0.12);color:#2f7d32;border:1px solid rgba(46,125,50,0.2)}.contact-form-card .form-message.error-message{background:rgba(244,67,54,0.12);color:#b71c1c;border:1px solid rgba(183,28,28,0.2)}.contact-faq-section{background:#ffffff;padding:110px 2rem 140px}.contact-faq-container{max-width:960px;margin:0 auto}.faq-header{text-align:center;margin-bottom:3rem}.faq-header h2{font-size:2.4rem;margin-bottom:1rem}.faq-intro{max-width:700px;margin:0 auto;color:#555555;font-size:1.05rem;line-height:1.8}.faq-list{display:flex;flex-direction:column;gap:1.2rem}.faq-item{background:#fdf7f4;border-radius:20px;padding:1.6rem 2rem;box-shadow:0 14px 38px rgba(20,20,20,0.07);transition:transform 0.3s ease,box-shadow 0.3s ease}.faq-item.active{transform:translateY(-2px);box-shadow:0 20px 45px rgba(20,20,20,0.08)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.15rem;font-weight:600;color:var(--text-color);cursor:pointer}.faq-question::after{content:"+";font-size:1.5rem;color:var(--primary-color);transition:color 0.3s ease}.faq-item.active .faq-question::after{content:"–"}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding-top 0.3s ease;padding-top:0;padding-bottom:0}.faq-item.active .faq-answer{padding-top:1rem;padding-bottom:1rem}.faq-answer p{color:#000000;line-height:1.7;margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}@media (max-width:1200px){.contact-main-container{gap:2rem}}@media (max-width:992px){.contact-hero{padding:140px 1.5rem 120px}.contact-main{padding:0 1.5rem 100px}.contact-main-container{grid-template-columns:1fr;margin-top:-80px}.contact-info-panel,.contact-form-card{padding:2.5rem}}@media (max-width:768px){.contact-hero h1{font-size:2.5rem}.contact-hero-lead{font-size:1.05rem}.contact-main-container{margin-top:-60px}.contact-info-panel,.contact-form-card{padding:2rem}.contact-detail a{font-size:1.05rem}}@media (max-width:640px){.contact-hero{padding:120px 1.25rem 100px}.contact-main{padding:0 1.25rem 80px}.contact-info-panel,.contact-form-card{border-radius:22px}.submit-btn{width:100%;text-align:center}.faq-item{padding:1.4rem 1.5rem}}.experience-cards{max-width:1200px;margin:4rem auto;padding:0 2rem}.experience-cards h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--text-color)}.experience-card{position:relative;background:white;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.1);transition:var(--transition);display:flex;align-items:center;gap:2rem}.experience-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,0.15)}.icon-wrapper{flex-shrink:0;width:50px;height:50px;background:rgba(251,99,57,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:var(--transition)}.icon-wrapper .emoji{font-size:24px}.experience-card:hover .icon-wrapper{background:var(--primary-color);transform:scale(1.1)}.experience-card p{margin:0;line-height:1.8;color:#666;flex-grow:1}@media (max-width:768px){.experience-cards{margin:2rem auto;padding:0 1rem}.experience-cards h2{font-size:1.8rem;margin-bottom:1.5rem}.experience-card{padding:2rem 1.5rem;gap:1.5rem;margin-bottom:1.5rem;flex-direction:column;text-align:center}.icon-wrapper{margin:0 auto 1.5rem auto;width:80px;height:80px;background-color:rgba(251,99,57,0.1)}.icon-wrapper .emoji{font-size:35px}.experience-card p{font-size:0.95rem;line-height:1.6}}@media (max-width:480px){.experience-cards{margin:1.5rem auto;padding:0 0.8rem}.experience-cards h2{font-size:1.6rem;margin-bottom:1.2rem}.experience-card{padding:1.8rem 1.2rem;margin-bottom:1rem}.icon-wrapper{width:70px;height:70px;margin:0 auto 1.2rem auto}.icon-wrapper .emoji{font-size:32px}.experience-card p{font-size:0.9rem;line-height:1.5}}.form-message{padding:1rem;margin-bottom:1rem;border-radius:8px;text-align:center;font-weight:500}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-message.success-message,.form-message.error-message{animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.references{padding:40px 20px}.references-content{max-width:100%}.references h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.references h3{font-size:1.5rem;margin-bottom:2rem}.reference-card{padding:25px;margin-bottom:40px}.reference-text p{font-size:0.95rem;line-height:1.6;margin-bottom:1rem}.reference-author{margin-top:1.5rem}.reference-author p{font-size:0.9rem}.reference-author p:last-child{font-size:0.85rem}}@media (max-width:480px){.references{padding:30px 15px}.references-content{max-width:100%}.references h2{font-size:1.8rem;margin-bottom:1.2rem}.references h3{font-size:1.3rem;margin-bottom:1.8rem}.reference-card{padding:20px;margin-bottom:50px}.reference-text p{font-size:0.9rem;line-height:1.5}.reference-author{margin-top:1.2rem}.reference-author p{font-size:0.85rem}.reference-author p:last-child{font-size:0.8rem}}.nav-links .dropdown{position:relative;display:inline-block;margin-left:2rem}.nav-links .dropdown .dropbtn{font-weight:500;color:var(--text-color);cursor:pointer;background:none;border:none;font-family:'Poppins',sans-serif;font-size:1rem;padding:0.5rem 0}.nav-links .dropdown:hover .dropbtn,.nav-links .dropdown .dropbtn.active{color:var(--primary-color)}.dropdown-content{display:none;position:absolute;background-color:#ffffff;min-width:240px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.1);z-index:1;border-radius:8px;margin-top:0;padding:8px 0;list-style:none}.dropdown-content a{color:var(--text-color);padding:10px 20px;text-decoration:none;display:block;text-align:left;margin-left:0;font-size:0.95rem;clear:both;white-space:nowrap}.dropdown-content a:hover{background-color:rgba(251,99,57,0.1);color:var(--primary-color)}.dropdown-submenu-content{display:none;position:static;box-shadow:none;background-color:#fdfdfd;border-radius:0;padding-left:1rem}.dropdown-submenu>a:after{content:'▾';float:right;font-size:0.8em;margin-left:10px}.page-hero{padding:120px 2rem 60px;background:linear-gradient(135deg,rgba(251,99,57,0.1) 0%,rgba(255,255,255,0) 100%);text-align:center}.page-hero h1{font-size:2.8rem;color:var(--text-color)}.content-section{padding:60px 2rem}.container{max-width:900px;margin:0 auto}.mediation-hero{position:relative;padding:130px 2rem 110px;background:#fdfcfa;overflow:hidden}.mediation-hero-container{position:relative;z-index:2;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:3rem;align-items:center}.mediation-hero-text{display:flex;flex-direction:column;gap:1.15rem}.mediation-hero-kicker{display:inline-flex;align-items:center;gap:0.4rem;align-self:flex-start;padding:0.4rem 1.1rem;border-radius:999px;background:rgba(251,99,57,0.14);color:var(--primary-color);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600}.mediation-hero h1{font-size:3rem;line-height:1.24;color:#1f2530;margin:0}.mediation-hero-lead{font-size:1.15rem;line-height:1.9;color:#454b57;max-width:52ch}.mediation-hero-card{background:rgba(255,255,255,0.9);border-radius:28px;padding:2.3rem 2.4rem;box-shadow:0 30px 75px rgba(15,25,40,0.12);border-left:5px solid var(--primary-color);display:flex;flex-direction:column;gap:1.4rem;margin-top:2.2rem}.mediation-hero-card h3{margin:0;font-size:1.25rem;color:#1f2530}.mediation-hero-card ul{list-style:none;padding:0;margin:0;display:grid;gap:0.9rem}.mediation-hero-card li a{display:inline-flex;align-items:center;gap:0.6rem;text-decoration:none;color:#3f4551;font-weight:600;transition:color 0.2s ease}.mediation-hero-card li a::before{content:'→';font-size:1rem;color:var(--primary-color);transition:transform 0.2s ease}.mediation-hero-card li a:hover{color:var(--primary-color)}.mediation-hero-card li a:hover::before{transform:translateX(4px)}.mediation-hero-shape{position:absolute;border-radius:50%;pointer-events:none;opacity:0.55;z-index:1}.mediation-hero .shape-a{width:320px;height:320px;background:rgba(251,99,57,0.18);top:14%;left:-8%}.mediation-hero .shape-b{width:220px;height:220px;background:rgba(255,210,190,0.28);bottom:10%;right:12%}.mediation-hero .shape-c{width:440px;height:440px;background:rgba(200,230,255,0.26);bottom:-160px;left:22%}.mediation-detail{padding:70px 2rem 80px;background:#ffffff}.mediation-detail#individualno,#individualno.mediation-detail{padding:45px 2rem 70px}.mediation-detail + .mediation-detail{padding-top:60px}.mediation-detail:nth-of-type(even){background:#fdfcfa}.mediation-detail-container{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:3rem;align-items:center}.mediation-detail--reverse .mediation-detail-container{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr)}.mediation-detail-text{display:flex;flex-direction:column;gap:0.95rem}.mediation-detail-text h2{margin:0;font-size:2.1rem;color:#1f2530}.mediation-detail-text p{color:#464d5b;line-height:1.85}.mediation-detail-image{position:relative;border-radius:28px;overflow:hidden;min-height:320px}.mediation-detail-image picture,.mediation-detail-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 28px 60px rgba(15,25,40,0.14)}.mediation-process{padding:90px 2rem;background:linear-gradient(135deg,rgba(251,99,57,0.08),rgba(255,210,190,0.12))}.mediation-process-container{max-width:900px;margin:0 auto;background:rgba(255,255,255,0.94);border-radius:28px;padding:3rem;box-shadow:0 24px 55px rgba(15,25,40,0.1);display:flex;flex-direction:column;gap:1.2rem}.mediation-process-container h2{margin:0;font-size:2.1rem;color:#1f2530}.mediation-process-content p{color:#3f4551;line-height:1.78}.mediation-accordion{padding:100px 2rem 130px;background:#ffffff}.mediation-accordion-container{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.mediation-accordion-header{display:flex;flex-direction:column;gap:0.85rem;align-items:center;text-align:center;margin:0 auto}.mediation-accordion-header h2{margin:0;font-size:2.2rem;color:#1f2530;letter-spacing:0.12em}.mediation-accordion-header p{max-width:60ch;color:#464d5b;line-height:1.8;text-align:center;margin:0 auto}.mediation-accordion-grid{display:flex;flex-direction:column;gap:1.6rem;counter-reset:mediation-step;max-width:760px;margin:0 auto}.mediation-accordion-item{position:relative;counter-increment:mediation-step;background:rgba(255,255,255,0.98);border-radius:22px;padding:2.1rem 2.2rem 2rem 4.5rem;border:1px solid rgba(31,37,48,0.08);box-shadow:0 14px 38px rgba(15,25,40,0.08);display:flex;flex-direction:column;gap:1.2rem;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.mediation-accordion-item::before{content:counter(mediation-step);position:absolute;top:1.9rem;left:1.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--primary-color);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 10px 22px rgba(251,99,57,0.25);font-size:1rem}.mediation-accordion-item:hover{transform:translateY(-4px);border-color:rgba(251,99,57,0.25);box-shadow:0 18px 45px rgba(15,25,40,0.12)}.mediation-accordion-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mediation-accordion-title h3{margin:0;font-size:1.25rem;color:#1f2530;font-weight:600}.mediation-accordion-title button{flex-shrink:0}.accordion-toggle{display:inline-flex;align-items:center;gap:0.4rem;background:transparent;border:1px solid rgba(251,99,57,0.35);color:var(--primary-color);font-weight:600;cursor:pointer;font-size:0.92rem;padding:0.52rem 1.2rem;border-radius:999px;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.accordion-toggle::after{content:'+';font-weight:700}.accordion-toggle.active::after{content:'−'}.accordion-toggle:hover{background:rgba(251,99,57,0.12);border-color:rgba(251,99,57,0.55);transform:translateY(-1px)}.accordion-toggle.active,.accordion-toggle:hover.active{background:var(--primary-color);color:#ffffff;border-color:var(--primary-color)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.35s ease;display:grid;gap:0.9rem;color:#434955;line-height:1.75}.accordion-content ul{margin:0;padding-left:1.2rem;display:grid;gap:0.45rem}.accordion-content li{list-style:disc}.accordion-toggle + .accordion-content{padding-top:0}.faq-hero{position:relative;padding:180px 2rem 80px;background:#fdfcfa;overflow:hidden}.faq-hero-container{position:relative;z-index:2;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:3rem;align-items:center}.faq-hero-text{display:flex;flex-direction:column;gap:1.4rem}.faq-hero-kicker{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 1.1rem;border-radius:999px;background:rgba(251,99,57,0.16);color:var(--primary-color);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600}.faq-hero h1{margin:0;font-size:3rem;line-height:1.22;color:#1f2530}.faq-hero-lead{font-size:1.18rem;line-height:1.95;color:#3f4551;max-width:60ch}.faq-hero-card{background:rgba(255,255,255,0.92);border-radius:28px;padding:2.4rem 2.3rem;box-shadow:0 28px 65px rgba(15,25,40,0.12);border-left:5px solid var(--primary-color);display:flex;flex-direction:column;gap:1.4rem}.faq-hero-card h3{margin:0;font-size:1.35rem;color:#1f2530}.faq-hero-card p{margin:0;color:#464d5b;line-height:1.8}.faq-hero-contact{display:grid;gap:0.7rem}.faq-hero-contact a{color:var(--primary-color);font-weight:600;text-decoration:none}.faq-hero-contact a:hover{text-decoration:underline}.faq-hero-shape{position:absolute;pointer-events:none;border-radius:50%;opacity:0.55;z-index:1}.faq-hero .shape-a{width:280px;height:280px;background:rgba(255,210,190,0.35);top:14%;left:-10%}.faq-hero .shape-b{width:340px;height:340px;background:rgba(200,230,255,0.26);bottom:-160px;left:24%}.faq-hero .shape-c{width:200px;height:200px;background:rgba(251,99,57,0.18);bottom:12%;right:8%}.faq-accordion{padding:80px 2rem 120px;background:#ffffff}.faq-accordion-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2.6rem}.faq-accordion-header h2{margin:0;font-size:2.3rem;color:#1f2530;letter-spacing:0.08em}.faq-accordion-header p{margin:0.8rem 0 0;color:#434955;line-height:1.85}.faq-accordion-list{display:grid;gap:1.2rem}.faq-item{background:rgba(255,255,255,0.94);border-radius:24px;padding:1.6rem 1.8rem;box-shadow:0 20px 50px rgba(15,25,40,0.08);border:1px solid rgba(31,37,48,0.04);transition:box-shadow 0.2s ease,transform 0.2s ease}.faq-item.active{box-shadow:0 28px 64px rgba(15,25,40,0.12);transform:translateY(-2px)}.faq-question{width:100%;border:none;background:transparent;padding:0;font-size:1.1rem;font-weight:600;color:#1f2530;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.faq-question span{flex:1}.faq-question::after{content:'+';font-size:1.3rem;color:var(--primary-color);margin-left:1rem;transition:color 0.2s ease}.faq-item.active .faq-question::after{content:'–'}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease;display:grid;gap:1rem;margin-top:0}.faq-item.active .faq-answer{margin-top:1.1rem}.faq-answer p{margin:0;color:#000000;line-height:1.85}.faq-answer ul{margin:0;padding-left:0;display:grid;gap:0.5rem;color:#000000;line-height:1.75;list-style:none}.faq-answer li{list-style:none}@media (min-width:1024px){.mediation-hero-lead,.mediation-detail-text p,.mediation-process-content p,.accordion-content p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}}@media (max-width:992px){.faq-hero{padding:150px 1.6rem 70px}.faq-hero-container{grid-template-columns:1fr;gap:2.6rem;justify-items:stretch}.faq-hero-text,.faq-hero-card{width:100%;max-width:560px;margin:0 auto}.faq-hero-text{align-items:flex-start;text-align:left;gap:1.2rem}.faq-hero-kicker{align-self:flex-start}.faq-hero-card{align-items:flex-start;text-align:left}.faq-accordion{padding:50px 1.6rem 110px}}@media (max-width:768px){.faq-hero{padding:130px 1.3rem 50px}.faq-hero h1{font-size:2.4rem}.faq-hero-lead{font-size:1.05rem;line-height:1.8}.faq-hero .shape-b,.faq-hero .shape-c{display:none}.faq-hero-card{padding:2rem 1.8rem;border-left-width:4px;gap:1.2rem}.faq-accordion{padding:55px 1.3rem 100px}.faq-item{padding:1.5rem 1.6rem}.faq-question{font-size:1.05rem}}@media (max-width:520px){.faq-hero{padding:110px 1.1rem 45px}.faq-hero-text{gap:1rem}.faq-hero h1{font-size:2rem}.faq-hero-lead{font-size:1rem;line-height:1.75}.faq-hero-card{padding:1.7rem 1.4rem;gap:1rem}.faq-accordion{padding:40px 1.1rem 85px}.faq-item{padding:1.3rem 1.2rem}.faq-question{font-size:1rem;align-items:flex-start}.faq-question::after{margin-left:0.6rem;font-size:1.1rem}.faq-answer{gap:0.75rem}.faq-answer p,.faq-answer li{font-size:0.97rem;line-height:1.7}.faq-answer ul{gap:0.4rem}}@media (max-width:1060px){.mediation-hero{padding:125px 1.5rem 95px}.mediation-hero-container{grid-template-columns:1fr;max-width:760px;gap:2.5rem}.mediation-hero-card{max-width:480px;margin:0 auto;margin-top:0.8rem}.mediation-hero .shape-a{top:4%;left:-28%}.mediation-hero .shape-b{right:-12%;bottom:4%}.mediation-hero .shape-c{left:-10%;bottom:-180px}.mediation-detail{padding:60px 1.5rem 70px}.mediation-detail + .mediation-detail{padding-top:50px}#individualno.mediation-detail,.mediation-detail#individualno{padding:45px 1.5rem 60px}.mediation-process{padding:65px 1.5rem}.mediation-accordion{padding:80px 1.5rem 110px}.mediation-detail-container,.mediation-detail--reverse .mediation-detail-container{grid-template-columns:1fr;gap:2.5rem}.mediation-detail-image{min-height:260px}.mediation-process-container{padding:2.4rem;margin:0}}@media (max-width:720px){.mediation-hero{padding:130px 1.25rem 90px}.mediation-hero-text{gap:1.1rem}.mediation-hero h1{font-size:2.35rem}.mediation-hero-lead{font-size:1.02rem;line-height:1.75}.mediation-hero-card{width:100%;padding:2rem 2.1rem;border-radius:22px;margin-top:0.8rem}.mediation-detail{padding:55px 1.25rem 65px}.mediation-detail + .mediation-detail{padding-top:45px}#individualno.mediation-detail,.mediation-detail#individualno{padding:38px 1.25rem 55px}.mediation-detail-image picture,.mediation-detail-image img{border-radius:22px}.mediation-detail-text h2{font-size:1.85rem}.mediation-detail-text p{line-height:1.7}.mediation-process{padding:55px 1.25rem}.mediation-process-container{padding:1.8rem 1.6rem;border-radius:22px;margin:0;width:100%;text-align:left;align-items:stretch}.mediation-accordion{padding:70px 1.25rem 90px}.mediation-accordion-item{padding:1.6rem 1.35rem 1.55rem 3.2rem;border-radius:18px;border-width:1px;box-shadow:0 10px 30px rgba(15,25,40,0.12);gap:0.9rem}.mediation-accordion-title{flex-direction:column;align-items:flex-start;gap:0.6rem}.mediation-accordion-title h3{text-align:left;font-size:1.05rem}.accordion-toggle{align-self:flex-start;font-size:0.85rem;padding:0.45rem 0.9rem}[data-aos="fade-left"],[data-aos="fade-right"]{transform:none!important}.mediation-accordion-grid{max-width:100%;gap:1.1rem}.mediation-accordion-item::before{width:1.9rem;height:1.9rem;top:1.4rem;left:1.2rem;font-size:0.85rem;box-shadow:0 8px 18px rgba(251,99,57,0.25)}.accordion-content{gap:0.7rem}}@media (max-width:520px){.mediation-hero{padding:120px 1rem 80px}.mediation-hero h1{font-size:2.05rem}.mediation-hero-lead{font-size:0.98rem}.mediation-hero-card{padding:1.6rem 1.7rem;gap:1rem}.mediation-hero-card h3{font-size:1.15rem}.mediation-hero-card li a{font-size:0.95rem}.mediation-detail,.mediation-process,.mediation-accordion{padding:60px 1rem}#individualno.mediation-detail,.mediation-detail#individualno{padding:32px 1rem 45px}.mediation-detail-container{gap:2rem}.mediation-detail-image{min-height:220px}.mediation-process-container h2,.mediation-accordion-header h2{font-size:1.85rem}.mediation-accordion-item{padding:1.4rem 1.2rem 1.4rem 2.9rem;gap:0.75rem;border-radius:16px}.accordion-toggle{width:100%;align-self:flex-start;justify-content:center;text-align:center;padding:0.45rem 0.9rem;font-size:0.83rem}.mediation-accordion-item::before{width:1.6rem;height:1.6rem;top:1.2rem;left:1.05rem;font-size:0.75rem}.mediation-accordion-title h3{font-size:1rem}.accordion-content{font-size:0.94rem;gap:0.6rem}}.workshop-container{max-width:1100px}.workshop-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:4rem;align-items:start}.workshop-text{display:flex;flex-direction:column;gap:2rem}.workshop-image{position:relative;align-self:stretch}.workshop-image img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.workshop-text h2{color:var(--primary-color);margin-bottom:0.75rem}.workshop-text p{margin-bottom:1rem}.workshop-lead{font-size:1.1rem;line-height:1.9;color:#3c3c3c;margin-bottom:0}.workshop-section{display:flex;flex-direction:column;gap:0.75rem}.workshop-section h4{font-size:1.1rem;margin-bottom:1rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--primary-color)}.workshop-section ul{padding-left:1.2rem;line-height:1.8}.workshop-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.meta-card{background:rgba(251,99,57,0.08);border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 10px 25px rgba(251,99,57,0.08);display:flex;flex-direction:column;gap:0.35rem}.meta-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--primary-color)}.meta-value{font-weight:600;color:#1d1d1d}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.price-card{border:1px solid rgba(0,0,0,0.06);border-radius:16px;padding:1.2rem 1.4rem;background:#ffffff;box-shadow:0 12px 24px rgba(31,31,31,0.05)}.price-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:#808080}.price-value{font-size:1.6rem;font-weight:700;color:var(--primary-color);display:block;margin:0.4rem 0 0.2rem}.price-card p{margin:0;font-size:0.9rem;color:#4d4d4d}.workshop-image-frame{position:sticky;top:calc(72px + 24px);background:linear-gradient(135deg,rgba(251,99,57,0.15) 0%,rgba(255,255,255,0.9) 100%);padding:1.6rem;border-radius:22px;box-shadow:0 18px 40px rgba(251,99,57,0.18);max-width:420px;margin-left:auto;margin-right:auto}.workshop-image-frame img{display:block;width:100%;height:auto;border-radius:16px}.pdf-button{display:inline-block;padding:0.8rem 1.8rem;background:var(--primary-color);color:white;text-decoration:none;border-radius:30px;font-weight:500;transition:var(--transition);margin-top:1.5rem;border:2px solid transparent}.pdf-button:hover{background:white;color:var(--primary-color);border:2px solid var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(251,99,57,0.2)}@media (max-width:992px){.dropdown-submenu-content{left:0;margin-left:0;right:auto}.dropdown-submenu-content .dropdown-submenu-content{left:0;right:auto}.workshop-container{max-width:100%}.workshop-grid{grid-template-columns:1fr;gap:2.5rem}.workshop-image-frame{position:static;max-width:480px;margin:0 auto}.workshop-meta,.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.workshop-meta,.price-grid{grid-template-columns:1fr}.meta-card,.price-card{padding:1rem 1.1rem}.workshop-lead{font-size:1rem}.workshop-image-frame{margin-top:1.5rem}.workshop-grid{grid-template-columns:1fr}.workshop-image{order:-1;margin-bottom:2rem}}.read-more-btn{display:inline-block;margin-top:2rem;padding:0.8rem 1.8rem;background:var(--primary-color);color:white;text-decoration:none;border-radius:30px;font-weight:500;border:2px solid transparent;cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.read-more-btn:hover{background:white;color:var(--primary-color);border:2px solid var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(251,99,57,0.2)}.more-story-content{height:0;overflow:hidden;transition:height 0.45s ease,margin-top 0.45s ease,padding 0.45s ease,box-shadow 0.45s ease,background 0.45s ease,border-color 0.45s ease;line-height:1.8;color:#444;margin-top:0;padding:0;border-radius:24px;border:1px solid transparent;background:transparent;box-shadow:none;max-width:68ch;margin-left:auto;margin-right:auto;will-change:height}.more-story-content p{margin:0}.more-story-content p + p{margin-top:1.3rem}.more-story-content.visible{margin-top:2.5rem;padding:2.2rem 2.5rem 2.5rem;background:#fff;box-shadow:0 22px 48px rgba(20,20,20,0.08);border-color:rgba(251,99,57,0.12)}@media (max-width:600px){.more-story-content.visible{padding:1.8rem 1.5rem 2rem}}.hero-new{padding:72px 2rem 0;background:#fdfcfa;min-height:calc(100vh - 72px);display:flex;align-items:stretch;overflow:hidden;position:relative}.hero-new-content{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start;min-height:calc(100vh - 72px);z-index:2}.hero-new-text{align-self:stretch;display:flex;flex-direction:column;gap:1.5rem;height:100%;padding-top:48px;padding-bottom:48px}.hero-new-text h1{font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:0}.hero-new-subtitle{font-size:1.2rem;color:#555}.hero-info-box{margin-top:auto;padding:1.5rem;background:#ffffff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.08);max-width:460px;text-align:left}.hero-info-box h3{font-size:1.4rem;margin-bottom:1rem}.hero-info-box p + p{margin-top:0.75rem}.hero-info-box p{text-align:justify}.hero-info-box strong{color:var(--primary-color)}.hero-new-image{display:flex;justify-content:center;align-items:flex-end;align-self:stretch}.hero-new-image img{max-width:100%;width:auto;height:100%;max-height:none;object-fit:contain;object-position:bottom}.features-section{padding:80px 2rem;text-align:center}.features-container{max-width:1200px;margin:0 auto}.features-intro h2{max-width:800px;margin:0 auto 3rem auto;font-size:1.8rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.07);transition:var(--transition);display:flex;flex-direction:column;gap:1.2rem;height:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.1)}.feature-card h3{color:var(--primary-color);margin-bottom:1rem}.feature-card .cta-button{margin-top:auto;align-self:center}.about-amra-intro{padding:60px 2rem;background:var(--light-bg)}.about-amra-wrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center}.about-amra-image{display:flex;justify-content:center}.about-amra-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 20px 45px rgba(0,0,0,0.12)}.about-amra-content{font-size:1.1rem;line-height:1.8}.about-amra-content p + p{margin-top:1rem}.about-amra-content p{text-align:justify}.cta-button-alt{display:inline-block;padding:1rem 2rem;background:transparent;color:var(--primary-color);text-decoration:none;border-radius:30px;font-weight:500;transition:var(--transition);margin-top:2rem;border:2px solid var(--primary-color)}.cta-button-alt:hover{background:var(--primary-color);color:white}.final-cta{padding:80px 2rem;text-align:center}.final-cta-content h2{font-size:2.2rem;margin-bottom:1.5rem}.final-cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.final-cta-content p{color:#666}.bg-shape{position:absolute;border-radius:50%;z-index:1;opacity:0.5}.shape-1{width:150px;height:150px;background:rgba(251,99,57,0.1);top:22%;left:5%}.shape-2{width:80px;height:80px;background:rgba(251,99,57,0.08);bottom:12%;right:45%}.shape-3{width:50px;height:50px;border:2px dotted var(--primary-color);top:32%;right:10%}.shape-4{width:120px;height:120px;border:2px solid rgba(251,99,57,0.2);bottom:9%;left:40%}@media (max-width:992px){.hero-new-content{grid-template-columns:1fr;text-align:center;min-height:auto;align-items:center;padding-top:0}.hero-new-text{display:block;height:auto;align-self:center;padding-top:0;padding-bottom:0}.hero-info-box{margin:1.5rem auto 0;text-align:left}.hero-new-image{order:-1;margin-bottom:2rem;align-self:center;align-items:center}.hero-new-image img{max-height:400px;height:auto;width:100%}.about-amra-wrapper{grid-template-columns:1fr;text-align:center;gap:2rem}.about-amra-content{text-align:center}}@media (max-width:768px){.hero-new-text h1{font-size:2.2rem}.features-intro h2{font-size:1.5rem}.final-cta-buttons .cta-button{width:100%}} \ No newline at end of file diff --git a/delavnice/index.html b/delavnice/index.html index 75ab080..38d90c1 100644 --- a/delavnice/index.html +++ b/delavnice/index.html @@ -4,6 +4,17 @@ Delavnice - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -139,7 +150,7 @@
- Delavnica Zakaj se splača znati slovensko? + Delavnica Zakaj se splača znati slovensko?
Zakaj se splača znati slovensko? @@ -147,7 +158,7 @@
- Delavnica Šola in starši priseljenci + Delavnica Šola in starši priseljenci
Šola in starši priseljenci @@ -165,7 +176,7 @@
- Delavnica Skupaj gradimo nove začetke + Delavnica Skupaj gradimo nove začetke
Skupaj gradimo nove začetke @@ -183,7 +194,7 @@
- Delavnica Od tujca do sošolca + Delavnica Od tujca do sošolca
Od tujca do sošolca @@ -209,8 +220,7 @@
- - - + + diff --git a/generate_responsive_images.py b/generate_responsive_images.py new file mode 100644 index 0000000..d7a6495 --- /dev/null +++ b/generate_responsive_images.py @@ -0,0 +1,74 @@ +import os +from PIL import Image + +# Project root directory (where this script is located) +PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__)) +IMAGES_DIR = os.path.join(PROJECT_ROOT, 'assets', 'images') + +# Define images and their desired responsive widths +# Each tuple: (original_filename, [list_of_widths_to_generate]) +RESPONSIVE_IMAGES_CONFIG = [ + ('amra.webp', [320, 480, 767, 960]), # Added 320w + ('logo.webp', [100, 200, 400]) # Added 100w +] + +def generate_responsive_image(image_path, output_width, output_dir, quality=85): + """ + Generates a responsive version of an image with a specified width. + Maintains aspect ratio. + """ + try: + with Image.open(image_path) as img: + # Calculate new height to maintain aspect ratio + original_width, original_height = img.size + if original_width <= output_width: + # If original is smaller or equal, no need to resize down + # We still save it with the new naming convention if it's part of srcset + new_width = original_width + new_height = original_height + else: + new_width = output_width + new_height = int((original_height * new_width) / original_width) + + # Resize only if dimensions change + if new_width != original_width or new_height != original_height: + img = img.resize((new_width, new_height), Image.Resampling.LANCZOS) + + # Construct new filename (e.g., amra-480w.webp) + base_name, ext = os.path.splitext(os.path.basename(image_path)) + # Ensure we only take the base name before any existing -w + base_name_clean = base_name.split('-')[0] + new_filename = f"{base_name_clean}-{output_width}w{ext}" + output_path = os.path.join(output_dir, new_filename) + + img.save(output_path, format=img.format, quality=quality) + print(f"Generated: {output_path} ({new_width}x{new_height})") + return True + except FileNotFoundError: + print(f"Error: Source image not found at {image_path}") + return False + except Exception as e: + print(f"Error processing {image_path} for width {output_width}: {e}") + return False + +def main(): + print("Starting responsive image generation...") + + if not os.path.exists(IMAGES_DIR): + print(f"Error: Image directory not found at {IMAGES_DIR}") + return + + for original_filename, widths in RESPONSIVE_IMAGES_CONFIG: + original_image_path = os.path.join(IMAGES_DIR, original_filename) + + if not os.path.exists(original_image_path): + print(f"Warning: Original image {original_filename} not found. Skipping.") + continue + + for width in widths: + generate_responsive_image(original_image_path, width, IMAGES_DIR) + + print("Responsive image generation complete.") + +if __name__ == "__main__": + main() \ No newline at end of file diff --git a/header-template.html b/header-template.html index 0612d7e..ec09168 100644 --- a/header-template.html +++ b/header-template.html @@ -3,8 +3,8 @@ diff --git a/index.html b/index.html index 19e391d..b189158 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,23 @@ - Kontakt - Prosberry - + Prosberry - Medkulturno izobraževanje in podpora + + + + + + + + + + + + + + + -
@@ -14,8 +27,8 @@ @@ -129,7 +142,7 @@

Dobrodošli v našem medkulturnem kotičku…

Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!

-

Zakaj PROSBERRY?

+

Zakaj PROSBERRY?

PROS simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.

BERRY predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.

Tudi v jeziku in med ljudmi rastemo vsak po svoje – z različnimi potrebami, ozadji in cilji.

@@ -137,7 +150,7 @@
- Amra Kurešepi Zulji + Amra Kurešepi Zulji
@@ -177,7 +190,7 @@
- Amra Kurešepi Zulji + Amra Kurešepi Zulji

Sem Amra – mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.

@@ -217,8 +230,7 @@
- - - + + diff --git a/js/main.js b/js/main.js index d31ee47..dc28a5e 100644 --- a/js/main.js +++ b/js/main.js @@ -1,561 +1 @@ -document.addEventListener('DOMContentLoaded', function() { - - // --- Mobile Menu Toggle --- - const mobileMenuBtn = document.querySelector('.mobile-menu-btn'); - const navLinks = document.querySelector('.nav-links'); - let closeMobileMenu = () => {}; - let resetMobileSubmenus = () => {}; - - const normalizePath = (value) => { - if (!value) { - return '/'; - } - let clean = value.split('?')[0].split('#')[0]; - clean = clean.replace(/index\.html$/i, ''); - clean = clean.replace(/\/+$/, ''); - if (clean === '') { - clean = '/'; - } - return clean; - }; - - const applyActiveNavState = () => { - const navRoot = document.querySelector('.nav-links'); - if (!navRoot) { - return; - } - - navRoot.querySelectorAll('a.active, .dropbtn.active').forEach(el => { - el.classList.remove('active'); - }); - - const currentPath = normalizePath(window.location.pathname); - const navAnchors = navRoot.querySelectorAll('a[href]'); - let matchedLink = null; - - navAnchors.forEach(anchor => { - const href = anchor.getAttribute('href'); - if (!href || href.startsWith('http') || href.startsWith('mailto:') || href.startsWith('tel:') || href.startsWith('#')) { - return; - } - - const linkPath = normalizePath(href); - if (linkPath === currentPath) { - matchedLink = anchor; - } - }); - - if (!matchedLink) { - return; - } - - matchedLink.classList.add('active'); - - const highlightDropdownParents = (element) => { - let parentContent = element.closest('.dropdown-submenu-content, .dropdown-content'); - while (parentContent) { - const trigger = parentContent.previousElementSibling; - if (trigger && (trigger.tagName === 'A' || trigger.classList.contains('dropbtn'))) { - trigger.classList.add('active'); - } - parentContent = parentContent.parentElement ? parentContent.parentElement.closest('.dropdown-submenu-content, .dropdown-content') : null; - } - }; - - highlightDropdownParents(matchedLink); - - const topLevelDropdown = matchedLink.closest('.dropdown'); - if (topLevelDropdown) { - const trigger = topLevelDropdown.querySelector('.dropbtn'); - if (trigger) { - trigger.classList.add('active'); - } - } - }; - - if (mobileMenuBtn && navLinks) { - resetMobileSubmenus = () => { - navLinks.querySelectorAll('.dropdown-content, .dropdown-submenu-content').forEach(submenu => { - submenu.style.display = 'none'; - }); - navLinks.querySelectorAll('.dropbtn, .dropdown-submenu > a').forEach(link => { - link.classList.remove('active'); - }); - applyActiveNavState(); - }; - - closeMobileMenu = () => { - mobileMenuBtn.classList.remove('active'); - navLinks.classList.remove('active'); - document.body.classList.remove('no-scroll'); - resetMobileSubmenus(); - }; - - mobileMenuBtn.addEventListener('click', (event) => { - event.stopPropagation(); // Prepreči, da bi se dogodek takoj prenesel na 'document' - const willOpen = !navLinks.classList.contains('active'); - if (willOpen) { - mobileMenuBtn.classList.add('active'); - navLinks.classList.add('active'); - document.body.classList.add('no-scroll'); - resetMobileSubmenus(); - } else { - closeMobileMenu(); - } - }); - } - - // --- Active Navigation Highlight --- - applyActiveNavState(); - - // --- Mobile Dropdown Logic --- - // Logika za odpiranje podmenijev na klik na mobilnih napravah - const dropdowns = document.querySelectorAll('.nav-links .dropdown-submenu > a, .nav-links .dropdown > .dropbtn'); - - dropdowns.forEach(item => { - item.addEventListener('click', function(event) { - // Preveri, ali smo na mobilni napravi (ujema se z CSS @media query) - if (window.innerWidth <= 768) { - // Prepreči navigacijo, če je to link, saj želimo samo odpreti podmeni - if (item.tagName === 'A') { - event.preventDefault(); - } - event.stopPropagation(); - - const submenu = item.nextElementSibling; - if (!submenu) { - return; - } - - const isTopLevelTrigger = item.classList.contains('dropbtn'); - - if (isTopLevelTrigger) { - navLinks.querySelectorAll('.dropdown-content').forEach(panel => { - if (panel !== submenu) { - panel.style.display = 'none'; - const trigger = panel.parentElement.querySelector('.dropbtn'); - if (trigger) { - trigger.classList.remove('active'); - } - panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { - child.style.display = 'none'; - const childTrigger = child.parentElement.querySelector(':scope > a'); - if (childTrigger) { - childTrigger.classList.remove('active'); - } - }); - } - }); - } else { - const siblingsWrapper = item.parentElement && item.parentElement.parentElement; - if (siblingsWrapper) { - siblingsWrapper.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(panel => { - if (panel !== submenu) { - panel.style.display = 'none'; - const trigger = panel.parentElement.querySelector(':scope > a'); - if (trigger) { - trigger.classList.remove('active'); - } - panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { - child.style.display = 'none'; - const childTrigger = child.parentElement.querySelector(':scope > a'); - if (childTrigger) { - childTrigger.classList.remove('active'); - } - }); - } - }); - } - } - - const shouldOpen = submenu.style.display !== 'block'; - - if (shouldOpen) { - submenu.style.display = 'block'; - item.classList.add('active'); - submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { - child.style.display = 'none'; - const childTrigger = child.parentElement.querySelector(':scope > a'); - if (childTrigger) { - childTrigger.classList.remove('active'); - } - }); - } else { - submenu.style.display = 'none'; - item.classList.remove('active'); - submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { - child.style.display = 'none'; - const childTrigger = child.parentElement.querySelector(':scope > a'); - if (childTrigger) { - childTrigger.classList.remove('active'); - } - }); - } - } - }); - }); - - // --- Close mobile menu when clicking outside --- - document.addEventListener('click', function(event) { - if (window.innerWidth <= 768 && navLinks && navLinks.classList.contains('active')) { - // Preveri, ali klik ni bil znotraj navigacije ali na gumb za meni - const isClickInsideNav = navLinks.contains(event.target); - const isClickOnBtn = mobileMenuBtn && mobileMenuBtn.contains(event.target); - - if (!isClickInsideNav && !isClickOnBtn) { - closeMobileMenu(); - } - } - }); - - // --- Close mobile menu when a link is clicked --- - const navLinkItems = document.querySelectorAll('.nav-links a'); - navLinkItems.forEach(link => { - link.addEventListener('click', (event) => { - // Preprečimo zapiranje, če ima link podmeni in smo na mobilni napravi - const hasSubmenu = link.parentElement.classList.contains('dropdown-submenu') || link.classList.contains('dropbtn'); - if (window.innerWidth <= 768) { - if (hasSubmenu) { - // To je že obdelano v zgornji logiki, tukaj samo preprečimo, da bi se meni takoj zaprl - return; - } - closeMobileMenu(); - } - }); - }); - - // --- Accordion Logic for "Več" buttons --- - const accordions = document.querySelectorAll('.accordion-toggle'); - accordions.forEach(accordion => { - accordion.addEventListener('click', function() { - const accordionItem = this.closest('.mediation-accordion-item'); - const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null; - - if (!content) { - return; - } - - this.classList.toggle('active'); - const isOpen = this.classList.contains('active'); - this.setAttribute('aria-expanded', String(isOpen)); - content.setAttribute('aria-hidden', String(!isOpen)); - - if (isOpen) { - content.style.maxHeight = content.scrollHeight + "px"; - this.textContent = 'Manj'; - } else { - content.style.maxHeight = null; - this.textContent = 'Več'; - } - }); - accordion.textContent = 'Več'; - accordion.setAttribute('aria-expanded', 'false'); - const initialContent = accordion.closest('.mediation-accordion-item')?.querySelector('.accordion-content'); - if (initialContent) { - initialContent.setAttribute('aria-hidden', 'true'); - } - }); - - // --- Header Scroll Effect --- - const header = document.querySelector('.main-header'); - if (header) { - let lastScroll = 0; - window.addEventListener('scroll', () => { - const currentScroll = window.pageYOffset; - - if (currentScroll <= 0) { - header.classList.remove('scroll-up'); - return; - } - - if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) { - // Scroll Down - header.classList.remove('scroll-up'); - header.classList.add('scroll-down'); - } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) { - // Scroll Up - header.classList.remove('scroll-down'); - header.classList.add('scroll-up'); - } - lastScroll = currentScroll; - }); - } - - // --- Accordion Logic for Mediation Page --- - const mediationSections = document.querySelectorAll('.mediation-section'); - if (mediationSections.length) { - const mediationTitles = document.querySelectorAll('.mediation-section h2'); - - const closeAllSections = () => { - mediationSections.forEach(section => { - section.classList.remove('active'); - }); - }; - - mediationTitles.forEach(title => { - title.addEventListener('click', () => { - const parentSection = title.parentElement; - const isAlreadyActive = parentSection.classList.contains('active'); - - closeAllSections(); - - if (!isAlreadyActive) { - parentSection.classList.add('active'); - } - }); - }); - - const openSectionFromHash = () => { - const hash = window.location.hash; - if (hash) { - const targetSection = document.querySelector(hash); - if (targetSection && targetSection.classList.contains('mediation-section')) { - closeAllSections(); - targetSection.classList.add('active'); - } - } - }; - - window.addEventListener('hashchange', openSectionFromHash); - openSectionFromHash(); - - if (!document.querySelector('.mediation-section.active') && mediationSections[0]) { - mediationSections[0].classList.add('active'); - } - } - - // --- POPRAVLJENA in ZANESLJIVA logika za meni --- - const dropdownContainers = document.querySelectorAll('.nav-links .dropdown'); - if (dropdownContainers.length) { - const closeAllDropdowns = () => { - dropdownContainers.forEach(container => { - const dropdownContent = container.querySelector('.dropdown-content'); - if (!dropdownContent) { - return; - } - container.classList.remove('is-open'); - dropdownContent.style.display = 'none'; - dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { - submenu.style.display = 'none'; - }); - }); - }; - - dropdownContainers.forEach(container => { - const dropBtn = container.querySelector('.dropbtn'); - const dropdownContent = container.querySelector('.dropdown-content'); - if (!dropBtn || !dropdownContent) { - return; - } - - const closeDropdown = () => { - container.classList.remove('is-open'); - dropdownContent.style.display = 'none'; - dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { - submenu.style.display = 'none'; - }); - }; - - const openDropdown = () => { - container.classList.add('is-open'); - dropdownContent.style.display = 'block'; - }; - - dropBtn.addEventListener('click', (event) => { - if (window.innerWidth <= 768) { - return; // mobilna logika že upravlja - } - event.preventDefault(); - const isOpen = container.classList.contains('is-open'); - closeAllDropdowns(); - if (!isOpen) { - openDropdown(); - } - }); - - const submenuLinks = container.querySelectorAll('.dropdown-submenu > a'); - submenuLinks.forEach(link => { - const submenu = link.nextElementSibling; - if (!submenu) { - return; - } - - link.addEventListener('click', (event) => { - if (window.innerWidth <= 768) { - return; // mobilna logika že upravlja - } - - const parentList = link.parentElement.parentElement; - parentList.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(sm => { - if (sm !== submenu) { - sm.style.display = 'none'; - } - }); - - const isOpen = submenu.style.display === 'block'; - const href = link.getAttribute('href') || ''; - - if (href === '#' || href.trim() === '') { - event.preventDefault(); - submenu.style.display = isOpen ? 'none' : 'block'; - return; - } - - if (!isOpen) { - event.preventDefault(); - submenu.style.display = 'block'; - } else { - closeDropdown(); - } - }); - }); - - container.querySelectorAll('.dropdown-submenu-content a').forEach(link => { - if (link.nextElementSibling) { - return; - } - link.addEventListener('click', () => { - if (window.innerWidth <= 768) { - return; - } - closeAllDropdowns(); - closeMobileMenu(); - }); - }); - }); - - document.addEventListener('click', (event) => { - if (window.innerWidth <= 768) { - return; - } - const clickedInside = Array.from(dropdownContainers).some(container => container.contains(event.target)); - if (!clickedInside) { - closeAllDropdowns(); - } - }); - - window.addEventListener('resize', () => { - if (window.innerWidth <= 768) { - closeAllDropdowns(); - closeMobileMenu(); - } - }); - } - - window.addEventListener('resize', () => { - if (window.innerWidth > 768) { - closeMobileMenu(); - } - }); - - // --- Initialize AOS (Animate on Scroll) --- - if (typeof AOS !== 'undefined') { - AOS.init({ - duration: 600, - easing: 'ease-out', - once: true, // Animacija se zgodi samo enkrat - offset: 50, - delay: 100, - disable: 'mobile' - }); - } - - // --- "Read More" Button Logic for Kdo Sem Page --- - const readMoreBtn = document.querySelector('.read-more-btn'); - const moreStoryContent = document.querySelector('.more-story-content'); - - if (readMoreBtn && moreStoryContent) { - if (moreStoryContent.id) { - readMoreBtn.setAttribute('aria-controls', moreStoryContent.id); - } - - const applyStoryState = (isVisible) => { - readMoreBtn.textContent = isVisible ? 'Skrij zgodbo' : 'Moja zgodba'; - readMoreBtn.setAttribute('aria-expanded', isVisible ? 'true' : 'false'); - moreStoryContent.setAttribute('aria-hidden', isVisible ? 'false' : 'true'); - }; - - let isExpanded = moreStoryContent.classList.contains('visible'); - applyStoryState(isExpanded); - moreStoryContent.style.height = isExpanded ? 'auto' : '0px'; - - const openStory = () => { - moreStoryContent.classList.add('visible'); - const targetHeight = moreStoryContent.scrollHeight; - moreStoryContent.classList.add('is-animating'); - moreStoryContent.style.height = '0px'; - - requestAnimationFrame(() => { - moreStoryContent.style.height = `${targetHeight}px`; - }); - }; - - const closeStory = () => { - const currentHeight = moreStoryContent.scrollHeight; - moreStoryContent.style.height = `${currentHeight}px`; - moreStoryContent.classList.add('is-animating'); - - requestAnimationFrame(() => { - moreStoryContent.style.height = '0px'; - }); - }; - - moreStoryContent.addEventListener('transitionend', (event) => { - if (event.propertyName !== 'height') { - return; - } - - moreStoryContent.classList.remove('is-animating'); - - if (isExpanded) { - moreStoryContent.style.height = 'auto'; - } else { - moreStoryContent.classList.remove('visible'); - moreStoryContent.style.height = ''; - } - }); - - readMoreBtn.addEventListener('click', () => { - if (moreStoryContent.classList.contains('is-animating')) { - return; - } - - isExpanded = !isExpanded; - applyStoryState(isExpanded); - - if (isExpanded) { - openStory(); - } else { - closeStory(); - } - }); - } -}); - -// --- Legacy form validation functions (can be kept for potential future use) --- -// Note: The main form submission logic is now handled via fetch in kontakt/index.html - -function showError(input, message) { - const formControl = input.parentElement; - const errorDiv = formControl.querySelector('.error-message') || document.createElement('div'); - errorDiv.className = 'error-message'; - errorDiv.textContent = message; - if (!formControl.querySelector('.error-message')) { - formControl.appendChild(errorDiv); - } - formControl.classList.add('error'); -} - -function removeError(input) { - const formControl = input.parentElement; - const errorDiv = formControl.querySelector('.error-message'); - if (errorDiv) { - formControl.removeChild(errorDiv); - } - formControl.classList.remove('error'); -} - -function isValidEmail(email) { - const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; - return re.test(String(email).toLowerCase()); -} +document.addEventListener('DOMContentLoaded', function() { const mobileMenuBtn = document.querySelector('.mobile-menu-btn'); const navLinks = document.querySelector('.nav-links'); let closeMobileMenu = () => {}; let resetMobileSubmenus = () => {}; const normalizePath = (value) => { if (!value) { return '/'; } let clean = value.split('?')[0].split('#')[0]; clean = clean.replace(/index\.html$/i, ''); clean = clean.replace(/\/+$/, ''); if (clean === '') { clean = '/'; } return clean; }; const applyActiveNavState = () => { const navRoot = document.querySelector('.nav-links'); if (!navRoot) { return; } navRoot.querySelectorAll('a.active, .dropbtn.active').forEach(el => { el.classList.remove('active'); }); const currentPath = normalizePath(window.location.pathname); const navAnchors = navRoot.querySelectorAll('a[href]'); let matchedLink = null; navAnchors.forEach(anchor => { const href = anchor.getAttribute('href'); if (!href || href.startsWith('http') || href.startsWith('mailto:') || href.startsWith('tel:') || href.startsWith('#')) { return; } const linkPath = normalizePath(href); if (linkPath === currentPath) { matchedLink = anchor; } }); if (!matchedLink) { return; } matchedLink.classList.add('active'); const highlightDropdownParents = (element) => { let parentContent = element.closest('.dropdown-submenu-content, .dropdown-content'); while (parentContent) { const trigger = parentContent.previousElementSibling; if (trigger && (trigger.tagName === 'A' || trigger.classList.contains('dropbtn'))) { trigger.classList.add('active'); } parentContent = parentContent.parentElement ? parentContent.parentElement.closest('.dropdown-submenu-content, .dropdown-content') : null; } }; highlightDropdownParents(matchedLink); const topLevelDropdown = matchedLink.closest('.dropdown'); if (topLevelDropdown) { const trigger = topLevelDropdown.querySelector('.dropbtn'); if (trigger) { trigger.classList.add('active'); } } }; if (mobileMenuBtn && navLinks) { resetMobileSubmenus = () => { navLinks.querySelectorAll('.dropdown-content, .dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); navLinks.querySelectorAll('.dropbtn, .dropdown-submenu > a').forEach(link => { link.classList.remove('active'); }); applyActiveNavState(); }; closeMobileMenu = () => { mobileMenuBtn.classList.remove('active'); navLinks.classList.remove('active'); document.body.classList.remove('no-scroll'); resetMobileSubmenus(); }; mobileMenuBtn.addEventListener('click', (event) => { event.stopPropagation(); const willOpen = !navLinks.classList.contains('active'); if (willOpen) { mobileMenuBtn.classList.add('active'); navLinks.classList.add('active'); document.body.classList.add('no-scroll'); resetMobileSubmenus(); } else { closeMobileMenu(); } }); } applyActiveNavState(); const dropdowns = document.querySelectorAll('.nav-links .dropdown-submenu > a, .nav-links .dropdown > .dropbtn'); dropdowns.forEach(item => { item.addEventListener('click', function(event) { if (window.innerWidth <= 768) { if (item.tagName === 'A') { event.preventDefault(); } event.stopPropagation(); const submenu = item.nextElementSibling; if (!submenu) { return; } const isTopLevelTrigger = item.classList.contains('dropbtn'); if (isTopLevelTrigger) { navLinks.querySelectorAll('.dropdown-content').forEach(panel => { if (panel !== submenu) { panel.style.display = 'none'; const trigger = panel.parentElement.querySelector('.dropbtn'); if (trigger) { trigger.classList.remove('active'); } panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } }); } else { const siblingsWrapper = item.parentElement && item.parentElement.parentElement; if (siblingsWrapper) { siblingsWrapper.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(panel => { if (panel !== submenu) { panel.style.display = 'none'; const trigger = panel.parentElement.querySelector(':scope > a'); if (trigger) { trigger.classList.remove('active'); } panel.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } }); } } const shouldOpen = submenu.style.display !== 'block'; if (shouldOpen) { submenu.style.display = 'block'; item.classList.add('active'); submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } else { submenu.style.display = 'none'; item.classList.remove('active'); submenu.querySelectorAll('.dropdown-submenu-content').forEach(child => { child.style.display = 'none'; const childTrigger = child.parentElement.querySelector(':scope > a'); if (childTrigger) { childTrigger.classList.remove('active'); } }); } } }); }); document.addEventListener('click', function(event) { if (window.innerWidth <= 768 && navLinks && navLinks.classList.contains('active')) { const isClickInsideNav = navLinks.contains(event.target); const isClickOnBtn = mobileMenuBtn && mobileMenuBtn.contains(event.target); if (!isClickInsideNav && !isClickOnBtn) { closeMobileMenu(); } } }); const navLinkItems = document.querySelectorAll('.nav-links a'); navLinkItems.forEach(link => { link.addEventListener('click', (event) => { const hasSubmenu = link.parentElement.classList.contains('dropdown-submenu') || link.classList.contains('dropbtn'); if (window.innerWidth <= 768) { if (hasSubmenu) { return; } closeMobileMenu(); } }); }); const accordions = document.querySelectorAll('.accordion-toggle'); accordions.forEach(accordion => { accordion.addEventListener('click', function() { const accordionItem = this.closest('.mediation-accordion-item'); const content = accordionItem ? accordionItem.querySelector('.accordion-content') : null; if (!content) { return; } this.classList.toggle('active'); const isOpen = this.classList.contains('active'); this.setAttribute('aria-expanded', String(isOpen)); content.setAttribute('aria-hidden', String(!isOpen)); if (isOpen) { content.style.maxHeight = content.scrollHeight + "px"; this.textContent = 'Manj'; } else { content.style.maxHeight = null; this.textContent = 'Več'; } }); accordion.textContent = 'Več'; accordion.setAttribute('aria-expanded', 'false'); const initialContent = accordion.closest('.mediation-accordion-item')?.querySelector('.accordion-content'); if (initialContent) { initialContent.setAttribute('aria-hidden', 'true'); } }); const header = document.querySelector('.main-header'); if (header) { let lastScroll = 0; window.addEventListener('scroll', () => { const currentScroll = window.pageYOffset; if (currentScroll <= 0) { header.classList.remove('scroll-up'); return; } if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) { header.classList.remove('scroll-up'); header.classList.add('scroll-down'); } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) { header.classList.remove('scroll-down'); header.classList.add('scroll-up'); } lastScroll = currentScroll; }); } const mediationSections = document.querySelectorAll('.mediation-section'); if (mediationSections.length) { const mediationTitles = document.querySelectorAll('.mediation-section h2'); const closeAllSections = () => { mediationSections.forEach(section => { section.classList.remove('active'); }); }; mediationTitles.forEach(title => { title.addEventListener('click', () => { const parentSection = title.parentElement; const isAlreadyActive = parentSection.classList.contains('active'); closeAllSections(); if (!isAlreadyActive) { parentSection.classList.add('active'); } }); }); const openSectionFromHash = () => { const hash = window.location.hash; if (hash) { const targetSection = document.querySelector(hash); if (targetSection && targetSection.classList.contains('mediation-section')) { closeAllSections(); targetSection.classList.add('active'); } } }; window.addEventListener('hashchange', openSectionFromHash); openSectionFromHash(); if (!document.querySelector('.mediation-section.active') && mediationSections[0]) { mediationSections[0].classList.add('active'); } } const dropdownContainers = document.querySelectorAll('.nav-links .dropdown'); if (dropdownContainers.length) { const closeAllDropdowns = () => { dropdownContainers.forEach(container => { const dropdownContent = container.querySelector('.dropdown-content'); if (!dropdownContent) { return; } container.classList.remove('is-open'); dropdownContent.style.display = 'none'; dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); }); }; dropdownContainers.forEach(container => { const dropBtn = container.querySelector('.dropbtn'); const dropdownContent = container.querySelector('.dropdown-content'); if (!dropBtn || !dropdownContent) { return; } const closeDropdown = () => { container.classList.remove('is-open'); dropdownContent.style.display = 'none'; dropdownContent.querySelectorAll('.dropdown-submenu-content').forEach(submenu => { submenu.style.display = 'none'; }); }; const openDropdown = () => { container.classList.add('is-open'); dropdownContent.style.display = 'block'; }; dropBtn.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; } event.preventDefault(); const isOpen = container.classList.contains('is-open'); closeAllDropdowns(); if (!isOpen) { openDropdown(); } }); const submenuLinks = container.querySelectorAll('.dropdown-submenu > a'); submenuLinks.forEach(link => { const submenu = link.nextElementSibling; if (!submenu) { return; } link.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; } const parentList = link.parentElement.parentElement; parentList.querySelectorAll(':scope > .dropdown-submenu > .dropdown-submenu-content').forEach(sm => { if (sm !== submenu) { sm.style.display = 'none'; } }); const isOpen = submenu.style.display === 'block'; const href = link.getAttribute('href') || ''; if (href === '#' || href.trim() === '') { event.preventDefault(); submenu.style.display = isOpen ? 'none' : 'block'; return; } if (!isOpen) { event.preventDefault(); submenu.style.display = 'block'; } else { closeDropdown(); } }); }); container.querySelectorAll('.dropdown-submenu-content a').forEach(link => { if (link.nextElementSibling) { return; } link.addEventListener('click', () => { if (window.innerWidth <= 768) { return; } closeAllDropdowns(); closeMobileMenu(); }); }); }); document.addEventListener('click', (event) => { if (window.innerWidth <= 768) { return; } const clickedInside = Array.from(dropdownContainers).some(container => container.contains(event.target)); if (!clickedInside) { closeAllDropdowns(); } }); window.addEventListener('resize', () => { if (window.innerWidth <= 768) { closeAllDropdowns(); closeMobileMenu(); } }); } window.addEventListener('resize', () => { if (window.innerWidth > 768) { closeMobileMenu(); } }); if (typeof AOS !== 'undefined') { AOS.init({ duration: 600, easing: 'ease-out', once: true, offset: 50, delay: 100, disable: 'mobile' }); } const readMoreBtn = document.querySelector('.read-more-btn'); const moreStoryContent = document.querySelector('.more-story-content'); if (readMoreBtn && moreStoryContent) { if (moreStoryContent.id) { readMoreBtn.setAttribute('aria-controls', moreStoryContent.id); } const applyStoryState = (isVisible) => { readMoreBtn.textContent = isVisible ? 'Skrij zgodbo' : 'Moja zgodba'; readMoreBtn.setAttribute('aria-expanded', isVisible ? 'true' : 'false'); moreStoryContent.setAttribute('aria-hidden', isVisible ? 'false' : 'true'); }; let isExpanded = moreStoryContent.classList.contains('visible'); applyStoryState(isExpanded); moreStoryContent.style.height = isExpanded ? 'auto' : '0px'; const openStory = () => { moreStoryContent.classList.add('visible'); const targetHeight = moreStoryContent.scrollHeight; moreStoryContent.classList.add('is-animating'); moreStoryContent.style.height = '0px'; requestAnimationFrame(() => { moreStoryContent.style.height = `${targetHeight}px`; }); }; const closeStory = () => { const currentHeight = moreStoryContent.scrollHeight; moreStoryContent.style.height = `${currentHeight}px`; moreStoryContent.classList.add('is-animating'); requestAnimationFrame(() => { moreStoryContent.style.height = '0px'; }); }; moreStoryContent.addEventListener('transitionend', (event) => { if (event.propertyName !== 'height') { return; } moreStoryContent.classList.remove('is-animating'); if (isExpanded) { moreStoryContent.style.height = 'auto'; } else { moreStoryContent.classList.remove('visible'); moreStoryContent.style.height = ''; } }); readMoreBtn.addEventListener('click', () => { if (moreStoryContent.classList.contains('is-animating')) { return; } isExpanded = !isExpanded; applyStoryState(isExpanded); if (isExpanded) { openStory(); } else { closeStory(); } }); } }); function showError(input, message) { const formControl = input.parentElement; const errorDiv = formControl.querySelector('.error-message') || document.createElement('div'); errorDiv.className = 'error-message'; errorDiv.textContent = message; if (!formControl.querySelector('.error-message')) { formControl.appendChild(errorDiv); } formControl.classList.add('error'); } function removeError(input) { const formControl = input.parentElement; const errorDiv = formControl.querySelector('.error-message'); if (errorDiv) { formControl.removeChild(errorDiv); } formControl.classList.remove('error'); } function isValidEmail(email) { const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } \ No newline at end of file diff --git a/kdo-sem/index.html b/kdo-sem/index.html index fe2dcf2..ff126ca 100644 --- a/kdo-sem/index.html +++ b/kdo-sem/index.html @@ -4,6 +4,17 @@ Kdo sem - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -133,7 +144,7 @@
- Amra Kurešepi Zulji + Amra Kurešepi Zulji
@@ -195,9 +206,8 @@
- + - - - + + - - + + - - + + diff --git a/ponudba/index.html b/ponudba/index.html index 9914914..3959734 100644 --- a/ponudba/index.html +++ b/ponudba/index.html @@ -4,6 +4,16 @@ Ponudba - Prosberry + + + + + + + + + + @@ -14,8 +24,8 @@ @@ -254,8 +264,7 @@
- - - + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..5c73804 --- /dev/null +++ b/robots.txt @@ -0,0 +1,5 @@ +User-agent: * +Allow: / +Disallow: /kontakt/process_form.php + +Sitemap: https://www.prosberry.si/sitemap.xml \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..93bb9e6 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,59 @@ + + + + https://www.prosberry.si/kdo-sem/ + 2025-11-04 + + + https://www.prosberry.si/politika-zasebnosti/ + 2025-11-04 + + + https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/ + 2025-11-04 + + + https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/ + 2025-11-04 + + + https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/ + 2025-11-04 + + + https://www.prosberry.si/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/ + 2025-11-04 + + + https://www.prosberry.si/skupaj-za-vkljucevanje/medkulturno-posredovanje/ + 2025-11-04 + + + https://www.prosberry.si/kontakt/ + 2025-11-04 + + + https://www.prosberry.si/delavnice/ + 2025-11-04 + + + https://www.prosberry.si/cene-in-sodelovanja/ + 2025-11-04 + + + https://www.prosberry.si/pogosta-vprasanja/ + 2025-11-04 + + + https://www.prosberry.si/ponudba/ + 2025-11-04 + + + https://www.prosberry.si/ + 2025-11-04 + + + https://www.prosberry.si/cene-in-reference/ + 2025-11-04 + + \ No newline at end of file diff --git a/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html index 738c16c..5e081a6 100644 --- a/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html +++ b/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html @@ -4,6 +4,17 @@ Delavnica: Od tujca do sošolca - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -191,7 +202,7 @@
- Ilustracija učiteljice, ki pomaga učencem različnih kultur + Ilustracija učiteljice, ki pomaga učencem različnih kultur
@@ -214,8 +225,7 @@ - - - + + diff --git a/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html b/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html index fcc1963..7703ada 100644 --- a/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html +++ b/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html @@ -4,6 +4,17 @@ Delavnica: Šola in starši priseljenci - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -190,7 +201,7 @@
- Ilustracija sestanka staršev in učiteljev + Ilustracija sestanka staršev in učiteljev
@@ -213,8 +224,7 @@ - - - + + diff --git a/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html b/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html index 35dfe9c..06d14ec 100644 --- a/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html +++ b/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html @@ -4,6 +4,17 @@ Delavnica: Skupaj gradimo nove začetke - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -190,7 +201,7 @@
- Ilustracija srečanja staršev v vrtcu + Ilustracija srečanja staršev v vrtcu
@@ -213,8 +224,7 @@ - - - + + diff --git a/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html b/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html index 784417d..08536eb 100644 --- a/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html +++ b/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html @@ -4,6 +4,16 @@ Delavnica: Zakaj se splača znati slovensko? - Prosberry + + + + + + + + + + @@ -14,8 +24,8 @@ @@ -189,7 +199,7 @@
- Ilustracija učenja slovenskega jezika + Ilustracija učenja slovenskega jezika
@@ -212,8 +222,7 @@ - - - + + diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html index f31f608..5df8a2e 100644 --- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html +++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html @@ -4,6 +4,17 @@ Medkulturno posredovanje - Prosberry + + + + + + + + + + + @@ -14,8 +25,8 @@ @@ -148,8 +159,8 @@
- - Individualno medkulturno posredovanje + + Individualno medkulturno posredovanje
@@ -169,8 +180,8 @@
- - Skupinsko medkulturno posredovanje + + Skupinsko medkulturno posredovanje
@@ -257,8 +268,7 @@ - - - + +