@charset "UTF-8";:root { --primary: rgba(15, 133, 50, 0.99); --primary-light: rgba(15, 133, 50, 0.8); --primary-dark: rgba(12, 97, 37, 0.99); --light: rgb(255, 255, 255); --danger: rgb(243, 10, 10); --nav-hover: rgba(255, 128, 0, 0.99); --background: rgba(247, 248, 248, 0.98); --font-size: 1.5rem; --button-width: 6rem; --rounding-l: 0.5rem; --rounding-s: 0.25rem; --gap: 1.6rem; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1); --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.2); --max-width: 1200px;}html { margin: 0; padding: 0; width: 100% !important; height: 100% !important;}html,body { font-family: Arial, Tahoma, Helvetica, sans-serif; background-color: var(--background); box-sizing: border-box; line-height: 1.5;}header,main,footer { width: 100%; max-width: 1280px; place-self: center; padding: 0.25rem; margin: 0.25rem;}h1,h2,h3,h4,h5,h6 { font-weight: 600; font-optical-sizing: auto; margin: 1rem 0.75rem;}h1 { color: var(--primary-dark); font-size: calc(var(--font-size) * 1.25); padding-top: 2rem;}h2 { font-size: calc(var(--font-size) * 0.94); padding-top: 1rem;}h3 { font-size: calc(var(--font-size) * 0.86);}p,li,a { font-size: calc(var(--font-size) * 0.7); padding: 0.12rem 0.25rem; font-weight: 400; text-align: justify;}a { margin: 0.75rem;}strong { font-weight: 600; font-size: inherit;}footer { display: flex; flex-wrap: wrap; flex-direction: column;}*,*::before,*::after { box-sizing: border-box;}*:focus { outline: 2px dashed var(--primary); outline-offset: 2px;}img { aspect-ratio: auto;}header { display: flex; align-items: center; justify-content: center; padding: 1.2rem;}nav { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%;}nav ul { display: flex; align-items: center; list-style: none; padding: 0.3rem 0; margin: 0; color: var(--primary-dark);}nav ul li { margin: 0; padding: 0.5rem 0;}nav ul li a { color: var(--primary-dark); font-size: calc(var(--font-size) * 0.9); font-weight: 600; text-decoration: none; padding: 0 0.3rem;}nav ul li a:hover { color: var(--nav-hover); cursor: pointer;}.hamburger-menu { display: none; flex-direction: column; justify-content: space-around; width: 30px; height: 25px; cursor: pointer; z-index: 1001;}.hamburger-menu span { display: block; width: 100%; height: 3px; background-color: var(--primary); border-radius: 2px; transition: all 0.3s ease-in-out;}.section { max-width: var(--max-width); margin: 2rem auto; padding: 1rem;}ul { padding-left: 1.25rem; list-style: disc;}ul li { margin-bottom: 0.5rem;}.icon { width: 5rem; height: 5rem;}.hero { display: flex; align-items: center; justify-content: space-between; padding: 4rem 2rem; gap: 2rem;}.hero .column { flex: 1;}.hero h1 { padding-bottom: 2rem;}.column { flex: 1;}.flex-end { display: flex; justify-content: end;}.cards-container { display: flex; position: relative; gap: 5rem; max-width: var(--max-width); margin: 0 auto; padding: 2rem;}.cards-container .row { flex-direction: row;}.left-line { border-left: 4px solid var(--primary);}.card { display: flex; position: relative; flex-direction: column; justify-content: space-between; align-items: center; padding: var(--gap); flex: 1 1 100%; margin-bottom: var(--gap); background-color: var(--light); border-radius: var(--rounding-l);}.card-center { justify-content: center;}.card-flex-end { justify-content: flex-end;}.shadow { border-radius: var(--rounding-l); box-shadow: var(--shadow-sm), var(--shadow-md);}.bg-light { background-color: var(--light);}.bg-primary { background-color: var(--background);}.round { border-radius: var(--rounding-l);}.flex { display: flex; flex-wrap: wrap;}.wrap { flex: 0 0 55%;}ul li img { display: block; width: 15rem; height: auto;}.button,.btn,input[type="submit"] { width: var(--button-width); background-color: var(--primary); color: var(--light); border-radius: var(--rounding-s); border: none; padding: 0.5rem; font-size: 0.9rem; font-weight: 500; text-align: center; text-decoration: none; transition: all 0.3s ease; cursor: pointer;}.button:hover,.button:focus,.btn:hover,.btn:focus,input[type="submit"]:hover { background-color: var(--primary-dark); box-shadow: var(--shadow-md), var(--shadow-sm);}input,select,textarea { width: 100%; padding: 0.3rem 1rem; margin: 0.3rem 0; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; transition: all 0.3s ease; box-sizing: border-box;}input:hover,textarea:hover,input:focus,textarea:focus { border: 2px solid var(--primary); box-shadow: var(--shadow-md), var(--shadow-sm);}input[type="checkbox"] { accent-color: var(--primary); width: 3rem; box-shadow: none; outline: none;}textarea { height: 8rem;}.industries { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem;}.industry-card { background: var(--light); padding: 1rem; border-radius: 0.25rem; text-align: center;}.industry-card img { margin: 0.5rem;}.process-steps { display: flex; flex-direction: row; width: 100%; padding: 2rem 0; gap: 1.2rem; align-items: center; justify-content: center;}.process-step { display: block; flex: 1 0 0; background: var(--light); padding: 1rem; border: var(--shadow-sm); border-radius: var(--rounding-l); height: 180px; width: 260px;}.process-step>h3 { font-size: calc(var(--font-size) * 0.7);}.step { display: none; position: relative; background-color: var(--primary); color: var(--light); font-size: 32px; font-weight: 600; width: 50px; height: 60px; padding: 0.5rem 1rem 1rem 1rem; margin: 0; top: -1rem; left: -1rem;}.process-step>.step { display: none;}.parteners { display: flex; align-items: center; justify-content: space-between; padding-bottom: 3rem;}.service-block { background: var(--background); border-left: 4px solid var(--primary); padding: 1rem 1.25rem; border-radius: 0.25rem; margin-bottom: 1.5rem;}.service-block>h3,.card h3 { color: var(--primary-dark);}#stickyButton { --size: 1.4rem; position: fixed; bottom: var(--size); right: var(--size); width: calc(var(--size) * 2); height: calc(var(--size) * 2); display: flex; justify-content: center; align-items: center; background-color: var(--primary); border-radius: var(--rounding-s); z-index: 5;}#stickyButton>a { padding: 0;}.center { display: flex; align-items: center; justify-content: center;}.phone { display: flex; align-items: center;}.phone img { width: 3rem; height: 3rem;}picture img { display: block; border-radius: var(--rounding-l);}.contact-us { flex-direction: column; color: var(--light); background-color: var(--primary); margin: 2rem; padding: 2rem;}.success { color: var(--primary);}.error { color: var(--danger);}@media (max-width: 768px) { .header { flex-wrap: wrap; justify-content: space-between; } .header nav { display: none; flex-direction: column; width: 100%; background-color: var(--background); position: absolute; top: 100%; left: 0; padding: 1rem 0; z-index: 1000; } .header nav ul { flex-direction: column; } .header nav.active { display: flex; position: relative; } .hamburger-menu { display: flex; } .hamburger-menu.active span:nth-child(1) { transform: translateY(11px) rotate(45deg); } .hamburger-menu.active span:nth-child(2) { opacity: 0; } .hamburger-menu.active span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); } .hero { flex-direction: column; text-align: center; padding: 2rem 1rem; } .hero .column { flex: unset; max-width: 100%; } .hero h1 { margin: auto; } .cards-container { display: block; padding: 0; } .cards-container .row { flex-direction: column; } .parteners { flex-wrap: wrap; justify-content: center; } .wrap { flex: 1 0 100%; } picture img { display: block; max-width: 100%; border-radius: var(--rounding-l); } .column { flex: unset; max-width: 100%; } #arrow-line { display: none; } .process-steps { flex-direction: column; width: 100%; } .process-step { width: 100%; height: auto; } .process-step>.step { display: block; }}