.btn-brand, .btn-brand-dark, .btn-brand-outline { display: inline-flex; gap: 0.5rem; font-weight: 600; transition: 0.2s; } html { scroll-behavior: smooth; } body { font-family: Inter, sans-serif; background: #f7f8fa; color: #0f1729; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; } .container-main { max-width: 95rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 640px) { .container-main { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { .container-main { padding-left: 2rem; padding-right: 2rem; } } .section-padding { padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 768px) { .section-padding { padding-top: 6rem; padding-bottom: 6rem; } } .btn-brand { align-items: center; justify-content: center; background: #157a48; color: #fff; padding: 0.75rem 1.75rem; border-radius: 0.75rem; box-shadow: 0 4px 14px rgba(31, 155, 94, 0.25); } .btn-brand:hover { background: #197a4a; transform: translateY(-2px); } .btn-brand-outline { align-items: center; justify-content: center; border: 2px solid #157a48; color: #157a48; padding: 0.625rem 1.625rem; border-radius: 0.75rem; background: 0 0; } #preloader, .btn-brand-dark { background: #0f1729; align-items: center; } .btn-brand-outline:hover { background: #157a48; color: #fff; } .btn-brand-dark { justify-content: center; color: #fff; padding: 0.75rem 1.75rem; border-radius: 0.75rem; } .btn-brand-dark:hover { background: #1c2541; transform: translateY(-2px); } .btn-xl { padding: 1rem 2.25rem; font-size: 1rem; } .btn-lg { padding: 0.65rem 1.5rem; font-size: 0.95rem; } [data-aos] { opacity: 0; transition: 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos="fade-up"] { transform: translateY(40px); } [data-aos="fade-down"] { transform: translateY(-40px); } [data-aos="fade-left"] { transform: translateX(-40px); } [data-aos="fade-right"] { transform: translateX(40px); } [data-aos="zoom-in"] { transform: scale(0.85); } [data-aos="flip-left"] { transform: perspective(600px) rotateY(-25deg); } [data-aos="flip-right"] { transform: perspective(600px) rotateY(25deg); } [data-aos].aos-in { opacity: 1; transform: translateY(0) translateX(0) scale(1) perspective(600px) rotateY(0); } [data-aos-delay="100"] { transition-delay: 0.1s; } [data-aos-delay="200"] { transition-delay: 0.2s; } [data-aos-delay="300"] { transition-delay: 0.3s; } [data-aos-delay="400"] { transition-delay: 0.4s; } [data-aos-delay="500"] { transition-delay: 0.5s; } [data-aos-delay="600"] { transition-delay: 0.6s; } [data-aos-delay="700"] { transition-delay: 0.7s; } [data-aos-delay="800"] { transition-delay: 0.8s; } #navbar { background-color: #fff; } #preloader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99999; display: flex; justify-content: center; transition: opacity 0.5s, visibility 0.5s; opacity: 1; visibility: visible; } #preloader.hidden-preloader { opacity: 0; visibility: hidden; pointer-events: none; } #preloader .loader-inner { text-align: center; } #preloader .loader-truck { animation: 2s ease-in-out infinite float; display: inline-block; } #preloader .loader-bar { width: 180px; height: 6px; background: rgba(255, 255, 255, 0.15); border-radius: 10px; margin: 20px auto 0; overflow: hidden; } #preloader .loader-bar-fill { width: 0%; height: 100%; background: #157a48; border-radius: 10px; animation: 1.6s ease-in-out forwards loaderFill; } @keyframes loaderFill { 0% { width: 0%; } 60% { width: 85%; } 90% { width: 98%; } 100% { width: 100%; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } } .footer-newsletter-input:focus { outline: 0; box-shadow: 0 0 0 3px rgba(31, 155, 94, 0.3); } .map-placeholder { background: #e5e7eb; height: 300px; border-radius: 1rem; display: flex; align-items: center; justify-content: center; color: #6b7280; font-weight: 500; border: 2px dashed #d1d5db; } .article-content p { margin-bottom: 1.25rem; line-height: 1.75; color: #374151; } .article-content h2 { font-size: 1.75rem; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; color: #0f1729; } .article-content h3 { font-size: 1.4rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.75rem; } .article-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; } .article-content ul li { margin-bottom: 0.5rem; color: #374151; } .article-content blockquote { border-left: 4px solid #157a48; padding-left: 1.5rem; font-style: italic; color: #4b5563; margin: 1.5rem 0; } .privacy-content h2, .terms-content h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2rem; margin-bottom: 0.75rem; color: #0f1729; } .privacy-content h3, .terms-content h3 { font-size: 1.2rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; } .privacy-content p, .terms-content p { margin-bottom: 1rem; line-height: 1.7; color: #374151; } .privacy-content ul, .terms-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; color: #374151; } .privacy-content ul li, .terms-content ul li { margin-bottom: 0.5rem; } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s, padding 0.4s; } .faq-item.active .faq-answer { max-height: 300px; padding-bottom: 1rem; } .faq-item.active .faq-icon { transform: rotate(45deg); } .faq-icon { transition: transform 0.3s; }