body {
  background: #161d38;
}

 .blue-layout {
	 width: 100%;
	 font-family: 'DM Sans', sans-serif;
	 background: #161d38;
}
 .blue-layout h1, .blue-layout h2, .blue-layout h3, .blue-layout h4, .blue-layout h5, .blue-layout h6 {
	 margin-bottom: 0;
}
 .blue-layout p, .blue-layout li {
	 font-family: 'DM Sans', sans-serif;
	 font-weight: 400;
	 color: #a8b1de;
	 margin: 0;
	 line-height: normal;
}
 .blue-layout a {
	 text-decoration: none;
	 color: inherit;
	 transition: 0.2s ease-in-out;
}
 .blue-layout a:visited, .blue-layout a:hover, .blue-layout a:active {
	 color: inherit;
}
 .blue-layout .clickable {
	 cursor: pointer;
}
 .blue-layout .hover-opacity {
	 transition: 0.2s ease-in-out;
	 opacity: 1;
}
 .blue-layout .hover-opacity:hover {
	 opacity: 0.8;
}
 .blue-layout .red {
	 color: red;
}
 .blue-layout .medium-text {
	 font-size: 0.9em;
}
 .blue-layout .yellow-text {
	 color: #ffc531;
}
 .blue-layout .yellow-underline-link {
	 color: #ffc531;
	 transition: 0.2s ease-in-out;
	 display: inline-block;
	 position: relative;
}
 .blue-layout .yellow-underline-link:visited, .blue-layout .yellow-underline-link:hover, .blue-layout .yellow-underline-link:active {
	 color: #ffc531;
}
 .blue-layout .yellow-underline-link::after {
	 content: '';
	 position: absolute;
	 width: 100%;
	 transform: scaleX(0);
	 height: 2px;
	 bottom: 0;
	 left: 0;
	 background-color: #79cfff;
	 transform-origin: bottom right;
	 transition: transform 0.25s ease-out;
}
 .blue-layout .yellow-underline-link:hover::after {
	 transform: scaleX(1);
	 transform-origin: bottom left;
}
 .blue-layout .lightblue-text {
	 color: #79cfff;
}
 .blue-layout .brightgreen-text {
	 color: #8dffd6;
}
 .blue-layout .big-text {
	 font-size: 1.5em;
}
 .blue-layout .small-caps-label {
	 font-size: 0.8em;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}
 .blue-layout .hidden {
	 display: none;
	 opacity: 0;
}
 .blue-layout .text-right {
	 text-align: right;
}
 .blue-layout #topnav {
	 position: -webkit-sticky;
	 position: sticky;
	 top: 0;
	 z-index: 1000;
	 height: 65px;
	 background: rgba(22, 29, 56, 0.8);
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .blue-layout #topnav .navlink {
	 border-radius: 5px;
	 margin: 0 5px;
	 transition: 0.3s ease-in-out;
	 padding: 5px 0;
	 color: #eee;
}
 .blue-layout #topnav .navlink:hover {
	 background: rgba(255, 255, 255, 0.1);
}
 .blue-layout .hamburger-icon {
	 color: #fff;
	 font-size: 2em;
}
 .blue-layout #mobile_topnav_dropdown {
	 display: none;
	 width: 100%;
	 height: 100%;
	 background: #1d2547;
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: 100;
	 padding: 30px;
	 padding-top: 100px;
}
 .blue-layout #mobile_topnav_dropdown .navlink {
	 display: block;
	 color: #fff;
	 font-size: 1.3em;
	 border-radius: 10px;
	 padding: 20px;
	 transition: 0.2s ease-in-out;
	 background: rgba(255, 255, 255, 0.1);
	 opacity: 1;
}
 .blue-layout #mobile_topnav_dropdown .navlink:hover {
	 opacity: 0.8;
}
 .blue-layout #mobile_topnav_dropdown button {
	 display: block;
	 width: 100%;
	 margin: 0px auto;
}
 .blue-layout .heading-text {
	 color: #fff;
}
 .blue-layout .heading-text h1 {
	 font-size: 4.5em;
	 font-family: 'DM Sans', sans-serif;
	 font-weight: 500;
	 line-height: 100%;
	 padding: 15px 0;
}
 .blue-layout .heading-text h5 {
	 font-weight: 400;
	 color: #a8b1de;
}
 .blue-layout .heading-text button {
	 opacity: 0.9;
	 transition: 0.2s ease-in-out;
}
 .blue-layout .heading-text button:hover {
	 opacity: 1;
}
 .blue-layout #hero-text {
	 z-index: 10;
	 margin-top: 10%;
}
 .blue-layout #hero-text h5 {
	 color: #a8b1de;
}
 .blue-layout #hero-text h1 {
	 letter-spacing: 3px;
	 line-height: 60%;
}
 .blue-layout #hero-text .italic-header {
	 font-weight: 400;
	 font-style: italic;
	 line-height: 60%;
}
 .blue-layout #hero-text .header-slider {
	 position: relative;
	 width: 600px;
	 height: 100px;
	 overflow: hidden;
}
 .blue-layout #hero-text .header-slider .italic-header {
	 position: absolute;
	 display: block;
	 top: 0;
	 width: 100%;
	 transition: 0.2s linear;
	 animation-duration: 10s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
}
 .blue-layout #hero-text .header-slider #header-digitalisation {
	 animation-name: animation-digitalisation;
	 color: #ffc531;
}
 .blue-layout #hero-text .header-slider #header-automation {
	 animation-name: animation-automation;
	 color: #79cfff;
}
 .blue-layout #hero-text .header-slider #header-management {
	 animation-name: animation-management;
	 color: #8dffd6;
}
 .blue-layout #scroll_paragraph {
	 font-weight: 400;
	 color: #cdd2ec;
}
 .blue-layout #content_container {
	 height: 100%;
}
 .blue-layout #right_grid_container {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 50%;
}
 .blue-layout .stat-box {
	 position: absolute;
	 text-align: center;
	 padding: 15px 30px;
	 z-index: 15;
	 animation-duration: 10s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
}
 .blue-layout .stat-box h1, .blue-layout .stat-box h3 {
	 line-height: 70%;
	 letter-spacing: 3px;
	 margin: 10px 0;
}
 .blue-layout .stat-box p {
	 color: #a8b1de;
	 font-size: 0.8em;
}
 .blue-layout .stat-box#projects-stat {
	 top: 140px;
	 right: 280px;
	 border: 1px solid #79cfff;
	 animation-name: projects-stat-animation;
}
 .blue-layout .stat-box#projects-stat h1 {
	 color: #79cfff;
}
 .blue-layout .stat-box#hectares-stat {
	 top: 200px;
	 left: 180px;
	 border: 1px solid #ffc531;
	 animation-name: hectares-stat-animation;
}
 .blue-layout .stat-box#hectares-stat h1 {
	 color: #ffc531;
}
 .blue-layout .stat-box#gfa-stat {
	 top: 400px;
	 left: 100px;
	 border: 1px solid #8dffd6;
	 animation-name: gfa-stat-animation;
}
 .blue-layout .stat-box#gfa-stat h3 {
	 color: #8dffd6;
}
 .blue-layout .stat-box#gfa-stat h3 span {
	 font-weight: 400;
	 letter-spacing: normal;
}
 .blue-layout .side-grid-path {
	 animation-name: side-grid-path-animation;
	 animation-duration: 10s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
}
 .blue-layout .brand-logo {
	 width: 120px;
	 height: 80px;
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
	 opacity: 0.7;
}
 .blue-layout #get_started_container {
	 margin-top: 100px;
	 background: linear-gradient(157deg, rgba(29, 37, 71, 1) 0%, rgba(22, 29, 56, 1) 100%);
	 width: 90%;
	 height: 500px;
	 padding: 30px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
}
 .blue-layout #get_started_container h1 {
	 color: #fff;
	 font-size: 3.5em;
	 font-weight: 600;
}
 .blue-layout #get_started_container h2 {
	 font-size: 1.5em;
	 font-weight: 400;
	 color: #ffc531;
}
 .blue-layout .bright-green-btn {
	 background: #8dffd6;
	 padding: 10px 20px;
	 border: none;
	 font-weight: 500;
	 transition: 0.3s ease-in-out;
	 opacity: 0.8;
}
 .blue-layout .bright-green-btn:hover {
	 opacity: 1;
}
 .blue-layout .lightblue-bg {
	 background: #79cfff;
}
 .blue-layout .white-container {
	 background: #fff;
	 padding: 30px;
	 padding-top: 15px;
}
 .blue-layout .form-row .form-label {
	 font-size: 0.8em;
	 color: #555;
}
 .blue-layout .form-row ::placeholder {
	 color: #999;
	 font-size: 0.8em;
}
 .blue-layout #solutions_icon_nav {
	 position: -webkit-sticky;
	 position: sticky;
	 top: 100px;
	 left: 1%;
	 text-align: center;
	 width: 100px;
	 padding: 20px;
	 height: 100%;
	 cursor: pointer;
}
 .blue-layout #solutions_icon_nav .icon-box {
	 padding: 5px 10px;
	 border: 1px solid transparent;
	 display: block;
	 transition: 0.2s ease-in-out;
}
 .blue-layout #solutions_icon_nav .icon-box i {
	 font-size: 2em;
	 color: #79cfff;
	 transition: 0.2s ease-in-out;
}
 .blue-layout #solutions_icon_nav .icon-box.active {
	 border: 1px solid #ffc531;
}
 .blue-layout #solutions_icon_nav .icon-box.active i {
	 color: #ffc531;
}
 .blue-layout #solutions_icon_nav .icon-box:hover i {
	 color: #ffc531;
}
 .blue-layout .solution-header {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;
	 text-align: center;
}
 .blue-layout .solution-header h1 {
	 font-size: 3em;
}
 .blue-layout .box-content-container {
	 background: #1d2547;
	 padding: 20px;
	 color: #a8b1de;
	 margin-right: 30px;
}
 .blue-layout .box-content-container .description-box {
	 padding: 15px 0;
	 margin-top: 10px;
	 font-size: 0.9em;
}
 .blue-layout .box-content-container .description-toggle {
	 cursor: pointer;
	 opacity: 0.8;
	 transition: 0.2s ease-in-out;
}
 .blue-layout .box-content-container .description-toggle:hover {
	 opacity: 1;
}
 .blue-layout .box-content-container .description-toggle.active {
	 opacity: 1;
}
 .blue-layout .box-content-container .description-toggle.active h4, .blue-layout .box-content-container .description-toggle.active i {
	 color: #fff;
}
 .blue-layout .flowchart-container {
	 background: #1d2547;
	 margin: 80px 0;
	 padding: 20px 40px;
	 padding-bottom: 80px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .blue-layout .flowchart-container h1 {
	 color: #fff;
	 margin: 0;
}
 .blue-layout .flowchart-container svg {
	 margin: 5px 0;
	 height: 5rem;
}
 .blue-layout .flowchart-container svg line {
	 stroke: rgba(255, 255, 255, 0.5);
	 stroke-width: 3px;
	 stroke-linecap: round;
	 stroke-dasharray: 4px 15px;
	 animation-duration: 6s;
	 animation-timing-function: linear;
	 animation-iteration-count: infinite;
}
 .blue-layout .flowchart-container svg .down-line {
	 animation-name: animate_down_line;
}
 .blue-layout .flowchart-container svg .up-line {
	 animation-name: animate_up_line;
}
 .blue-layout .flowchart-container .flowchart-content-container {
	 border: 1px solid #fff;
	 padding: 30px 40px;
	 min-width: 50%;
}
 .blue-layout .flowchart-container .section-icon-box {
	 border-radius: 10px;
	 background: #27315c;
	 height: 100%;
	 padding: 5px 10px;
}
 .blue-layout .flowchart-container .section-icon-box i {
	 font-size: 2em;
}
 .blue-layout .flowchart-container .section-icon-box.with-text {
	 padding: 10px;
	 min-width: 100px;
}
 .blue-layout .narrow-container {
	 width: 50%;
	 margin: 0 auto;
}
 .blue-layout .narrow-container p {
	 font-size: 1em;
}
 .blue-layout .brightgreen-bg-icon {
	 border-radius: 50%;
	 background: #8dffd6;
	 padding: 5px;
	 width: 50px;
}
 .project-pulse {
	 position: absolute;
	 height: 50px;
	 width: 50px;
	 border: 10px solid #79cfff;
	 border-radius: 50px;
	 z-index: 10;
	 animation-duration: 10s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
	 opacity: 0;
}
 #project_pulse_one {
	 top: 180px;
	 right: 120px;
	 animation-name: project-pulse-one;
}
 #project_pulse_two {
	 top: 420px;
	 right: 55px;
	 animation-name: project-pulse-two;
}
 #project_pulse_three {
	 top: 340px;
	 right: 220px;
	 animation-name: project-pulse-three;
}
 .gfa-window {
	 z-index: 10;
	 animation-duration: 10s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
}
 #gfa_window_one {
	 animation-name: gfa-window-one;
}
 #gfa_window_two {
	 animation-name: gfa-window-two;
}
 #gfa_window_three {
	 animation-name: gfa-window-three;
}
 #solution_defect_pulse {
	 animation-name: circle-pulse;
	 animation-duration: 2s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
	 transform-origin: center;
}
 #animated_adroit_logo {
	 animation-name: float-logo;
	 animation-duration: 5s;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: infinite;
}
 #main_grid_container {
	 margin-top: 100px;
	 position: relative;
	 overflow: hidden;
}
 #main_content_container {
	 background: #1d2547;
	 position: absolute;
	 right: -100%;
	 top: 0;
	 height: 100%;
	 width: 50%;
	 z-index: 1;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 #main_content_container .content-container {
	 flex: 1;
	 display: none;
	 opacity: 0;
	 padding: 50px;
	 color: #fff;
}
 #main_content_container .content-container h1 {
	 font-weight: 700;
	 letter-spacing: 1px;
	 font-size: 3.5rem;
	 margin-bottom: 20px;
}
 #main_content_container .content-container h2 {
	 font-weight: 700;
	 font-size: 2.5rem;
	 margin-bottom: 15px;
}
 #main_content_container .content-container h5, #main_content_container .content-container h6 {
	 font-weight: 400;
	 color: #ffc531;
}
 #main_content_container .content-container p {
	 font-size: 0.95em;
}
 #main_content_container .app-box {
	 padding: 15px;
	 margin: 10px 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-direction: column;
	 opacity: 0.8;
	 transition: 0.2s ease-in-out;
}
 #main_content_container .app-box:hover {
	 opacity: 1;
}
 #main_content_container .app-box p {
	 letter-spacing: 2px;
	 font-size: 0.8em;
	 text-transform: uppercase;
	 color: #79cfff;
	 font-weight: 500;
	 text-align: center;
}
 #main_content_container .section-icon {
	 font-size: 2.5em;
	 color: #79cfff;
}
 #main_content_container .section-icon.small {
	 font-size: 1.8em;
}
 @keyframes animation-digitalisation {
	 0%, 0.04% {
		 top: -100%;
		 opacity: 0;
	}
	 0.04%, 25% {
		 top: 0%;
		 opacity: 1;
	}
	 33.33%, 91% {
		 top: 110%;
		 opacity: 0;
	}
}
 @keyframes animation-automation {
	 0%, 25% {
		 top: -100%;
		 opacity: 0;
	}
	 33.33%, 58.29% {
		 top: 0%;
		 opacity: 1;
	}
	 66.66%, 100% {
		 top: 110%;
		 opacity: 0;
	}
}
 @keyframes animation-management {
	 0%, 58.29% {
		 top: -100%;
		 opacity: 0;
	}
	 66.66%, 91.62% {
		 top: 0%;
		 opacity: 1;
	}
	 100% {
		 top: 110%;
		 opacity: 0;
	}
}
 @keyframes side-grid-path-animation {
	 0%, 33.3% {
		 stroke: #5c5c70;
	}
	 41.7% {
		 stroke: #ffc531;
	}
	 50% {
		 stroke: #5c5c70;
	}
	 58.3% {
		 stroke: #ffc531;
	}
	 66.6% {
		 stroke: #5c5c70;
	}
	 100% {
		 stroke: #5c5c70;
	}
}
 @keyframes projects-stat-animation {
	 0% {
		 opacity: 0;
	}
	 4%, 30% {
		 opacity: 1;
	}
	 33.3% {
		 opacity: 0;
	}
	 40%, 100% {
		 opacity: 0;
	}
}
 @keyframes hectares-stat-animation {
	 0%, 30% {
		 opacity: 0;
	}
	 33.3%, 66.6% {
		 opacity: 1;
	}
	 70% {
		 opacity: 0;
	}
	 70%, 100% {
		 opacity: 0;
	}
}
 @keyframes gfa-stat-animation {
	 0%, 66.6% {
		 opacity: 0;
	}
	 70%, 96% {
		 opacity: 1;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes project-pulse-one {
	 0% {
		 opacity: 0;
	}
	 4% {
		 transform: scale(0.1, 0.1);
		 opacity: 0;
	}
	 12.3% {
		 opacity: 1;
	}
	 20.6% {
		 transform: scale(1.1, 1.1);
		 opacity: 0;
	}
	 28.9% {
		 opacity: 0;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes project-pulse-two {
	 0% {
		 opacity: 0;
	}
	 10% {
		 transform: scale(0.1, 0.1);
		 opacity: 0;
	}
	 18.3% {
		 opacity: 1;
	}
	 26.6% {
		 transform: scale(1.1, 1.1);
		 opacity: 0;
	}
	 34.9% {
		 opacity: 0;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes project-pulse-three {
	 0% {
		 opacity: 0;
	}
	 16% {
		 transform: scale(0.1, 0.1);
		 opacity: 0;
	}
	 24.3% {
		 opacity: 1;
	}
	 32.6% {
		 transform: scale(1.1, 1.1);
		 opacity: 0;
	}
	 40.9% {
		 opacity: 0;
	}
	 100% {
		 opacity: 0;
	}
}
 @keyframes gfa-window-one {
	 0%, 66.6% {
		 fill: #374370;
	}
	 70%, 94% {
		 fill: #8dffd6;
	}
	 100% {
		 fill: #374370;
	}
}
 @keyframes gfa-window-two {
	 0%, 70% {
		 fill: #1d2547;
	}
	 78.3%, 94% {
		 fill: #8dffd6;
	}
	 100% {
		 fill: #1d2547;
	}
}
 @keyframes gfa-window-three {
	 0%, 76% {
		 fill: #27315c;
	}
	 88.3%, 94% {
		 fill: #8dffd6;
	}
	 100% {
		 fill: #27315c;
	}
}
 @keyframes float-logo {
	 0% {
		 transform: translatey(0px);
	}
	 50% {
		 transform: translatey(-20px);
	}
	 100% {
		 transform: translatey(0px);
	}
}
 @keyframes animate_down_line {
	 from {
		 stroke-dashoffset: 0;
	}
	 to {
		 stroke-dashoffset: -6rem;
	}
}
 @keyframes animate_up_line {
	 from {
		 stroke-dashoffset: -6rem;
	}
	 to {
		 stroke-dashoffset: 0;
	}
}
 @keyframes circle-pulse {
	 0% {
		 opacity: 0;
	}
	 25% {
		 r: 1%;
		 opacity: 0;
	}
	 50% {
		 opacity: 1;
	}
	 75% {
		 r: 5%;
		 opacity: 0;
	}
	 100% {
		 opacity: 0;
	}
}
 @media (max-width: 991px) {
	 .narrow-container {
		 width: 100% !important;
	}
}
 @media (max-width: 767px) {
	 #right_grid_container {
		 width: 100% !important;
		 position: relative !important;
		 height: 600px;
	}
	 #hero-text h1 {
		 font-size: 3.2em !important;
	}
	 .header-slider {
		 width: 100vw !important;
	}
	 .header-slider .italic-header {
		 font-size: 3.2em !important;
	}
	 .header-slider {
		 width: 100% !important;
	}
	 #main_grid {
		 height: 100vh;
	}
	 #main_grid_svg {
		 height: 400px;
	}
	 .big-icon-svg {
		 width: 40px;
		 height: 40px;
	}
	 .mobile-padding {
		 padding: 30px !important;
	}
	 #main_content_container {
		 position: absolute;
		 bottom: -100%;
		 top: auto !important;
		 left: 0;
		 height: 50%;
		 min-height: 650px;
		 width: 100%;
	}
	 #main_content_container .content-container {
		 padding: 20px;
		 height: 100%;
	}
	 #main_content_container .content-container .label {
		 font-size: 12px;
	}
	 #main_content_container .content-container p {
		 font-size: 14px;
	}
	 #main_content_container .content-container h1 {
		 font-size: 30px;
	}
	 #main_content_container .content-container h2 {
		 font-size: 24px;
	}
	 #main_content_container .content-container h5 {
		 font-size: 16px;
	}
	 #main_content_container .content-container .app-box {
		 padding: 5px;
	}
	 #main_content_container .content-container .app-box p {
		 font-size: 10px;
	}
	 #content_procurement, #content_customer, #content_tenant, #content_safety {
		 display: none;
		 opacity: 0;
		 margin-top: 0 !important;
	}
	 #get_started_container {
		 padding: 50px !important;
	}
	 #get_started_container h1 {
		 font-size: 2.2em !important;
	}
	 #get_started_container h2 {
		 font-size: 1.2em !important;
	}
	 #solutions_icon_nav {
		 left: 1% !important;
		 width: 50px !important;
		 padding: 8px !important;
	}
	 #solutions_icon_nav .icon-box {
		 padding: 3px !important;
	}
	 #solutions_icon_nav .icon-box i {
		 font-size: 1em !important;
	}
	 .box-content-container {
		 margin-right: 10px !important;
	}
	 .solution-header h1 {
		 font-size: 2rem !important;
	}
}