html, body { overflow: hidden; overflow-y: auto; padding-top: 40px; }
.body-1 { background-color: var(--color-background); }
#dataLinesCanvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.particles-background, .meteorShowerCanvas { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; }

.contact-social .social-label { font-size: 0.75rem; font-weight: 500; opacity: 0.8; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 0.5rem; }
.contact-social .social-links { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 0.5rem; }
.contact-social .social-links .social-link { width: 38px; height: 38px; background: transparent; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; transition: all 0.3s ease-in-out; border: 2px solid #99bb5b; }
.contact-social .social-links .social-link svg { width: 22px; height: 22px; fill: currentColor; }
#about-us { padding: 60px; }
.hero-video {
    display: none;
}

@media (min-width: 1025px) {
    .hero-video {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
}
.hero .icon-arrow {
    position: absolute;
    bottom: 20px;
    right: calc(50% + -10px);
}
.hero .icon-arrow svg.icon {
    width: 20px;
    height: 38px;
}
.hero { position: relative; height: 92vh; z-index: 1; padding: 0;  }
.hero .cta-buttons a:last-child { background: transparent; border-color: #8FBD46; }
.hero-info-content { padding-bottom: 28px; }
.hero-info-content h1 { max-width: 500px; }
.hero-info-content p { font-size: 22px; line-height: 1.2; }
.hero .hero-content, .hero .hero-content-home-1, .hero .hero-content-home-4 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.hero .hero-content .hero-info .cta .social-links, .hero .hero-content-home-1 .hero-info .cta .social-links, .hero .hero-content-home-4 .hero-info .cta .social-links { max-width: 150px; }
.hero .hero-content .hero-info .cta .social-links .social-link svg, .hero .hero-content-home-1 .hero-info .cta .social-links .social-link svg, .hero .hero-content-home-4 .hero-info .cta .social-links .social-link svg { color: #8FBD46; }
.hero .hero-content .hero-image, .hero .hero-content-home-1 .hero-image, .hero .hero-content-home-4 .hero-image { position: relative; max-width: 500px; height: auto; display: block; }
.hero .hero-content-home-1 { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; flex-wrap: nowrap; max-width: 1150px; }
.hero .hero-content-home-4 { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; }
.hero .hero-content-home-4 .hero-info { text-align: center; }
.hero .hero-content-home-4 .hero-info .cta { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; }

.main { background-color: var(--color-surface); }
.main .main-content { display: grid; grid-template-columns: repeat(1, 1fr); gap: 8rem; }
.main .main-content .service-cards-modern .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-self: center; }
.main .main-content .service-cards-modern .services-grid .service-card { width: 100%; height: 292px; padding: 1.5rem; gap: 1rem; border: 1px solid #99BB58; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; box-shadow: var(--box-shadow); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.main .main-content .service-cards-modern .services-grid .service-card:hover, .main .main-content .service-cards-modern .services-grid .service-card[data-aos]:hover, .main .main-content .service-cards-modern .services-grid .service-card[data-aos].aos-animate:hover { transform: scale(1.02) translateY(-5px); box-shadow: var(--box-shadow-hover); }
.main .main-content .service-cards-modern .services-grid .service-card[data-aos] { will-change: transform, opacity; }
.main .main-content .service-cards-modern .services-grid .service-card .service-icon { color: #072066; }
.main .main-content .service-cards-modern .services-grid .service-card .service-icon svg { width: 100px; height: 100px; }
.main .main-content .service-cards-modern .services-grid .service-card .service-description { text-align: center; }
.main .main-content .service-cards-classic .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; align-self: center; }
.main .main-content .service-cards-classic .services-grid .service-card { width: 100%; height: 292px; background-color: var(--color-surface); padding: 1.5rem; gap: 1.5rem; border: 1px solid var(--color-primary); border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; }
.main .main-content .service-cards-classic .services-grid .service-card .service-icon { color: #072066; }
.main .main-content .service-cards-classic .services-grid .service-card .service-icon svg { width: 100px; height: 100px; }
.main .main-content .service-cards-classic .services-grid .service-card .service-description { text-align: center; }

.split-section { overflow: hidden; }
.split-section .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin: 0 auto; padding: 0 1rem; }
.split-section .about-content { max-width: 600px; }
.split-section .about-content .section-title { color: var(--color-text-primary); margin-bottom: 1rem; }
.split-section .about-content h3 {font-weight: 500; }
.highlighted { color: var(--color-primary); }
.split-section .about-content .section-description { color: var(--color-text-secondary);margin-bottom: 1.5rem; line-height: 1.2; font-weight: 300; }
.split-section .about-content .features-grid { display: grid; gap: 1rem; }
.split-section .about-content .section-description + div.features-grid .feature-item { grid-template-columns: 14% 60%; position: relative; }
.split-section .about-content .section-description + div.features-grid .feature-item .feature-icon { font-size: 50px; width: 72px; height: 72px; background: #DDEBDA; border-color: #DDEBDA; margin-left: auto; margin-top: 0; margin-bottom: 0; }
.split-section .about-content .section-description + div.features-grid .feature-item .feature-icon:before { content: ''; width: 3px; height: 100%; background: #62A630; position: absolute; left: 0; border-radius: 2px; }
.split-section .about-content .section-description + div.features-grid .feature-item .feature-icon svg { width: 38px; height: 38px; margin-left: 4px; }
.split-section .about-content .section-description + div.features-grid .feature-item .feature-desc p { font-size: 18px; }
.split-section .about-content .section-description + div.features-grid .feature-item .feature-desc { padding-left: 14px; line-height: 1.3; }
.feature-item { display: grid; grid-template-columns: 20% 80%; transition: all 0.3s ease-in-out; }
.split-section .about-content .features-grid .feature-item .feature-icon { font-size: 2rem; color: var(--color-primary); margin-bottom: 0.5rem; }
.split-section:not(.blue) .about-content .features-grid .feature-item h4 { color: var(--color-text-primary); margin-bottom: 0; font-size: 24px; }
.split-section .about-content .features-grid .feature-item p { font-size: 0.875rem; }
.split-section .about-image { max-width: 500px; border-radius: 0.5rem; overflow: hidden; }
.split-section .about-image img { width: 100%; display: block; }

.main .main-content .about-our-company { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.main .main-content .about-our-company .about-info { max-width: 515px; }
.main .main-content .about-our-company .about-info .about-texts { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.25rem; }
.main .main-content .about-our-company .about-info .about-texts .about-info-title { color: var(--color-text-primary); }
.main .main-content .about-our-company .about-info .about-progress { display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; }
.main .main-content .about-our-company .about-image { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; max-width: 100%; height: 90%; overflow: hidden; }
.main .main-content .about-our-company .about-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }

.main .main-content .step-info .box-step-info { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; height: 800px; }
.main .main-content .step-info .box-step-info .step { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; position: absolute; height: auto; }
.main .main-content .step-info .box-step-info .step.up, .main .main-content .step-info .box-step-info .step.down, .main .main-content .step-info .box-step-info .step.left { left: 0px; width: 100%; }
.main .main-content .step-info .box-step-info .step.up { top: 0px; }
.main .main-content .step-info .box-step-info .step.right { right: 0px; }
.main .main-content .step-info .box-step-info .step.down { bottom: 0px; }
.main .main-content .step-info .box-step-info .step .process-info .process-icon { position: relative; color: var(--color-text-primary); transition: all 0.5s; }
.main .main-content .step-info .box-step-info .step .process-info .process-icon svg { width: 128px; height: 128px; }
.main .main-content .step-info .box-step-info .step .process-info .process-text { position: relative; }
.main .main-content .step-info .box-step-info .step .process-info .process-text .text { color: var(--color-text-primary); font-weight: 700; display: block; margin-bottom: 0.5rem; }
.main .main-content .step-info .box-step-info .step .process-info .process-text p { line-height: 1.6; margin: 0; font-size: 0.97rem; }
.main .main-content .step-info .box-step-info .central-image { width: 300px; height: 300px; margin-top: 10px; overflow: hidden; transition: all 0.5s; transform: scale(1); transform-origin: center center; border-radius: 50%; }
.main .main-content .step-info .box-step-info .central-image .image { width: 100%; height: 100%; object-fit: cover; }
.main .main-content .step-info .box-step-info .central-image:hover { transition: all 0.5s; }

.portfolio .portfolio-filters-container { margin-bottom: 3rem; }
.portfolio .portfolio-filters { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.portfolio .portfolio-filters .filter-btn { padding: 0.5rem 1rem; background-color: transparent; color: var(--color-text-secondary); border: 2px solid #e0e0e0; border-radius: 0.5rem; cursor: pointer; font-weight: 500; font-size: 0.875rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; }
.portfolio .portfolio-filters .filter-btn:hover { color: #8FBD46; border-color: #8FBD46; transform: translateY(-2px); }
.portfolio .portfolio-filters .filter-btn.active { background-color: #8FBD46; color: #ffffff; border-color: #8FBD46; box-shadow: 0 0 20px rgba(116, 116, 116, 0.1); }
section.blue { background: #000C2F; color: #fff; }
section.white { background: #fff; }
.portfolio .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.portfolio .portfolio-grid .portfolio-item { width: 100%; box-shadow: var(--box-shadow); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.portfolio .portfolio-grid .portfolio-item.isotope-item { z-index: 2; }
.portfolio .portfolio-grid .portfolio-item.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.portfolio .portfolio-grid .portfolio-item[data-aos] { will-change: transform, opacity; }
.portfolio .portfolio-grid .portfolio-item[data-aos]:hover .portfolio-card, .portfolio .portfolio-grid .portfolio-item[data-aos].aos-animate:hover .portfolio-card { transform: translateY(-8px); }
.portfolio .portfolio-grid .portfolio-item .portfolio-card { background-color: var(--color-surface); border-radius: 1rem; box-shadow: 0 0 20px rgba(116, 116, 116, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; flex-wrap: nowrap; border: 1px solid #99BB58; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card:hover { transform: translateY(-8px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.portfolio .portfolio-grid .portfolio-item .portfolio-card:hover .portfolio-image .image { transform: scale(1.1); }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-image { position: relative; height: 240px; overflow: hidden; border-radius: 1rem 1rem 0 0; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-image .image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-image:after { content: ''; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-info { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; position: absolute; bottom: 0; color: #fff; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-info h4 { font-size: 20px; font-weight: 600; margin-bottom: 2px; line-height: 1.3; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-info p:after { content: ''; display: block; width: 40px; height: 3px; background: #8FBD46; border-radius: 1px; margin-top: 10px; }
.portfolio .portfolio-grid .portfolio-item .portfolio-card .portfolio-info .portfolio-category { font-size: 0.875rem; color: #8FBD46; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; }
.portfolio .portfolio-empty { text-align: center; padding: 6rem 1.5rem; color: #9e9e9e; }
.portfolio .portfolio-empty h3 { font-size: 1.25rem; margin-bottom: 0.5rem; }
.portfolio .portfolio-empty p { font-size: 1rem; }
.portfolio .portfolio-loading { text-align: center; padding: 4rem; }
.portfolio .portfolio-loading::after { content: ""; display: inline-block; width: 40px; height: 40px; border: 4px solid #e0e0e0; border-top: 4px solid #8FBD46; border-radius: 50%; animation: spin 1s linear infinite; }

.main .main-content .blog { display: grid; grid-template-columns: 1fr 300px; gap: 1.5rem; }
.main .main-content .blog.no-blog-sidebar { grid-template-columns: repeat(1, 1fr); }
.main .main-content .blog .blog-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; }
.main .main-content .blog .blog-grid.blog-grid-col2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.main .main-content .blog .blog-grid.blog-grid-col3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.main .main-content .blog .blog-grid .blog-card { position: relative; display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; flex-wrap: nowrap; height: 430px; background-color: var(--color-surface); border-radius: 1rem; box-shadow: var(--box-shadow); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; }
.main .main-content .blog .blog-grid .blog-card[data-aos] { will-change: transform, opacity; }
.main .main-content .blog .blog-grid .blog-card[data-aos]:hover, .main .main-content .blog .blog-grid .blog-card[data-aos].aos-animate:hover, .main .main-content .blog .blog-grid .blog-card:hover { transform: translateY(-8px); }
.main .main-content .blog .blog-grid .blog-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.main .main-content .blog .blog-grid .blog-card:hover .blog-image .image { transform: scale(1.05); }
.main .main-content .blog .blog-grid .blog-card:hover .read-more { color: #8FBD46; }
.main .main-content .blog .blog-grid .blog-card:hover .read-more svg { transform: translateX(5px); }
.main .main-content .blog .blog-grid .blog-card .blog-image { position: relative; overflow: hidden; }
.main .main-content .blog .blog-grid .blog-card .blog-image .image { width: 100%; height: 100%; object-fit: cover; object-position: center -50px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.main .main-content .blog .blog-grid .blog-card .blog-image .blog-category { position: absolute; top: 1rem; left: 1rem; z-index: 10; }
.main .main-content .blog .blog-grid .blog-card .blog-image .blog-category .category-tag { background: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; backdrop-filter: blur(4px); transition: all 0.3s ease-in-out; }
.main .main-content .blog .blog-grid .blog-card .blog-content { padding: 1.5rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; gap: 0.5rem; height: 100%; flex-grow: 1; }
.main .main-content .blog .blog-grid .blog-card .blog-meta { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.5rem; }
.main .main-content .blog .blog-grid .blog-card .blog-meta .blog-date, .main .main-content .blog .blog-grid .blog-card .blog-meta .blog-author { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 0.25rem; color: #9e9e9e; font-size: 0.875rem; }
.main .main-content .blog .blog-grid .blog-card .blog-meta .blog-date svg, .main .main-content .blog .blog-grid .blog-card .blog-meta .blog-author svg { width: 16px; height: 16px; fill: currentColor; }
.main .main-content .blog .blog-grid .blog-card .blog-title { font-size: 1.125rem; font-weight: 600; line-height: 1.4; margin-bottom: 0.5rem; transition: all 0.3s ease-in-out; }
.main .main-content .blog .blog-grid .blog-card .blog-title:hover { color: #8FBD46; }
.main .main-content .blog .blog-grid .blog-card .blog-excerpt { font-size: 0.875rem; line-height: 1.6; margin-bottom: 1rem; flex-grow: 1; }
.main .main-content .blog .blog-grid .blog-card .blog-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin-top: auto; padding-top: 1rem; border-top: 1px solid #e0e0e0; }
.main .main-content .blog .blog-grid .blog-card .blog-footer .read-more { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 0.25rem; color: #8FBD46; font-weight: 500; font-size: 0.875rem; text-decoration: none; transition: all 0.3s ease-in-out; }
.main .main-content .blog .blog-grid .blog-card .blog-footer .read-more svg { width: 16px; height: 16px; fill: currentColor; transition: all 0.3s ease-in-out; }
.main .main-content .blog .blog-grid .blog-card .blog-footer .read-more:hover { color: #8FBD46; }
.main .main-content .blog .blog-grid .blog-card .blog-footer .blog-stats .reading-time { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 0.25rem; color: #9e9e9e; font-size: 0.75rem; }
.main .main-content .blog .blog-grid .blog-card .blog-footer .blog-stats .reading-time svg { width: 14px; height: 14px; fill: currentColor; }

.main .main-content .blog .blog-sidebar { background-color: var(--color-surface); padding: 1.5rem; border-radius: 0.5rem; color: var(--color-text-primary); }
.main .main-content .blog .blog-sidebar .search-box { display: flex; margin-bottom: 1.5rem; }
.main .main-content .blog .blog-sidebar .search-box input { flex: 1; padding: 0.5rem; border: 1px solid var(--color-border); border-radius: 0.5rem 0 0 0.5rem; background-color: var(--color-surface-scase); color: var(--color-text-primary); }
.main .main-content .blog .blog-sidebar .search-box button { background-color: var(--color-primary); color: #ffffff; border: none; padding: 0 1rem; border-radius: 0 0.5rem 0.5rem 0; cursor: pointer; }
.main .main-content .blog .blog-sidebar .search-box button i { font-size: 1rem; }
.main .main-content .blog .blog-sidebar h4 { font-weight: 700; margin-bottom: 1rem; color: var(--color-text-primary); }
.main .main-content .blog .blog-sidebar .title { padding: 20px 0px; }
.main .main-content .blog .blog-sidebar .categories ul, .main .main-content .blog .blog-sidebar .recent-posts ul { list-style: none; padding: 0; }
.main .main-content .blog .blog-sidebar .categories ul li, .main .main-content .blog .blog-sidebar .recent-posts ul li { display: flex; justify-content: space-between; padding: 0.5rem 0; border-bottom: 1px solid var(--color-border); color: var(--color-text-primary); }
.main .main-content .blog .blog-sidebar .categories ul li:last-child, .main .main-content .blog .blog-sidebar .recent-posts ul li:last-child { border-bottom: none; }
.main .main-content .blog .blog-sidebar .categories ul li span, .main .main-content .blog .blog-sidebar .recent-posts ul li span { font-weight: 700; }
.main .main-content .blog .blog-sidebar .categories ul li a { display: flex; justify-content: space-between; width: 100%; color: var(--color-text-primary); text-decoration: none; padding: 0.3rem 0.5rem; border-radius: 0.25rem; transition: background-color 0.3s ease, color 0.3s ease; }
.main .main-content .blog .blog-sidebar .categories ul li a:hover, .main .main-content .blog .blog-sidebar .categories ul li a.active { background-color: var(--color-primary); }
.main .main-content .blog .blog-sidebar .categories ul li a.active, .main .main-content .blog .blog-sidebar .categories ul li a.active span { color: #ffffff; }
.main .main-content .blog .blog-sidebar .recent-posts ul li { display: flex; align-items: center; }
.main .main-content .blog .blog-sidebar .recent-posts ul li img { width: 50px; height: 50px; border-radius: 0.25rem; margin-right: 0.5rem; object-fit: cover; }
.main .main-content .blog .blog-sidebar .recent-posts ul li div a { font-weight: 700; color: var(--color-text-primary); text-decoration: none; }
.main .main-content .blog .blog-sidebar .recent-posts ul li div a:hover { color: var(--color-primary); }
.main .main-content .blog .blog-sidebar .recent-posts ul li div span { display: block; font-size: 0.875rem; color: var(--color-text-muted); }
.main .main-content .blog .blog-sidebar .tags .tag-list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.main .main-content .blog .blog-sidebar .tags .tag-list a { background-color: var(--color-surface-scase); color: var(--color-text-primary); padding: 0.3rem 0.6rem; border-radius: 0.25rem; text-decoration: none; font-size: 0.875rem; }
.main .main-content .blog .blog-sidebar .tags .tag-list a:hover { background-color: var(--color-primary); color: #ffffff; }
.main .main-content .blog .blog-sidebar .social-icons { display: flex; gap: 1.5rem; }
.main .main-content .blog .blog-sidebar .social-icons .social-link svg { color: var(--color-text-primary); }
.main .main-content .blog .blog-sidebar .social-icons .social-link svg:hover { color: var(--color-primary); }

.contact-form .contact-form-container { max-width: 1000px; margin: 0 auto; }
.contact-form .contact-form-content { display: grid; grid-template-columns: 50% 50%; }
.contact-form .contact-info-card { color: #ffffff; padding: 1.5rem; border-radius: 1rem; height: fit-content; position: relative; overflow: hidden; }
.contact-form .contact-info-card .contact-info-header { margin-bottom: 1.5rem; position: relative; z-index: 1; }
.contact-info-header img { height: 150px; width: auto; margin-bottom: 26px; }
.contact-form .contact-info-card .contact-info-header h3 { font-size: 24px; font-weight: 700; margin-bottom: 0.5rem; color: #ffffff; }
.contact-form .contact-info-card .contact-info-header p { font-size: 0.875rem; line-height: 1.6; opacity: 0.9; margin: 0; }
.contact-form .contact-info-card .contact-details { margin-bottom: 1.5rem; position: relative; z-index: 1; }
.contact-form .contact-info-card .contact-details .contact-detail-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0.5rem; margin-bottom: 1rem; }
.contact-form .contact-info-card .contact-details .contact-detail-item:last-child { margin-bottom: 0; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-icon { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-icon svg { width: 100%; height: 100%; fill: currentColor; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-text { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0.25rem; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-text .label { font-size: 0.75rem; font-weight: 500; opacity: 0.8; text-transform: uppercase; letter-spacing: 0.5px; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-text .value { font-size: 21px; font-weight: 700; line-height: 1.5; color: #ffffff; }
.contact-form .contact-info-card .contact-details .contact-detail-item .contact-text a.value:hover{ color: #8FBD46; }
.contact-form .contact-social { position: relative; z-index: 1; float: right; }
.contact-form .contact-form-card { padding: 1.5rem; }
.contact-form .contact-form-card .contact-form-fields { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.contact-form .contact-form-card .contact-form-fields .form-group { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; gap: 0.25rem; }
.contact-form .contact-form-card .contact-form-fields .form-group.form-group-full { grid-column: 1/-1; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-label { font-size: 0.875rem; font-weight: 500; color: #424242; margin: 0; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-input:invalid:not(:focus):not(:placeholder-shown), .contact-form .contact-form-card .contact-form-fields .form-group .form-select:invalid:not(:focus):not(:placeholder-shown), .contact-form .contact-form-card .contact-form-fields .form-group .form-textarea:invalid:not(:focus):not(:placeholder-shown) { border-color: #dc3545; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-input::placeholder, .contact-form .contact-form-card .contact-form-fields .form-group .form-select::placeholder, .contact-form .contact-form-card .contact-form-fields .form-group .form-textarea::placeholder { color: #9e9e9e; opacity: 0.7; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-textarea { resize: vertical; min-height: 100px; line-height: 1.6; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-select { cursor: pointer; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); background-position: right 12px center; background-repeat: no-repeat; background-size: 16px; padding-right: 40px; appearance: none; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 0.5rem; cursor: pointer; font-size: 0.75rem; line-height: 1.5; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox { position: absolute; opacity: 0; cursor: pointer; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox:checked + .form-checkmark { background-color: #8FBD46; border-color: #8FBD46; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox:checked + .form-checkmark::after { display: block; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkmark { position: relative; width: 18px; height: 18px; border: 2px solid #e0e0e0; border-radius: 0.25rem; transition: all 0.3s ease-in-out; flex-shrink: 0; margin-top: 1px; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkmark::after { content: ""; position: absolute; display: none; left: 5px; top: 1px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox-text { color: #424242; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox-text .form-link { color: #8FBD46; text-decoration: none; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-checkbox-container .form-checkbox-text .form-link:hover { text-decoration: underline; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-error { font-size: 0.75rem; color: #dc3545; margin-top: -8px; display: none; }
.contact-form .contact-form-card .contact-form-fields .form-group .form-error.show { display: block; }
.contact-form .contact-form-card .contact-form-fields .form-actions { grid-column: 1/-1; margin-top: 0.25rem; }
.contact-form .contact-form-card .contact-form-fields .form-actions .form-submit-btn { width: 100%; position: relative; display: block; float: left; }
.wpcf7-not-valid-tip { font-size: 14px; }
.contact-form .contact-form-card .contact-form-fields .form-actions .form-submit-btn .btn-loading { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 0.5rem; }
.contact-form .contact-form-card .contact-form-fields .form-actions .form-submit-btn .btn-loading .loading-spinner { width: 18px; height: 18px; animation: spin 1s linear infinite; }
.contact-form .contact-form-card .contact-form-fields .form-actions .form-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; }
.contact-form .contact-form-card .contact-form-fields .form-status { grid-column: 1/-1; margin-top: 0.5rem; }
.contact-form .contact-form-card .contact-form-fields .form-status .form-success, .contact-form .contact-form-card .contact-form-fields .form-status .form-error-general { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 0.5rem; padding: 0.5rem; border-radius: 0.5rem; font-size: 0.875rem; }
.contact-form .contact-form-card .contact-form-fields .form-status .form-success svg, .contact-form .contact-form-card .contact-form-fields .form-status .form-error-general svg { width: 18px; height: 18px; flex-shrink: 0; }
.contact-form .contact-form-card .contact-form-fields .form-status .form-success { background: rgba(34, 197, 94, 0.1); color: #15803d; border: 1px solid rgba(34, 197, 94, 0.3); }
.contact-form .contact-form-card .contact-form-fields .form-status .form-success svg { fill: #22c55e; }
.contact-form .contact-form-card .contact-form-fields .form-status .form-error-general { background: rgba(220, 53, 69, 0.1); color: #dc3545; border: 1px solid rgba(220, 53, 69, 0.3); }
.contact-form .contact-form-card .contact-form-fields .form-status .form-error-general svg { fill: #dc3545; }

.counting-info { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; height: 500px; }
.counting-info .counting-content { max-width: 900px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; }
.counting-info .counting-content .info { max-width: 299px; }
.counting-info .counting-content .info .title, .counting-info .counting-content .info .text { color: #ffffff; }
.counting-info .counting-content .info .title { max-width: 250px; font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 1rem; }
.counting-info .counting-content .info .title .subinfo { color: #8FBD46; font-weight: 600; }
.counting-info .counting-content .info .text { font-size: 1rem; font-weight: 400; line-height: 1.6; margin-bottom: 1.5rem; }
.counting-info .counting-content .box-counting { align-self: center; align-items: center; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.counting-info .counting-content .box-counting .counts { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; color: #ffffff; background-color: rgba(30, 136, 229, 0.2); width: 180px; height: 160px; }
.counting-info .counting-content .box-counting .counts .number { font-size: 1.5rem; font-weight: 700; line-height: 1; margin-bottom: 0.25rem; }
.counting-info .counting-content .box-counting .counts .label { font-size: 0.875rem; font-weight: 500; text-align: center; line-height: 1.4; }
.counting-info .counting-content .box-counting .counts svg { width: 50px; height: 50px; margin-bottom: 0.5rem; }

.client-companies .customers-carousel .slider-container { gap: 30px; }
.client-companies .customers-carousel .client-company { height: 140px; margin-top: 20px; margin-bottom: 20px; border-radius: 1rem; transition: all 0.6s; }
.client-companies .customers-carousel .client-company .image { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: all 0.6s; border-radius: 1rem; }
.client-companies .customers-carousel .client-company:hover { transform: scale(1.1); }
.client-companies .customers-carousel .client-company:hover .image { filter: grayscale(0%); }

.contact-info { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; background-color: #0d1544; position: relative; height: 500px; }
.contact-info .contact-content { max-width: 800px; margin: 0 auto; text-align: center; }
.contact-info .contact-header { margin-bottom: 3rem; }
.contact-info .contact-header .contact-title { font-size: 1.875rem; font-weight: 700; color: #ffffff; margin-bottom: 1rem; line-height: 1.2; }
.contact-info .contact-header .contact-description { font-size: 1rem; font-weight: 400; color: rgba(255, 255, 255, 0.9); line-height: 1.6; max-width: 600px; margin: 0 auto; }
.contact-info .contact-actions .contact-cta { margin-bottom: 0.5rem; padding: 1rem 3rem; font-size: 1.125rem; font-weight: 600; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.contact-info .contact-actions .contact-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(30, 136, 229, 0.3); }

.page-header { position: relative; min-height: 400px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; overflow: hidden; }
.page-header .page-header-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.page-header .page-header-bg .digital-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 50px 50px; animation: grid-move 20s linear infinite; }
.page-header .page-header-bg .particles-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.page-header .page-header-bg .particles-container .particle { position: absolute; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; animation: particle-float 15s infinite ease-in-out; }
.page-header .page-header-bg .particles-container .particle:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; animation-duration: 12s; }
.page-header .page-header-bg .particles-container .particle:nth-child(2) { top: 60%; left: 20%; animation-delay: -2s; animation-duration: 14s; width: 6px; height: 6px; }
.page-header .page-header-bg .geometric-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-header .page-header-bg .geometric-overlay .geometric-shape { position: absolute; border: 1px solid rgba(255, 255, 255, 0.1); }
.page-header .page-header-bg .geometric-overlay .geometric-shape.shape-1 { width: 200px; height: 200px; top: 10%; left: -50px; border-radius: 50%; animation: geometric-rotate 25s linear infinite; }
.page-header .page-header-bg .geometric-overlay .geometric-shape.shape-2 { width: 150px; height: 150px; top: 60%; right: -30px; transform: rotate(45deg); animation: geometric-pulse 8s ease-in-out infinite; }
.page-header .page-header-content { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; position: relative; z-index: 10; text-align: center; max-width: 800px; padding: 0 1rem; }
.page-header .breadcrumb { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 0.5rem; margin-bottom: 1rem; font-size: 0.875rem; }
.page-header .breadcrumb .breadcrumb-link { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: all 0.3s ease-in-out; }
.page-header .breadcrumb .breadcrumb-link:hover { color: #ffffff; }
.page-header .breadcrumb .breadcrumb-separator { color: rgba(255, 255, 255, 0.6); display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; }
.page-header .breadcrumb .breadcrumb-separator svg { width: 16px; height: 16px; fill: currentColor; }
.page-header .breadcrumb .breadcrumb-current { color: #ffffff; font-weight: 500; }
.page-header .page-title { font-weight: 700; color: #ffffff; margin-bottom: 1rem; line-height: 1.2; text-align: center; }
.page-header .page-description { font-size: 1.125rem; color: rgba(255, 255, 255, 0.9); line-height: 1.6; max-width: 600px; margin: 0 auto; text-align: center; }
.page-header .floating-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; }
.page-header .floating-elements .floating-circle { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.05); }

/* Animaciones */
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes particle-float { 0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.6; } 25% { transform: translateY(-20px) translateX(10px); opacity: 1; } 50% { transform: translateY(-10px) translateX(-15px); opacity: 0.8; } 75% { transform: translateY(-30px) translateX(5px); opacity: 0.9; } }
@keyframes grid-move { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }
@keyframes geometric-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes geometric-pulse { 0%, 100% { transform: rotate(45deg) scale(1); opacity: 0.1; } 50% { transform: rotate(45deg) scale(1.1); opacity: 0.2; } }
@keyframes geometric-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }
@keyframes floating-1 { 0%, 100% { transform: translateY(0px) translateX(0px); } 33% { transform: translateY(-30px) translateX(20px); } 66% { transform: translateY(20px) translateX(-10px); } }

.button-group .inline { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.button-group .btn-group, .button-group .cta-buttons { margin-right: 0; margin-bottom: 0; }
input, select, textarea, .btn { border-radius: 20px !important; }
.feature-icon { width: 48px; height: 48px; background: transparent; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; border: 4px solid #DEE1E6; }
.feature-icon svg { width: 22px; height: 22px; fill: currentColor; }

section.service-areas .map { width: 100%; }
section.service-areas .map svg.icon { width: 100%; height: auto; min-height: 500px; }
section.service-areas .feature-icon { border: none; width: auto; height: auto; display: block; margin-bottom: 0 !important; }
section.service-areas .feature-icon svg.icon { width: 80px; height: 40px; }
section.service-areas>div:nth-child(2)>div:nth-child(2) { display: grid; width: 100%; }
section.service-areas>div:nth-child(2)>div:nth-child(2) .features-grid { margin-right: auto; }
section.service-areas .feature-desc { padding-left: 28px; position: relative; }
section.service-areas .feature-desc:before { content: ''; display: block; background: #99BB58; height: calc(100% - 10px); width: 2px; position: absolute; left: 10px; }
section.service-areas .feature-desc h4 { margin-bottom: 0; }
section.service-areas.split-section .about-content .features-grid{ gap: 2rem; }
section.service-areas.split-section .about-content .features-grid .feature-item { grid-template-columns: 20% 100%; }

section.services .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
section.services .features-grid .feature-icon { background: #E7F3E3; border: none; width: 65px; height: 65px; }
section.services .features-grid .feature-icon svg.icon { width: 28px; height: 28px; }
section.services .features-grid  .feature-item { font-size: 14px; line-height: 1.5; }
section.services .features-grid .feature-desc { font-weight: 500; font-size: 16px; }
section.services .features-grid  .feature-item h4 { margin-bottom: 6px; line-height: 1.5; }

.other-features-grid { background: #F5F8FC; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 10px; border-radius: 20px; margin-top: 40px; }
.other-features-grid .feature-icon { border: none; }
.other-features-grid .feature-icon svg { width: 30px; height: 30px; }
.other-features-grid .feature-desc { border-right: 1px solid #DFE1E6; font-weight: 500; line-height: 1.4; }
.other-features-grid>.feature-item:last-child .feature-desc { border: none; }
section#services .cta-buttons a.btn { min-width: 120px; }
section#services .cta-buttons { margin-top: 40px; }
form p { margin: 0; }
.wpcf7 form .wpcf7-response-output { border: none; margin: 0; }
#industries { position: relative; overflow: hidden; background: #020d32; isolation: isolate; }
#industries::after { content: ""; position: absolute; width: 45%; height: 630px; left: 50%; bottom: -20px; transform: translateX(-50%); background: rgba(105, 170, 55, 0.65); filter: blur(60px); border-radius: 50%; pointer-events: none; z-index: -1; }
#industries .container { position: relative; z-index: 1; }

section#products .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-bottom: 42px; }
section#products .features-grid .feature-icon:after { content: ''; height: 100%; width: 2px; background: #99BB58; position: absolute; right: -14px; }
section#products .features-grid .feature-icon { border: none; position: relative; }
section#products .features-grid .feature-desc h4 { margin: 0; }
section#products .features-grid .feature-desc { line-height: 1.2; font-weight: 500; }
section#products .features-grid .feature-icon svg.icon { width: auto; height: 42px; }

section#equipment-we-support .container>.features-grid{ display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 42px; }
section#equipment-we-support .features-grid .feature-item.grid-align-items-center { padding: 12px 0; border-bottom: 2px solid #99BB58; margin-right: 20%; }
section#equipment-we-support .cta-buttons { font-weight: 700; font-size: 20px; }
section#equipment-we-support .cta-buttons svg.icon { height: 38px; width: 38px; }
section#equipment-we-support .container>.features-grid .features-grid { margin-top: 14px; }
section#equipment-we-support .container>.features-grid .features-grid .feature-item { font-weight: 500; font-size: 14px; }
section#equipment-we-support .container>.features-grid>.feature>.feature-item .feature-icon { background: #0D1545; }
section#equipment-we-support .container>.features-grid .feature-icon { position: relative; border: none; }
section#equipment-we-support .features-grid .feature-icon svg { width: 26px; height: 26px; }
section#equipment-we-support .container>.features-grid .features-grid .feature-item h4 { margin: 0; }
section#equipment-we-support .container>.features-grid .features-grid .feature-item .feature-icon:after { content: ''; width: 1px; height: 80%; background: #99BB58; position: absolute; right: -4px; }


/* ========================================= */
/*       MEDIA QUERIES UNIFICADOS            */
/* ========================================= */

@media (min-width: 1440px) {
  #industries h3 { font-size: 50px; line-height: 1; }
}

@media (min-width: 1024px) {
  .contact-form .contact-form-card .contact-form-fields .form-actions .form-submit-btn { width: auto; min-width: 180px; }
}

@media (max-width: 1440px) {
  .portfolio .portfolio-grid { grid-template-columns: repeat(3, 1fr); }
  .main .main-content .pricing-plants .options-plants { grid-template-columns: repeat(3, 1fr); }
  .main .main-content .team .team-content { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1280px) {
  .contact-form .contact-form-content { grid-template-columns: 1fr; gap: 0; }
  .contact-form .contact-info-card, .contact-form .contact-form-card { padding: 0; }
  .counting-info { padding: 100px 0; }
}

@media (max-width: 1024px) {
  .features-grid {
      grid-template-columns: repeat(1, 1fr) !important;
  }
  .other-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .other-features-grid .feature-item {
    grid-template-columns: 30% 70%;
    font-size: 14px;
  }
  .other-features-grid>div:nth-child(even) .feature-desc {
      border: none;
  }
  .hero { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; height: 70vh; padding-bottom: 10px;background-image: radial-gradient(ellipse 95% 75% at 50% 48%, rgba(80, 105, 75, 0.85) 0%, rgba(45, 65, 68, 0.75) 35%, rgba(20, 30, 65, 0.35) 55%, rgba(13, 21, 69, 0) 100%);}
  .hero .hero-content, .hero .hero-content-home-1, .hero .hero-content-home-4 { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; gap: 1.5rem; }
  .hero .hero-content .hero-info, .hero .hero-content-home-1 .hero-info, .hero .hero-content-home-4 .hero-info { text-align: center;width: 100% !important; }
  .hero .hero-content .hero-info .hero-info-content, .hero .hero-content-home-1 .hero-info .hero-info-content, .hero .hero-content-home-4 .hero-info .hero-info-content { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; }
  .hero .hero-content .hero-info .cta, .hero .hero-content-home-1 .hero-info .cta, .hero .hero-content-home-4 .hero-info .cta { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; }
  .hero .hero-content .hero-info .cta .social-links, .hero .hero-content-home-1 .hero-info .cta .social-links, .hero .hero-content-home-4 .hero-info .cta .social-links { width: 100%; }
  .hero .hero-content .hero-info .cta .cta-buttons, .hero .hero-content-home-1 .hero-info .cta .cta-buttons, .hero .hero-content-home-4 .hero-info .cta .cta-buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; }
  .hero .hero-content .hero-image, .hero .hero-content-home-1 .hero-image, .hero .hero-content-home-4 .hero-image { max-width: 300px; margin-top: 1.5rem; }
  #about-us {
      padding: 20px;
  }
  .main .main-content .service-cards-modern .services-grid, .main .main-content .service-cards-classic .services-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .split-section .container { flex-direction: column; text-align: center; }
  .split-section .about-image { margin-top: 1.5rem; }
      .split-section .contact-info-header img {
        margin: 0 0 42px;
        display: block;
    }

    .split-section .contact-info-header {
    margin-bottom: 42px;
}

.split-section .about-content .section-description + div.features-grid .feature-item .feature-icon:before {
    display: none;
}
.split-section .about-content .section-description + div.features-grid .feature-item {
    grid-template-columns: 22% 78%;
}
  
  .main .main-content .about-our-company { display: grid; grid-template-columns: repeat(1, 1fr); gap: 1rem; padding-bottom: 0.5rem; }
  .main .main-content .about-our-company .about-info { max-width: 100%; }
  .main .main-content .step-info .box-step-info { height: auto; }
  .main .main-content .step-info .box-step-info .step { position: relative; }
  .main .main-content .step-info .box-step-info .step .process-info { position: relative; width: 100%; max-width: 400px; margin: 0 auto 1rem auto; padding: 1rem; background-color: rgba(255, 255, 255, 0.05); border-radius: 1rem; backdrop-filter: blur(10px); border: 1px solid rgba(30, 136, 229, 0.1); transition: all 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 0.5rem; }
  .main .main-content .step-info .box-step-info .step .process-info:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(30, 136, 229, 0.3); transform: translateY(-5px); }
  .main .main-content .step-info .box-step-info .step .process-info .process-icon { flex-shrink: 0; }
  .main .main-content .step-info .box-step-info .step .process-info .process-icon svg { width: 90px; height: 90px; }
  .main .main-content .step-info .box-step-info .step .process-info .process-text { flex: 1; top: 0; left: 0; max-width: none; }
  .main .main-content .step-info .box-step-info .step .process-info .process-text .text { font-size: 1rem; }
  .main .main-content .step-info .box-step-info .central-image { position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none; width: 200px; height: 200px; margin: 1rem auto !important; display: block; }
  .main .main-content .step-info .box-step-info .central-image:hover { transform: scale(1.05); }

  .portfolio .portfolio-grid { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
  .main .main-content .pricing-plants .options-plants { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .main .main-content .team .team-content { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .main .main-content .member-profile-page { grid-template-columns: 1fr; }
  
  .main .main-content .blog, .main .main-content .blog .blog-grid.blog-grid-col2, .main .main-content .blog .blog-grid.blog-grid-col3 { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
  .main .main-content .blog .blog-grid .blog-card .blog-image { height: 180px; }
  .main .main-content .blog .blog-grid .blog-card .blog-content { padding: 1rem; }
  .main .main-content .blog .blog-grid .blog-card .blog-title { font-size: 1rem; }

  .contact-form .contact-form-card .contact-form-fields { grid-template-columns: 1fr; gap: 1rem; }
  .contact-form .contact-info-card, .contact-form .contact-form-card { padding: 1rem; }
  section#equipment-we-support .features-grid .feature-item.grid-align-items-center {
    margin: 0;
}
  footer .contact-info-header img {
    margin: 24px auto;
    display: block;
}
.contact-form .contact-info-card .contact-details {
    margin: 0;
    text-align: center;
}
.contact-form .contact-social {
    margin-top: 14px;
}
}

@media (max-width: 576px) {
  .main .main-content .service-cards-modern .services-grid, .main .main-content .service-cards-classic .services-grid { grid-template-columns: 1fr; gap: 1rem; }
  .split-section .about-content .features-grid { grid-template-columns: 1fr; }
  .portfolio .portfolio-filters { gap: 0.25rem; }
  .portfolio .portfolio-filters .filter-btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; }
  .main .main-content .blog .blog-grid .blog-card .blog-meta { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.25rem; }
  .main .main-content .blog .blog-grid .blog-card .blog-footer { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 0.5rem; }
  
  .contact-info .contact-header { margin-bottom: 1rem; }
  .contact-info .contact-header .contact-title { font-size: 1.5rem; }
  .contact-info .contact-header .contact-description { font-size: 0.875rem; }
  .contact-info .contact-actions .contact-cta { padding: 0.5rem 1rem; font-size: 0.875rem; width: 100%; max-width: 280px; }
  
  .page-header { min-height: 300px; }
  .page-header .page-header-bg .digital-grid { background-size: 30px 30px; }
  .page-header .page-header-content { padding: 0 0.5rem; }
  .page-header .breadcrumb { margin-bottom: 0.5rem; }
  .page-header .page-title { font-size: 1.5rem; margin-bottom: 0.5rem; }
  .page-header .page-description { font-size: 0.875rem; }
}
@media (prefers-reduced-motion: reduce) {
  .page-header .particle, .page-header .geometric-shape, .page-header .floating-circle, .page-header .digital-grid { animation: none; }
}
.contact-social .social-links>a:first-of-type, .contact-social .social-links>p:first-of-type {
    display: none;
}