.navbar-nav .dropdown-item, .navbar-nav .nav-link { transition: all var(--transition); display: flex; gap: 0.5em; color: var(--main-color); } .blog-single-content, .fixed-contact-bar, .navbar, .slim-footer { font-family: Poppins, "Segoe UI", Arial, sans-serif; } :root { --white: #fff; --black: #1a2233; --gray-light: #f5f6fa; --gray-dark: #e0e0e0; --gold: #bfa46d; --nav-bg: var(--white); --nav-link-hover-bg: var(--gray-light); --nav-link-hover-color: var(--black); --dropdown-bg: var(--white); --dropdown-hover-bg: #f2e6d9; --dropdown-hover-color: var(--black); --shadow: 0 2px 16px rgba(34, 40, 49, 0.08); --shadow-dropdown: 0 8px 32px rgba(34, 40, 49, 0.1); --border-radius: 12px; --transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1); } .navbar { background: var(--nav-bg) !important; box-shadow: var(--shadow); border-radius: 0 0 var(--border-radius) var(--border-radius); padding: 0.7rem 0; min-height: 70px; } .navbar-brand .brand-name img { height: 54px; transition: transform var(--transition); filter: grayscale(0.05) contrast(1.08); } .navbar-brand .brand-name img:hover { transform: scale(1.03) rotate(-1deg); } .navbar-nav { gap: 0.2rem; } .navbar-nav .nav-item { margin-bottom: 0; } .navbar-nav .nav-link { font-weight: 600; font-size: 1.08rem; padding: 0.65rem 1.5rem; border-radius: 8px; align-items: center; position: relative; letter-spacing: 0.01em; background: 0 0; box-shadow: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { background: var(--nav-link-hover-bg); color: var(--nav-link-hover-color) !important; box-shadow: 0 2px 8px rgba(34, 40, 49, 0.08); } .navbar-nav .nav-link i { font-size: 1.18em; margin-right: 0.32em; color: var(--accent-color); transition: color var(--transition); } .navbar-nav .dropdown-item:focus i, .navbar-nav .dropdown-item:hover i, .navbar-nav .nav-link.active i, .navbar-nav .nav-link:hover i { color: var(--main-color); } .navbar-nav .dropdown-menu { border-radius: var(--border-radius); box-shadow: var(--shadow-dropdown); border: none; min-width: 220px; margin-top: 0.6rem; padding: 0.5rem 0; background: var(--dropdown-bg); } .navbar-nav .dropdown-item { font-size: 1em; padding: 0.7em 1.3em; border-radius: 7px; align-items: center; font-weight: 500; background: 0 0; } .navbar-nav .dropdown-item i { color: var(--accent-color); font-size: 1.08em; margin-right: 0.25em; } .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover { background: var(--dropdown-hover-bg); color: var(--dropdown-hover-color); } @media (max-width: 991.98px) { .navbar { min-height: 60px; } .navbar-brand .brand-name img { height: 36px; } .navbar .container { flex-direction: row; align-items: center; justify-content: space-between; position: relative; } .navbar-brand { order: 1; margin-right: 0; } .navbar-toggler { order: 2; margin-left: auto; border: none; outline: 0; box-shadow: none !important; } .navbar-collapse { position: absolute !important; left: 0; right: 0; top: 100%; z-index: 1050; background: var(--nav-bg); border-radius: 0 0 var(--border-radius) var(--border-radius); box-shadow: 0 2px 24px rgba(34, 40, 49, 0.13); padding: 1.2rem; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); max-height: 85vh; overflow-y: auto; display: none; } .navbar-collapse.show { display: block !important; } .navbar-nav { flex-direction: column; width: 100%; gap: 0; } .navbar-nav .nav-item { width: 100%; margin-bottom: 0.2rem; } .navbar-nav .dropdown-item, .navbar-nav .nav-link { font-size: 1.08rem; padding: 1.1rem 1.2rem; border-radius: 7px; width: 100%; justify-content: flex-start; background: 0 0; box-shadow: none; } .navbar-nav .nav-link { border-left: 4px solid transparent; transition: all var(--transition); } .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover { background: var(--nav-link-hover-bg); color: var(--nav-link-hover-color) !important; border-left: 4px solid var(--accent-color); } .navbar-nav .dropdown-menu { position: static !important; box-shadow: none; background: 0 0; padding: 0; margin: 0; min-width: 100%; } .navbar-nav .dropdown-item { padding-left: 2.2rem; background: 0 0; border-radius: 0; border-left: 2px solid var(--accent-color); margin-bottom: 0.1rem; } .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover { background: var(--dropdown-hover-bg); color: var(--dropdown-hover-color); } .mobile-menu-close { display: block; position: absolute; top: 1rem; right: 1.2rem; background: 0 0; border: none; font-size: 2rem; color: var(--main-color); z-index: 1100; } .footer-links { flex-wrap: wrap; gap: 0.5rem; } .footer-social { margin-top: 0.5rem; } } .navbar .container { display: flex; align-items: center; justify-content: space-between; } .navbar-brand { margin-right: 2.2rem; } .navbar-collapse { justify-content: flex-end; } .navbar-nav { flex-direction: row; width: auto; } .custom-heading-container { display: flex; align-items: center; margin: 2.2rem 0 1.5rem; } .custom-heading-container h1 { font-size: 2.2rem; font-weight: 700; margin: 0; color: var(--main-color); letter-spacing: 0.01em; } .custom-heading-line { flex: 1; height: 2px; background: linear-gradient(90deg, var(--gold) 0, var(--gray-dark) 100%); margin-left: 1.5rem; border: none; } @media (max-width: 576px) { .custom-heading-container h1 { font-size: 1.3rem; } .custom-heading-line { margin-left: 0.7rem; min-width: 30px; } } .blog-card-custom { background: #fff; border-radius: 1.1rem; box-shadow: 0 4px 24px 0 rgba(40, 40, 40, 0.08); overflow: hidden; transition: 0.25s; border: 1px solid #f2f2f2; position: relative; } .blog-card-img-link { display: block; overflow: hidden; border-radius: 1.1rem 1.1rem 0 0; } .blog-card-body, .other-blog-card { display: flex; flex-direction: column; } .blog-card-img { width: 100%; height: 220px; object-fit: cover; transition: transform 0.25s; border-radius: 1.1rem 1.1rem 0 0; } .blog-card-custom:hover .blog-card-img, .blog-card-img-link:hover .blog-card-img { transform: scale(1.045); } .blog-card-body { padding: 1.25rem 1.1rem 1.1rem; flex: 1 1 auto; } .blog-card-title { font-size: 1.18rem; font-weight: 700; margin-bottom: 0.5rem; line-height: 1.3; } .blog-card-title-link { color: var(--main-color, #222); text-decoration: none; transition: color 0.18s; } .blog-card-title-link:hover { color: var(--main-color, #c9a14a); } .blog-card-date { color: #b1a07a; font-size: 0.97rem; font-weight: 500; letter-spacing: 0.01em; } .blog-card-btn { background: var(--main-color, #c9a14a); color: #fff; border: none; border-radius: 2rem; padding: 0.45rem 1.2rem; font-size: 0.98rem; font-weight: 600; text-decoration: none; box-shadow: 0 2px 8px 0 rgba(201, 161, 74, 0.08); transition: background 0.18s, color 0.18s, box-shadow 0.18s; outline: 0; } .blog-card-btn:focus, .blog-card-btn:hover { background: #222; color: var(--main-color, #c9a14a); box-shadow: 0 4px 16px 0 rgba(40, 40, 40, 0.13); text-decoration: none; } .blog-single-content { background: #fff; border-radius: 18px; box-shadow: 0 4px 24px 0 rgba(34, 40, 49, 0.09); padding: 2.5rem 2rem 2rem; margin-bottom: 2.5rem; } .blog-single-content h1 { font-size: 1.1rem; font-weight: 700; color: var(--main-color, #bfa46d); margin-bottom: 0.7rem; } .blog-single-content .text-muted { color: #b1a07a !important; font-size: 1.05rem; margin-bottom: 1.2rem; } .blog-single-content img { border-radius: 12px; box-shadow: 0 2px 12px 0 rgba(201, 161, 74, 0.08); } .blog-content { font-size: 1.13rem; color: #222; line-height: 1.8; margin-top: 1.5rem; } .blog-content p { margin-bottom: 1.1rem; } .other-blogs-section { background: #fff; border-radius: 16px; box-shadow: 0 2px 16px 0 rgba(34, 40, 49, 0.07); padding: 2rem 1.5rem 1.5rem; margin-bottom: 2.5rem; } .other-blogs-title { font-size: 1.35rem; font-weight: 600; color: var(--main-color, #bfa46d); margin-bottom: 1.2rem; letter-spacing: 0.01em; } .other-blog-card { background: #f5f6fa; border-radius: 12px; box-shadow: 0 2px 8px 0 rgba(201, 161, 74, 0.06); overflow: hidden; transition: box-shadow 0.18s; height: 100%; } .error-btn, .other-blog-btn { background: var(--main-color, #bfa46d); text-decoration: none; } .other-blog-card:hover { box-shadow: 0 6px 24px 0 rgba(201, 161, 74, 0.13); } .other-blog-img-link { display: block; width: 100%; height: 170px; overflow: hidden; } .other-blog-img-link img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.18s; } .other-blog-img-link:hover img { transform: scale(1.04) rotate(-1deg); } .other-blog-body { padding: 1rem 1rem 0.8rem; display: flex; flex-direction: column; flex-grow: 1; } .other-blog-title { font-size: 1.08rem; font-weight: 600; color: #222; margin-bottom: 0.5rem; line-height: 1.3; } .other-blog-title-link { color: var(--main-color, #bfa46d); text-decoration: none; transition: color 0.18s; } .other-blog-title-link:hover { color: #222; } .other-blog-date { color: #b1a07a; font-size: 0.97rem; font-weight: 500; margin-top: auto; } .other-blog-btn { color: #fff; border: none; border-radius: 2rem; padding: 0.35rem 1.1rem; font-size: 0.98rem; font-weight: 600; margin-left: 0.5rem; transition: background 0.18s, color 0.18s, box-shadow 0.18s; outline: 0; box-shadow: 0 2px 8px 0 rgba(201, 161, 74, 0.08); } .error-btn:hover, .error-code { color: var(--main-color, #bfa46d); } .other-blog-btn:focus, .other-blog-btn:hover { background: #222; color: var(--main-color, #bfa46d); box-shadow: 0 4px 16px 0 rgba(40, 40, 40, 0.13); text-decoration: none; } .error-page { min-height: calc(100vh - 300px); display: flex; align-items: center; justify-content: center; padding: 2rem; } .error-content { text-align: center; max-width: 600px; } .error-code { font-size: 8rem; font-weight: 700; line-height: 1; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .error-title { font-size: 2rem; font-weight: 600; color: #222; margin-bottom: 1rem; } .error-text { font-size: 1.1rem; color: #666; margin-bottom: 2rem; line-height: 1.6; } .error-btn { display: inline-block; color: #fff; padding: 0.8rem 2rem; border-radius: 50px; font-weight: 600; transition: 0.3s; box-shadow: 0 4px 15px rgba(191, 164, 109, 0.2); } .error-btn:hover { background: #222; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(34, 34, 34, 0.15); } .slim-footer { letter-spacing: 0.01em; background: linear-gradient(90deg, #f8f9fa 0, #f5f6fa 100%); border-top: 1px solid #e0e0e0; box-shadow: 0 -2px 16px 0 rgba(191, 164, 109, 0.07); } .footer-link { color: #b1a07a; text-decoration: none; font-weight: 500; margin: 0 8px; transition: color 0.18s; } .footer-link:hover { color: #c9a14a; text-decoration: underline; } .footer-social-link { color: #b1a07a; font-size: 1.25rem; margin: 0 4px; transition: color 0.18s, transform 0.18s; } .footer-social-link:hover { color: #c9a14a; transform: scale(1.15) rotate(-6deg); } .fixed-contact-bar { font-size: 1.15rem; border-radius: 0 0 24px 24px; box-shadow: 0 -4px 20px 0 var(--main-color, #bfa46d, 0.15); height: 64px; } .contact-bar-link { padding: 0.6rem 1.8rem; border-radius: 2.5rem; background: rgba(255, 255, 255, 0.08); margin: 0 0.4rem; transition: 0.25s; box-shadow: 0 3px 12px 0 var(--accent-color, #c9a14a, 0.12); font-size: 1.12rem; font-weight: 600; } .contact-bar-link:focus, .contact-bar-link:hover { background: #fff; color: var(--main-color, #bfa46d) !important; box-shadow: 0 6px 20px 0 rgba(40, 40, 40, 0.15); transform: translateY(-2px); text-decoration: none; } .contact-bar-icon { font-size: 1.35rem; margin-right: 0.4rem; } @media (max-width: 767.98px) { .blog-card-img { height: 170px; } .blog-card-body { padding: 1rem 0.8rem 0.9rem; } body { padding-bottom: 48px !important; } .blog-single-content, .other-blogs-section { padding: 1.2rem 0.7rem; } .other-blog-img-link { height: 120px; } .error-code { font-size: 6rem; } .error-title { font-size: 1.5rem; } .error-text { font-size: 1rem; } .slim-footer .container { flex-direction: column; align-items: flex-start !important; gap: 0.7rem; } .footer-links, .footer-social { margin-top: 0.5rem; } .fixed-contact-bar { font-size: 1.08rem; height: 58px; padding-left: 0.8rem !important; padding-right: 0.8rem !important; } } @media (max-width: 575.98px) { .blog-card-title { font-size: 1.05rem; } .blog-card-img { height: 130px; } .blog-card-body { padding: 0.8rem 0.6rem 0.7rem; } body { padding-bottom: 44px !important; } .slim-footer { font-size: 0.93rem; } .fixed-contact-bar { font-size: 1.05rem; height: 52px; padding-left: 0.6rem !important; padding-right: 0.6rem !important; } .footer-left img { height: 26px !important; } } .scroll-text { height: 100px; overflow-y: auto; } .fixed-contact-bar-corporate { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background: linear-gradient(90deg, var(--main-color, #bfa46d) 0%, var(--accent-color, #c9a14a) 100%); box-shadow: 0 -6px 32px 0 rgba(34,40,49,0.13); backdrop-filter: blur(6px); padding: 0.2rem 0; font-family: Poppins, "Segoe UI", Arial, sans-serif; transition: box-shadow 0.2s; } .fixed-contact-bar-corporate .container { padding-top: 0.3rem; padding-bottom: 0.3rem; display: flex; justify-content: center; gap: 1.5rem; flex-direction: row; } .contact-bar-btn-corp { display: flex; align-items: center; background: rgba(255,255,255,0.16); color: #fff; font-weight: 600; font-size: 1.08rem; border-radius: 2rem; padding: 0.5rem 1.6rem; margin: 0 0.3rem; text-decoration: none; box-shadow: 0 2px 8px 0 rgba(191,164,109,0.10); transition: background 0.18s, color 0.18s, box-shadow 0.18s, transform 0.13s; outline: 0; letter-spacing: 0.01em; } .contact-bar-btn-corp i { font-size: 1.25em; margin-right: 0.6em; } .contact-bar-btn-corp:hover, .contact-bar-btn-corp:focus { background: #fff; color: var(--main-color, #bfa46d); box-shadow: 0 4px 16px 0 rgba(40,40,40,0.13); text-decoration: none; transform: translateY(-2px) scale(1.04); } @media (max-width: 600px) { .fixed-contact-bar-corporate .container { flex-direction: row !important; gap: 0.7rem; } .contact-bar-btn-corp { width: auto; justify-content: center; font-size: 1.01rem; padding: 0.7rem 0.5rem; } }