@import url("../../fonts/fonts.css");
body {
  font-family: 'TitilliumWeb-Regular';
  color: #080808;
  width: 100%;
  overflow-x: hidden; }

.row {
  margin: 0; }

img {
  width: 100%; }

textarea {
  resize: none; }

a:hover {
  text-decoration: none; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

select.form-control:not([size]):not([multiple]) {
  height: auto; }

::-moz-selection {
  /* Code for Firefox */
  color: #ffffff;
  background: #0477f8; }

::selection {
  color: #ffffff;
  background: #0477f8; }

header {
  position: sticky;
  top: 0;
  z-index: 99;
  width: 100%; }
  header .top-band {
    color: #ffffff;
    padding-top: 5px;
    background-color: #00297d; }
    header .top-band .box-sizing {
      box-sizing: content-box; }
    @media only screen and (max-width: 767px) {
      header .top-band {
        display: none; } }
    header .top-band .sm {
      margin: 0;
      padding: 0;
      display: block;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        header .top-band .sm {
          text-align: left; } }
      header .top-band .sm li {
        display: inline-block;
        list-style: none;
        margin-right: 5px; }
        header .top-band .sm li a .svg-inline--fa {
          background-color: #0000000;
          border-radius: 50%;
          width: 25px;
          height: 25px;
          padding: 5px;
          color: #ffffff; }
  header .navbar {
    background-color: transparent;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    header .navbar .navbar-nav .nav-item .nav-link {
      color:#272727; }
      header .navbar .navbar-nav .nav-item .nav-link:hover {
        color:#272727;;
        position: relative;
        transition-delay: 2s; }
        header .navbar .navbar-nav .nav-item .nav-link:hover::before {
          content: '';
          display: block;
          width: 100%;
          height: 2px;
          background-color: #00227c;
          position: absolute;
          top: -21px;
          left: 0; }
          @media only screen and (max-width: 768px) {
            header .navbar .navbar-nav .nav-item .nav-link:hover::before {
              display: none; } }
    header .navbar .navbar-nav .nav-item .active {
      color: #0477f8;
      font-family: 'TitilliumWeb-SemiBold';
      position: relative; }
      header .navbar .navbar-nav .nav-item .active::before {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #00227c;
        position: absolute;
        top: -21px;
        left: 0; }
        @media only screen and (max-width: 768px) {
          header .navbar .navbar-nav .nav-item .active::before {
            display: none; } }
    header .navbar .navbar-brand {
      padding: 0; }
      header .navbar .navbar-brand .logo {
        width: 80%; }
        @media only screen and (max-width: 767px) {
          header .navbar .navbar-brand .logo {
            width: 200px; } }
    header .navbar .dropdown-item {
      font-size: 14px; }
    header .navbar .dropdown-submenu {
      position: relative; }
    header .navbar .dropdown-submenu > a:after {
      content: "\25B7";
      float: right;
      border: none; }
    header .navbar .dropdown-submenu > .dropdown-menu {
      top: 0;
      right: 95%;
      left: 100%;
      margin-top: 0px;
      margin-left: 0px;
      min-width: 170px; }
    header .navbar .dropdown-menu {
      right: 0;
      left: unset; }
      @media only screen and (max-width: 767px) {
        header .navbar .dropdown-menu {
          height: 40vh;
          overflow: scroll; } }
header .min-h::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 3px;
  background-color: #F5F5F5;
}

header .min-h::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

header .min-h::-webkit-scrollbar-thumb
{
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #D62929;
}
.dropdown-divider{
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #endor-main-slider img {
    height: 600px;
    object-fit: cover; } }

#endor-main-slider .slider-text {
  position: absolute;
  top: 13vw;
  left: 7vw; }
  #endor-main-slider .slider-text h1 {
    font-family: 'Arvo-Bold';
    color: #ffffff;
    font-size: 2.1vw; }
    @media only screen and (max-width: 767px) {
      #endor-main-slider .slider-text h1 {
        font-size: 2.5rem; } }
  #endor-main-slider .slider-text p {
    color: #ffffff;
    max-width: 23vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; }
    @media only screen and (max-width: 767px) {
      #endor-main-slider .slider-text p {
        font-size: 1rem;
        max-width: 90%; } }
  #endor-main-slider .slider-text a {
    color: #232323;
    font-family: 'Arvo-Regular';
    color: #ffffff; }
    #endor-main-slider .slider-text a img {
      width: 32px;
      height: 32px;
      display: inline-flex;
      vertical-align: middle; }

.about {
  position: relative; }
  .about h4 {
    color: #0477f8;
    font-family: 'Arvo-Bold'; }
  .about h2 {
    font-family: 'Arvo-Bold'; }
  .about p {
    text-align: justify; }
  .about a {
    color: #232323;
    font-family: 'Arvo-Regular'; }
    .about a img {
      width: 32px;
      height: 32px;
      display: inline-flex;
      vertical-align: middle; }
  .about .robo {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .about .robo img {
        width: 50%;
        display: block;
        margin: auto;
        z-index: 9;
        margin-bottom: 60px;
        margin-top: 30px; } }
    .about .robo::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      background-image: url("../../images/projection.png");
      width: 100%;
      height: 100px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom; }

.services {
  background-image: url("../../images/specilized-in.svg");
  padding: 70px 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover; }
  .services h3 {
    color: #232323;
    font-family: 'Arvo-Bold';
    text-align: center;
    position: relative; }
    .services h3::before {
      content: '';
      width: 50px;
      height: 3px;
      background-color: #0477f8;
      display: block;
      margin: auto;
      margin-bottom: 20px; }
  .services p {
    color:#0477f8;
    text-align: center; }
  .services .service-box-container {
    position: relative;
    background-image: url("../../images/service-bg-pattern.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    background-size: cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    z-index: 1;
    margin-bottom: 15px;
    box-shadow: 0 0 8px 2px #c1c1c1;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .services .service-box-container {
        height: auto; } }
    .services .service-box-container:before {
      content: '';
      position: absolute;
      display: block;
      height: 95%;
      width: 95%;
      top: 2.5%;
      left: 2.5%;
      background-color: rgba(255, 255, 255, 0.5);
      z-index: -1; }
    .services .service-box-container .icon img {
      width: 50px;
      height: 50px; }
    .services .service-box-container .heading {
      font-family: 'TitilliumWeb-Bold';
      color: #3d3d3d;
      margin-top: 50px;
      border-left: 5px solid #0477f8;
      padding-left: 15px; }
    .services .service-box-container .content p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      text-align: left;
      color: #8d8d8d; }
    .services .service-box-container .link {
      z-index: 2;
      color: #232323;
      font-family: 'Arvo-Regular';
      visibility: hidden; }
      .services .service-box-container .link img {
        width: 32px;
        height: 32px;
        display: inline-flex;
        vertical-align: middle; }
      .services .service-box-container .link img {
        border: 1px solid #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%; }
    .services .service-box-container:hover {
      background-color: #4488d3;
      background-image: url("../../images/service-bg-pattern-hover.png");
      cursor: pointer; }
      .services .service-box-container:hover .link {
        visibility: visible; }
      .services .service-box-container:hover:before {
        background-color: rgba(0, 0, 0, 0.5); }
      .services .service-box-container:hover .content p {
        color: #ffffff; }
      .services .service-box-container:hover .heading {
        color: #ffffff;
        border-color: #ffffff; }
      .services .service-box-container:hover .icon img {
        filter: invert(1);
        -webkit-filter: invert(1); }

.we-provide {
  padding: 70px 0;
  background-image: url(../../images/ic-tree-bg.svg);
  background-attachment: fixed; }
  .we-provide h3 {
    color: #232323;
    font-family: 'Arvo-Bold'; }
  .we-provide ul {
    padding: 0;
    margin: 0; }
    .we-provide ul li {
      list-style: none;
      border-left: 3px solid #e9e9e9;
      padding-left: 15px;
      line-height: 45px; }
      .we-provide ul li:hover {
        border-color: #0477f8;
        cursor: pointer;
        color: #0477f8; }

.exlpore-endor {
  background-image: url(../../images/bg-ic.svg);
  background-attachment: fixed;
  padding: 50px 0; }
  .exlpore-endor .container {
    background-color: #f2f3f5; }
    .exlpore-endor .container .explore-content-area {
      padding: 70px 0; }
      .exlpore-endor .container .explore-content-area h3 {
        color: #232323;
        font-family: 'Arvo-Bold'; }
      .exlpore-endor .container .explore-content-area p {
        color: #3f3f3f; }
      .exlpore-endor .container .explore-content-area a {
        color: #232323;
        font-family: 'Arvo-Regular'; }
        .exlpore-endor .container .explore-content-area a img {
          width: 32px;
          height: 32px;
          display: inline-flex;
          vertical-align: middle; }
    .exlpore-endor .container .bullet-camera img {
      width: 70%;
      display: block;
      margin: auto; }

.clients {
  background-color: #f2f3f5;
  margin: 70px 0;
  padding: 70px 0;
  padding-bottom: 20px;
  margin-bottom: 0; }
  .clients h3 {
    color: #232323;
    font-family: 'Arvo-Bold'; }
  .clients .company-info {
    color: #3f3f3f; }
    .clients .company-info h4 {
      font-family: 'Arvo-Bold';
      position: relative; }
      .clients .company-info h4::before {
        content: '';
        width: 50px;
        height: 3px;
        background-color: #0477f8;
        display: block;
        margin-bottom: 20px; }
  .clients .client-logo {
    display: flex;
    vertical-align: middle;
    height: 100%; }
    .clients .client-logo img {
          filter: saturate(0);
    -webkit-filter: saturate(0);
    margin-bottom: 35px;
    padding: 0 10px; }
      @media only screen and (max-width: 768px) {
        .clients .client-logo img {
          margin-bottom: 25px;
          margin-top: 25px; } }
      .clients .client-logo img:hover {
        filter: saturate(1);
        -webkit-filter: saturate(1); }

.enquiry-now {
  padding: 50px 0;
  position: relative; }
  .enquiry-now h3 {
    color: #0477f8;
    font-family: 'Arvo-Bold';
    text-align: center; }
  .enquiry-now h6 {
    color: #3f3f3f;
    text-align: center;
    font-family: 'TitilliumWeb-Bold'; }
    .enquiry-now h6 span {
      font-family: 'TitilliumWeb-Regular'; }
  .enquiry-now form {
    margin-top: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0px #717171;
    border-radius: 10px; }
    .enquiry-now form .form-control {
      background-color: #e9e9e9; }
    .enquiry-now form p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-align: left;
      color: #8d8d8d;
      font-size: 12px; }
    .enquiry-now form button {
      background-color: #0477f8;
      color: #ffffff;
      display: block;
      width: 100%;
      padding: 11px;
      border: 0;
      border-radius: 10px;
      box-shadow: 0 0 8px #0477f8;
      font-family: 'TitilliumWeb-Bold'; }

footer {
  background-color: #3c3c46;
  padding: 40px 0;
  color: #d0d0d0; }
  footer .call {
    text-align: center;
    border-bottom: 1px solid #6b6b73;
    padding-bottom: 10px; }
    footer .call h2 {
      display: inline-flex;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        footer .call h2 {
          font-size: 20px; } }
      footer .call h2 img {
        width: 33px;
        height: 35px;
        margin-right: 10px; }
        @media only screen and (max-width: 767px) {
          footer .call h2 img {
            width: 20px;
            height: 20px; } }
    footer .call h6 .get-a-qoute {
      font-family: 'TitilliumWeb-SemiBold';
      padding-left: 10px;
      font-size: 22px;
      color: #f1f2f6; }
  footer .links {
    margin-top: 30px; }
    footer .links ul {
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        footer .links ul {
          margin-bottom: 30px; } }
      footer .links ul li {
        list-style: none; }
        footer .links ul li a {
          color: #d0d0d0; }
          footer .links ul li a:hover {
            color: #ffffff; }
            footer .links ul li a:hover .fa-circle {
              color: #fff; }
          footer .links ul li a .fa-circle {
            color: #0477f8;
            font-size: 6px; }
          footer .links ul li a .svg-inline--fa {
            display: inline-flex;
            width: 20px;
            vertical-align: middle;
            margin-right: 10px; }
    footer .links h5::after {
      content: '';
      width: 35px;
      height: 3px;
      background-color: #0477f8;
      display: block;
      margin-top: 5px; }
    footer .links form .input-group-text {
      background-color: #0477f8;
      color: #ffffff;
      cursor: pointer; }

.copy-rights {
  background-color: #d0d0d0;
  padding: 15px 0; }
  .copy-rights p {
    margin: 0; }
  .copy-rights a {
    color: #080808; }

.inner-page {
  margin-top: 100px;
  position: relative;
  background-color: #ffffff; }
  .inner-page h1, .inner-page h2 {
    color: #232323;
    font-family: 'Arvo-Bold';
    text-align: left;
    position: relative; }
    .inner-page h1::before, .inner-page h2::before {
      content: '';
      width: 50px;
      height: 3px;
      background-color: #0477f8;
      display: block;
      margin-bottom: 20px; }
  .inner-page h4 {
    font-family: 'TitilliumWeb-SemiBold'; }
  .inner-page .accordion h2 {
    font-family: 'TitilliumWeb-SemiBold'; }
    .inner-page .accordion h2:before {
      display: none; }

.service-page {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0; }
  .service-page .left-img {
    height: 100%;
    object-fit: cover;
    background: #000e2a; }
    @media only screen and (max-width: 767px) {
      .service-page .left-img {
        height: 150px; } }
  .service-page .service-container {
    background-color: #d3d3d3;
    padding: 30px;
    height: 100%;
    transition-delay: .2s;
    transition-duration: .5s;
    cursor: pointer; }
    .service-page .service-container a {
      transition-delay: .2s;
      transition-duration: .5s; }
    .service-page .service-container img {
      width: 30px; }
    .service-page .service-container:hover {
      background-color: #0477f8; }
      .service-page .service-container:hover a {
        color: #ffffff; }
  .service-page .service-container2 {
    background-color: #e4e4e4;
    padding: 30px;
    height: 100%;
    transition-delay: .2s;
    transition-duration: .5s;
    cursor: pointer; }
    .service-page .service-container2 a {
      transition-delay: .2s;
      transition-duration: .5s; }
    .service-page .service-container2 img {
      width: 30px; }
    .service-page .service-container2:hover {
      background-color: #0477f8; }
      .service-page .service-container2:hover a {
        color: #ffffff; }
  .service-page p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

.inner-pageenquiry {
  background-color: #f1f2f6;
  padding: 50px 0;
  margin-top: 30px; }

.contact {
  margin-top: 20px; }
  .contact .contact-info {
    border: 2px solid #b0b0b0;
    text-align: center;
    padding: 50px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 100%; }
    .contact .contact-info .svg-inline--fa {
      color: #0477f8;
      font-size: 1.5rem; }
    .contact .contact-info h5 {
      font-family: 'Arvo-Bold'; }
    .contact .contact-info p {
      color: #797979;
      margin: 0; }
  .contact button {
    background-color: #0477f8;
    display: block;
    width: 100%;
    padding: 15px;
    color: #ffffff;
    border: 0;
    font-family: 'TitilliumWeb-Bold'; }
  .contact iframe {
    width: 100%;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
  .contact form {
    box-shadow: 0 0 3px 1px #aaaaaa;
    padding: 10px; }

.iot-page {
  margin-top: 30px; }
  .iot-page .card .card-img-top {
    width: 50px;
    display: block;
    margin-bottom: 10px;
    object-fit: contain;
    height: 50px;}
  .iot-page .iot-services {
    background-image: url(../../images/bg-ic.svg);
    background-attachment: fixed;
    padding: 50px 0; }
    .iot-page .iot-services .bg-secondary {
      background-color: #ffffff !important; }
  .iot-page .odm-products {
    background-image: url(../../images/ic-tree-bg.svg);
    background-attachment: fixed;
    padding: 50px 0; }
    .iot-page .odm-products h4 {
      font-size: 16px; }
    .iot-page .odm-products p {
      text-align: justify; }
    @media (min-width: 992px) {
      .iot-page .odm-products .col-lg-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }

#particles-js {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover; }

.embedded-page .process {
  text-align: center; }
  .embedded-page .process .icon {
    background-color: #0bcdff;
    border-radius: 50%;
    padding: 15px;
    margin-bottom: 15px;
    width: 40%; }
  .embedded-page .process h6 {
    font-family: 'TitilliumWeb-SemiBold'; }

.embedded-page .embedded-section {
  background-image: url(../../images/ic-tree-bg.svg);
  background-attachment: fixed;
  padding: 50px 0; }
  .embedded-page .embedded-section p {
    text-align: justify; }

.it-solution {
  padding: 50px 0; }

.service-detail {
  background-image: url(../../images/bg-ic.svg);
  background-attachment: fixed;
  padding: 50px 0; }

.getAquote {
  background-image: url(../../images/bg-ic.svg);
  background-attachment: fixed;
  padding: 50px 0; }
  .getAquote form {
    background-color: #ffffff; }
.news{
  padding: 70px 0;
}
.news h3{
  color: #232323;
    font-family: 'Arvo-Bold';
}
.latest-news img{
  height: 150px;
  object-fit: cover;
}
.latest-news p{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
   text-align: justify;
}
.latest-news h5{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.career {
  padding: 20px 0; }
  .career h5 {
    color: black;
    text-align: left;
    font-family: 'Helvetica';
    margin-bottom: 30px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: capitalize; }
    .career h5:after {
      content: '';
      display: block;
      width: 50px;
      height: 2px;
      background-color: #00297d;
      margin-top: 10px; }
  .career .career-post {
    height: 400px;
    overflow-y: scroll;
    padding-right: 20px; }
    .career .career-post::-webkit-scrollbar-track {
      background-color: #F5F5F5; }
    .career .career-post::-webkit-scrollbar {
      width: 12px;
      background-color: #F5F5F5; }
    .career .career-post::-webkit-scrollbar-thumb {
      background-color: #555; }
    .career .career-post .posts {
      padding: 10px;
      border: 1px solid #f0f0f0;
      margin-bottom: 15px; }
      .career .career-post .posts h6 {
        font-weight: bold; }
      .career .career-post .posts p {
        text-align: justify; }
      .career .career-post .posts .dates p {
        font-size: 12px;
        color: #8e8e8e; }
  .career .form-control {
    font-size: 14px; }
  .career button {
    background-color: #00297d;
    color: white;
    padding: 5px 25px;
    border: 0;
    font-size: 15px;
    letter-spacing: 2px; }
    #endor-main-slider .carousel-control-next, #endor-main-slider .carousel-control-prev{
      width: 5%;
    }
    #endor-main-slider .carousel-control{
      display: flex;
      width: 35px;
      height: 35px;
      background-color: brown;
    }
    #endor-main-slider .carousel-control .svg-inline--fa{
      margin: 10px;
    }
    #endor-main-slider .carousel-indicators .active{
      background-color: brown;
    }
    .works iframe, .works img{
      width: 100%;
      height: 350px;
    }
    
    
    
.iot-page .iot-services .iot-inner-img img {
    height:100%;
    object-fit:cover;
}

.it-inner-img img {
    height:100%;
    object-fit:cover;
}