:root {--datacan-gray: 83, 86, 90;--datacan-green: 105, 188, 69;--black-ish: 0, 0, 0;--white: 255, 255, 255;--warm-gray: 245, 244, 240;--border-radius: 8px;--mobile-break: 1399.98px;}h1, h2, h3, h4, h5 {font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;line-height: 1;color: rgba(var(--datacan-gray), 1);span {color: rgba(var(--datacan-green), 1);}strong {font-weight: 700;}}h1 {font-size: 80px;}h2 {font-size: 50px;}h4 {color: rgba(var(--datacan-gray), 1);font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-size: 1.7em;line-height: 1.2;position: relative;z-index: 5;}h5 {color: rgba(var(--datacan-green), 1);font-size: 30px;}p {font-size: 1.2rem;line-height: 1.4em;}section {padding: 40px;}footer {margin: 0px;padding: 40px 0px;}.break {display: block;}header {background: radial-gradient(circle,rgba(69, 124, 46, 1) 0%, rgba(105, 188, 69, 1) 100%);padding-top: 125px;@media (max-width: 1399.98px) {padding-top: 65px;}}#headerContent {padding: 60px 0px;@media (max-width: 1399.98px) {padding: 40px;}}#headerContent h1 {font-size: 4rem;font-weight: 800;line-height: 1;color: rgba(255, 255, 255, 1);@media (max-width: 1399.98px) {font-size: 3rem;font-weight: 800;}}#headerContent h2 {font-size: 3rem;color: rgba(255, 255, 255, 0.8);line-height: 1;padding-top: 10px;line-height: 1.25;@media (max-width: 1399.98px) {font-size: 2rem;line-height: 1.25;}}.page-banner {position: relative;height: 65vh;overflow: hidden;margin-top: -185px;margin-bottom: -60px;@media (max-width: 1399.98px) {height: 45vh;margin-top: -65px;margin: -38px -40px -40px;}.banner {position: absolute;width: 100%;background-size: cover;background-position: center;display: flex;align-items: flex-end;justify-content: center;background: #333;background: radial-gradient(circle,rgba(30, 30, 30, 1) 0%, rgba(0, 0, 0, 1) 100%);height: 100%;width: 100%;.banner-content {margin-bottom: 80px;z-index:2;}&.home-banner::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("/img/banners/landing-small.webp");background-size: cover;background-position: center center;opacity: 0.7;z-index: 1;}}}.page-hero{text-align: center;margin-bottom: 20px;p {max-width: 800px;margin: auto;padding: 10px 0px 0px 0px;color: rgba(var(--datacan-gray), 1);font-weight: 500;font-size: 1.2em;line-height: 1.5;}.buttons {padding: 30px 0px 0px;}.btn-lg {color: rgba(var(--white), 1);;background-color: rgba(var(--datacan-green), 1);font-size: 20px;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;line-height: 1;border-radius: 50px;padding: 20px 30px 20px;border: 3px solid rgba(var(--datacan-green), 1);margin: 0px 10px;&:hover {color: rgba(var(--datacan-green), 1);background-color: rgba(var(--white), 1);;}}.btn-outline-success {background-color: rgba(var(--white), 1);color: rgba(var(--datacan-green), 1);}}.datacan-card {height: 500px;display: block;background: rgba(var(--warm-gray), 1) no-repeat bottom center / cover;overflow: hidden;transition: background-color 0.5s ease-in-out;border: none;&:hover {background-color: rgba(var(--datacan-green), 0.25);}.card-title {color: rgba(var(--datacan-gray), 1);font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-size: 1.7em;line-height: 1.2;position: relative;z-index: 5;}.card-text {color: rgba(var(--datacan-gray), 1);font-size: 1em;line-height: 1.2;position: relative;z-index: 5;margin-bottom: 20px;}}.datacan-social-card {border: 0px;.card-body {height: 200px;display: block;overflow: hidden;mask-image: linear-gradient(to bottom, black 60%, transparent 100%);-webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);padding: 25px 0px;}.card-footer {border: 0px;padding: 15px 0px;background-color: rgba(var(--white), 1);;.btn i {padding: 0px 8px 0px 0px;}}}.badge-datacan-green {font-size: 14px;color: rgba(var(--datacan-green), 1);border: 2px solid rgba(var(--datacan-green), 1);padding: 8px 12px;margin: 0px 0px 10px 0px;}.lets-connect {padding: 80px 40px 100px 40px;h5 {color: #fff;}.lets-connect-box {background-color: rgba(var(--datacan-gray), 1);color: rgba(var(--white), 1);border-radius: 15px;margin-bottom: 80px;max-width: 1700px;}a {text-decoration: none;font-weight: 600;color: rgb(var(--white));font-size: 18px;display: block;padding: 3px 0px;&:hover {color: rgb(var(--datacan-green));}}hr {border: 0;height: 6px;margin: 15px 0px 10px 0px;border-radius: 3px;background-image: linear-gradient(to right, rgba(var(--white), 1) 0 25%, rgba(var(--white), 0));}@media (max-width: 1399.98px) {padding: 40px;}}.page-hero h4 {font-size: 2.5rem;color: rgba(var(--white), 1);;font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;font-variation-settings: "wdth" 100;line-height: 1;}.social-links {list-style-type: none;padding: 0;margin: 0;}#sub-footer {background: #edeeef;padding: 0px 40px;}.datacan-top-nav {font-family: "Open Sans", sans-serif;max-width: 1800px;margin: auto;font-size: 20px;font-weight: 600;}.contactContent {.card {border-radius: 15px;padding: 20px;background: rgba(var(--warm-gray), 1);border: none;a {text-decoration: none;font-weight: 600;color: rgb(var(--datacan-green));font-size: 20px;&:hover {color: #333;}}.card-header {font-weight: 700;background-color: transparent;border-bottom: none;font-size: 24px;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;}.card-body, .card-body address{font-size: 20px;line-height: 1.5;}.card-footer {margin-top: 10px;font-weight: 700;background-color: transparent;font-size: 20px;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 200;border: none;color: rgba(var(--black-ish), 0.5);}}}.accordion {border-radius: 15px;background-clip: padding-box;overflow: hidden;--bs-accordion-border-radius: 15px;}.accordion-button {color: rgb(var(--black-ish));background-color: rgba(var(--warm-gray), 1);}.accordion-button:not(.collapsed) {color: rgb(var(--black-ish));background-color: rgba(var(--datacan-green), 0.15);}.location {border-radius: 12px;overflow: hidden;}.location-header {background: rgba(var(--datacan-green), 1);}.location-header h2 {color: rgba(var(--white), 1);;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-size: 28px;line-height: 28px;margin: 0px;padding: 0px;;}.location-address {background: #3a4147;color: rgba(var(--white), 1);;}.location-address h4 {text-transform: uppercase;}.location-time {font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 200;font-size: 35px;line-height: 1.2;margin: 0px;padding: 0px;}.location-contacts {background: #dde2e6;}.btn-download {font-size: 20px;font-weight: 500;color: rgba(var(--white), 1);;border: 3px solid rgba(255, 255, 255, 0.3);}.btn-download:hover {color: rgba(var(--white), 1);;border: 3px solid rgba(255, 255, 255, 1);}.btn-download i {font-size: 50px;}.datasheet-icon {display: block;height: 60px;width: 60px;margin: 8px auto;@media (max-width: 1399.98px) {height: 45px;width: 45px;margin: 6px auto;}@media (max-width: 769.98px) {display: inline-block;height: 20px;width: 20px;margin: -6px 5px 0px 0px;}}.btn-datacan-light {color: rgba(var(--black-ish), 1);;background-color: rgba(var(--white), 1);;border: 2px solid rgba(var(--white), 1);;border-radius: 30px;text-transform: uppercase;font-weight: 500;line-height: 20px;padding: 12px 20px;}.btn-datacan-light i {margin-left: 8px;}.btn-datacan-light:hover {color: rgba(var(--white), 1);;background-color: rgba(var(--black-ish), 1);;border: 2px solid rgba(var(--black-ish), 1);;}#posts {margin-top: 40px;a {text-decoration: none;}}.navbar {position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1700px;z-index: 1000;.dropdown {.dropdown-menu:last-child {border-bottom: none;}.dropdown-menu {border: 2px solid rgba(var(--white), 1);padding: 0px;margin: 0px;border-radius: 0px 13px 13px 13px;margin: -20px 0px 0px 6px;overflow: hidden;}.dropdown-item {padding: 15px 20px;font-weight: 600;border-bottom: 2px solid #fff;background-color: rgba(var(--datacan-green), 0.15);}.dropdown-item:hover {background-color: rgba(var(--datacan-green), 0.30);}.dropdown-menu .last {border-bottom: none;}}@media (max-width: 1399.98px) {top: 0;margin: 0px;.navbar-collapse {.navbar-nav {border-bottom: 1px solid rgba(var(--datacan-gray), 0.3);}.nav-link {padding: 20px 30px;border-top: 1px solid rgba(var(--datacan-gray), 0.3);}.nav-link.show {color: rgba(var(--datacan-gray), 1);}.nav-link:hover {color: rgba(var(--datacan-gray), 0.5);}.dropdown-menu:last-child {border-bottom: none;}.dropdown-menu {border: none;padding: 0px;margin: 0px;border-radius: 13px;margin: 0px 20px 30px 30px;overflow: hidden;}.dropdown-item {padding: 20px 25px;font-weight: 600;border-bottom: 2px solid #fff;background-color: rgba(var(--datacan-green), 0.15);}.dropdown-item:hover {background-color: rgba(var(--datacan-green), 0.30);}}}}.navbar-datacan-D {background-color: rgba(255, 255, 255, 1);padding: 0px;border-radius: 13px 50px 50px 13px;font-family: "Open Sans", sans-serif;font-size: 20px;font-weight: 600;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);@media (max-width: 1399.98px) {border-radius: 0px;}}.navbar-datacan-D .nav-link {padding: 28px 0px;}.navbar-datacan-D .nav-item.active .nav-link {color: rgba(var(--black-ish), 1);;}.navbar-datacan-D .nav-item .nav-link:hover {color: rgba(var(--datacan-green), 1);}.navbar-datacan-D .datacan-logo img {height: 45px;@media (max-width: 1399.98px) {height: 40px;}}.navbar-toggler {background-color: rgba(var(--datacan-green), 1);border-radius: 13px;color: #fff;}.navbar-collapse {@media (max-width: 1399.98px) {background-color: var(--datacan-gray, 1);.nav-link:hover {background-color: var(--datacan-gray, 1);}}}.btn-datacan {background-color: rgba(var(--datacan-green), 1);border-radius: 11px;padding: 11px 18px 12px 18px;margin-right: 22px;color: rgba(var(--white), 1);;font-size: 20px;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;line-height: 1;border: 2px solid rgba(var(--datacan-green), 1);transition: all 0.25s ease-in;&:hover {background-color: rgba(var(--white), 1);border: 2px solid rgba(var(--datacan-green), 1);}}.btn-datacan-D {background-color: rgba(var(--datacan-green), 1);border-radius: 11px 30px 30px 11px;padding: 10px 20px 12px 16px;margin-right: 22px;color: rgba(var(--white), 1);;font-size: 20px;font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;line-height: 1;border: 2px solid rgba(var(--datacan-green), 1);transition: all 0.25s ease-in;&:hover {background-color: rgba(var(--white), 1);border: 2px solid rgba(var(--datacan-green), 1);}}.nav-search, .cal-form, #request {.form-control, .form-select {border: 2px solid rgba(var(--black-ish), 0.25);padding: 6px 12px;font-family: "Open Sans", sans-serif;font-size: 20px;&:focus {border: 2px solid rgba(var(--datacan-green), 1);}}}.breadcrumb .breadcrumb-item a {color: rgba(var(--datacan-gray), 1);text-decoration: none;}.breadcrumb .breadcrumb-item.active {color: rgba(var(--datacan-gray), 1);font-weight: 600;}.breadcrumb .breadcrumb-item a:hover {color: rgba(var(--datacan-green), 1);;}#searchResults ul {list-style-type: none;margin: 20px 0px;padding: 15px 0px 0px 0px;border-top: 2px solid rgba(var(--datacan-gray), 1);}#searchResults ul li {padding: 15px 0px;a h4 {color: rgba(var(--datacan-green), 1);font-size: 1.6em;margin: 0px;}p {margin: 0px;}}#searchResults ul p {margin: 15px 0px 0px 0px;}#searchResults ul li a {text-decoration: none;color: rgba(var(--datacan-green), 1);}#searchResults ul li a p {color: rgba(var(--datacan-gray), 1);}#searchResults ul li a:hover {text-decoration: none;color: rgba(var(--datacan-green), 1);}.product {&:first-child {margin-top: 0px;}h5 {margin-top: 40px;}}.title {color: rgba(var(--datacan-gray), 1);font-family: "Gabarito", sans-serif;font-optical-sizing: auto;font-weight: 500;font-size: 1.7em;line-height: 1.2;}.about, .testimonials {max-width: 1000px;margin: 0px auto;img {max-width: 100%;}}footer {font-family: "Open Sans", sans-serif;font-size: 16px;font-weight: 600;box-shadow: 30px 30px 100px rgba(var(--datacan-gray), 0.5);img {max-width: 250px;}.nav-link {padding: 10px 0px;border: none;svg {margin-right: 5px;}}.nav-link:hover {color: rgba(var(--datacan-gray), 0.5);}@media (max-width: 1399.98px) {box-shadow: none;margin: 40px;font-size: 20px;font-weight: 600;padding: 0px;.nav-link {padding: 20px 30px;border-top: 1px solid rgba(var(--datacan-gray), 0.3);}.datacan-leaf {display: block;margin: 0px 30px 25px;}}}.special {display: none;}