body, div, span, applet, object, iframe,/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, rem, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, rembed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}/*  */html {    width: 100%;    overflow-x: hidden;    /* Note: scale default browser root font size of 16px to 10px for easier rem calculation */    font-size: 62.5%;}body {    background: url('../images/homepage_background_2.png') no-repeat top;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    margin: 0;    transition: all 0.5s ease;    font-family: "Helvetica", "Arial", sans-serif;    width: 100%;}ul {    list-style-type: none;    margin: 0;    padding: 0;}ul a, a {    text-decoration: none;    color: #fefeff;}.text-muted, a.nav-item, .dropdown-content .product-list a {    color: rgba(255, 255, 255, 0.5);    font-weight: 100;}.nav-item.active, a.nav-item:hover, .product-list a:hover, .dropdown-content a.active {    color: #fefeff;    font-weight: unset;    transition: color 0.2s ease-in-out;}.inactive {    color: #bbbbbb;    pointer-events: none;    cursor: default;    text-decoration: none;}img {    vertical-align: middle;}textarea {    resize: none;}/* navbar */.navbar-fixed {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 1000;    background: linear-gradient(to left, rgba(32, 29, 101, 0.9), rgba(29, 25, 57, 0.9) );    box-shadow: none;}.navbar {    display: flex;    color: rgba(255, 255, 255, 0.5);    transition: height 0.2s ease-in-out;    position: relative;}.navbar img {    padding: 1.5rem 0;    transition: padding 0.2s ease-out;    margin-left: 3.5rem;}a.nav-item {    line-height: 7rem;    transition: line-height 0.2s ease-in-out;    font-weight: 100;    padding: 0 1.2rem;}a.nav-item:last-of-type {    padding-right: 0;}a.nav-item:focus {    border: none;}.navbar a {    font-size: 1.4rem;}#nav-button {    display: none;    line-height: 4.5rem;    font-size: 2.4rem;    top: 0;    right: 0;    cursor: pointer;}/* dropdown */.dropdown-content {    position: fixed;    top: 8.5rem;    left: calc( (100% - 100%) / 2 );    background: #241e6a;    width: 100%;    text-align: left;    max-height: 0px;    transition: max-height 0.2s ease-out, top 0.2s ease-in-out;    overflow: hidden;    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.6);    -webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.6);    -moz-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.6);    z-index: 100;}.dropdown-content.active {    /* height: 18.5rem; */    height: fit-content;    max-height: 33.6rem;    transition: max-height 0.3s ease-in;}a#nav-products:hover > i , .dropdown-content:hover ~ a#nav-products > a > i {    color: #01f8ff;}.product-list a {    font-size: 1.6rem;    display: block;    line-height: 4rem;}#product-list-1, #product-list-2 {    display: inline-table;    margin: 3.5rem 0 2.6rem 0;}a.schedule-demo-button {    color: #01f8ff;    border: 1px solid #01f8ff;    border-radius: 20px;    font-size: 1.6rem;    padding: 0 2.4rem;    /* float: right; */    margin-top: 1rem;    width: 14.8rem;}/* footer */.footer-background {    background: rgba(0, 0, 0, 0.5);    padding: 3rem 0;    margin-top: 10rem;}.footer-background.fixed {    position: fixed;    width: 100%;    bottom: 0;}.footer {    text-align: center;}.footer p, #bottom-address .address {    font-size: 1.3rem;    color: #ffffff;}.nav-bottom {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    margin: 5rem auto;    max-width: 90rem;}.nav-bottom a {    font-size: 1.3rem;}.nav-bottom a:not(:last-child) {    margin-right: 3.2rem;}#bottom-email {    color: #ffffff;}#bottom-copyright {    margin-top: 3.2rem;    opacity: 0.5;    line-height: 1.6rem;}#bottom-email-tel span {    display: inline-block;    margin: 0 1rem;}#bottom-email-tel {    font-weight: 100;    /* line-height: 4rem; */    margin: 2rem 0;}#bottom-email-tel a#datatech-linkedin img {    width: 2.4rem;}#bottom-address {    margin: 1rem auto;    font-weight: 100;    max-width: 62rem;    font-weight: 100;    line-height: 2rem;    text-align: left;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    color: #ffffff;}#bottom-address div.address {    display: flex;    width: fit-content;}#bottom-address div.address div  {    padding: 0 1rem;}#bottom-address .nation-flag {    height: 2rem;    width: 3.5rem;    /* display: block; */    margin: 0.4rem 1rem 0 0;}#bottom-address .nation-flag, .nation-flag {    border: 1px solid rgba(255, 255, 255, 0.5);}#bottom-address #mobile {    display: none;}#copyright-logo {    width: 8rem;    vertical-align: sub;}.g-recaptcha  {    margin-top: 3rem;}.g-recaptcha div {    width: 100%!important;}.rc-background {    background: #2d133e!important;    border: 1px solid rgba(255, 255, 255, 0.3)!important;}.rc-label {    color: rgba(255, 255, 255, 0.5)!important;}.service-dropbtn {    cursor: pointer;}.service-dropdown {    position: relative;    display: inline-block;}.service-dropdown-content {    display: none;    position: absolute;    background-color: #241e6a;    min-width: 200px;    overflow: auto;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1;}.service-dropdown-content a {    color: rgba(255, 255, 255, 0.5);    padding: 12px 16px;    text-decoration: none;    display: block;}.service-dropdown-content a:hover {color: #fefeff;}.show {display: block;}@media only screen and (min-width: 1281px) {    /*.navbar, .main-div, .dropdown-div, .footer {*/        /*width: 70%;*/        /*margin: 0 auto;*/    /*}*/    a.nav-item {        padding: 0 1rem;    }    #nav-products:hover ~ .dropdown-content, .dropdown-content:hover {        height: 29.6rem;        max-height: 32rem;        transition: max-height 0.3s ease-in;    }    #product-list-1 {        margin-left: 73.7rem;    }    #product-list-2 {        margin-left: 2rem;    }    a#index-link {        width: calc(100% - 8rem * 8);    }    .service-dropdown {        top: 50px;        left: -60px;    }}@media only screen and (min-width: 992px) and (max-width: 1280px) {    /*.navbar, .main-div, .dropdown-div, .footer {*/        /*width: 80%;*/        /*margin: 0 auto;*/    /*}*/    .navbar a {        font-size: 1.3rem;    }    a.nav-item {        padding: 0 0.8rem;    }    #product-list-1 {        margin-left: 44.9rem;    }    #product-list-2 {        margin-left: 2rem;    }    #nav-products:hover ~ .dropdown-content, .dropdown-content:hover {        height: 29.6rem;        max-height: 32rem;        transition: max-height 0.3s ease-in;    }    .nav-item a {        line-height: 8.5rem;    }    .dropdown-content {        top: 8.5rem;    }    a#index-link {        width: calc(100% - 7rem * 8);    }    .service-dropdown {        top: 50px;        left: -65px;    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .navbar-fixed.active {        background: linear-gradient(to bottom, #222275 80px, #241e6a 80px, #241e6a);        transition: background 0.4s ease-in-out;    }    .navbar-fixed .navbar {        display: block;        overflow: hidden;        max-height: 8rem;        transition: max-height 0.3s ease-in-out;    }    .active .navbar {        height: auto;        max-height: 70rem;        transition: max-height 0.3s ease-in-out;    }    .navbar a {        font-size: 1.6rem;    }    .navbar > a, .onScroll .navbar > a {        line-height: 5.6rem;        display: block;    }    a.nav-item {        padding: 0;    }    a#index-link {        width: 25rem;        height: 8rem;    }    #nav-button {        display: block;        position: absolute;        line-height: 8rem;    }    #nav-list {        display: none;    }    .dropdown-content {        position: initial;        box-shadow: none;    }    .dropdown-div {        margin: 0;    }    #product-list-1, #product-list-2 {        display: block;        margin: 0;    }    a.schedule-demo-button {        float: none;        margin: 1.6rem 0;        display: block;    }    .footer {        width: 76.8rem;    }   .service-dropdown{display: flex;}}@media only screen and (min-width: 415px) and (max-width: 767px) {    #div-products {        min-height: 100vh;        width: 85%;        margin: 0 auto;    }    .navbar-fixed.active {        background: linear-gradient(to bottom, #222275 75px, #241e6a 75px, #241e6a 980px);        transition: background 0.4s ease-in-out;    }    .navbar-fixed .navbar {        display: block;        overflow: hidden;        width: 85%;        margin: 0 auto;        /* height: 5rem; */        max-height: 8rem;        transition: max-height 0.3s ease-out;    }    .navbar-fixed.active .navbar {        height: auto;        max-height: 70rem;        transition: max-height 0.3s ease-in;        padding-bottom: 1rem;    }    .navbar img {        margin-left: 3rem;    }    .navbar > a, .onScroll .navbar > a {        line-height: 4.5rem;        display: block;    }    a.nav-item {        padding: 0;    }    a#index-link {        width: 25rem;        height: 8rem;    }    #nav-button {        display: block;        line-height: 8rem;        position: absolute;    }    #nav-list {        display: none;    }    .dropdown-content {        position: initial;        box-shadow: none;    }    #product-list-1, #product-list-2 {        display: block;        margin: 0;    }    a.schedule-demo-button {        float: none;        margin: 1.3rem 0;        display: block;    }    .footer-background {        margin-top: 5rem;    }    .footer {        width: 85%;        margin: 0 auto;    }    .nav-bottom {        margin: 3.2rem auto;    }    .nav-bottom a:not(:last-child) {        margin-right: 0;    }    #bottom-address div.address {        display: block;        width: 100%;        text-align: center;        margin-bottom: 2rem;    }    #bottom-address .nation-flag {        height: 1.3rem;        width: 2rem;        margin: 0 1rem 0 0;    }    #bottom-address #mobile {        display: block;        margin: auto;    }    #bottom-address #desktop {        display: none;    }    /* contact us */    #page-contact .left-contact-us, #page-contact .right-contact-us {        width: 100%;    }    #page-contact hr {        height: 0;        width: 70vw;        margin: 3.2rem auto;        border: 1px dotted rgba(255, 255, 255, 0.3);    }.service-dropdown{display: flex;}}@media only screen and (max-width: 414px) {    .navbar {        height: 8rem;    }    .navbar img {        margin-left: 0.5rem;    }    #div-products {        min-height: 100vh;        width: 85%;        margin: 0 auto;    }    .navbar-fixed.active, .onScroll.navbar-fixed.active {        background: linear-gradient(to bottom, #222275 77px, #241e6a 77px, #241e6a);        transition: background 0.4s ease-in-out;    }    .navbar-fixed .navbar {        display: block;        overflow: hidden;        width: 85%;        margin: 0 auto;        /* height: 5rem; */        max-height: 8rem;        transition: max-height 0.3s ease-out;    }    .navbar-fixed.active .navbar {        height: auto;        max-height: 70rem;        transition: max-height 0.3s ease-in;        padding-bottom: 1rem;    }    .navbar > a, .onScroll .navbar > a {        line-height: 4rem;        display: block;    }    a.nav-item {        padding: 0;    }    a#index-link {        width: 25rem;        height: 8rem;    }    #nav-button {        display: block;        line-height: 8rem;        position: absolute;    }    #nav-list {        display: none;    }    .bottom-logo img {        width: 13rem;    }    #bottom-home,    #bottom-products,    #bottom-service,    #bottom-ourstory,    #bottom-news,    #bottom-job,    #bottom-contactus {        font-size: 1rem;        margin-right: 0.3rem;    }    .nav-bottom {        width: 90%;        margin: 1.3rem auto;    }    #bottom-address {        width: 85%;        margin: 0 auto;        font-size: 1rem;    }    #bottom-email-tel {        font-size: 1rem;    }    #bottom-copyright {        font-size: 1rem;        margin: 0;    }    .g-recaptcha div {        width: 80vw!important;    }    .service-dropdown{display: flex;}}