address,dl,ol,ul {margin-bottom: 1rem}
article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section {display: block}
dd,label,legend {margin-bottom: .5rem}
address,legend {line-height: inherit}
progress,sub,sup {vertical-align: baseline}
label,output {display: inline-block}
.form-control,.modal-content{background-clip: padding-box}
[tabindex="-1"]:focus {outline: 0!important}
.btn:not(:disabled):not(.disabled),
.close:not(:disabled):not(.disabled),
summary {cursor: pointer}
address {font-style: normal}
dl,ol,ul {margin-top: 0}
ol ol,ol ul,ul ol,ul ul {margin-bottom: 0}
b,strong {font-weight: 700}
small {font-size: 80%}
sub,sup {position: relative;font-size: 75%;line-height: 0}
sub {bottom: -.25em}
sup {top: -.5em}
code,kbd,pre,samp {font-size: 1em}
table {border-collapse: collapse}
table.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
caption {padding-top: .75rem;padding-bottom: .75rem;color:#6c757d;text-align: left;caption-side: bottom}
th {text-align: inherit}
input[type=checkbox],
input[type=radio] {box-sizing: border-box;padding: 0}
input[type=date],input[type=datetime-local],input[type=month],
textarea {overflow: auto;resize: vertical}
fieldset {min-width: 0;padding: 0;margin: 0;border: 0}
legend {width: 100%;max-width: 100%;padding: 0;font-size: 1.5rem;
color: inherit;white-space: normal}
.table,hr {margin-bottom: 1rem}
.progress-bar {text-align: center;white-space: nowrap}
summary {display: list-item}
template {display: none}
.lead {font-size: 1.25rem;font-weight: 300}
hr{box-sizing:content-box;height:0;overflow: visible;margin-top:1rem;border: 0;border-top: 1px solid rgba(0, 0, 0, .1)}
.small,small {font-size: 80%;font-weight: 400}
.mark,mark {padding: .2em;background-color: #fcf8e3}
code,kbd {font-size: 87.5%}
code {color: #e83e8c}
.container,.container-fluid {margin-right: auto;margin-left: auto;width: 100%}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,
.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,
.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,
.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,
.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,
.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,
.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,
.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,
.col-xl-8,.col-xl-9,.col-xl-auto {
position: relative;width: 100%;min-height: 1px;padding-right: 15px;
padding-left: 15px}
.col {-ms-flex-preferred-size: 0;flex-basis: 0;
-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.col-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none}
.col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%}
.col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%}
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}
.col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%}
.col-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%}
.col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}
.col-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%}
.col-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%}
.col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%}
.col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%}
.col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%}
.col-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
.row {display: flex;flex-wrap: wrap;}
.table {width: 100%;background-color: transparent}
.table td,.table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6}
.table thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6}
.table tbody+tbody {border-top: 2px solid #dee2e6}
.table .table {background-color: #fff}
.table .thead-dark th {color: #fff;background-color: #212529;border-color: #32383e}
.table .thead-light th {color: #495057;background-color: #e9ecef;border-color: #dee2e6}
.form-control {display: block;width: 100%;font-size: 1rem;line-height: 1.5;
color: #495057;background-color: #fff;border: 1px solid #ced4da;
border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control:focus {color: #495057;background-color: #fff;
border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)}
.form-control::placeholder {color: #6c757d;opacity: 1}
.form-control:disabled,.form-control[readonly] {background-color: #e9ecef;opacity: 1}
.form-control-plaintext {display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;
margin-bottom:0;line-height:1.5;color:#212529;background-color: transparent;border: solid transparent;border-width: 1px 0}
.was-validated .form-control:valid {border-color:#28a745}
select.form-control[multiple],
select.form-control[size],
textarea.form-control {height: auto}
.form-group {margin-bottom: 1rem}
.form-text {display: block;margin-top: .25rem}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}
.form-control.is-valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-feedback,{
    display: block
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}
.btn.disabled,.btn:disabled {opacity: .65}
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}
.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.btn-block {
    display: block
}
.btn-block+.btn-block {
    margin-top: .5rem
}
.fade {
    transition: opacity .15s linear
}
.fade:not(.show) {
    opacity: 0
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}
.alert,
.btn {
    position: relative
}
.close {
    font-weight: 700;
    line-height: 1
}
.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}
.progress {
    display: flex;
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}
.media {
    display: flex;
    align-items: flex-start
}
.close {
    float: right;
    font-size: 1.5rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}
.tooltip {
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    text-decoration: none
}
.help-inline-error{color:#f00;}
.modal-title,.tooltip {line-height: 1.5}
.tooltip {text-shadow: none}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {color: #000;text-decoration: none;opacity: .75}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
#appform .modal-dialog{width:70%;margin:auto;}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%)
}
.modal.show .modal-dialog {
    transform: translate(0, 0)
}
.modal-content {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}
h4.modal-title{width: 96%;background-color: #3059e7;color: #fff;font-size: 20px;font-weight: 300;padding: 15px 2%;}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
}
.modal-backdrop.fade,.modal-backdrop.show {opacity: 0}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    right: 14px;
    background: #000;
    top: 19px;
    color: #fff;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block
}
.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}
.tooltip.show {
    opacity: .9
}
.tooltip .arrow {
    width: .8rem;
    height: .4rem
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid}
.border {border: 1px solid #dee2e6!important}
.border-top {border-top: 1px solid #dee2e6!important}
.border-bottom {border-bottom: 1px solid #dee2e6!important}
.clearfix::after {
    display: block;
    clear: both;
    content: ""
}
.shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important}
.text-center {text-align: center!important}
.text-muted {color: #6c757d!important}
body,html {width: 100%;height: 100%;}
body {
    font-family: Nunito, sans-serif;
    padding: 0;font-size: 16px;
    margin: 0 auto;color:#fff;
    background-color: #030c2c;font-weight: 300;}
.fixed {position: fixed;z-index: 999;right: 0;top: 30%}
.clear {clear: both}
p {padding: 0;margin: 0;text-align: left;line-height: 26px}
a {text-decoration: none;color: #3059e7}
a img {border: none}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}
a:hover {text-decoration: none;color: #212121}
h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    letter-spacing: -.5px;
    padding: 0 0 40px 0;
    margin: 0
}
h1 {font-size: 40px}
h2 {font-size: 30px}
h3 {font-size: 21px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
.header {
    width: 100%;
    height: 70px;background: #fff;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
    /*z-index:-1;*/
    z-index: 999
}
.header__menu ul,
.header__menu ul li,
.header__menu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none!important;
    line-height: 1;
    text-decoration:none!important;
    float: left;
    position: relative;
    box-sizing: border-box;}
.header__menu>ul>li>a {height: 70px;line-height: 75px;color: #000;font-size: 13px;
display: inline-block;letter-spacing: .7px;padding: 0 14px;margin: 0;font-weight: 700;overflow: hidden;text-transform: uppercase}
#industry {background-image: url(../web-images/bg2.webp);background-attachment: fixed}
.header__menu>ul>li.header__btn>a {height: 35px;line-height: 30px;border-radius: 25px;transition: background-color .3s ease}
.header__menu>ul>li.header__btn--signup>a {color: #fff;background-color: #c90c0f;padding: 2px 22px;margin: 17px 5px 0 20px;border: 1px #c90c0f solid}
.header__menu>ul>li.header__btn--login>a {color: #fff;padding: 0 22px;margin: 19px 0 0 25px;border: 1px #fff solid}
.header__menu ul li.header__btn--signup>a:hover {background-color: transparent;border: 1px #c90c0f solid;color: #c90c0f}
.header__menu ul li.header__btn--login>a:hover {background-color: #3059e7;border: 1px #3059e7 solid;color: #fff}
.header__menu ul li a.active,.header__menu ul li a.selected,
.header__menu ul li a:hover {color: #3059e7}
.header__menu ul li.header__btn--signup a.active {color: #fff}
.header__menu ul li.header__btn--login a.active {color: #fff}
.header__menu ul li:hover {cursor: pointer}
.header__menu ul ul {position: absolute;left: 0;top: 55px;z-index: 9999;visibility: hidden;text-align: left;padding: 5px 0;background-color: #fff;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);border-radius: 5px;opacity: 0;transition: all .5s}
.header__menu ul ul.submenu-header-sticky {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .03);border-top-left-radius: 0;border-top-right-radius: 0;}
.header__menu li:hover>ul {visibility: visible;opacity: 1;transition: all .5s;top: 70px}
.header__menu ul ul ul {margin-left: 100%;top: 0}
.header__menu ul ul li{display:block;width:100%;}
.header__menu ul ul li a {
padding-left: 11px;
color: #231f20;
border-bottom: 1px #f7f8f9 solid;
margin: 0;
font-size: 13px;
line-height: 22px;
display: flex;
font-weight: 700;
letter-spacing: .3px;
padding: 10px 5px;
}
.vcenter {
    margin-left: 10px
}
.header__menu ul ul li a:hover {
    color: #3059e7
}
.header__menu ul ul li:last-child a {
    border-bottom: none
}
.country-dropdown .bg-uk {
    width: 32px;
    height: 32px;
    background: url(../web-images/country-imgs.webp) -10px -10px
}
.country-dropdown .bg-us {
    width: 32px;
    height: 32px;
    background: url(../web-images/country-imgs.webp) -62px -10px
}
.country-dropdown .bg-china {
    width: 32px;
    height: 32px;
    background: url(../web-images/country-imgs.webp) -10px -62px
}
.country-dropdown .bg-ai {
    width: 32px;
    height: 32px;
    background: url(../web-images/country-imgs.webp) -62px -62px
}
#countrylogo li {
    width: 100%
}
.section {
    width: 100%;
    height: auto;
    float: left;
    clear: both
}
.section--page-top {
    padding-top: 80px
}
.section--page-bottom {
    padding-bottom: 80px
}
.section__content {
    clear: both
}
.section__content--fix-width {
    width: 1240px;
    margin: auto;
    clear: both
}
.section__content--fluid-width {
    width: 1240px;
    margin: auto;
    clear: both
}
.section__content--padding {
    padding: 35px 0
}
.section__title {
    font-size: 35px;
    padding: 0 0 40px 0;
    font-weight: 700;
    line-height: 52px
}
.section__title3 {
    font-size: 30px;
    padding: 0 0 40px 0;
    font-weight: 700;color:#000;
    line-height: 52px
}
.section__title--centered {
    width: 100%;
    text-align: center;
    position: relative
}
.section__title--centered:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 80%;
    margin: auto;
    width: 50px;
    height: 1px;
    background: #3059e7
}
.section__description {
    font-size: 18px;
    line-height: 32px
}
.section__description--centered {
    width: 60%;
    margin: auto;
    text-align: center;
    padding: 0 0 80px 0;
    color: #acb1c4
}
.grid {
    width: 100%;
    float: left;
    clear: both
}
.grid__item--padding {
    background-color: #f7f8f9
}
.grid__item--centering {
    text-align: center;
    display: flex;
    align-items: center
}
.grid--2col .grid__item {
    float: left;
    margin-right: 80px;
    margin-top: 20px;
    margin-bottom: 80px;
    width: calc((100% - 80px)/ 2)
}
.grid--2col .grid__item--padding {
    width: calc((100% - 80px - 20px * 4)/ 2);
    padding: 20px
}
.grid .grid__item:last-child,
.grid--2col .grid__item:nth-child(2n+2) {
    float: right;
    margin-right: 0
}
.grid--3col .grid__item {
    float: left;
    margin-right: 80px;
    margin-bottom: 80px;
    width: calc((100% - 80px * 2)/ 3)
}
.grid--3col .grid__item.grid__item--padding {
    width: calc((100% - 80px * 2 - 20px * 6)/ 3);
    padding: 20px
}
.grid--3col .grid__item--x2 {
    width: calc((((100% - 80px * 2)/ 3) * 2) + 80px)
}
.grid--3col .grid__item--x2.grid__item--padding {
    width: calc((((100% - 80px * 2 - 20px * 6)/ 3) * 2) + 80px + 20px * 2);
    padding: 20px
}
.grid--3col .grid__item:nth-child(3n+3) {
    float: right;
    margin-right: 0
}
.grid--4col .grid__item {
    float: left;
    margin-right: 80px;
    margin-bottom: 80px;
    width: calc((100% - 80px * 3)/ 4)
}
.grid--4col .grid__item.grid__item--padding {
    width: calc((100% - 80px * 3 - 20px * 8)/ 4);
    padding: 20px
}
.grid--4col .grid__item--x3 {
    width: calc((((100% - 80px * 3)/ 4) * 3) + 80px * 2)
}
.grid--4col .grid__item--x3.grid__item--padding {
    width: calc((((100% - 80px * 3 - 20px * 8)/ 4) * 3) + 80px * 2 + 20px * 4);
    padding: 20px
}
.grid--4col .grid__item:nth-child(4n+4) {
    float: right;
    margin-right: 0
}
.grid--5col .grid__item {
    float: left;
    margin-right: 80px;
    margin-bottom: 80px;
    width: calc((100% - 80px * 4)/ 5)
}
.grid--5col .grid__item.grid__item--padding {
    width: calc((100% - 80px * 4 - 20px * 10)/ 5);
    padding: 20px
}
.grid--5col .grid__item--x2 {
    width: calc((((100% - 80px * 4)/ 5) * 2) + 80px)
}
.grid--5col .grid__item--x2.grid__item--padding {
    width: calc((((100% - 80px * 4 - 20px * 10)/ 5) * 2) + 80px + 20px * 2);
    padding: 20px
}
.grid--5col .grid__item--x3 {
    width: calc((((100% - 80px * 4)/ 5) * 3) + 80px * 2)
}
.grid--5col .grid__item--x3.grid__item--padding {
    width: calc((((100% - 80px * 4 - 20px * 10)/ 5) * 3) + 80px * 2 + 20px * 4);
    padding: 20px
}
.grid--5col .grid__item--x4 {
    width: calc((((100% - 80px * 4)/ 5) * 4) + 80px * 3)
}
.grid--5col .grid__item--x4.grid__item--padding {
    width: calc((((100% - 80px * 4 - 20px * 10)/ 5) * 4) + 80px * 3 + 20px * 6);
    padding: 20px
}
.grid--5col .grid__item:nth-child(5n+5) {
    float: right;
    margin-right: 0
}
.grid--6col .grid__item {
    float: left;
    margin-right: 80px;
    margin-bottom: 80px;
    width: calc((100% - 80px * 5)/ 6)
}
.grid--6col .grid__item.grid__item--padding {
    width: calc((100% - 80px * 5 - 20px * 12)/ 6);
    padding: 20px
}
.grid--6col .grid__item--x2 {
    width: calc((((100% - 80px * 5)/ 6) * 2) + 80px)
}
.grid--6col .grid__item--x2.grid__item--padding {
    width: calc((((100% - 80px * 5 - 20px * 12)/ 6) * 2) + 80px + 20px * 2);
    padding: 20px
}
.grid--6col .grid__item--x3 {
    width: calc((((100% - 80px * 5)/ 6) * 3) + 80px * 2)
}
.grid--6col .grid__item--x3.grid__item--padding {
    width: calc((((100% - 80px * 5 - 20px * 12)/ 6) * 3) + 80px * 2 + 20px * 4);
    padding: 20px
}
.grid--6col .grid__item--x4 {
    width: calc((((100% - 80px * 5)/ 6) * 4) + 80px * 3)
}
.grid--6col .grid__item--x4.grid__item--padding {
    width: calc((((100% - 80px * 5 - 20px * 12)/ 6) * 4) + 80px * 3 + 20px * 6);
    padding: 20px
}
.grid--6col .grid__item--x5 {
    width: calc((((100% - 80px * 5)/ 6) * 5) + 80px * 4)
}
.grid--6col .grid__item--x5.grid__item--padding {
    width: calc((((100% - 80px * 5 - 20px * 12)/ 6) * 5) + 80px * 4 + 20px * 8);
    padding: 20px
}
.grid--6col .grid__item:nth-child(6n+6) {
    float: right;
    margin-right: 0
}
.grid__item--floated-right {
    float: right!important;
    margin-right: 0!important
}
.grid__title {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 20px 0;
    margin: 0
}
.grid__title span {
    font-weight: 700
}
.grid__text {
    padding-bottom: 20px;
    line-height: 26px;
    text-align: justify
}
.grid__text span {
    font-weight: 700
}
.grid__more {
    font-weight: 400;
    font-size: 14px;
    padding: 0;
    display: inline-block
}
.grid__list {
    list-style: none;
    padding: 0;
    margin: 0
}
.grid__list li {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    line-height: 22px
}
.grid__image {width: 100%}
.grid__image img {display: block;max-width: 100%}
.grid__image--right img {float: right}
.grid__image--left img {float: left}
.btn {
    padding: 14px 40px;
    margin: 0 20px 0 0;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 400;
    border-radius: 25px;
    transition: all .3s ease
}
.btn:hover {
    cursor: pointer
}
.btn--blue-bg {
    color: #fff;
    background-color: #3059e7;
    border: 2px #3059e7 solid
}
.btn--blue-bg:hover {
    background-color: transparent;
    color: #3059e7
}
.btn--play {
    background-image: url(../images/btn-play.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    padding-right: 60px
}
.btn--play:hover {
    background-position: 92% 50%
}
.btn--blue-border {
    color: #3059e7;
    border: 1px #3059e7 solid
}
.btn--blue-border:hover {
    background-color: #3059e7;
    color: #fff
}
.btn--green-bg {
    color: #fff;
    background-color: #48d5cd;
    border: 2px #48d5cd solid
}
.btn--green-bg:hover {
    color: #48d5cd;
    background-color: transparent
}
.btn--green-border {
    color: #48d5cd;
    border: 1px #48d5cd solid
}
.btn--green-border:hover {
    background-color: #48d5cd;
    color: #fff
}
.btn--orange-bg {
    color: #fff;
    background-color: #fb993e;
    border: 2px #fb993e solid
}
.btn--orange-bg:hover {
    color: #fb993e;
    background-color: transparent
}
.btn--orange-border {
    color: #fb993e;
    border: 1px #fb993e solid
}
.btn--orange-border:hover {
    background-color: #fb993e;
    color: #fff
}
.btn--red-bg {
    color: #fff;
    background-color: #c90c0f;
    border: 1px transparent;
}
.btn--red-bg:hover {
    color: #c90c0f;
    background-color: transparent;
    border: 1px #c90c0f solid
}
.section--intro {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center bottom;
    background-image: url(../web-images/bg.webp), linear-gradient(#02030e, #1c2442);
    position: relative;
    overflow: hidden;
    padding: 70px 0 0
}
.intro {
    width: 100%;
    float: left;
    padding: 8% 0 4% 0;
    position: relative;
    z-index: 777
}
.intro__content {
    width: 100%;
    text-align: left
}
.intro__title h1 {
    padding: 0 0 15px 0;
    font-size: 60px;
    line-height: 82px;
    letter-spacing: -2px;
    font-weight: 200;
    color: #3059e7;
    text-align: left
}
.intro__title h1 span {
    color: #fff;
    font-weight: 700
}
.intro__subtitle {
    font-size: 20px;
    line-height: 32px;
    color: #acb1c4;
    letter-spacing: .4px;
    text-align: justify;
}
.intro__buttons {padding: 20px 0 0 0}
.intro__buttons--centered {width: 100%;clear: both;text-align: center}
.intro__buttons--left {
    width: 100%;
    clear: both;
    text-align: left
}
.intro-animation {
    width: 50%;
    height: 80%;
    float: right;
    text-align: right;
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 222
}
.intro-animation img {
    display: block;
    margin: auto;
    max-width: 100%;
    opacity: 0;
    animation: .8s ease-out 0s 1 slideInFromBottom;
    animation-fill-mode: both
}
.grid--about .grid__title {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    padding: 0 0 40px 0;
    margin: 0;
    position: relative
}
.grid--about .grid__text {
    font-size: 18px;
    color: #acb1c4;
    line-height: 26px
}
.grid--about .grid__list {
    padding: 20px 0 0 0
}
.grid--about .grid__list li {
    background: url(../images/checked.png) no-repeat 0 50%;
    font-size: 18px;
    padding: 10px 0 10px 40px
}
.grid--features .grid__item {
    margin-right: 100px;
    margin-bottom: 100px;
    width: calc((100% - 100px * 2)/ 3);
    text-align: center
}
.grid--features .grid__title {
    font-size: 24px;
    font-weight: 700;
    padding: 10px 0 40px 0;
    margin: 0;
    position: relative;
    text-align: center
}
.grid--features .grid__title:after {
    content: '';
    position: absolute;
    left: 45%;
    top: 75%;
    margin: auto;
    width: 10%;
    height: 1px;
    background: #3059e7;
    opacity: .5;
    transition: all .5s ease-out
}
.grid--features .grid__item:hover .grid__title:after {
    width: 50%;
    opacity: 1;
    left: 25%;
    background: #fff
}
.grid--features .grid__title span {
    font-weight: 300
}
.grid--features .grid__text {
    text-align: center;
    color: #fff
}
img.our-solutions{width: 420px;height: 100%;}
.pricing {
    width: 100%;
    margin: 0 auto;
    text-align: center
}
.section--cta {
    background:url("../images/webtunix-footer-bg.jpg") no-repeat;
    background-size:100%;
    height:72%;width:100%;
}
.grid--cta {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 222
}
.grid--cta .grid__item {
    width: calc(100% / 2);
    margin: 0
}
.grid__title--cta {
    font-size: 42px;
    color: #fff;
    font-weight: 300;
    padding: 20px 0 20px 0;
    margin: 0 0 20px 0
}
.grid__title--cta span {
    font-weight: 700;
    color: #c90c0f
}
.grid--cta .grid__text {
    font-size: 18px;
    line-height: 30px;
    color: #fff
}
.grid--cta .grid__more {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .5px;
    background-color: #c90c0f;
    padding: 20px 62px;
    margin: 0 auto 0 auto;
    border: 1px #c90c0f solid;
    border-radius: 25px;
    transition: background-color .3s ease
}
.grid--cta .grid__more:hover {
    color: #c90c0f;
    background-color: #fff;
    border: 1px #c90c0f solid
}
.paddtop {
    padding-top: 20px
}
.grid--support {
    width: 100%
}
.grid--support .grid__item.grid__item--padding {
    width: calc((100% - 40px * 2 - 50px * 6)/ 3);
    padding: 50px;
    margin-bottom: 0;
    margin-right: 40px;
    background: linear-gradient(-60deg, #030c2c, #182964);
    float: left;
    transition: all .3s ease-out
}
.grid--support .grid__item--padding:hover {
    transform: translate(0, -10px);
    box-shadow: 0 0 72px 3px #444d62
}
.grid--support .grid__item.grid__item--padding:last-child {
    margin-right: 0
}
.grid--support .grid__title {
    font-size: 21px;
    font-weight: 700;
    padding: 20px 0 20px 0;
    margin: 0 0 20px 0;
    position: relative
}
.grid--support .grid__title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 40px;
    height: 1px;
    background: #3059e7;
    opacity: .5;
    transition: all .5s ease-out
}
.grid--support .grid__item:hover .grid__title:after {
    width: 100%;
    background: #fff
}
.grid--support .grid__more {
    height: 32px;
    line-height: 30px;
    color: #fff;
    background-color: #3059e7;
    padding: 0 22px;
    margin: 0;
    border: 1px #3059e7 solid;
    border-radius: 25px;
    transition: background-color .3s ease
}
.grid--support .grid__more:hover {
    color: #fff;
    background-color: transparent;
    border: 1px #fff solid
}
.grid--support .grid__item:hover .grid__more {
    color: #fff;
    background-color: transparent;
    border: 1px #fff solid
}
select.select__field {
    width: 100%;
    height: 30px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 30px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    appearance: none
}
.select__field:focus+.form__row-border {
    width: 100%
}
.grid--faq .grid__title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    padding: 10px 0 20px 0;
    margin: 0;
    position: relative
}
.grid--faq .grid__text {
    font-size: 18px;
    color: #acb1c4;
    line-height: 26px;
    text-align: justify
}
.grid--faq .grid__list {
    padding: 20px 0 0 0
}
.grid--faq .grid__list li {
    background: url(../images/checked-pricing-white.png) no-repeat 0 50%;
    font-size: 18px;
    padding: 10px 0 10px 40px
}
.faq {
    width: 100%;
    margin: auto
}
.faq__item {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #0c1948 solid
}
.faq__input {
    position: absolute;
    opacity: 0;
    z-index: -1
}
.faq__label {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px;
    font-size: 18px;
    font-weight: 300;
    transition: all .4s ease;
    color: #fff
}
.faq__content {
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease
}
.faq__content p {
    padding: 20px;
    font-size: 16px
}
.faq__input:checked~.faq__content {
    max-height: 300px
}
.faq__input:checked~.faq__label,
.faq__label:hover {
    background-color: #c90c0f;
    color: #fff
}
.faq__label:hover span {
    transform: rotateX(180deg);
    background: url(../images/drop-down-faq-selected.png) no-repeat center
}
.faq__label span {
    position: absolute;
    right: 2%;
    top: 45%;
    display: block;
    width: 11px;
    height: 6px;
    text-align: center;
    transition: all .35s
}
.faq__input[type=radio]:checked+.faq__label span {
    transform: rotateX(180deg)
}
.footer {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    background-color: #182964;
    color: #fff;
    position: relative
}
.footer__content {clear: both}
.footer__content--fluid-width {width: 1240px;margin: auto;clear: both}
.footer__content--padding {padding: 100px 0}
.footer__content--svg {padding-top: 100px}
.grid__title--footer {font-size: 20px;font-weight: 700}
.grid__text--copyright {color: #fff;line-height: 22px}
ul.grid__list--sicons li {display: inline-block;margin: 0 20px 0 0}
ul.grid__list--sicons li a {transition: all .3s}
ul.grid__list--sicons li a img {display: block;width: 20px}
ul.grid__list--sicons li a:hover {opacity: .5}
ul.grid__list--fmenu li a {display: inline-block;color: #fff;text-decoration: none}
ul.grid__list--fmenu li a::after {content: '';display: block;width: 0;height: 1px;background: #3059e7;transition: width .3s}
ul.grid__list--fmenu li a:hover::after {width: 100%}
ul.grid__list--fmenu li a:hover {color: #3059e7}
#industry .grid--features .grid__item--featured {background-color: #5e03db;color: #fff}
#industry .grid--features .grid__item {background: linear-gradient(-60deg, #c90c0f, #172862);box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);border-radius: 15px;transition: all .3s ease-out}
#industry .grid--features .grid__item--featured .grid__title {color: #fff}
#industry .grid--features .grid__item .grid__title {font-size: 24px;font-weight: 700;padding: 10px 0 20px 0;margin: 0;color: #fff;}
#industry .grid__title {font-size: 24px;font-weight: 400;padding: 0 0 20px 0;margin: 0}
#industry .grid--features .grid__text {text-align: justify;width: 80%;margin: 0 auto;}
#industry .grid__text {padding-bottom: 20px;line-height: 26px}
#industry .grid--features .grid__item {text-align: left}
#industry .grid--features .grid__icon {float: right}
#industry .grid {width: 100%;float: left;clear: both}
#industry .grid__more {height: 32px;line-height: 30px;color: #fff;background-color: #3059e7;
padding: 0 22px;margin: 0;border: 1px #3059e7 solid;border-radius: 25px;transition: background-color .3s ease;margin-left: 37px}
#solution .grid__title {font-size: 36px;line-height: 46px;font-weight: 700;padding: 10px 0 20px 0;margin: 0;position: relative;}
.nobottom {margin-bottom: 00px!important}
#solution span {font-weight: 300;padding: 10px 0 20px 0;margin: 0;position: relative;}
.rotated {transform: rotate(345deg) skew(182deg);position: relative}
.rotated::before {content: "";display: inline-block;position: absolute;margin: 0;left: -27px;right: 0;top: 85px;bottom: 0;
width: 400px;height: 300px;background-color: #606375;transform: translate(-5px, 4px);border-radius: 10px;z-index: -1;opacity: .3;}
.rotated::after {content: "";display: inline-block;position: absolute;margin: 0;left: 0;
right: 0;top: 50px;bottom: 0;width: 400px;height: 300px;
background-color: #007aa7;transform: translate(-35px, 25px);border-radius: 10px;z-index: -2;box-shadow: 0 0 50px 36px #444d62}
.rotated img {width: 350px;height: 280px;margin: 75px 0 0 -9px}
#annotationservices img {width: 390px;height: 300px;border-radius: 10px;position: relative;bottom: 12px;left: 0}
#annotationservices .grid .grid__item:last-child,
#annotationservices .grid--2col .grid__item:nth-child(2n+2) {float: left;}
#annotationservices .grid {width: 80%;float: none;clear: both;margin: 0 auto}
.hiring .grid {float: left!important}
#annotationservices .grid--5col .grid__item {margin-bottom: 75px}
#comparison {width: 375px;height: 270px;overflow: hidden;box-shadow: 0 0 50px 0 #444d62}
#comparison div {border-right: 1px solid #fff}
#features input[type=range] {position: relative;left: -2%;background-color: #7d8fd7;width: 100%;margin: 24px 00px;height: 0}
#features input[type=range]:focus {outline: 0}
#features input[type=range]:active {outline: 0}
#features .grid__more {margin: 0 auto}
.grid__more {line-height: 30px;color: #fff;
background-color: #3059e7;padding: 0 22px;margin: 0;border: 1px #3059e7 solid;border-radius: 25px;transition: background-color .3s ease}
.grid__more:hover {color: #fff;background-color: transparent;border: 1px #fff solid}
#solution .grid__text {padding-bottom: 20px;line-height: 36px;font-size: 18px}
#features input[type=range]:active {border: none;outline: 0}
.section--faq {background: linear-gradient(#182964, #030c2c)}
#countrylogo img {width: 32px!important;height: 30px}
.selectlogo {position: relative;top: 11px}
#countrylogo li a {width: 37px;padding: 0 4px;color: #231f20;
border-bottom: 1px #f7f8f9 solid;margin: 0 10px;font-size: 14px;line-height: 45px;height: 45px}
footer .btn {padding: 14px 40px;margin: 1px 20px 0 0;font-size: 14px;letter-spacing: .5px;
font-weight: 400;border-radius: 25px;transition: all .3s ease;background: #c90c0f;color: #fff}
footer input {width: 204px;padding: 11px;margin-right: 22px}
.footerlogo {width: 39%}
.proud {position: absolute;left: 0;bottom: 0}
.proud img {width: 100px}
#servicesdropdown li a {width: 318px!important}
.header__menu .dropdown-lg {width: 515px}
.header__menu .dropdown-b {width: 510px}
.header__menu .dropdown-xlg {width: 350px}
.header__menu .dropdown-s {width: 200px}
.header__menu .dropdown-b li,
.header__menu .dropdown-lg li {display: inline-block;float: left;width: 50%}
#subbanner {background-size: contain;background-image: url(../web-images/subbanner2.webp), linear-gradient(#02030e, #1c2442)}
.subintro-animation {width: 31%!important;height: 83%;float: right;
text-align: right;position: absolute;bottom: 2%;right: 15%;z-index: 222}
#solution .grid--faq .grid__text {font-size: 20px;color: #626469;line-height: 32px;letter-spacing: .2px;text-align: justify}
.mbottom {height: 60%;margin-left: 79px!important}
.section__content.section__content--fluid-width.section__content--intro {padding: 65px 0 0;}
.subintro-animation img {display: block;margin: auto;max-width: 100%;opacity: 0;animation: .8s ease-out 0s 1 slideInFromBottom;
animation-fill-mode: both;float: left!important;margin-left: 29px}
.anotation-section .subintro-animation img {
display: block;margin: auto;max-width: 80%;opacity: 0;
animation: .8s ease-out 0s 1 slideInFromBottom;
animation-fill-mode: both;float: left!important;margin-left: 29px}
.anotation-section .subintro-animation {
width: 31%!important;height: 78%;float: right;text-align: right;
position: absolute;bottom: 2%;right: 15%;z-index: 222}
#annotaiontool {background: #fff;padding-top: 40px}
#annotaiontool h2 {color: #3059e7}
#annotaiontool .grid--faq .grid__text {font-size: 20px;color: #626469;line-height: 32px;letter-spacing: .2px}
#annotaiontool h3 {color: #28282e!important;font-size: 2.2rem;line-height: 1.6}
#annotaiontool img {border-radius: 12px;box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4);margin: 0 auto}
#annotaiontool .grid {width: 80%;float: none;clear: both;margin: 0 auto}
.paddtop {padding-top: 80px}
#oursolution {background: #fff;padding-top: 40px}
#oursolution h2 {color: #3059e7}
#oursolution .grid--faq .grid__text {font-size: 20px;color: #626469;line-height: 32px;letter-spacing: .2px;text-align: justify}
#oursolution h3 {color: #28282e!important;font-size: 2.2rem;line-height: 1.6;margin-top: 36px}
#oursolution img {border-radius: 12px;box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4);width: 100%}
.bold {color: #020202;padding-bottom: 10px;font-weight: 700}
ul {list-style-type: none}
.pricing-table {padding: 30px;margin: 0;margin-top: 10px;text-align: center}
.pricing-table td {padding: 0;border-left: 1px solid transparent}
.pricing-table .pricing-table-list td {padding: 10px 8px;font-weight: 500;text-align:center;font-size: 15px;background: #f9f9f9;color: #000}
.pricing-table .pricing-table-list .glyphicon-ok {color: #68af27}
.pricing-table .pricing-table-list .glyphicon-remove {color: #c22439}
.pricing-table .pricing-table-list td:first-child {font-weight: 600;text-align: left;border-left: 0;font-size: 14px;color: #333;text-transform: uppercase;padding: 10px 20px}
.pricing-table .pricing-table-list:nth-child(2n) td {background: #f2f2f2}
.pricing-table .pricing-table-text h2 {font-size: 35px;font-weight: 300;line-height: 33px;margin: 0;padding: 0;text-align: center;color: #009ad7}
.pricing-table .pricing-table-text p {font-size: 12px;font-weight: 400;text-align: center;color: #666;margin-top: 10px}
.pricing-table .pricing-table-item {color: #fff}
.pricing-table .pricing-table-item .pricing-table-item-head {padding: 10px 5px;text-align: center;background: #3059e7}
.pricing-table .pricing-table-item .pricing-table-item-head p {font-size: 18px;font-weight: 700;line-height: 21px;text-transform: uppercase;margin-bottom: 0;text-align: center}
.pricing-table .pricing-table-item .pricing-table-item-head span {font-size: 12px;font-weight: 400}
.pricing-table .pricing-table-item .pricing-table-item-price {padding: 15px 10px;text-align: center;background: #fff;color: #009ad7}
.pricing-table .pricing-table-item .pricing-table-item-price p {font-size: 41px;font-weight: 400;line-height: 36px;margin-bottom: 0;text-align: cente}
.pricing-table .pricing-table-item .pricing-table-item-price p span {font-size: 12px;font-weight: 300}
.pricing-table .pricing-table-item .pricing-table-item-price>span {font-size: 16px;line-height: 25px;font-weight: 400;color: #009ad7}
.pricing-table .pricing-table-item .pricing-table-item-purchase {padding: 10px 5px;background: #fff}
.pricing-table .pricing-table-item .pricing-table-item-purchase .btn {text-transform: uppercase;margin-bottom: 0;}
.btn-success {color: #fff;background-color: #5cb85c;border-color: #4cae4c;border: none}
.fa.fa-check {color: #5cb85c}
.fa.fa-times {color: #c90c0f}
#plans {background: #fff}
#plans .grid {width: 100%;float: none;clear: both;margin: 0 auto;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);background: #fff}
#plans br {margin-bottom: 10px}
.pricing-table-atoms h2 {font-size: 26px;color: #009ad7;background: #f6f6f6;margin-top: 00px;padding: 35px 15px;font-weight: 500;font-weight: 600}
.tooltip {opacity: 1!important;z-index: 99;position: relative;text-align: right;float: right}
.tooltip .tooltiptext {display: none;position: absolute;width: 200px;
background-color: #f1f1f1;border: 1px solid #333;padding: 10px;
font-size: 12px;border-radius: 6px;z-index: 1;opacity: 0;transition: opacity .3s;top: 17px;left: 28px;line-height: 19px;text-align: left}
.fa.fa-info-circle {font-size: 18px;color: #6f6060}
.tooltip:hover .tooltiptext {display: block;opacity: 1}
.white {color: #fff!important}
#hcvision {background-size: contain;background-image: url(../web-images/humanvision.webp), linear-gradient(#02030e, #1c2442)}
#videoobjecttracking {background-size: contain;background-image: url(../web-images/videotrackingbg.webp), linear-gradient(#02030e, #1c2442)}
#audiospeech {background-size: contain;background-image: url(../web-images/audiospeech.webp), linear-gradient(#02030e, #1c2442)}
#datareinforcement {background-size: cover;background-image: url(../web-images/datareinforcementbg.webp), linear-gradient(#02030e, #1c2442)}
#nlp {background-size: cover;background-image: url(../web-images/nlpbg.webp), linear-gradient(#02030e, #1c2442)}
#annotationservice {background-size: cover;background-image: url(../web-images/nlpbg.webp), linear-gradient(#02030e, #1c2442)}
.nobottom {padding-bottom: 00px!important}
#oursolution .section__content--fluid-width {width: 70%;margin: auto;clear: both}
b {font-weight: 700;color: #acb1c4}
#whywe {width: 80%;margin: 0 auto!important}
.whywetext {font-size: 18px;color: #fff;line-height: 32px;text-align: justify}
.whyweimg {border-radius: 10px;position: relative;bottom: -78px!important;left: 23px}
.cyberprivacyimg {border-radius: 10px;position: relative;bottom: -45px!important;left: 23px}
.whywe .grid--5col .grid__item {margin-bottom: 70px!important}
#contact,
#technologies {background: #fff}
#contact .grid,
#technologies .grid {width: 80%;float: none;clear: both;margin: 0 auto}
label {color: #000;font-weight: 700}
.form-control {
    display: block;
    width: 100%;
    font-size: 1rem;
    padding: 10px;
    line-height: 1.75;
    color: #00050d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid transparent!important;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 5, 13, .1);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 20px
}
.btn {
    background: #c90c0f;
    color: #fff;
    border: none
}
#contact p {
    text-align: justify;
    color: #605353;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 33px;
    margin: 0 auto
}
#contact b {
    font-weight: 700;
    color: #505050
}
.wtContact-form {
    width: 60%;
    display: table;
    margin: 40px auto
}
.wtContact-form form {
    width: 100%;
    display: block
}
#contact h2 {
    border-bottom: 1px solid #c9130e;
    padding: 0 0 15px 0;
    color: #c9130e
}
.wtContact-form h3 {width: 100%;color: #252525}
.form-control:focus {color: #495057;background-color: #fff;border-color: #80bdff!important;outline: 0;box-shadow: 0 0 0 1px #3059e7!important}
.contactwrap h2 {text-align: center}
.contactwrap {color: #60585e;
    padding: 150px 64px 5px;
    bottom: 00px;
    min-height: 280px;
    margin-top: 126px;
    box-shadow: 1px 1px 40px -8px #63696d66;
    border-radius: 15px
}
.contactwt .grid__item--x3 {width: 37%}
.contactindia {background: url(../web-images/india-contact.webp) no-repeat;background-size: cover}
.contactusa {background: url(../web-images/usa-contact.webp) no-repeat;background-size: cover}
.email {padding-top: 25px;font-size: 19px}
.paddleft {padding: 00px 9px}
.sociallinks {display: flex;padding-top: 23px;padding-left: 00px}
.sociallinks li {margin-right: 21px;font-size: 24px}
#technologydropdown {width: 553px!important}
#technologydropdown li a {width: 225px !important;color: #231f20;
border-bottom: 1px #f7f8f9 solid;margin: 0 10px;
font-size: 15px;line-height: 32px;height: 48px;display: flex;
font-weight: 700;letter-spacing: .3px;padding: 20px 7px}
.header__menu ul ul li a:hover {color: #3059e7!important}
#technologies p {
    color: #000;
    font-size: 20px;
    letter-spacing: .2px;
    font-weight: 400;
    line-height: 35px;
    text-align: justify;
    margin-top: 15px
}
#technologies b {color: #000}
#technologies ul {list-style-type: disclosure-closed}
#technologies ul li {color: #000;font-size: 17px;letter-spacing: .2px;font-weight: 400;line-height: 35px;text-align: justify}
#technologies h1,#technologies h3,#technologies h4 {color: #000;padding-bottom: 00px;margin: 20px auto}
.subintro-animation {position: absolute;right: 15%;z-index: 222}
.grph {text-align: center}
.privacy_page strong {color: #333;font-weight: 600}
.publications .grid__text {padding: 40px}
.noshadow {box-shadow: none!important}
#aboutus {background: #fff;padding-top: 40px}
#aboutus h2 {color: #3059e7}
#aboutus .grid--faq .grid__text {font-size: 20px;
color: #626469;line-height: 32px;letter-spacing: .2px}
#aboutus h3 {color: #28282e!important;font-size: 2.2rem;line-height: 1.6;padding-bottom: 10px}
#aboutus img {box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4)}
#aboutus .grid {width: 80%;float: none;clear: both;margin: 0 auto}
#aboutus .section__description {color: #000}
#aboutus .section__description--centered {width: 80%;text-align: justify}
.stylish-list {color: #666b8d;font-size: 19px;line-height: 34px;letter-spacing: .2px;padding-left: 00px}
#aboutus .far.fa-check-square {color: #3059e7;margin-right: 14px}
.white {list-style-type: circle}
.white li {color: #000;font-size: 17px;letter-spacing: .2px;font-weight: 400;line-height: 35px;text-align: justify}
#industries h4 {color: #000;padding: 0 0 10px 0}
#industries .grid {width: 86%;float: none;clear: both;margin: 0 auto}
#industries .section__title--centered {width: 100%;text-align: center;position: relative;color: #3059e7}
#industries .grid--faq .grid__text {font-size: 18px;color: #000;line-height: 31px;font-weight: 400}
#chartdiv {width: 100%;height: 400px;font-size: 11px;box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4)}
#chartdiv a {display: none!important}
.amcharts-graph-g1 .amcharts-graph-fill {filter: url(#blur)}
.amcharts-graph-g2 .amcharts-graph-fill {filter: url(#blur)}
.amcharts-cursor-fill {filter: url(#shadow)}
#technologieshead {background-size: contain;background-image: url(../web-images/subbanner2.webp), linear-gradient(#02030e, #1c2442)}
#technologieshead .subintro-animation {width: 40%!important;height: 90%;float: right;text-align: right;
position: absolute;bottom: 0;right: 10%;z-index: 222}
.box {max-height: 500px;overflow: hidden;position: relative;box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4)}
.box:hover {cursor: pointer;}
.box img {width: 100%;}
.box ul {padding: 00px;margin: 00px;}
.box ul li {height: 100%;}
.box::before {top: 0;left: 0;z-index: 1;width: 100%;content: '';height: 100%;position: absolute}
.box::after {left: 0;bottom: 0;z-index: 1;width: 100%;content: '';height: 100%;position: absolute}
.box:hover ul {margin: 0;padding: 0;animation: scrollUp 8.5s infinite forwards;cursor: pointer}
.box:hover ul li {opacity: 1;height: 100%!important;list-style: none}
career .section__content--fluid-width {width: 70%!important}
.career img {box-shadow: inherit!important;width: 15%!important;background: linear-gradient(-60deg, #c90c0f, #172862);padding: 10px;}
.career .grid--6col .grid__item {margin-bottom: 40px}
.position-tab h3 {padding-bottom: 4px}
.position-tab {background: #142359;padding: 20px;margin-top: 60px!important;box-shadow: 15px 15px #14235966;border-radius: 5px;}
.position-tab .btn {float: right}
.position-tab .grid__item {margin-bottom: 0!important}
.hiring .section__content--fluid-width {width: 80%}
.modal .form-control {
display: block;width: 92%;padding: .375rem .75rem;
font-size: 1rem;line-height: 1.75;color: #00050d;
background-color: #fff;background-clip: padding-box;
border: 1px solid transparent!important;border-radius: 4px;box-shadow: 0 2px 4px 0 rgba(0, 5, 13, .1);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
margin-bottom: 20px!important;}
.modal .invalid-feedback {display: none;width: 100%;margin-bottom: -5px;font-size: 80%;
color: #dc3545;position: relative;bottom: 12px}
video {width: 100%;height: 100%}
.sociallinks a {color: #60585e}
.annotation-page .rotated:before {display: none}
.navigation>ul {text-align: center;font-weight: 500;margin: 50px 0 0;padding: 0;position: relative;border-bottom: 1px solid rgba(0, 0, 0, .2);z-index: 1}
.navigation>ul>li {display: inline-block;padding: .6em 0;position: relative;width: 20%;margin: 0 0 0 -4px}
.navigation>ul>li:after,.navigation>ul>li:before {opacity: 0;transition: .3s ease}
.navigation>ul>li.ui-state-focus:after,
.navigation>ul>li.ui-state-focus:before,
.navigation>ul>li.ui-state-hover:after,
.navigation>ul>li.ui-state-hover:before,
.navigation>ul>li.ui-tabs-active:after,
.navigation>ul>li.ui-tabs-active:before {opacity: 1}
.navigation>ul>li.ui-state-focus:before,
.navigation>ul>li.ui-state-hover:before {box-shadow: 0 2px 3px rgba(0, 0, 0, .2)}
.navigation>ul>li.ui-state-focus:after,
.navigation>ul>li.ui-state-hover:after {box-shadow: inset 3px 3px 3px rgba(0, 0, 0, .2), inset 1px 1px 1px rgba(0, 0, 0, .3)}
.navigation>ul>li.ui-state-focus a {text-decoration: underline}
.navigation>ul>li:focus {outline: 0}
.navigation>ul>li a {color: #444;text-decoration: none}
.navigation>ul>li a:focus {outline: 0}
.navigation>ul>li a span {position: relative;top: -.5em;color: #fff;background: #3059e7;padding: 20px 18px;box-shadow: 1px 13px 13px #363f56}
h1{text-align: center;font-size: 20px}
.navigation {width: 100%;min-width: 360px;margin: auto}
.contents {padding: 20px 50px;min-height: 200px}
.scroll-arrow {width: 12px;height: 12px;transform: rotate(-45deg);border-right: 2px solid #37fbdf;border-bottom: 2px solid #37fbdf;
animation: arrow-wave 1s infinite;animation-direction: alternate}
.scroll-arrow:nth-child(1) {animation-delay: .1s}
.scroll-arrow:nth-child(2) {animation-delay: .2s}
.scroll-arrow:nth-child(3) {animation-delay: .3s}
.flex {display: flex;position: absolute;top: 8px;right: 0}
.flex2 {display: flex;position: absolute;top: 8px;right: -22px}
.contents {margin-top: 50px;background: linear-gradient(-180deg, #030c2c, #182964)}
.subintro-animation2 {width: 40%!important;height: 84%;float: right;text-align: right;position: absolute;bottom: 2%;right: 15%;z-index: 222}
footer form {display: flex}
#features {background: linear-gradient(#182964, #030c2c)}
#career img {width: 100%}
.footer-icons .fa {color: #fff;font-size: 25px}
.section__blogwriting h3 {padding: 20px 0;margin: 20px 0 0}
.section__blogwriting li {color: #fff}
.section__blogwriting .blogmail {color: #c9130f}
.feature-logo li {display: inline-table;margin: 0 15px}
.feature-logo li img {width: 120px;height:50px;}
#contact h1 {color: #000}
#contact h4 {padding: 0;color: #000}
#oursolution .section__title,
#technologies .section__title,
.section--features .section__title {color: #3059e7}
.ai-service {background-color: #fff}
.ai-service h3 {color: #28282e!important;font-size: 2.2rem;line-height: 1.6;padding-bottom: 10px;text-align: center;margin-bottom: 20px}
.ai-industry h3 {color: #fff!important;font-size: 2.2rem;line-height: 1.6;padding-bottom: 10px;text-align: center;margin-bottom: 20px}
.ai-service .grid__item img {width: 25%}
.ai-service .grid__item,.ai-service .grid__item p {text-align: center}
.ai-service .grid__item:hover {box-shadow: 0 0 30px 0 #444d62!important;transform: translate(0, -10px);transition: all .3s ease-out;cursor: pointer}
.ai-industry .grid__item.grid__item--padding a {color: #fff}
.technology .grid__item--x1 img {width: 40%;height: 380px;text-align: center}
#aiservices .grid__item--padding {background: #f9f9f9}
.technology h1 {line-height: 3;margin-top: 0!important}
.technology h4 {text-align: left}
.webtunixservices .grid--5col .grid__item {margin-bottom: 110px!important}
.mrgtop {padding-top: 40px}
#industries .grid .grid__item:last-child,#industries .grid--2col .grid__item:nth-child(2n+2) {float: left}
#industries .rotated img 
{ width: 423px;
    height: 328px;
    border-radius: 10px;
    position: relative;
    bottom: 13px;
    left: 0;}
    
.wtdatasctitle{
        width: 100%;
    text-align: center;
    position: relative;
    color: #6d6d6f;
    font-size: 23px!important;
    margin-bottom: 30px;
}

#industries .rotated::after {content: "";display: inline-block;position: absolute;margin: 0;
left: 0;right: 0;top: 0;bottom: 0;width: 400px;height: 300px;background-color: #007aa7;transform: translate(-35px, 25px);
border-radius: 10px;z-index: -2;box-shadow: 0 0 31px 5px #007aa7}
.verticalmidle {transform: rotate(345deg) skew(182deg);position: relative;top: 125px}
#industries .section__description--centered {
width: 100%;margin: auto;text-align: center;padding: 0 0 80px 0;color: #726969;font-size: 18px}
.small__title {font-size: 22px;margin-bottom: 00px;padding-bottom: 15px;color: #c90c0f!important}
.icon_feature {display: inline-block;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 26px;border-radius: 50%;background: #3059e7}
#features .grid--features .grid__item {text-align: center}
.textbottompadd {padding-bottom: 31px;position: relative;bottom: 19px;left: 15px}
#industries {background-color: #fff;background-repeat: no-repeat}
.highlight {color: #c90c0f;font-weight: 600!important}
#industries .subtitle {width:100%;text-align:center;position:relative;color: #6d6d6f;font-size: 28px!important}
#hvision {padding-top: 60px}
#annotationservices .section__title,#features .section__title,
#hvision .section__title,#industry .section__title {color: #fff}
.webtunixservices .grid--faq .grid__text {font-size: 18px;color: #acb1c4;line-height: 26px;text-align: justify;}
#aiservices h4 {color: #000}
#aiservices p {color: #626469}
#aiservices img {margin: 0 auto}
.aiindustrysolution .grid__item {text-align: center;background: linear-gradient(-60deg, #030c2c, #182964);transition: all .3s ease-out}
.main {margin: 15px auto;padding-bottom: 80px;border-radius: 20px;margin-bottom: 80px}
.main h3,.main p {text-align: center;padding: 0 18px}
.main h3 {margin: 18px 0 12px;padding: 5px 0}
.main .container1 .vision {
height: 100%;width: 10%;max-width: 99%;resize: horizontal;box-sizing: border-box;
overflow: auto;position: relative;animation-delay: 1.5s;animation-duration: 10s;
animation-name: preview;background: url(../images/before.png);background-size: cover;border-right: 1px solid #fff;}
.main .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -360px -10px;}
.main2 .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -10px -10px;}
.main3 .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -360px -422px;}
.main4 .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -709px 196px;}
.main5 .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -360px -216px;}
.main6 .container1 .vision{width: 330px; height: 186px;background: url('../web-images/before.webp') -10px -216px;}
.main .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -360px -10px;}
.main2 .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -10px -10px;}
.main3 .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -360px -422px;}
.main4 .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -10px -422px;}
.main5 .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -360px -216px;}
.main6 .container1 {width: 330px; height: 186px;background: url('../web-images/after.webp') -10px -216px;}
.main .container1 .vision::after {content: ' ';position: absolute;width: 1em;height: 1em;background: #000;bottom: 0;
right: 0;border: solid 1px #fff;border-right: 0;border-bottom: 0;cursor: col-resize;}
.error {line-height: 18px!important;margin-bottom: 8px!important}
#chatbot {background-image: url(../web-images/chatbotbg.webp), linear-gradient(#02030e, #1c2442);background-size: 100%;background-repeat: no-repeat}
.title {padding-top: 13px;}
.nopadd {padding: 00px;margin: 00px;}
#contact .grid,#technologies .grid {width: 90%;float:none;clear:both;margin:0 auto;}
.noshadow {box-shadow: none;text-shadow: none}
.grid__text.textpadd {width: 80%}
.margin_grid {margin-bottom: 0!important}
.tech_img {width: 400px!important;height: 300px}
.list_style {padding: 0}
.list_style li {background: #3059e7;padding: 4px 15px;margin-bottom: 12px;border-radius: 10px;border: 1px solid #000;color: #fff!important;line-height: 30px!important;}
.deep-learning-section {background: #0169ca!important}
.deep-learning-section h4,
.deep-learning-section p {color: #fff!important}
.deep-learning-section .deep-padd {padding: 150px 0}
.deep-learning-section .section__content {padding: 0}
.deep-learning-section h4,
.deep-learning-section p {font-size: 34px}
.machine_learning {background-image: url(../web-images/machine_bg.webp)!important;background-size: cover!important;background-repeat: no-repeat!important;padding: 60px 0;}
.machine_learning h4,.machine_learning p {color: #fff!important}
.circle_style {border-radius: 50%;padding: 10px 15px;
color: #fff;float: left;position: relative;top: 10px;margin-right: 15px;background: #3059e7}
.shadow_img {box-shadow: 35px 35px 15px #0006;margin: 100px 0;border-radius: 15px;width: 100%}
.services_icon {background-image: url(../images/services-icons.png);background-repeat: no-repeat;height: 100px;width: 100px}
.nlp_icon {background-position: -162px 0}
.audio_icon {background-position: -328px 0}
.data_icon {background-position: 0 -114px}
.video_icon {background-position: -150px -114px}
.annotation_icon {background-position: -328px -114px}
#chatbotcontainer .grid--faq .grid__text {font-size:18px;color: #000;line-height:26px;text-align:justify}
#chatbotcontainer .textwrap {padding: 15px 0}
#chatbotcontainer h3 {font-size: 31px;color: #2e2e30}
#chatbotcontainer {background: #fff}
#chatbotcontainer .grid--features .grid__text {text-align: center;color: #000}
#chatbotcontainer .grid__item--padding {background: #f9f9f9;text-align: center}
#chatbotcontainer .grid__item--padding p {color: #000}
#chatbotcontainer .grid__item--padding h4 {color: #000}
#chatbotcontainer h4 {color: #000}
.design-process-section .text-align-center {line-height: 25px;margin-bottom: 12px}
.design-process-content {border: 1px solid #e9e9e9;position: relative;padding: 40px;}
.design-process-content img {position: absolute;top: 0;right: 0;bottom: 0;z-index: 0;max-height: 100%;}
.design-process-content p {line-height: 26px;margin-bottom: 12px;color: #000;font-size: 16px;text-align: justify}
.process-model {list-style: none;padding: 0;position:relative;max-width:100%;margin: 20px auto 26px;border:none;z-index: 0;left: 2%;}
.process-model li::after {
    background: #e9e9e9 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    right: 93px;
    top: 32px;
    width: 85%;
    z-index: -1
}
.process-model li.visited::after {background: #57b87b}
.process-model li:last-child::after {width: 0}
.process-model li {display: inline-block;width: 16.42%;text-align: center;float: none}
.nav-tabs.process-model>li.active>a,
.nav-tabs.process-model>li.active>a:focus,
.nav-tabs.process-model>li.active>a:hover,
.process-model li a:focus,
.process-model li a:hover {border: none;background: 0 0}
.process-model li a {padding: 0;border: none;color: #606060}
.process-model li.active,
.process-model li.visited {color: #57b87b}
.process-model li.active a,
.process-model li.active a:focus,
.process-model li.active a:hover,
.process-model li.visited a,
.process-model li.visited a:focus,
.process-model li.visited a:hover {color: #57b87b}
.process-model li.active p,
.process-model li.visited p {font-weight: 600}
.process-model li.active i,
.process-model li.visited i {background: #fff;border-color: #57b87b}
.process-model li p {font-size: 17px;margin-top: 11px;color: #000}
.process-model.contact-us-tab li.visited a,
.process-model.contact-us-tab li.visited p {color: #606060!important;font-weight: 400}
.process-model.contact-us-tab li::after {display: none}
.process-model.contact-us-tab li.visited i {border-color: #e5e5e5}
.more-icon-preocess p {text-align: center}
.chatbotindustries img {margin: 0 auto}
.chatbothelp {
    background: #f9f9f9;
    padding: 50px;
    text-align: center;
    border: 1px solid #ccc
}
.chatbothelp h3,
.chatbothelp p {
    color: #000!important
}
.chatbotindustries .grid--4col .grid__item {
    background: linear-gradient(-60deg, #030c2c, #182964);
    transition: all .3s ease-out
}
.chatbotindustries .grid--4col .grid__item .grid__text {
    padding: 00px 30px 20px 30px
}
.chatbotindustries .grid--4col .grid__item:hover {
    transform: translate(0, -10px);
    box-shadow: 0 0 72px 3px #444d62
}
.chatbothelp h4 {padding: 0 0 20px 0}
.chatbot-description {
    width: 60%;
    margin: auto;
    text-align: center;
    padding: 0 0 5px 0;
    color: #5e5f66!important;
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 35px
}
.text-center.prediction_sub_heading {
    color: #000;
    margin-bottom: 20px
}
#pridiction-system {background: #fff}
#pridiction-system p {
    color: #000;
    font-size: 20px;
    letter-spacing: .2px;
    font-weight: 400;
    line-height: 35px;
    text-align: justify;
    margin-top: 15px
}
#pridiction-system h4 {margin: 20px 00px}
#pridiction-system img {padding-top: 15px}
#pridiction-system .grid--6col .grid__item {margin-bottom: 20px}
#pridiction-system .text-center.prediction_sub_heading {
    color: #000;
    margin-bottom: 5px;
    margin-top: 34px
}
#recomendations {background: #fff}
#recomendations h3,#recomendations p {color: #000 !important}
#recomendations p {
    color: #000;
    font-size: 20px;
    letter-spacing: .2px;
    font-weight: 400;
    line-height: 35px;
    text-align: justify;
    margin-top: 15px
}
#recomendations .section__content--padding {padding: 20px 0}
#recomendations .grid--6col .grid__item {margin-bottom: 20px;margin-top: 5px}
#recomendations .section__title {
    font-size: 35px;
    padding: 0 0 30px 0;
    font-weight: 700;
    line-height: 52px
}
.compatibility_icon {display: flex;padding: 0}
.compatibility_icon li {margin-right: 10px}
#naturalprocessing {background: #fff}
#naturalprocessing .grid--faq .grid__text {
    font-size: 20px;
    color: #626469;
    line-height: 32px;
    letter-spacing: .2px
}
#naturalprocessing .grid__text {
    font-size: 20px;
    color: #626469;
    line-height: 32px;
    letter-spacing: .2px
}
#naturalprocessing img {
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 8, 32, .4);
    margin: 0 auto
}
#naturalprocessing h3 {color: #28282e!important;font-size: 2.2rem;line-height: 1.6}
#naturalprocessing ul li {
    font-size: 18px;
    color: #626469;
    line-height: 40px;
    letter-spacing: .2px
}
#industries h3 {color: #28282e!important;font-size: 1.3rem}
#industries h4 {
    color: #28282e!important;
    font-size: 1.2rem;
    line-height: 1.2
}
.paddbottom {padding-bottom: 30px}
#recomendations img {margin: 0 auto}
.grid__icon img {margin: 0 auto;width: 90px;height: 75px;}
.usecases h4 {
    text-align: center!important;
    color: #3059e7;
    padding: 00px
}
.perspective {position: relative;margin: 0 auto;
perspective: 500px;width: 140px;height: 100px}
.perspective.active .button,
.perspective:hover .button {transform: rotateX(10deg);
top: -30px;box-shadow: 0 3px #264bac, 0 160px 89px rgba(66, 112, 234, .1)}
.perspective .button {
    position: absolute;
    top: 0;
    height: 140px;
    width: 140px;
    cursor: pointer;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    background: #fff;
    box-shadow: 0 8px #3059e7, 0 40px 25px rgba(66, 112, 234, .19);
    transform: rotateX(40deg);
    transition: all 1s;
}
.perspective .button img {margin: 20px auto;width: 110px;height: 110px;}
.button__icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
.group {display: inline-block}
.perspective.active .icon-principles,
.perspective:hover .icon-principles {
    transform: rotate(90deg)
}
.perspective.active .icon-principles .circle-purple1,
.perspective:hover .icon-principles .circle-purple1 {
    transform: translate(20px, 20px)
}
.perspective.active .icon-principles .circle-gray1,
.perspective:hover .icon-principles .circle-gray1 {
    transform: translate(20px, 20px)
}
.perspective.active .icon-principles .circle-purple2,
.perspective:hover .icon-principles .circle-purple2 {
    transform: translateY(40px)
}
.perspective.active .icon-principles .circle-gray2,
.perspective:hover .icon-principles .circle-gray2 {
    transform: translate(20px, -20px)
}
.perspective.active .icon-principles .circle-purple3,
.perspective:hover .icon-principles .circle-purple3 {
    transform: translate(20px, -20px)
}
.perspective.active .icon-principles .circle-gray3,
.perspective:hover .icon-principles .circle-gray3 {
    transform: translate(-20px, 20px)
}
.perspective.active .icon-principles .circle-purple4,
.perspective:hover .icon-principles .circle-purple4 {
    transform: translateY(-40px)
}
.perspective.active .icon-principles .circle-gray4,
.perspective:hover .icon-principles .circle-gray4 {
    transform: translate(-20px, -20px)
}
.perspective.active .icon-principles .circle-purple5,
.perspective:hover .icon-principles .circle-purple5 {
    transform: translateX(-40px)
}
.service-section{float:left;width:100%;}
.service-section .service-tab{
	padding: 0;
	margin:  0;
	display: flex;
	width: 100%;
	border: none;
	height:300px;
	overflow: hidden;
}
.service-section .service-tab li{
	display: table;
	float:  none;border-top:3px solid transparent;
	text-align: center;
}
.service-section .service-tab li a{
	padding:10px;
	border-radius: 0;
	margin-right: 0;
	border-width: 5px 0 0 0;min-height: 280px;
	border-style: solid;font-size: 14px;
	border-color: transparent;float:left;
}
.service-section .service-tab li a:hover{
	background-color: #070a1e;
}
.service-section .service-tab li.active{
	background-color: #070a1e;
	border-top:3px solid #fff;
}
.service-section .service-tab li a.active,.service-section .service-tab li.active{background-color: #070a1e;}
.service-section .service-tab li a i{
	width: 67px;
	height: 67px;
	line-height: 67px;
	background-color: #131720;
	color: #1f242f;font-size: 32px;
	text-align: center;margin-bottom: 10px;
	border-radius: 50%;
}
.service-section .service-tab li.active a i, .service-section .service-tab li a:hover i{
	background-color: #c9130d;
	color: #fff;
}
.service-section .service-tab li a h3{
	color: #b4bccf;
	line-height: 20px;
	font-weight: 700;
}
.service-section .service-tab li.active a h3, .service-section .service-tab li a:hover h3{
	color: #fff;
}
.service-section .service-tab li a p{
	line-height: 20px;
	color: #b4bccf;
}
.service-section .service-tab li.active a p, .service-section .service-tab li a:hover p{
	color: #fff;
}
.service-section .service-tab-content{
	padding-bottom: 30px;
}
.service-section .service-tab-content h3{
	margin-top: 0;
	color: #fff200;
}
.service-section .service-tab-content p{
	color: #b4bccf;
	font-size: 16px;
	line-height: 26px;
}
.service-section .tab-image-ex-gap{
	padding-top: 50px;
}
.details {
    list-style: none;
    padding: 0;
    padding-top: 50px;
    margin-left: 20px;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 14px
}
.pythondevelopment img {
    margin: 0 auto
}
#cookies-actions-form {display: inline-block}
a:active,a:visited {outline: 0}
#error {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    font-size: 12px;
    background-size: cover;
    background-position: center bottom;
    background-image: url(../images/bg.png), linear-gradient(#02030e, #1c2442);
    position: relative;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .2px;
    color: #fff
}
#error .inspiration {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    font-family: 'Gill Sans', sans-serif;
    font-size: 14px;
    color: #ff487f
}
#error .center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform .5s;
    z-index: 1
}
#error .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}
#error .circle--outer {
    width: 550px;
    height: 550px;
    background-image: linear-gradient(to right bottom, #802b89, #3059e7);
    box-shadow: 0 0 20px -8px #000
}
#error .circle--inner {
    width: 355px;
    height: 355px;
    background-image: linear-gradient(to right bottom, #802b89, #3059e7);
    box-shadow: 0 0 20px -8px #000
}
#error .four {
    position: absolute;
    font-size: 150px;
    font-weight: 900;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
    user-select: none
}
#error .four--1 {
    top: 100px;
    left: 30px;
    z-index: 1
}
#error .four--2 {
    top: 100px;
    left: 230px;
    z-index: 3
}
#error .astronaut {
    position: absolute;
    top: -115px;
    left: -30px;
    transform: rotate(17deg)
}
#error .astronaut .astronaut-backpack {
    width: 100px;
    height: 100px;
    background-color: #e3e3e3;
    border-radius: 10px
}
#error .astronaut .antena--left {left: 10px}
#error .astronaut .antena--right {right: 10px}
#error .astronaut .astronaut-antena {position: absolute;top: -7px}
#error .astronaut .astronaut-antena .ear-down {
    position: absolute;
    bottom: -5px;
    width: 15px;
    height: 20px;
    border-radius: 5px;
    background-color: #afafaf;
    z-index: 1
}
#error .astronaut .astronaut-antena .ear-up {
    position: relative;
    width: 15px;
    height: 20px;
    border-radius: 5px;
    background-color: #c3c3c3;
    z-index: 2
}
#error .astronaut .astronaut-antena .antena {
    position: absolute;
    top: -29px;
    width: 2px;
    height: 30px;
    border-radius: 5px;
    background-color: #c3c3c3
}
#error .astronaut .astronaut-antena .antena-tip {
position: absolute;top: -33px;width: 6px;
height: 6px;border-radius: 50%;background-color: #c3c3c3}
#error .astronaut .antena--left .antena {left: 5px}
#error .astronaut .antena--right .antena {right: 5px}
#error .astronaut .antena--left .antena-tip {left: 3px}
#error .astronaut .antena--right .antena-tip {right: 3px}
#error .astronaut .astronaut-helmet {
    position: absolute;
    top: -30px;
    left: 50%;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 5px 1px -3px grey;
    transform: translateX(-50%);
    z-index: 3;
    overflow: hidden;
}
#error .astronaut .astronaut-glass {
    position: absolute;
    top: 13px;
    left: 5px;
    width: 56px;
    height: 56px;
    background: #00202e;
    border-radius: 10px
}
#error .astronaut .glow {
    position: absolute;
    border-radius: 50%;
    background-color: #334d57
}
#error .astronaut .glow--1 {
    top: 25px;
    left: 15px;
    width: 17px;
    height: 17px
}
#error .astronaut .glow--2 {
    top: 44px;
    left: 13px;
    width: 7px;
    height: 7px
}
#error .astronaut .astronaut-body {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 50px;
    height: 50px;
    background-color: #c3c3c3;
    transform: translateX(-50%)
}
#error .astronaut-wire {
    position: absolute;
    top: -40px;
    left: -260px
}
#error .astronaut-hands {
    position: absolute;
    top: -89px;
    left: -23px;
    width: 100px;
    transform: rotate(17deg);
    z-index: 3
}
#error .astronaut-hands .astronaut-hand {
    position: absolute
}

#error .astronaut-hands .hand--left {
    left: -3px
}
#error .astronaut-hands .hand--right {
    transform: scaleX(-1);
    right: -3px
}
#error .oh {
    transition: all .1s linear;
    animation: floating 4s linear infinite;
    z-index: 2
}
#error .planet {
    background-color: #ff4980;
    box-shadow: inset -6px -10px 0 1px #cc3b6b, 0 2px 10px rgba(0, 0, 0, .4);
    width: 155px;
    height: 155px
}
#error .craters .crater {
    position: absolute;
    border-radius: 50%;
    background-color: #c93667
}
#error .craters .crater--1 {
    width: 35px;
    height: 35px;
    top: 30px;
    left: 25px
}
#error .craters .crater--2 {
    width: 23px;
    height: 23px;
    top: 20px;
    left: 93px
}
#error .craters .crater--3 {
    width: 17px;
    height: 17px;
    top: 77px;
    left: 17px
}
#error .craters .crater--4 {
    width: 10px;
    height: 10px;
    top: 90px;
    left: 80px
}
#error .craters .crater--5 {
    width: 25px;
    height: 25px;
    top: 115px;
    left: 50px
}
#error .craters .crater--6 {width: 13px;height: 13px;top: 118px;left: 105px}
#error .button {position: absolute;bottom: 30px;left: 50%;
transform: translateX(-50%);padding: 8px 12px;border: 1px solid #fff;border-radius: 3px;cursor: pointer;z-index: 999}
#error .button:active {transform: translateX(-50%) scale(.95)}
#error .sorry {position: absolute;top: 210px;left: 50%;transform: translateX(-50%);font-size: 15px}
#error a {color: #fff}
.header__menu ul {float: right}
img.tech-img {width: 400px}
.darktext ol li,
.darktext p {font-size: 18px;color: #000;line-height: 31px;font-weight: 400}
.darktext p {margin-bottom: 20px;text-align: justify;}
#hireimg {position: fixed;z-index: 9999;bottom: -15px;right: 10px}
#hireimg ul {padding: 0}
#hireimg ul li {display: block;}
#hireimg ul li:nth-child(1){margin-bottom: 6px;}
#hireimg .partner-text {background: #fff;color: #c9130d;
position: absolute;right: 80px;top: 95px;width: 140px;padding: 10px 15px;border-radius: 10px;box-shadow: 1px 1px 40px -8px #33353a}
#hireimg .partner-text p {animation: linkanim 4s linear infinite}
#hireimg .partner-text:before {content: " ";background: #fff;width: 15px;height: 15px;position: absolute;right: -8px;top: 13px;transform: rotate(45deg)}
#hireimg .partner-link {background: #c9130e;padding: 18px 11px 13px;border-radius: 100%}
#hireimg .partner-link i {color: #fff;font-size: 35px;width: 45px;text-align: center}
/* client slider */
.slick-slide img {width: 160px;height:60px;}
.slick-slider {position: relative;display: block;box-sizing: border-box;user-select: none;touch-action: pan-y;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: 0}
.slick-list.dragging {cursor: pointer}
.slick-slider .slick-list,.slick-slider .slick-track {transform: translate3d(0, 0, 0)}
.slick-track {position: relative;top: 0;left: 0;display: block}
.slick-track:after,.slick-track:before {display: table;content: ''}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}
/* client slider */
@keyframes linkanim {
    0% {
        opacity: .5
    }
    50% {
        opacity: .8
    }
    100% {
        opacity: 1
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes bounce {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(0, 100px, 0)
    }
}
@keyframes fadeToY {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(80%)
    }
}
@keyframes showToY {
    0% {
        opacity: 0;
        transform: translateY(-80%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes appear {
    0% {
        opacity: 0;
        margin-left: -25%
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes scrollUp {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-2000px)
    }
}
@keyframes arrow-wave {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}
@keyframes preview {
    0% {
        width: 10%
    }
    50% {
        width: 100%
    }
    100% {
        width: 10%
    }
}
/*=================*/
.bottom {bottom: 0;left: 0;width: 100%;padding: 15px 10px;box-shadow: 0px -2px 12px rgba(0,0,0,0.1);}
.bottom .bottom__container {margin: auto;display: flex;justify-content: space-between;align-items: center;}
.bottom .progress {width: 40%;height: 10px;position: relative;border-radius: 5px;overflow:hidden;background-color: #ecedf5;}
.bottom .progress__inner {position: absolute;
top: 0;border-radius: 5px;height: 100%;left: 0;width: 0%;background-color: #c9130e;transition:.4s width linear;}
.bottom .navigation__btn path{fill:#A7AACB}
.bottom .navigation {display: flex;float:right;align-items: center;margin:10px 30px;}
.bottom .navigation__btn {display: flex;align-items: center;width: 44px;
border: 1px solid #A7AACB;justify-content: center;height: 44px;}
.bottom .navigation__btn--left{border-top-left-radius:6px;border-bottom-left-radius:6px;}
.bottom .navigation__btn--right{border-top-right-radius:6px;border-bottom-right-radius:6px}
.quiz-start .quiz__question{font-weight:900;letter-spacing:1px;margin-top: 0;font-size: 28px;}
.quiz-start {height: calc(100% - 74px);width: 100%;align-items: center;justify-content: center;padding: 15px 10px;text-align: center;}
.quiz-start .answer:first-of-type{margin-right:15px;}
.quiz-start .answer__input {appearance: none;width: 1px;height: 1px;position: absolute;outline:none !important;}
.quiz-start .answer__label {width: 265px;float:left;
border: 1px solid #f3b6b7;display: inline-block;border-radius: 6px;padding: 10px 15px;
line-height: 25px;font-size: 15px;color: #fff;min-height:95px;text-align:center;font-weight: 600;}
.quiz-start .answer {display: inline-block;margin-right:10px;}
.quiz-start .quiz__step {text-align: center;}
.quiz-start .answer__input:checked + .answer__label{
border-color:#c90c0f;color:#fff;box-shadow: 0px 0px 1px 4px rgba(201, 12, 15,0.1);}
.quiz-start .answer__input:checked + .answer__label .answer__tick{opacity:1;visibility:visible;}
.quiz-start .answer__char {
line-height: 24px;display: inline-block;width: 26px;text-align: center;
font-size: 13px;border-radius: 4px;color: #c8cae0;border: 1px solid #c8cae0;
font-weight: 600;vertical-align: middle;margin-right: 15px;}
.quiz-start .answer__tick {display: inline-block;vertical-align: middle;
background-color:#c90c0f;margin-left: 20px;line-height: 14px;border-radius: 50%;
padding: 4px;float:right;opacity:0;}
.quiz-start .answer__tick path{fill:#fff}
.quiz-start .quiz__step:not(.quiz__step--current){visibility:hidden;opacity:0; display:none;}
.quiz-start .question__emoji{font-size:45px;display: inline-block;margin-right: 15px;}
.quiz-start .navigation__btn--disabled {opacity: 0.4;}
.submit__container {margin-top: 25px;}
.quiz-start .submit {
background-color:#c9130d;line-height: 50px;display: inline-block;
border-radius: 25px;padding: 0 15px;font-size: 13px;text-decoration: none;
color: #fff;letter-spacing: 1px;box-shadow: 0px 6px 11px rgba(88,97,175, 0.6);
min-width: 130px;font-weight: 700;text-transform: uppercase;}
.quiz-start .thanks__tick {line-height: 50px;width: 50px;font-size: 25px;color: #fff;background-color: #c90c0f;border-radius: 50%;display: inline-block;text-align: center;}
.quiz-start .thanks__title {font-weight: 900;letter-spacing: 1px;margin-top: 15px;text-align: center;font-size: 40px;}
.quiz-start .thanks{text-align:center;}
.quiz-start #startagain{border: 0;padding: 10px 5px;font-size: 20px;color: #fff;background: #c90c0f;border-radius: 5px;}
.quiz-start .seeresult{display: block;width: 100%;float: left;}
.blog-details .single-blog-image {text-align: center;}
.blog-detail-inner p{text-align:justify}
.blog-detail-inner h2{padding: 0 0 10px;}
.blog-detail-inner h3,.blog-detail-inner h4,.blog-detail-inner h5,.blog-detail-inner h6{margin: 10px 0;padding: 0;}
.blog h1,.blog-details h1{text-align: center;display: block;width: 100%;font-size: 40px;}
.blog-sidebar .post-thumbnail{width:100px;height:80px;}
.blog-sidebar .blog-sidebar-part{padding: 16px 30px;}
.blog-sidebar .blog-sidebar-part h3{background: #c9130e;text-align: center;padding: 5px 0;}
.blog-sidebar .blog-sidebar-part h4{padding:0;}
.blog-sidebar .blog-sidebar-part ul{list-style:none;padding:0;}
.blog-sidebar .blog-sidebar-part ul li{border-bottom: 1px solid #c8130e;padding: 10px 0 15px;}
.blog-sidebar .blog-sidebar-part ul li a{color:#fff;}
.blog-container {float: left;width: 100%;margin: 20px 100px;}
p.post-meta{font-size: 20px;margin: 10px 0;color: #c9130e;}
.blog p.post-des,.blog-details p.post-des{text-align:justify;}
.blog .blog-container h3{padding:0;text-align:left;}
.blog,.blog-details{float:left;width:100%;margin: 100px 0 0;text-align:justify;color:#fff;}
.blog .blog-image img{width: 330px;height: 200px;}
.blog-details .single-blog-image img{width: 700px;height: 375px;display: inline-block;}
.blog-details ul{list-style:circle;}
.blog a.read-blog{background: #c9130e;color: #fff;padding: 5px;margin: 10px 0;display: inline-block;}
/*=================*/
/* other*/
@media (min-width:768px)
{
.header__menu>ul>li {display: inline-block;padding: 0;}
.header__menu {float: right;width:80%;}
.menu-button {display: none;}
.header__menu ul {display: block;}
}
/* other */
/* 767 */
@media (max-width:767px)
{
.menu-button{width:35px;height:20px;background:#c9130f;
position:absolute;padding:1px;top:16px;right:4%;z-index:99999;display:block;}
.menu-button:before {content: "";position: absolute;top: 6px;width: 35px;height: 6px;z-index: 999;
border-top: 1px double #fff;border-bottom: 1px solid #fff;}
.wt-logo img{width: 180px;}
h1, h2, h3, h4, h5, h6 {padding: 0 0 10px 0;}
.section__content.section__content--fluid-width.section__content--intro {padding: 0;}
.section--intro{padding: 10px 0 0;}
.header__content{width:90%;}
.header__logo-title img {width: 160px;}
.dropdown-submenu .dropdown-menu,.header__menu ul {display: none;position: absolute;background:#fff;top:46px;box-shadow: 2px 3px #c9130d;left: 10px;width: 350px;border-radius: 5px;}
.dropdown-submenu:hover .dropdown-menu{display:block;box-shadow: 2px 3px #c9130d;width: 350px;background: #fff;}
.header__menu .dropdown-sm,.header__menu .dropdown-lg,.header__menu .dropdown-b{width: 100%;}
.header {position: relative;height: 50px;}
.dropdown-submenu{width:100%;}
.dropdown-submenu a{color:#050b2c !important;height: 38px;line-height: 50px;}
.dropdown-submenu .dropdown-menu a{color:#050b2c !important;line-height: 1;}
.header__menu:after,.header__menu>ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.dropdown-submenu .dropdown-menu li {display: block;width: 100%;}
.header__menu .dropdown-lg li, .header__menu .dropdown-b li {width: 100%;}
.header__menu>ul>li>a{height:40px;line-height: 32px;}
.grid--2col .grid__item {width: 100%;display: inline-block;margin-bottom: 0;}
.intro__title h1{font-size: 28px;line-height: 28px;}
.intro__subtitle {font-size: 16px;line-height: 26px;}
.main {margin: 25px 12px;}
.main h3 {margin: 8px 0px 0px;font-size: 18px;}
.main p {padding: 0;font-size: 15px;line-height: 23px;}
.section__title {font-size: 20px;padding: 0 0 20px 0;line-height: 29px;}
#hvision {padding-top: 20px;}
.section__description--centered {width: 100%;text-align: justify;padding: 0 0 15px 0;}
.section__description {font-size: 16px;line-height: 25px;}
.grid--features .grid__item {width: 100%;margin-bottom: 15px;margin-right: 0;}
.grid--5col .grid__item--x3 {width: 100%;display: grid;}
.grid--faq .grid__title {font-size: 20px;line-height: 25px;padding: 10px 0 10px 0;}
.grid__text.textpadd {width: 100%;}
.grid--faq .grid__text {font-size: 16px;line-height: 21px;}
#annotationservices .grid {width: 100%;}
#annotationservices img,.rotated::before,.rotated::after,#industries .rotated::after {width: 200px;height: 150px;margin:28px 18px;}
.rotated::after,#industries .rotated::after{left: 82px;top: -31px;}
.rotated::before,#industries .rotated::before{left: 57px;top: -6px;}
.rotated img,#industries .rotated img {width: 206px;height: 140px;bottom: 8px;left: 70px;margin: 26px 0 0 -25px;}
.rotated {transform: rotate(354deg) skew(182deg);position: relative;text-align: center;}
.grid--faq .grid__list li {font-size: 15px;padding: 8px 0 1px 25px;}
.compatibility_icon li {margin-right: 5px;margin-bottom: 55px;}
.section__content--padding {padding: 0;}
#solution .grid__title {font-size: 22px;line-height: 20px;}
#solution .grid__text {line-height: 26px;font-size: 15px;}
.grid__title{font-size:18px !important;margin: 0;}
.grid--support .grid__title{padding:0}
.grid--support .grid__item.grid__item--padding{width:92%;padding: 14px;margin: 10px 0;}
.section__content--fluid-width,.grid--support,.hiring .section__content--fluid-width {width: 95%;padding: 0 3%}
.paddtop {padding-top: 0px;}
.services_icon{display:inline-block;}
.nlp_icon {background-position: -145px 0px;}
.audio_icon {background-position: -305px 0px;}
.grid--5col .grid__item--x2 {width: 100%;}
.grid--5col .grid__item {margin-right: 0;margin-bottom: 10px !important;width: 100%;}
.faq__content p {text-align: justify;padding:0;}
.faq__label {padding: 10px;font-size: 16px;}
.faq__input:checked~.faq__content {min-height: 140px;max-height: 100%;}
.grid__list li{padding:2px 0;}
.grid--3col .grid__item {margin-right:0;margin-bottom:10px;width:100%;margin-top:25px;}
.footer__content--svg {padding-top: 0;}
.footer__content--fluid-width {width: 95%;}
.feature-logo{padding-left:0;text-align: center;}
.proud {bottom: -2px;}
.proud img {width: 50px;}
#hireimg img {width: 90px;}
footer .btn{padding:16px;line-height: 0;}
footer input {padding: 10px;height: 10px;}
.whywetext {font-size: 16px;line-height: 25px;}
#industry .grid--features .grid__text {width: 95%;}
.grid--cta {display: block;}
.grid--cta .grid__text {font-size:16px;line-height:24px;}
.grid--cta .grid__more {font-size:15px;padding:8px 30px;}
.perspective .button img {margin: 5px auto;width:60px;height: 80px;}
.perspective .button,.perspective {height: 80px;width: 80px;}
#aboutus h3, #annotaiontool h3,.ai-service h3{font-size: 1.1em;}
#aboutus .section__description--centered ,#aboutus .grid,#industries .grid,#contact .grid, #technologies .grid{width: 96%;}
#aboutus .grid--faq .grid__text ,#annotaiontool .grid--faq .grid__text{font-size: 18px;line-height: 27px;letter-spacing: 0.1px;}
.feature-logo li {margin: 0px -3px;}
#annotationservices .grid--5col .grid__item {text-align: center;}
.whywe .grid--5col .grid__item {margin-bottom: 0 !important;}
#annotaiontool .grid{width:100%;}
#industries .section__description--centered {padding: 0;}
.webtunixservices .grid--5col .grid__item {margin-bottom: 50px !important;}
#industries .subtitle {font-size: 19px !important;}
.webtunixservices .grid--faq .grid__text{padding-right:0;}
.wt-industry-help{width:100%;}
.subintro-animation1 img {width:70%;margin:10px auto;}
#oursolution .section__content--fluid-width {width: 95%;}
#oursolution .grid--faq .grid__text {font-size: 17px;line-height: 26px;letter-spacing: 0.1px;}
#contact p {font-size: 16px;letter-spacing: .1px;line-height: 26px;}
#contact h2 {font-size: 22px;}
.contactwrap {padding: 8px 10px;margin-top: 25px;}
.publications .grid__text {padding: 5px;}
#aboutus .grid--faq .grid__text, #annotaiontool .grid--faq .grid__text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
.btn {padding: 7px 20px;}
.position-tab {padding: 12px;margin-top: 35px !important;width:93%;}
.position-tab h3 {font-size: 18px;}
.section--cta {background:url("../web-images/webtunix-footer-bg.webp") no-repeat;background-size:cover;}
.service-section .service-tab{display: block;height:auto;}
.service-section .service-tab li a{min-height:auto;}
#recomendations .section__title {
font-size: 20px;padding: 0 0 23px 0;line-height: 28px;}
#recomendations p,#technologies p {font-size: 16px;letter-spacing: -0.8px;line-height: 25px;margin-top: 0px;}
.verticalmidle {top: -2px;}
.textbottompadd {left: -7px;}
#industries .grid--faq .grid__text {font-size: 17px;line-height: 26px;}
#industries h3 {font-size: 14px;}
.darktext ol li, .darktext p {font-size: 16px;line-height: 26px;}
.stylish-list {font-size: 15px;line-height: 26px;letter-spacing: .1px;}
.section__blogwriting h3 {padding: 0;margin: 12px 0 0;font-size: 17px;}
.quiz-start .quiz__question {font-size: 19px;}
.quiz-start .thanks__title {font-size: 27px;}
.grid--5col .grid__item.grid__item--padding {width: 80%;padding: 20px;}
.ai-industry h3 {font-size: 1.1rem;margin-bottom: 5px;
}
}
/* 767*/
/* 768-991*/
@media (min-width:768px) and (max-width:991px)
{
body, html {overflow-x: hidden;}
.header__content,.section__content--fluid-width,.footer__content--fluid-width{width:95%;}
.header__logo-title {text-align: center;width: 100%;}
.header__menu {float: left;width: 100%;}
.header{position: inherit;}
.section__content.section__content--fluid-width.section__content--intro {
    padding: 0;
}
.section--intro{padding:10px 0;}
.grid--2col .grid__item {
    width: 100%;
}
.intro__title h1 {
    font-size: 48px;
    line-height: 50px;
    text-align: center;
}
.grid .grid__item:last-child, .grid--2col .grid__item:nth-child(2n+2) {
    float: left;
}
.grid__text.textpadd {width: 100%;}
.grid--faq .grid__text {font-size: 16px;line-height: 21px;}
#annotationservices .grid {width: 100%;}
#annotationservices img,.rotated::before,.rotated::after,#industries .rotated::after {width: 200px;height: 150px;margin:28px 18px;}
.rotated::after,#industries .rotated::after{left: 47px;top: -31px;}
.rotated::before,#industries .rotated::before{left: 57px;top: -6px;}
.rotated img,#industries .rotated img {width: 206px;height: 140px;margin: 26px 0 0 -25px;}
.rotated {transform: rotate(354deg) skew(182deg);position: relative;text-align: center;}
.img-responsive{margin:auto;}
.section__description--centered{width:100%;}
.main .container1{height:100px;}
.main h3, .main p {padding: 0 0px;}
.grid--faq .grid__title,.section__title{font-size:28px;}
}
/* 768-991*/
/* 992-1200*/
@media (min-width:992px) and (max-width:1200px)
{
.section__content.section__content--fluid-width.section__content--intro {
padding: 0;
}
.section--intro{padding:10px 0;}
}
/* 992-1200*/
/* 1920*/
@media (min-width:1920px)
{
.header__content ,.section__content--fluid-width{width: 1350px;}
}
/* 1920*/
section.top-region-bar
{
background: #fff;width: 35%;position: absolute;
left: 10px;top: 85px;z-index: 1;float:left;
padding: 0 0 10px 10px;color: #040613;}
section.top-region-bar:before{
position:absolute;content: "";width: 21px;
height: 21px;background: #fff;top: -11px;
transform:rotate(45deg);left:10px;z-index:-1;}
section.top-region-bar h3{padding:0;margin:5px 0 0;}
section.top-region-bar .region-info{margin:5px 0 10px;}
section.top-region-bar button{border:0;font-size:17px;border-radius:5px;padding:6px;}
section.top-region-bar button:focus{outline:0;}
section.top-region-bar button#redirectbtn{background:#c9130f;color:#fff;}
section.top-region-bar button.closeme{background:#cfd9d6;color:#605555;}

.wtvideoanotitle{
 text-align:center;
 font-size: 20px;
    color: #626469;
    line-height: 32px;
}