body {
     background-color: #1f2a1f;
     color: #e6e6d6;
     font-family: 'Segoe UI', sans-serif;
 }

 /* Header */
 .navbar {
     background-color: #2f3e2f;
 }

 .navbar-brand {
     font-weight: bold;
     color: #cddc39 !important;
     letter-spacing: 2px;
 }

 .nav-link {
     color: #e6e6d6 !important;
     transition: 0.3s;
 }

 .nav-link:hover {
     color: #cddc39 !important;
 }

 /* Hero */
 .hero {
     padding: 100px 0;
     text-align: center;
 }

 .hero h1 {
     font-size: 3rem;
     color: #cddc39;
 }

 .btn-custom {
     background-color: #556b2f;
     color: white;
     border: none;
 }

 .btn-custom:hover {
     background-color: #6b8e23;
 }

 /* Footer */
 footer {
     background-color: #2f3e2f;
     padding: 30px 0;
     text-align: center;
 }

 footer a {
     color: #cddc39;
     text-decoration: none;
 }

 footer a:hover {
     text-decoration: underline;
 }

 footer a {
     color: #e6e6d6;
     text-decoration: none;
 }

 footer a:hover {
     color: #cddc39;
 }

 .hero {
     height: 100vh;
     background: url('../images/bg.jpg') no-repeat center center/cover;
     position: relative;
 }

 .hero .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(31, 42, 31, 0.75);
     /* оливковый затемнитель */
 }

 .hero .content {
     position: relative;
     z-index: 2;
     color: #e6e6d6;
 }

 .hero h1 {
     font-size: 3.5rem;
     color: #cddc39;
 }

 .hero p {
     font-size: 1.2rem;
     opacity: 0.9;
 }

 .hero-title {
     font-size: 4rem;
     font-weight: 700;
     color: #cddc39;
 }

 .hero-subtitle {
     font-size: 1.4rem;
     opacity: 0.9;
 }

 .btn-custom {
     background-color: #556b2f;
     color: #fff;
     border-radius: 30px;
     transition: 0.3s;
 }

 .btn-custom:hover {
     background-color: #6b8e23;
     transform: scale(1.05);
 }

 .about {
     background-color: #243224;
 }

 .about-title {
     color: #cddc39;
     font-size: 2.5rem;
     margin-bottom: 20px;
 }

 .about-text {
     color: #e6e6d6;
     font-size: 1.1rem;
     line-height: 1.7;
 }

 .about-img {
     max-height: 350px;
     object-fit: cover;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 }

 .services {
     background-color: #1f2a1f;
 }

 .services-title {
     color: #cddc39;
     font-size: 2.5rem;
 }

 .service-icon {
     font-size: 40px;
     color: #cddc39;
     margin-bottom: 15px;
     transition: 0.3s;
 }

 .services h5 {
     color: #e6e6d6;
 }

 /* hover эффект */
 .col-md-3:hover .service-icon {
     transform: scale(1.2);
     color: #ffffff;
 }

 .story {
     background-color: #243224;
 }

 .story-title {
     color: #cddc39;
     font-size: 2.5rem;
     margin-bottom: 20px;
 }

 .story-text {
     color: #e6e6d6;
     font-size: 1.1rem;
     line-height: 1.7;
 }

 .story-img {
     max-height: 350px;
     object-fit: cover;
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
 }

 .stats {
     background-color: #1a241a;
 }

 .stat-icon {
     font-size: 45px;
     color: #cddc39;
     margin-bottom: 15px;
     transition: 0.3s;
 }

 .stat-number {
     font-size: 2.5rem;
     color: #ffffff;
     font-weight: bold;
 }

 .stat-text {
     color: #e6e6d6;
     opacity: 0.8;
 }

 /* hover эффект */
 .col-md-3:hover .stat-icon {
     transform: scale(1.2);
     color: #ffffff;
 }

 .testimonials {
     background-color: #243224;
 }

 .test-title {
     color: #cddc39;
     font-size: 2.5rem;
 }

 .test-card {
     background-color: #1f2a1f;
     padding: 25px;
     border-radius: 15px;
     color: #e6e6d6;
     height: 100%;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
     transition: 0.3s;
 }

 .test-card p {
     font-size: 1.05rem;
     line-height: 1.6;
 }

 .test-card h6 {
     margin-top: 15px;
     color: #cddc39;
 }

 /* hover эффект */
 .test-card:hover {
     transform: translateY(-5px);
 }

 .contact {
     background-color: #1f2a1f;
 }

 .contact-box {
     background-color: #243224;
     padding: 30px;
     border-radius: 15px;
     width: 100%;
     max-width: 500px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 }

 .contact-box h2 {
     color: #cddc39;
 }

 .form-control {
     background-color: #1a241a;
     border: none;
     color: #e6e6d6;
 }

 .form-control::placeholder {
     color: #aaa;
 }

 /* POPUP */
 .popup {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     justify-content: center;
     align-items: center;
 }

 .popup-content {
     background: #243224;
     padding: 30px;
     border-radius: 15px;
     text-align: center;
     color: #e6e6d6;
     position: relative;
     width: 300px;
 }

 .popup-content h4 {
     color: #cddc39;
 }

 .close-btn {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 20px;
     cursor: pointer;
 }

 .news {
     background: #243224;
 }

 .news-title {
     color: #cddc39;
     font-size: 2.5rem;
 }

 .news-card {
     background: #1f2a1f;
     border-radius: 15px;
     overflow: hidden;
     transition: 0.3s;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
 }

 .news-card img {
     width: 100%;
     height: 230px;
     object-fit: cover;
 }

 .news-content {
     padding: 20px;
 }

 .news-category {
     color: #cddc39;
     font-size: 0.9rem;
 }

 .news-content h5 {
     color: #fff;
     margin: 10px 0;
 }

 .news-content p {
     color: #e6e6d6;
     font-size: 1rem;
     line-height: 1.6;
 }

 .news-card:hover {
     transform: translateY(-5px);
 }

 .guide {
     background: #1f2a1f;
 }

 .guide-title {
     color: #cddc39;
     font-size: 2.5rem;
 }

 .guide-icon {
     font-size: 45px;
     color: #cddc39;
     margin-bottom: 15px;
     transition: 0.3s;
 }

 .guide h5 {
     color: #fff;
 }

 .guide p {
     color: #e6e6d6;
     font-size: 1rem;
 }

 /* нижний текст */
 .guide-text {
     max-width: 700px;
     margin: auto;
     color: #ccc;
     line-height: 1.6;
 }

 /* hover */
 .col-md-4:hover .guide-icon {
     transform: scale(1.2);
     color: #fff;
 }

 .tips {
     background: #243224;
 }

 .tips-title {
     color: #cddc39;
     font-size: 2.5rem;
     margin-bottom: 20px;
 }

 .tips-text {
     color: #e6e6d6;
     font-size: 1.05rem;
     line-height: 1.7;
 }

 .tips-img {
     max-height: 350px;
     object-fit: cover;
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
 }

 .guide-table {
     background: #1f2a1f;
 }

 .guide-title {
     color: #cddc39;
     font-size: 2.5rem;
 }

 .guide-text {
     color: #e6e6d6;
     max-width: 600px;
     margin: auto;
     line-height: 1.6;
 }

 /* TABLE */
 .custom-table {
     background: #243224;
     color: #e6e6d6;
     border-radius: 10px;
     overflow: hidden;
     max-width: 800px;
 }

 .custom-table th {
     background: #2f3e2f;
     color: #cddc39;
 }

 .custom-table td,
 .custom-table th {
     border: none;
     padding: 12px;
     text-align: center;
 }

 .custom-table tr {
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .custom-table tbody tr:hover {
     background: #2a3a2a;
 }

 .cookie-banner {
     position: fixed;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     background: #243224;
     color: #e6e6d6;
     padding: 15px 20px;
     border-radius: 10px;
     display: none;
     align-items: center;
     gap: 15px;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
     z-index: 999;
 }

 .cookie-banner a {
     color: #cddc39;
     text-decoration: none;
 }

 .cookie-buttons button {
     background: #556b2f;
     border: none;
     color: #fff;
     padding: 6px 12px;
     margin-left: 5px;
     border-radius: 5px;
     cursor: pointer;
 }

 .cookie-buttons button:hover {
     background: #6b8e23;
 }