#nodes { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.hidden { display: none; }
.sub-section-title{font-size:19px;font-weight:400;}

/*Services Section Css Start*/
.our-services { background: #f7faff; padding: 50px 0px; }
.mb-0 { margin-bottom: 0px; }
.our-services .services-box { position: relative; padding: 0px 0px 0px 100px; margin-bottom: 5px;display: flex; }
.our-services h2 { font-weight: 500; color: #147b82; }
.our-services .services-box .icon-box { position: absolute; left: 0px; top:0px; font-size: 35px; background: #fff; height: 66px; width: 66px; line-height: 66px; text-align: center; border-radius: 50%; box-shadow: 0 0px 0px 7px #f4f5fe; transition: all 500ms ease; z-index: 1; }
.our-services .services-box .icon-box img { width: 30px; position: relative; top: -6px; }
.our-services .services-box .icon-box:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; z-index: -1; border-radius: 50%; box-shadow: 0 20px 40px 0px rgb(20 123 130 / 30%); }
.our-services .services-box .single-services h3 { position: relative; display: block; font-size: 22px; line-height: 40px; color: #3b3b3b; font-weight: 500; z-index: 1; margin-bottom: 12px; }
.our-services .services-box .single-services h3 a { color: #3b3b3b; }
.our-services .services-box p { color: #848484; }
.our-services p { margin-bottom: 35px; }
.our-services .image-services .image { margin-top: 0px; }

/*.our-services .image-services .image img{width: 300px;margin:0px auto;}*/

/*Services Section Css End*/

/*View Model Section Css Start*/
.view-models .new-tab1 { min-height: 100%; box-shadow: 0px 0px 10px 0px #1e1e1e26; -webkit-box-shadow: 0px 0px 10px 0px #1e1e1e26; -moz-box-shadow: 0px 0px 10px 0px #1e1e1e26; -ms-box-shadow: 0px 0px 10px 0px #1e1e1e26; -o-box-shadow: 0px 0px 10px 0px #1e1e1e26; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background: #fff;}
.view-models .card {background-color: transparent;border:0px;position: relative;z-index: 1;}
.view-models .nav-tabs { border: transparent; }
.view-models .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active { background-color: #147b82; color: #fff; border-color: transparent; border-radius: 30px; }
.view-models .nav-tabs .nav-link { padding: 5px 23px !important; color: #147b82; font-weight: 500; }
.view-models .nav-tabs .nav-link:hover { border: 1px solid #fff; }

/*View Model Section Css End*/
.bg-color-light{background-color: #ecf2f6;}

.view-models{z-index: 1;}
.view-models .about{position: relative;z-index: 1;}
.view-models .about h4{color: #1d5d69;}
.view-models .about h5{color: #1d5d69;}
.usecasebox .tables-left-dec img{width: 418px;height: 851px; left: 0;top: 0px;position: absolute;z-index: 1;}
.usecasebox .tables-right-dec img{width: 359px;height: 848px;right: 0;top:2px;position: absolute;z-index: 1;}
.featureslider{z-index: 1;background: url('../images/green_tusker_bg.jpg');background-size: cover;}


/*Achieving-slider Section Css Start*/
.achieving-slider { padding: 40px 0px;background: #147b82;}
.achieving-slider .title { color:#fff; font-weight: 600; font-size: 36px;position: relative;z-index: 2;}
.achieving-slider .service-box-bgimage1 { background: #fff; }
.achieving-slider .carousel-indicators li { background-color: #fff !important; }
.achieving-slider .featuresbox img { width: 90px; margin: 0px auto 20px;display: block;}
.achieving-slider .featuresbox .featureTitle { font-size: 18px; line-height: 28px; color: #000  ; padding-bottom: 15px; border-bottom: 1px solid #000; position: relative; font-weight: 500;text-align: center;margin: 0px 30px;}
.achieving-slider .featuresbox .featureTitle::before { content: ""; position: absolute; height: 3px; width: 64px; background: #000; bottom: -1px; left: 50%;transform: translateX(-50%);}
.achieving-slider .featuresbox { color: #fff; font-weight: 500; margin-bottom: 40px;/* margin-right: 40px;*/z-index: 1;position: relative; }
.achieving-slider .owl-theme .owl-dots .owl-dot span{background: #013539;}
.achieving-slider .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.achieving-slider .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}

/*tuskerTeam Secation Slider*/
.tuskerTeam .owl-theme .owl-dots .owl-dot span{background: #013539;}
.tuskerTeam .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.tuskerTeam .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}


.overlayFeatures { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -moz-linear-gradient(-29deg, #c10f41 0, #233b88 100%); background-image: -webkit-linear-gradient(-29deg, #2db0b9 0, #001e20 100%); background-image: -ms-linear-gradient(-29deg, #c10f41 0, #233b88 100%); opacity: .4; }
.solutionBanner{background-image: url("../images/solution-manufacture.jpg") !important;}
.solutionconstruction{background-image: url("../images/solution-construction.jpg") !important;}
.solutionlogisticswarehouse{background-image: url("../images/solution-logistics-warehouse.jpg") !important;}
/*Achieving-slider Section Css End*/

.product-featuresbg{background: url('../images/product-features.jpg');background-repeat: no-repeat;background-size: cover;position: relative;}
.product-featuresbg .title { color:#147b82; font-weight: 500; font-size: 36px;position: relative;z-index: 2;}

/*Solution-benefits sections Css Start*/
.solution-benefits{padding: 40px 0px;background: url('../images/features-bg.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; background-position: 50% 50%;}
.solution-benefits .container{position: relative;}
.solution-benefits h3{font-weight: 600;color: #fff;font-size: 36px;margin-bottom: 30px;}
.solution-benefits .owl-item .item{background: #fff;box-shadow: 0px 0px 15px #d7d7d7;padding: 10px;}
.solution-benefits .owl-item .item img{width: 100px;margin: 15px auto;}
.solution-benefits .owl-item .item .benefitstitle{text-align: center;font-weight: 600;font-size: 18px;margin-top: 10px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #147b82;}
.owl-theme .owl-dots .owl-dot:focus{outline: 0;}
.benefitscard{text-align: center;margin-bottom: 40px;}
.benefitsImage { margin: 0px auto 20px; width: 90px; /*border: 2px solid #ccc; padding: 5px; border-radius: 50%;position: relative;*/}
/*.benefitsImage img { width: 100px; padding: 15px;position: relative;}
.benefitsImage:before { background: #e1e1e1; content: ''; position: absolute; opacity: 1; top: 50%; left: 50%; width: 85px; height: 85px; z-index: 0; border-radius: 50%; transform: translate(-50%, -50%); -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;opacity: 0.5; }*/
/*.benefitsImage:hover:before{background: #147b82;}*/
.benefitstitle{margin-top: 10px;color: #fff;font-size: 18px;}

.circles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.circles li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.2); animation: animate 25s linear infinite; bottom: -150px; }
.circles li:nth-child(1) { left: 25%; width: 80px; height: 80px; animation-delay: 0s; }
.circles li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; }
.circles li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; }
.circles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; }
.circles li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; }
.circles li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; }
.circles li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; }
.circles li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; }
.circles li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; }
.circles li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; }
@keyframes animate {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; }
  100% { transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; }
}

.contactus-small-section{background: url('../images/solution-contact.png');background-repeat: no-repeat;}
.contactus-small-section p a{color: #147b82;}

/*Solution-benefits sections Css End*/

/*How we do section css start*/
.work-process.how-we-do .work-block {position: relative;width: 33.33% !important;}
.work-process.how-we-do .work-block:before{width: 270px;right: -140px;}
/*How we do section css end*/

/*How it Works Section Css Start*/
.how-it-works { padding: 40px 0px; }
.work-block { position: relative; width: 20% !important; }
.work-process .work-block:before { position: absolute; content: ''; background: #147b82; height: 1px; width: 150px; top: 65%; right: -70px; margin-top: -90px; }
.work-process .work-block:last-child:before { content: none; }
.work-block-one .inner-box { position: relative; display: block; text-align: center; padding: 0px 5px; }
.work-block-one .inner-box p { font-weight: 500; }
.work-block-one .inner-box .icon-box { position: relative; display: inline-block; width: 180px; height: 153px; line-height: 153px; text-align: center; font-size: 60px; margin-bottom: 24px; transition: all 500ms ease; }
.work-block-one .inner-box .icon-box:before { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0px; height: 0px; box-shadow: 0 0px 100px 30px rgb(0 0 0 / 40%); transition: all 500ms ease; }
.work-block-one .inner-box .icon-box i { position: relative; display: inline-block; z-index: 1; color: #147b82; }
.work-block-one .inner-box .icon-box .count { position: absolute; top: -8px; right: -5px; font-size: 15px; font-weight: 600; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: transparent; border: 1px solid #e5e5e5; transition: all 500ms ease; }
.work-block-one .inner-box .icon-box .count { color: #000; }
.work-block-one .inner-box .icon-box .count:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 50%; transform: scale(0, 0); transition: all 500ms ease; z-index: -1; }
.work-block-one .inner-box .icon-box .count:before { background: -webkit-linear-gradient(0deg, #147b82, #0b8089 100%); }
.work-block-one .inner-box .icon-box .bg-pattern { position: absolute; left: 0px; top: 0px; right: 0px; width: 180px; height: 153px; background-repeat: no-repeat; }
.work-block-one .inner-box h4 { margin-bottom: 7px; font-size: 16px; color: #147b82; font-weight: 600; }
.work-block-one .inner-box:hover .icon-box { color: #fff; }
.work-block-one .inner-box:hover .icon-box:before { box-shadow: 0 10px 50px 50px #137f87; }
.work-block-one .inner-box .icon-box img { position: relative; z-index: 9; height: 120px; top: -13px; }
.work-block-one .inner-box:hover .icon-box .count { color: #fff; }
.work-block-one .inner-box:hover .icon-box .count:before { transform: scale(1, 1); }
.work-block-one .inner-box .icon-box .overlay-pattern { position: absolute; left: 0px; top: 0px; right: 0px; width: 180px; height: 153px; opacity: 0; transform: translateY(30px); background-repeat: no-repeat; transition: all 500ms ease; }
.work-block-one .inner-box:hover .icon-box .overlay-pattern { opacity: 1; transform: translateY(0px); }

/*How it Works Section Css End*/

/*Automated Vision Framework Page Css Start*/

/*About us Css Start Here*/
.padd-lr-15 { padding-right: 15px; padding-left: 15px; }
.our-vision { font-weight: 600; color: #147b82 !important; margin-bottom: 20px; /*font-family: Montserrat, sans-serif;*/ font-size: 36px; line-height: 1.15; }
.aboutus { margin: 40px 0px 0px; }
.aboutus h3 { font-weight: 600; color: #147b82 !important; }
.custom-shape-bg { background: url('../images/shape-bg.png')#207782; background-size: cover; align-self: center; box-shadow: 0px 0px 15px #cdcdcd; }
.shade { margin: 0px auto; }
.shade img { margin: 0px auto 30px; text-align: center; display: block; }

/*.shade:after {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: rgba(47, 85, 212, 0.1) !important;
    bottom: 0rem;
    width: 30rem;
    height: 30rem;
    border-radius: 10rem;
    right: 3rem;
    transform: rotate(210deg);
}*/

/*.shade:after {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: rgba(47, 85, 212, 0.1) !important;
    bottom: 0rem;
    width: 22rem;
    height: 26rem;
    border-radius: 10rem;
    right: 6.5rem;
    transform: rotate(210deg);
    top:-32px;
}*/
.about-vision { margin-top: 0px; background: #f3f3f3; box-shadow: 0px -1px 10px 5px #e7e7e7; }
.about-vision .wrapper { padding-left: 15px; padding-right: 15px; }

/*.about-vision .row{box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);border-radius: 20px;padding: 20px;}*/
.mover { animation: mover 1s infinite alternate }
@keyframes mover {
  0% { transform: translateY(0) }
  100% { transform: translateY(5px) }
}
.about-vision img { display: flex; text-align: center; margin: 0px auto; width: 142px; height: 142px; align-items: center; justify-content: center; box-shadow: 0px 0px 10px 1px #d1c3c3; border-radius: 50%; padding: 10px; }
.step-title { color: #147b82; font-size: 24px; text-align: center; font-weight: 600; }
.step-box {/*background: #f5f5f5;border-radius:5px;box-shadow: 0px 0px 14px 5px #d0d0d0;width: 100%;margin-top: 15px;*/ }
.step-box img { text-align: center; margin: 0px auto; display: block;/*padding:70px 50px;width: 250px;*/ }
.about-vision-title {color: #147b82; font-size: 24px; font-weight: 600; }
.vision-box { width: 90%; margin: 0px auto 30px; }
.vision-box p {margin: 0px auto; text-align: justify; margin-top: 15px; }
.vision-img-box { align-items: center; justify-content: center; display: flex; }

/*About us Css Start End*/

/* ---- tsparticles container ---- */
.custom-particles { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); }

/* ---- stats.js ---- */
.count-particles { background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13e8e9; font-size: 0.8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.js-count-particles { font-size: 1.1em; }
#stats, .count-particles { -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats { border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles { border-radius: 0 0 3px 3px; }

/*Automated Vision Framework Page Css End*/

/*404 Page Not Found*/
#handboy { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 98% 98%; transform-box: fill-box; }
#girllight { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 0% 97%; transform-box: fill-box; }
#hairgirl { animation: swinghair ease-in-out 1.3s infinite alternate; transform-origin: 60% 0%; transform-box: fill-box; }
#zero { transform-origin: bottom; transform-box: fill-box; }

/*************swing************/
@keyframes swing {
  0% { transform: rotate(10deg); }
  100% { transform: rotate(-10deg); }
}

/*************swing hair************/
@keyframes swinghair {
  0% { transform: rotate(6deg); }
  100% { transform: rotate(-6deg); }
}

/*404 Page Not Found*/
.catalog_card h2 { color: #147b82; font-size: 22px; font-weight: 600; margin-top: 15px; margin-bottom: 20px; }
.catalog_card .col-md-4 { margin-bottom: 20px; }
.catalog-center .row { display: flex; justify-content: center; align-items: center; }

/*Use Cases Page Css Start*/
.useCases { padding: 50px 0px; }
.useCases h2 { font-weight: 600; color: #147b82; font-size: 36px; }
.useCases p { /*font-family: Montserrat, sans-serif;*/ color: #000; font-weight: 400; margin-bottom: 20px; }
.casecard { background: #fff; /*box-shadow: 0px 3px 1px 0px rgb(0 0 0 / 20%);*/ border-radius: 20px; border: 2px solid #f5f5f5; margin-bottom: 30px; }
.casecardimage { overflow: hidden; border-radius: 20px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
.casecardimage figure { position: relative;margin-bottom: 0px; }
.casecardimage img { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.casecardimage figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
.casecardimage figure:hover::before { -webkit-animation: circleAnim .75s; animation: circleAnim .75s; }
.howworks { background: #f7faff; }
@-webkit-keyframes circleAnim {
  0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes circleAnim {
  0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; }
}
.casecardtitle{ text-align: center; font-weight: 600; font-size: 18px;/*font-family: Montserrat, sans-serif;*/ }




/*Use Cases Page Css End*/
@media (max-width:1199px) {
  .about-vision img { height: auto; }
  .about-section-in { height: auto; }
}
@media (max-width:991px) {
  .work-block { width: 100% !important; margin-bottom: 30px; }
  .work-process .work-block:before { display: none; }
  .about-vision { margin: 0px; padding-top: 20px; }

  /*How we do section css start*/
  .work-process.how-we-do .work-block{width: 100% !important;}
  /*How we do section css end*/
}
@media (max-width:767px) {
  .custom-particles { height: 100%; }
  .development-steps { padding-top: 20px; padding-bottom: 20px; }
  .step-box img { padding: 5px; margin-bottom: 20px; }
}
@media (max-width:600px) {
  .custom-shape-bg .portrait-container { margin-bottom: 30px; }
}
@media (max-width:575px) {
  .vision-box p { width: 100%; }
}