@charset "utf-8";
/*  font-family: "Figtree", serif;
font-weight
100 : thin
200: Extra light
300: light
400: regular
500: medium
600: semibold
700: bold
800 : Extra bold
900 : Black */

:root { scroll-behavior: initial;}
*:focus { outline: none;}
figure{margin-bottom: 0px;}
body { margin: 0px; padding: 0px;  font-family: "Figtree", serif;  font-weight: 400; font-size: 24px; color: #444;line-height: 36px;}
p { margin-bottom: 20px; }
b, strong { font-weight: 700; }
a { color: #4DA8C0; text-decoration: none; outline: none; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;cursor: pointer; }
a:hover { color: #444; text-decoration: none; }
h1,h2,h3,h4,h5,h6 {color: #000;  font-family: "Figtree", serif;  font-weight: 600; line-height: 1; margin: 0px; padding: 0px;letter-spacing: -1px; }
h1, h2 { font-size:100px; margin-bottom: 20px;}
h3 { font-size: 70px; margin-bottom: 20px;letter-spacing: -2px; }
h4 { font-size: 50px; margin-bottom: 15px;}
h5 { font-size: 30px; margin-bottom: 10px;}
h6 { font-size: 24px; margin-bottom: 10px;}
/* common css end */

/*form start*/
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%;}
textarea { resize: none; height: 110px; border-radius: 20px; }
.form-control{font-family: "Figtree", serif; display: block; width: 100%; height: auto; padding: 0px 0px 15px; font-size: 20px; line-height: 1;
  color: #555;border:none;border-bottom: 1px solid #888888; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-radius: 0px;font-weight: 400; }
.form-control:focus,
.input-text:focus { color: #333; border-bottom-color: #555555; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #777777;font-weight: 400; }
.form-control::-moz-placeholder { color: #777777; opacity: 1;font-weight: 400; }
.form-control::-ms-input-placeholder { color: #777777;font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #333;font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #333; opacity: 1;font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #333;font-weight: 400; }
textarea.form-control, textarea{height: 100px;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {appearance: none; -moz-appearance: textfield;-webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }
img{max-width: 100%;height: auto;}
.form-group{margin-bottom: 20px;z-index: 1;}
.form-check-input[type=checkbox]{border-radius: 0px;}
.form-check-input{margin-top: 8px;border-radius: 0px;border-color: #000;}
.form-check-input:focus{border-color: #000;box-shadow: none;}
.form-check-input:checked:focus{border-color: #0d6efd;}
.img-scale{overflow: hidden;vertical-align: top;}
.img-scale img{transition: all 0.3s ease;transform: scale(1);}
.img-scale:hover img{transition: all 0.3s ease;transform: scale(1.1);}
/*form end*/

/*bullet start*/
ul, ol { margin: 0; padding: 0; list-style: none; }
.bullet-list ul li{ position: relative; padding-left: 30px; }
.bullet-list ul li::before {content: '';background: url(../images/slider-arrow-right-blue.svg) left center; border-radius: 100%;height: 12px;width:17px; left: 0px; position: absolute; top: 12px; }

/*bullet end*/
/*button start*/
ins{text-decoration: none;}
button:focus { outline: none; }
.btn-theme{ border:none;display: inline-flex;align-items: center; font-size: 20px;font-weight: 600;outline: 0px;position: relative;-o-transition: all 0.5s ease; transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; line-height: 1;padding-bottom: 10px;color: #000;}
.btn-theme:before, .btn-theme:after {content: '';background-color: #000;height: 1px;left: 0px;
width: 100%;position: absolute;bottom: 0px;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.btn-theme:hover{color: #4DA8C0;}
.btn-theme:before {transform: scaleX(1);transform-origin: left top;transition-delay: 0.2s;}
.btn-theme:after {transform: scaleX(0);transform-origin: right top;background-color: #4DA8C0;}
.btn-theme:hover::before {transform: scaleX(0);transition-delay: 0.2s;}
.btn-theme:hover:after {transform: scaleX(1);transition-delay: 0.3s;}
.btn-theme-white{ border:none;display: inline-flex;align-items: center; font-size: 20px;font-weight: 600;outline: 0px;position: relative;-o-transition: all 0.5s ease; transition: all 0.5s ease;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; line-height: 1;padding-bottom: 10px;color: #fff;}
.btn-theme-white:before, .btn-theme-white:after {content: '';background-color: #fff;height: 1px;left: 0px;
width: 100%;position: absolute;bottom: 0px;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.btn-theme-white:hover{color: #fff;}
.btn-theme-white:before {transform: scaleX(1);transform-origin: left top;transition-delay: 0.2s;}
.btn-theme-white:after {transform: scaleX(0);transform-origin: right top;background-color: #fff;}
.btn-theme-white:hover::before {transform: scaleX(0);transition-delay: 0.2s;}
.btn-theme-white:hover:after {transform: scaleX(1);transition-delay: 0.3s;}
.btn-theme input[type="submit"]{background-color: transparent;font-weight: 600; font-size: 20px;border: none;padding: 0px;transition: all 0.3s ease-in;}
.btn-theme:hover input[type="submit"]{color: #4DA8C0;}
.btn-circle-arrow{background-color: #fff;width: 50px;height: 50px;display: inline-flex;align-items: center;justify-content: center;
    border-radius: 100%;border:1px solid #ddd}
.btn-circle-arrow::before{content: '';background-image: url(../images/slider-arrow-right-blue.svg);background-repeat: no-repeat;background-position: center;width: 17px;height: 14px;}
.btn-circle-arrow:hover{background-color: transparent;}
.btn-circle-arrow:hover::before{background-image: url(../images/slider-arrow-right-white.svg);}

/* typography css */
.text-250{font-size: 250px;line-height: 1;letter-spacing: -2px;}
.text-180 { font-size: 180px; font-weight: 600; line-height: 0.83; letter-spacing: -3.6px; }
.text-100{font-size: 100px;line-height: 1;}
.text-70, .text-70 h1, .text-70 h2, .text-70 h3, .text-70 h4{font-size: 70px;line-height: 1;}
.text-40{font-size: 40px;line-height: 1.3;}
.text-30{font-size: 30px;line-height: 1.3;}
.borderbottom{border-bottom: 1px solid #D1DBDE;}
.borderall{border:1px solid #D1DBDE;}
.border-radius-15{border-radius: 15px;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.text-black{color: #000;}
.text-white{color: #000;}

/* section margin Top */
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-150 { margin-top: 150px; }

/* Section margin bottom */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-270 { margin-bottom: 270px; }
.mb-300 { margin-bottom: 300px; }
.mb-400 { margin-bottom: 400px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
section.d-inline-block{vertical-align: top;}
.lastmbnone :last-child{margin-bottom: 0px;}


/* header menu css start */
.rightvectontop{right: 0px;top: 0px;position: absolute;}
.leftvectontop {left: 0px;top: 0px;position: absolute;}
.brandbottomright{right: 0px;bottom: 0px;position: absolute;}
.brandbottomleft{left: 0px;bottom: 0px;position: absolute;}
.logo{padding: 20px 0px;}
.logo a{display: block;}
.logo img{width: 186px;}
.logo img, .logo{transition: all 0.3s ease;}
.sticky .logo{padding: 10px 0px;}
.sticky .logo img{width: 120px;}
.mainheader{position: fixed;top: 0px;width: 100%;z-index: 30;transition: all 0.3s ease;}
.mainheader.sticky{background-color: #fff;}
.navigatemain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 1;color: #fff;padding: 0px 100px;}
a.menu-toggle {width: 24px;display: none;flex-wrap: wrap;align-items: center;justify-content: end;}
.icnline { background-color: #4DA8C0; transition: all 0.3s ease; width: 100%; height: 2px; margin-bottom: 5px;vertical-align: middle; line-height: 1; }
.icnline:last-child{margin-bottom: 0px;}
.navmenu >ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navmenu > ul > li { position: relative; list-style: none; padding:37px 20px 27px; margin-bottom: 0px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; width: initial;line-height: 1; }
.mainheader.sticky .navmenu > ul > li{padding: 26px 20px 16px;}
.navmenu > ul > li.menu-item-has-children,.mainheader.sticky .navmenu > ul > li.menu-item-has-children {padding-right: 30px;}
.navmenu > ul > li.menu-item-has-children::before {margin-top: 10px; content: ''; width: 10px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top;right: 10px; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat: no-repeat; background-position: left center;}
.navmenu > ul > li > a {color: #fff; display: inline-block; font-size: 20px; position: relative;padding-bottom: 10px;}
.navmenu > ul > li > a::before{transform-origin: left; content: '';width: 100%;height: 1px;bottom: 0px;position: absolute;left: 0px;background-color: #4DA8C0;transform: scaleX(0);transition: all 0.3s ease;}
.navmenu > ul > li > a:hover::before,
.navmenu > ul li.current-menu-item > a::before,
.navmenu > ul li.current-menu-ancestor > a::before{transform: scaleX(1);}
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 250px; margin: 0px; background: #fff; padding:10px 20px; box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
.navmenu > ul > li:hover ul{display: block;}
.navmenu > ul > li ul li ul { top: 0px; left: 100%;}
.navmenu > ul > li > ul > li { padding: 15px 0px 15px 0px;margin-bottom: 0px; position: relative;border-bottom:1px solid #ddd}
.navmenu > ul > li > ul li:last-child { border: none; }
.navmenu > ul > li > ul li::before { top: 25px; }
.navmenu > ul > li > ul li a { display: block; color: #000; position: relative;text-transform:capitalize;font-size:18px; }
.navmenu > ul > li > ul li a:hover{padding-left: 10px;}
.navmenu > ul > li > a:hover,
.navmenu > ul li.current-menu-item > a,
.navmenu > ul li.current-menu-ancestor > a,
.navmenu > ul > li > ul li a:hover,
.mainheader.sticky .navmenu > ul > li > a:hover,
.innerheader .navmenu > ul > li > a:hover,
.innerheader .navmenu > ul li.current-menu-item > a,
.innerheader .navmenu > ul li.current-menu-ancestor > a{ color: #4DA8C0; }
.mainheader.sticky .navmenu > ul > li > a{color: #444;}
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg);display: inline-flex;align-items: center;justify-content: center; }
.closebtn::after { background-color: #000; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
.closebtn::before { background-color: #000; height: 100%; width: 2px; position: absolute; top: 0px; content: '';transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.sub-menu-arrow {text-align: center; overflow: hidden;padding: 8px 10px;margin-left: 0px;display: none;vertical-align: top;line-height: 1;cursor: pointer;position: absolute;right: -20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 16px; height: 16px;}
.navarrow::before { content: ''; width: 16px; height: 16px;background-size: 16px; display: inline-block; transition: all 0.2s ease;
vertical-align: top; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat:  no-repeat; background-position: left center; left: 0px; }
.navarup::before { transform: rotate(180deg); }
.MenuClose{display: none;}
.menuright .btn-theme{margin-left: 10px;}
.black-overlay, .overlay{background-color: rgba(0, 0, 0, 0.5);bottom: 0px;left: 0px;right: 0px;top: 0px;position: fixed;display: none;z-index: 31;}
.innerheader .navmenu > ul > li > a { color: #444; }

/* header menu css end */

/* homepage css start */
.topherosection { height: 100vh; overflow: hidden; }
.topherosection .topbannertext { position: absolute; top: 0; padding-top: 250px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 2; }
.topherosection .topbannertext { text-align: center; }
.topherosection video.w-100 { height: 100%; object-fit: cover; }
.topherosection .topherosection-imgvid { height: 100%; }
.topbannertext h3 { margin-bottom: 30px; }
.topherosection-3dscanner{width: 100%;left: 0px;padding: 150px 38px 0px 88px;height: 100%;display: flex;align-items: flex-end;}
.topherosection-3dscanner h3{color: #fff;}
.topbannercaption video{display: inline-block;vertical-align: top;}
.newseventrow .container .row:first-child{margin-bottom: 50px;}
.newseventcol{min-height: 100%;}
.newscaption{background-color: transparent; position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; padding: 40px;display: flex;flex-direction: column;justify-content: space-between;}
.newseventcol img, .newseventcol h3, .newseventcol span, .newseventcol .btn-theme:before{transition: all 0.3s ease;}
.newseventcol:hover .newscaption{background-color: rgba(0, 0, 0, 0.5);}
.newseventcol img{opacity: 0;}
.newseventcol:hover img{opacity: 1;}
.newstitle{margin-bottom: 20px;}
.newstitle span{font-size: 20px;color: #444;margin-bottom: 10px;display: block;}
.newseventcol:hover h5, .newseventcol:hover span{color: #fff;}
.newseventcol:hover .btn-theme:before, .newseventcol:hover .btn-theme:after{background-color: #fff;}
.videoimgminus{margin-left: -100px;}
.productslider{margin: 0px -12px;}
.productslider .slick-slide{padding: 0px 12px;}
.productslider .borderall{padding: 50px;min-height: 100%;}
.productitle h4{margin-bottom: 10px;position: relative;transition: all  0.3s ease;}
.productitle h6{margin-bottom: 20px;}
.productitle strong{display: inline-block; font-size: 14px;line-height: 1; padding: 6px 10px 4px;background-color:#4DA8C0;border-radius: 5px;color: #fff;font-weight: 600;margin-bottom: 10px;text-transform: uppercase;}
.productitle{margin-bottom: 50px;}
.hovertextrow{align-items: flex-start;}
.imgslider{position: relative;}
.imgslider h4{margin-bottom: 20px;min-height: 110px;}
.hoverpro:first-child{position: relative;}
.hoverpro{position: absolute;top: 0px;width:100%;height: 100%; opacity: 0;left: 0px;overflow: hidden;
    transition:opacity 1s cubic-bezier(.165,.84,.44,1);}
.hoverpro.hoverselected {opacity: 1;z-index: 5;}
.imglistinghover {justify-content: space-between;margin-bottom: 150px;}
.mobileimg{display: none;}
.tabrowhover{width: 100%;display: block;}
.tabverhover{width: 100%;border-bottom: 1px solid #DDDDDD;position: relative;cursor: pointer;transition: all 0.3s ease;padding:23px 0px 28px;font-size: 30px;line-height: 1;}
.tabverhover::before{content: '';position: absolute;right: 10px;top: 38px;background-image: url(../images/btn-arrow-tab.svg);width: 16px;height: 16px;background-repeat: no-repeat;transition: all 0.3s ease;opacity: 0;}
.tabverhover::after{content: '';position: absolute;left: 0px;bottom: 0px;background-color: #4DA8C0;height: 1px;width: 100%; transform: scaleX(0);transition: all 0.3s ease;transform-origin: left;}
.tabverhover a{color: #000;display: block;}
.tabtitlecol{display: inline-flex;align-items: center;}
.tabverhover strong{margin-left: 20px;line-height: 1.1;font-weight: 600;letter-spacing: -1px;}
.tabverhover span{font-weight: 600;font-size: 16px;color: #444;transition: all 0.3s ease;}
.tabverhover.hoverselected::after, .tabverhover:hover::after {transform: scaleX(1);}
.tabverhover.hoverselected a, .tabverhover:hover a,
.tabverhover.hoverselected span, .tabverhover:hover span{color: #4DA8C0;}
.tabverhover:hover::before, .tabverhover.hoverselected::before{opacity: 1;right: 0px;}
.clientelhome{background-image: url(../images/clientel-bg.jpg);background-position: center;background-size: cover;padding: 200px 0px;}
.clientelhome h2{margin-bottom: 50px;}
.logocol{text-align: center;padding: 40px;background-color: #fff;border-radius: 100px;}
.logoslider .slick-slide{padding: 0px 12px;}
.printerelem{flex-wrap: wrap;}
.printercontent{color: #fff; width: 56%;background-image: url(../images/blue-col-bg.jpg);background-size: cover;background-position: center;
    padding: 200px 100px 200px;padding-right: calc(((100% - 1512px)) / 2);}
.printerimg{width: 44%;}
.printerelemrev{flex-direction: row-reverse;}
.printerelemrev .printercontent{padding-left: calc(((100% - 1512px)) / 2);padding-right: 100px;background-image: url(../images/black-col-bg.jpg);}
.boxpagerow .borderall{min-height: 100%;}
.softwaretilte{display: flex;justify-content: space-between;padding: 50px;align-items: center; gap: 10px;flex-wrap: nowrap; }
.softwaretilte h5{margin-bottom: 0px;flex-grow: 1; }
.softwaretilte span{flex-shrink: 0;}
.priciserow{background-image: url(../images/black-pettern-section-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;padding: 250px 0px;}
.bgelement, .bgelement h1, .bgelement h2, .bgelement h3{color: #fff;}
.stickyshapecontent {overflow: hidden;clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%);}
/* .stickyshapecontent img{transform: scale(1.2);} */
.stickyshapecontent video{display: inline-block;vertical-align: top;}
.btncenter {text-align: center;margin-top: 50px;}
.casestudylistrow{margin-bottom: 50px;}
.casestudylistcol a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;align-items: center; position: relative; padding: 60px 0px; border-bottom: 1px solid #ddd; color: #444444; transition: all 0.3s ease; }
.casestudylistcol a:hover { background-color: #4DA8C0; border-radius: 15px; }
.casestudylistcol:first-child a { border-top: 1px solid #ddd; }
.casestudytitlecol { display: inline-flex; width: 55%; font-size: 24px; }
.casestudylistcol a .casestudythumb {width: 33%; position: absolute; top: -25px; right: 120px; opacity: 0; transition: all 0.3s ease; transform: translateX(20px); }
.casestudylistcol a:hover .casestudythumb { opacity: 1; transform: translateX(0px); }
.casestudytitlecol h4{margin-bottom: 0px;transition: all 0.3s ease; transform: translateX(0px);letter-spacing: -2px;}
.casestudylistcol a:hover h4{transform: translateX(70px);color: #fff;}
.casearrow{background-color: #fff;width: 50px;height: 50px;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;opacity: 0;transform: translateX(-40px);}
.casestudylistcol a:hover .casearrow{opacity: 1;}
.testimonislider {margin: 0px -12px;}
.testimonislider .slick-track{padding: 20px 0px;}
.testimonislider .slick-slide{padding: 0px 12px;}
.testiboxslide{padding: 50px;min-height: 100%;position: relative;}
.testiboxslide::before, .testiboxslide::after{content: '';position: absolute;background-repeat: no-repeat;background-position: center;width:41px;height: 36px;}
.testiboxslide::before{background-image: url(../images/quote-top-left.svg);left: 50px;top: -20px;}
.testiboxslide::after{background-image: url(../images/quote-bottom-right.svg);right: 50px;bottom: -20px;}
.usertestimoni{display: inline-flex;align-items: center;}
.userimg{margin-right: 20px;flex-grow: 1;}
.userdesignation{flex-shrink: 0;}
.userdesignation strong{display: block;color: #4DA8C0;line-height: 1;}
.brandlogo{margin-bottom: 20px;}
.testibtncol{margin-top: 30px;}
.contacthome{background-image: url(../images/frm-bg-pettern.jpg);background-repeat: no-repeat;background-size: cover;padding: 200px 0px;}
.frmtitle{margin-bottom: 50px;}
.rightvectorimg{right: 0px;position: absolute;top: 50%;transform: translateY(-50%);}
.appIndBtn{margin-top: 30px;}
/* homepage css end */

/* footer start*/
.footermain{color:#777777;font-size: 20px;background-color: #000;padding: 200px 0px 180px;background-image: url(../images/footer-brand-logo.png);background-repeat: no-repeat;background-position: -120px;}
.footermain h6{color: #fff;margin-bottom: 15px;}
.footermain a, .copyright a{color:#777777;}
.footermain a:hover, .copyright a:hover{color: #fff;}
.footerlinkcol ul li{margin-bottom: 3px;}
.footerlinkcol ul li a{position: relative;padding-bottom: 5px;}
.footerlinkcol ul li a:before {content: '';width: 100%;height: 1px;bottom: 0px;position: absolute;left: 0px;background-color: #fff;
    transform: scaleX(0);transition: all 0.3s ease;transform-origin: left;}
.footerlinkcol ul li a:hover:before    {transform: scaleX(1);}
.footerlinkcol ul li:last-child{margin-bottom: 0px;}
.contactinfo{margin-bottom: 30px;}
.copyright{font-size:18px;}
.socailinfocol{display: flex;justify-content: space-between;padding-top: 30px;margin-top: 100px;width: 100%;flex-wrap: wrap;align-items: center;border-top: 1px solid #555555;}
.socialicon a{margin-right: 20px;line-height: 1;display: inline-flex;justify-content: center;align-items: center; border: 1px solid #555555;width: 50px;height: 50px;border-radius: 100%;}
.socialicon a svg{fill: #777777;width: 20px;height: 20px;}
.socialicon a:hover{border-color: #fff;}
.socialicon a:hover svg{fill: #fff;}
.addresscol{line-height: 30px;}
/* footer end */

/* 404 page & thakyou page css start */
.thankyoupage{padding-top: 250px;}
.toppageoffset{padding-top: 250px;}
/* 404 page & thakyou page css end */




/* blog page css */
.stickyblog .btn-theme{margin-bottom: 10px;}
.blogcolbox {margin-bottom: 100px;}
.bloglistingrow .bordeboxcol{padding: 0px;}
.blogthmubimg{margin-bottom: 25px;}
.datecol{font-size: 20px;color: #444;margin-bottom: 10px;}
.blogcolbox .datecol{font-size: 18px;}
.loadmorebtn{width: 100%;text-align: center;display: inline-block;padding-top: 50px;}
.paginav {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding-top: 50px;border-top: 1px solid #DDDDDD;}
.paginav a, .paginav span {text-decoration: none; margin: 0px;border-radius: 100%; margin-right: 10px; text-align: center; font-size: 18px;
     width: 50px; height: 50px; line-height: 50px;color: #fff;}
.paginav span.arrow-previous, .paginav span.arrow-next {position: relative; display: inline-flex;align-items: center;justify-content: center; margin-right: 0px; }
.paginav a { border: 1px solid #D1DBDE;}
.paginav span.current, .paginav a:hover {border-color: #4DA8C0;background-color: #4DA8C0;}
.arrow-previous::before, .arrow-next::before{height: 12px; width: 17px; content: ''; transition: all 0.3s ease;display: inline-block; }
.arrow-previous::before {background: url(../images/slider-arrow-left-blue.svg) center center no-repeat;}
.arrow-next::before {background: url(../images/slider-arrow-right-blue.svg) center center no-repeat;}
.paginav a:hover .arrow-previous::before{background-image: url(../images/slider-arrow-left-white.svg);}
.paginav a:hover .arrow-next::before{background-image: url(../images/slider-arrow-right-white.svg);}
.blogimgcontent, .blogdetailcontent{margin-bottom: 50px;}
.blogdetail h2{font-size: 70px;}
.blogdetail h3{font-size: 50px;}
.blogdetail h4{font-size: 30px;letter-spacing: -1px;}
.blogdetail h5{font-size: 24px;letter-spacing: -1px;}
.blogdetail h6{font-size: 20px;}
.blogdetail ul{margin-bottom: 20px;}
.blogdetail ul li, .blogdetail ol li{margin-bottom: 5px;}
.blogdetail ol > li:last-child{margin-bottom: 0px}
.blogdetail ol { margin-bottom: 20px; counter-reset: item; display: inline-block; width: 100%; }
.blogdetail ol li { margin-bottom: 10px; }
.blogdetail ol ol, .blogdetail ol li ul { padding-left: 20px; margin: 10px 0px 5px; }
.blogdetail ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
.blogdetail ol li ul li::before { content: ''; }
.blogdetailnav{display: inline-flex;justify-content: space-between; width: 100%;border-top: 1px solid #ddd;width: 100%;padding-top: 20px;margin-top: 100px;}
.blogdetail .leftvectontop{left: -270px;top:100px}
.otherslider {margin: 0px -12px;}
.otherslider .slick-slide{padding: 0px 12px;}
.otherslider .datecol{font-size: 18px;}
/* blog page css end*/

/* news and events page css start */
.rightvectorbottom{position: absolute;right: 0px;bottom: 0px;}
.newsright{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}
.newslistingrow .newseventcolrow{margin-bottom: 80px;}
.newslistingrow .newseventcolrow [class*="col-"]{transform: none;}
.newslistingrow .newseventcolrow [class*="col-"]:nth-child(3n+1),
.newslistingrow .newseventcolrow [class*="col-"]:nth-child(3n) {transform: translateY(50px);}
.newseventimg{text-align: center;}
.newseventimg .leftvectontop{left: -150px;top: 150px;}
.newslistingrow .paginav{padding: 0px;border: none;justify-content: center;}
.newscentertitle{margin-bottom: 50px;}
.blogdetail img{border-radius: 15px;}
.newsdetailcol .rightvectorbottom{right: -280px;bottom: 280px;}
.newseventimgcenter{width: 50%;display: inline-block;}
/* news and events page css end */

/* contact & Careers page css start */
.contactfrmrow{overflow: hidden;}
.contactfrmrow h1{margin-bottom: 50px;}
.rightminuscontact{margin-right: -260px;position: relative;right: -120px;}
.contactcolbg{background-image: url(../images/contact-detail-bg.jpg);background-repeat: no-repeat;background-position: top center;padding: 150px 0px;}
.contactcol{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid #C5C5C5;margin-bottom: 50px;}
.infocol{width: 50%;padding-right: 20px;margin-bottom: 50px;display: flex;align-items: flex-start;}
.infocol i{margin-bottom: 0px; flex-shrink: 0;margin-right: 30px;}
.infocol a{color: #444;}
.infocol a:hover, .addresscol .infocol a:hover{color: #4DA8C0;}
.infodetail{flex-grow: 1;}
.addresscol .infocol{width: 100%;margin: 0px;padding: 0px;}
.addresscol .infocol a{color: #000;}
.contactcolbg .rightvectontop{right: 100px;top: -100px;}
.careersgallery .row:nth-child(odd){align-items: flex-end;}
.careersgallery .row:nth-child(even){justify-content: flex-end;}
.careersgallery .row [class*="col-"]{margin-bottom: 24px;}
.careerstopgallery  .brandbottomleft{bottom: -150px;left: 20px;}
.iconboxcol{padding: 40px;min-height: 100%;}
.iconboxcol i{margin-bottom: 20px;display: block;}
.whychoosrow .brandbottomright{bottom: -200px;right: 30px;}
.whychoosrow .row{margin-bottom: 100px;}
.whychoosrow .row [class*="col-"]{margin-bottom: 24px;}
.whychoosrow .row [class*="col-"]:nth-child(even){transform: translateY(100px);}
.accordion-item{background-color: transparent;border-radius: 15px !important;color: #000;border:1px solid #C2BBB1 !important;margin-bottom: 20px;}
.accordion-button{padding:30px 40px;font-weight: 600;font-size: 30px;color: #000;line-height: 1;background-color: transparent;border-radius: 0px;transition: all 0.3s ease;letter-spacing: -1px;}
.accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;color: #000;}
.accordion-button:focus{background-color: transparent;box-shadow: none;}
.accordion-item:first-of-type .accordion-button{border-radius: 0px;}
.accordion-body{padding: 0px 40px 30px;}
.accordion-body ul{margin-bottom: 10px;}
.accordion-button::after{background-image: url(../images/acc-down-arrow.svg);width: 40px;height: 40px;background-position: center; background-size: 12px;border:1px solid #BEBEB5;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/acc-down-arrow.svg);}
.accordion-body h4, .accordion-body h5, .accordion-body h6{font-size: 24px;margin-bottom: 10px;}
.accordion-item:last-of-type{margin-bottom: 0px;}
.leftminusmargin{margin-left: -200px;}
.careerspostrow .leftminusmargin img{border-radius: 0px 15px 15px 0px;}
/* contact & Careers page css end */

/* application page css start */
.applistingrow{margin-bottom: 150px;}
.appdetailtoprow .rightvectorbottom {position: absolute;right: 30px; bottom: -200px;}
.applicationlistrow{align-items: center;}
.applicationlistrow [class*="col-"]{margin-bottom: 100px;}
.applistitem h4{position: relative;display: inline-block;margin-bottom: 0px;padding-right: 30px;transition: all 0.3s ease;}
.applistitem h4::before{opacity: 0; content: '';background:url(../images/slider-arrow-right-blue.svg) no-repeat left center;width: 16px;height: 10px;position: absolute;right: 0px;top: 24px;transition: all  0.3s ease;}
.applistitem a:hover h4{color: #4DA8C0;}Technology for every need
.applistitem a:hover h4::before{opacity: 1;}
.videopopup{display: block;position: relative;}
.videopopup::before{content: '';background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.videoicon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{min-width: 1280px ;min-height: 720px;}
.fancybox__content :focus:not(.carousel__button.is-close){outline: none;}
.applicatbox { position: sticky; top: 100px; display: flex; flex-wrap: wrap; align-items: center;overflow: hidden; }
.applicaption{position: absolute;bottom: 0px;padding: 100px 50px 50px;color: #fff;width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);text-align: left;}
.applicaption h4{color: #fff;}
.stickybotspace{margin-bottom: 110px;}
.videocaption{position: absolute;top: 0px;left: 0px;width: 100%;padding: 150px 0px;height: 100%;}
.videocaption .container{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.vidoverlay{height: 100vh;overflow: hidden;}
.vidoverlay::before{background-color: rgba(0, 0, 0, 0.40);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;content: '';}
.videocaption, .videocaption h1, .videocaption h2{color: #fff;}
.vidoverlay img, .vidoverlay video{display: inline-block;vertical-align: middle;width: 100vw;height: 100vh;max-width: none;min-height: 100vh;min-width: 100vw;-o-object-fit: cover;object-fit: cover;}
.testimonirow .brandbottomleft{bottom: -250px;left: 50px;}
.applicationlogo .logocol{border: 1px solid #D1DBDE;}
.calltoactionrow {background-image:url(../images/call-to-action-bg.jpg);padding: 100px 0px;}
.calltoactionrow h2, .calltoactionrow h3{color: #fff;}
.otherapprow .slick-arrow{margin-top: -40px;}
/* application page css end */

/* about page css start */
.rightminusimg{margin-right: -195px;}
.topaboutelement img, .textleftrightimg img{border-radius: 15px 0px 0px 15px;}
.textleftrightimg .leftvectontop{top: -150px;left: 50px;}
.vismisionmain{overflow: hidden;}
.textrightleftimg .rightminusimg{margin-right: 0px;margin-left: -200px;}
.textrightleftimg img{border-radius: 0px 15px 15px 0px;}
.textrightleftimg .rightvectorbottom{right: 20px;bottom: -200px;}
.teamworkright{margin-top: 100px;}
.lefteamimg{margin-bottom: 30px;}
.careersection .leftvectontop{top: 150px;left: 20px;}
.careersection h2{margin-bottom: 50px;}
.careerstopgallery .btn-theme{margin: 0px 10px;}
/* about page css end */

/* Product page css start */
.productboxcol{padding: 40px;min-height: 100%;}
.productboxcol .prodthumbimg{text-align: center;}
.productboxcol h6, .productlistrow h4, .productdetailrow h4{margin-bottom: 20px;}
.productdetailrow .productitle{margin-bottom: 0px;}
.productdetailrow .rightvectorbottom{right: 20px;}
.verticatabrow .nav-link{text-align: left;border-bottom: 1px solid #DDDDDD;position: relative;cursor: pointer;font-weight: 600;
transition: all 0.3s ease;padding: 23px 0px 28px;font-size: 30px;line-height: 1;background-color: transparent;border-radius: 0px;color: #000;display: flex;align-items: center;}
.verticatabrow .nav-link span{font-size: 16px;}
.verticatabrow .nav-link strong {margin-left: 20px;line-height: 1.1;font-weight: 600;letter-spacing: -1px;}
.verticatabrow .nav-pills .nav-link.active,
.verticatabrow .nav-pills .show>.nav-link{background-color: transparent;color: #4DA8C0;}
.verticatabrow .nav-link::before {content: '';position: absolute;right: 10px;top: 38px;background-image: url(../images/btn-arrow-tab.svg);width: 16px; height: 16px;background-repeat: no-repeat;transition: all 0.3s ease; opacity: 0;}
.verticatabrow .nav-link::after {content: '';position: absolute;left: 0px;bottom: 0px;background-color: #4DA8C0;
height: 1px;width: 100%;transform: scaleX(0);transition: all 0.3s ease;transform-origin: left;}
.verticatabrow .nav-link.active::after, .verticatabrow .nav-link:hover::after {transform: scaleX(1);}
.verticatabrow .nav-link:hover::before, .verticatabrow .nav-link.active::before {opacity: 1;right: 0px;}
.tabdatacontent{padding: 40px;}
.vectorimgtab img{margin-right: 50px;}
.vectorimgtab{margin-bottom: 30px;}
.table>:not(caption)>*>*{padding:10px 0px ;}
.table tr th{font-size: 20px;}
.table tr td{font-size: 18px;}
.verticatabrow .table tr:last-child,
.verticatabrow .table tr:last-child td,
.verticatabrow .table tr:last-child th{border: none;padding-bottom: 0px;}
.verticatabrow .nav{padding-bottom: 300px;}
.verticatabrow .brandbottomright{right: auto;}
.contentdatadetail{font-size: 20px; line-height: 1.4}
.contentdatadetail p, .contentdatadetail ul, .contentdatadetail .table-responsive{margin-bottom: 15px;}
.contentdatadetail ul li::before{top: 8px;}
.contentdatadetail.lastmbnone :last-child{margin-bottom: 0px;}
.productapprow{padding: 135px 0px 150px;background-image: url(../images/product-application-bg.jpg);background-repeat: no-repeat;background-position: top center;}
.productapprow .otherslider .slick-arrow{top: 0px;transform: translate(0px);margin-top: -80px;}
.productapprow .otherslider .slick-next{right: 12px;}
.productapprow .otherslider .slick-prev{left: auto;right: 75px;}
.requestquote{transition: all 0.5s linear; max-width: 700px;width: 100%;position: fixed;top: 0px;right: -100%;height: 100%;padding:100px;background-color: #FFF;z-index: 100;overflow: auto;}
.requestquote.slide{right: 0%;}
.OverlayCareers{z-index: 100;}
.requestquote .form-control{font-size: 18px;}
.iconslider .slick-slide{padding: 0px 12px;}
.testimoniclient .nav-pills{margin-bottom: 50px;}
.testimoniclient .nav-pills .nav-link{min-width: 360px;position: relative; font-size: 50px;padding: 0px 0px 30px;background-color: transparent;color: #999999;font-weight: 600;border-bottom: 1px solid #dddd;border-radius: 0px;margin: 0px 12px;}
.testimoniclient .nav-link::after {content: '';position: absolute;left: 0px;bottom: -1px;background-color: #4DA8C0;
   height: 1px;width: 100%;transform: scaleX(0);transition: all 0.3s ease;transform-origin: left;}
.testimoniclient .nav-link.active::after,
.testimoniclient .nav-link:hover::after {transform: scaleX(1);}
.testimoniclient .nav-pills .nav-link.active,
.testimoniclient .nav-pills .show>.nav-link{color: #4DA8C0;}
.testimoniclient  .nav-link::before{content: '';position: absolute;left: 50%;transform: translateX(-50%); bottom: -8px;border-top: solid 7px #4DA8C0;
border-left: solid 7px transparent;border-right: solid 7px transparent;opacity: 0;transition: all 0.3s ease;}
.testimoniclient .nav-link.active::before{opacity: 1;}
.grid-item{margin-bottom: 50px;}
.contentdatadetail .table tr th {padding-right: 20px;}
.boxpagerow .softimgthumb img { width: 100%; }
.productdetailrow .slider-nav .slick-slide { padding: 25px; cursor: pointer; opacity: 0.8; transition: all 0.3s ease; border: 1px solid #D1DBDE; margin: 0px 12px; }
.productdetailrow .slider-nav .slick-current { opacity: 1;}
.productdetailrow .slider-nav .slick-current { border-color:  #4DA8C0; }


.producticonrow-box { padding: 50px 0px; border-top: 1px solid #D1DBDE;  }
.producticonrow-wrap .producticonrow-box.is-last-box{
  border-bottom: 1px solid #D1DBDE;
}
.producticonrow-wrap { position: relative;  }
.producticonrow-box { position: sticky; top: 10vh; width: 100%; background-color: #fff; overflow: hidden; }
.space-div {
    height: 60vh;margin-bottom:50vh
}
.producticonrow-box:last-child{padding-bottom:0px; }

/* Product page css End */



/* Modal popup css */
.uploadBox input[type="file"] {display: none;}
.uploadBox label { width: 100%; display: flex;justify-content: space-between;text-transform: uppercase;padding: 0px 0px 19px;border-bottom: 1px solid #000;white-space: nowrap;cursor: pointer;font-size: 16px;line-height: 20px;font-weight: 700;}
.uploadBox label span.filename{color: #777777;font-size: 18px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-transform: none;width: 70%;letter-spacing: 0px;font-weight: 400;}
.uploadBox label.selected span.filename{color: #333;}
.wpcf7-spinner{vertical-align: top;position: absolute;right: -60px;}
.wpcf7 form.sent .wpcf7-response-output {line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb; margin: 20px 0 0; padding: 7px 12px; color: #155724;position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip { position: relative; text-align: left; font-size: 14px;}
.vc_row{margin: 0px !important}
.vc_column_container>.vc_column-inner{padding: 0px !important}

@keyframes textMarqRight {
  0% { transform: translate3d(0, 0, 0); }
   100% { transform: translate3d(-50%, 0, 0); }
}
@keyframes scrolldown {
	0% { transform: translateY(0px) }
	50% { transform:translateY(5px) }
  100% { transform:translateY(0px) }
}
.ploader {width: 100%; text-align: center; top: 50%; position: absolute;transform: translateY(-50%);-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#pageloader {top: 0px;position: fixed; width: 100%; height: 100%; z-index: 9999;background: #FFFFFF;}

/* Animation css  */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }





.producticonrow-box img {
  display: block;
  margin-left: auto;   /* right side push */
  margin-right: 0;
  object-fit: cover;   /* keeps good crop when resizing */
  will-change: width, height;
}

.producticonrow-box img {
  display: inline-block;
}

.producticonrow-box-img {text-align: right;}
.productdetailrow .slick-dots {
    bottom: -35px;
}






/*landingpagestart*/
.topherosection-3dscanner { width: 100%; height: 100%; display: flex; padding: 150px 80px 0px 80px; align-items: center; }
.topherosection-3dscanner h1 { letter-spacing: -2px; }
.topherosection-3dscanner { height: 100vh; overflow: hidden; background-image: url(../images/top-banner-img.jpg); background-position: center; background-size: cover; }
.logoslider_tbpailsl { margin: 0px -12px; }
.logoslider_tbpailsl .slick-slide { padding: 0px 12px; }
.logoslider_tbpailsl .slick-arrow { top: unset; transform: unset; bottom: -70px; left: unset; right: 0px; }
.logoslider_tbpailsl  .slick-prev { right: 55px; }
.rightvectortop { top: 0px; right: 0px; position: absolute; }
.videopopupelement .rightvectortop { right: 50px; top: -160px }
.changeText span { display: none; }
.changeText span.active { display: inline-block; }
.changeText span { color: #4DA8C0; font-weight: 800; letter-spacing: -2px; text-transform: uppercase; }
.workflowsection .tab-nav-custom li a { padding: 20px 0px; }
.tab-nav-custom li { border-bottom: 1px solid #444444; position:relative; }
.verticatabrow .nav-link { border-bottom: 1px solid #DDDDDD; }
.verticatabrow .nav-link, .tab-nav-custom li a { text-align: left; position: relative; cursor: pointer; font-weight: 600; transition: all 0.3s ease; padding: 23px 0px 28px; font-size: 30px; line-height: 1; background-color: transparent; border-radius: 0px; color: #000; display: flex; align-items: center; }
.tab-nav-custom li a { color: #fff; position: relative; }
.verticatabrow .nav-link span, .tab-nav-custom li a span { font-size: 16px; }
.verticatabrow .nav-link strong, .tab-nav-custom li a strong { margin-left: 20px; line-height: 1.1; font-weight: 600; letter-spacing: -1px; }
.verticatabrow .nav-pills .nav-link.active, .verticatabrow .nav-pills .show>.nav-link, .tab-nav-custom li.active a { background-color: transparent; color: #4DA8C0; }
.verticatabrow .nav-link::before, .tab-nav-custom li:before { content: ''; position: absolute; right: 10px; top: 38px; background-image: url(../images/btn-arrow-tab.svg); width: 16px; height: 16px; background-repeat: no-repeat; transition: all 0.3s ease; opacity: 0; }
.verticatabrow .nav-link::after, .tab-nav-custom li::after { content: ''; position: absolute; left: 0px; bottom: 0px; background-color: #4DA8C0; height: 1px; width: 100%; transform: scaleX(0); transition: all 0.3s ease; transform-origin: left; }
.verticatabrow .nav-link.active::after, .verticatabrow .nav-link:hover::after, .tab-nav-custom li.active::after, .tab-nav-custom li:hover::after { transform: scaleX(1); }
.verticatabrow .nav-link:hover::before, .verticatabrow .nav-link.active::before, .tab-nav-custom li:hover::before, .tab-nav-custom li.active::before { opacity: 1; right: 0px; }
.vectorimgtab { margin-bottom: 30px; }
.verticatabrow .nav { padding-bottom: 300px; }
.verticatabrow .brandbottomright { right: auto; }
.clientelhome h5 { letter-spacing: -0.6px; margin-bottom: 0px; }
.hm-workflow { background-image: url(../images/black-pettern-section-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 200px 0px; }
.custom-tab-content { display: none; }
.tab-nav-custom li:first-child .contentshow { display: block; }
.contentshow { display: none; }
.hm-versatile .slick-arrow { top: -75px; transform: unset; right: 0; left: unset; }
.hm-versatile .slick-prev { right: 55px; }
.hm-versatile  .slick-list.draggable { border-radius: 15px; overflow: hidden; }
.hm-experience .rightvectorbottom { right: 50px; bottom: -150px; }
.fancybox__content:focus:not(.carousel__button.is-close) { outline: none; box-shadow: none; }
.topherosection-3dscanner.whitetext h1,.topherosection-3dscanner.whitetext h2,.topherosection-3dscanner.whitetext {
    color: #FFF;
}
.hm-workflow-tab-img-mob {
    display: none;
}
/*landingpagestartend*/


/* ensure last box image has stable box and GPU hints */
.producticonrow-box.is-last-box img,
.producticonrow-box:last-child img {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-origin: right top;
}
.producticonrow-wrap .producticonrow-box.is-last-box img {
    margin-bottom: -100px;
}