/* @import url('http://example.com/example_style.css'); */

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body ::-webkit-scrollbar-track
{
  border-radius: 10px;
	
	background-color: #F5F5F5;
}

body ::-webkit-scrollbar
{
	width: 6px;
	
}

body ::-webkit-scrollbar-thumb
{
  border-radius: 10px;
	background-color: #242424;
	border: 0;
}



.sectitle { position: relative; }
.add-line h1 , .add-line h2 , .add-line h3 , .add-line h4 , .add-line h5 ,.add-line h6 { padding-bottom: 20px; }
.add-line:before { position: absolute; bottom: 0; width: 84px; height: 4px; content: ''; left: 0; }
.sec_center { text-align: center; }
.sec_center .sectitle:before { left: 50%; transform: translateX(-50%); }
.sec_right { text-align: right; }
.sec_right .sectitle:before { left: auto; right: 0; }
.tagline { font-size: 26px; line-height: 1.3; font-weight: 400; margin-bottom: 12px; }
.sectext { font-size: 18px; }
.sec-large-text { font-size: 28px; line-height: 1.3; }
.sectitle h1 > span , .sectitle h2 > span , .sectitle h3 > span , .sectitle h4 > span , .sectitle h5 > span , .sectitle h6 > span { font-weight: 700; }



.add-overlay { position: relative; z-index: 1; }
.add-overlay:before { position: absolute; content:''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.slick-prev:before, .slick-next:before { display: none; }
.slick-arrow { top: 0; left: auto; right: 92px; font-size: 0; -webkit-transform:  translate(0, 0); -ms-transform:  translate(0, 0); transform: translate(0, 0); width: 50px; height: 50px; background-image: url('https://1811330.fs1.hubspotusercontent-na1.net/hubfs/1811330/01%20Assets%20LiveTracking%20Theme/images/Slick-arrow-gray.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.slick-next.slick-arrow { right: 25px; -webkit-transform: translate(0, 0) rotate(180deg); -ms-transform: translate(0, 0) rotate(180deg); transform: translate(0, 0) rotate(180deg); } 
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-image: url('https://1811330.fs1.hubspotusercontent-na1.net/hubfs/1811330/01%20Assets%20LiveTracking%20Theme/images/Slick-arrow-Blue.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; }


/* Hero Product - Live Tracking */

.hp-bottom-rounded { border-radius: 0px 0px 266px 0px; }
.hero-productleft .sectext { letter-spacing: 0.63px; }
.hero-productleft { position: relative; width: 55%; float: left; padding-right: 100px; margin-top: 30px; }
.hp-right { width: 45%; float: left; padding-left: 25px; }
.hero-productleft h1 { padding-right: 40px; text-transform: uppercase; margin-bottom: 5px; }
.hero-productright { box-shadow: 0px 3px 99px #1a75cf54; border-radius: 0px 50px 0px 80px; padding: 55px 60px; }
.hp-rightext ul { margin-bottom: 26px; list-style: none; margin: 0; padding: 0; } 
.hp-rightext li { padding-left: 40px; margin-bottom: 15px; position: relative; }
.hp-rightext ul li:before { position: absolute; top: 2px; left: 0; width: 27px; height: 27px; content: ''; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.hp-rightext { font-size: 18px; letter-spacing: 0.63px; }
.hero-productleft > img { max-width: 170px !important; position: absolute; right: 0; top: -40px; }
.hero-productright h3 { letter-spacing: 1.14px; font-size: 26px; line-height: 35px; font-weight: 700; }
.hero-productsec.add-overlay:before { border-radius: 0 0 266px 0; }

/* Hero Download - Live Tracking */

.hero-download-title { display: flex; justify-content: center }
.hero-download-title-h1 { font-size: 40px; text-align: center; margin-bottom: 16px !important }
.hero-download-text { display: flex; justify-content: center }
.hero-download-text-p { font-size: 40px; color: #1A75CF }
.hd-left-buttons-block { display: flex; margin-top: 24px  }
.hd-left-buttons-block a { margin-right: 20px }
.hd-left-buttons-block-mobile-app { width: 87% }
.hd-left-buttons-block-tablet-app { width: 115% }
.hero-downloadleft h3 { font-size: 2rem; font-weight: 700; margin-bottom: 24px }
.hd-block, .hd-block-title { color: #FFFFFF }
.hd-bottom-rounded { }
.hd-left .sectext { letter-spacing: 0.63px; }
.hd-left { position: relative; width: 60%; float: left; padding-right: 100px; margin-top: 220px; }
.hd-left-tablet { margin-top: 0px !important } 
.hero-download-header h1 { margin-bottom: 5px; font-weight: 200 }
.hd-leftext ul { margin-bottom: 26px; list-style: none; margin: 0; padding: 0; } 
.hd-leftext li { padding-left: 40px; margin-bottom: 15px; position: relative; font-size: 1rem; font-weight: 600 }
.hd-leftext ul li:before { position: absolute; top: 2px; left: 0; width: 27px; height: 27px; content: ''; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.hd-leftext { font-size: 18px; letter-spacing: 0.63px; }

.hd-help-container { text-align: center }

.hd-mobile { display: none }
.hd-mobile-flex { display: flex }
.hd-mobile-download-buttons { margin-top: 12% }
.hd-mobile-download-ios { margin-bottom: 20px }
.hd-mobile-block-title { text-align: center; margin-top: 40px; color: #000000 }
.hd-mobile-tablet  { margin-top: 160px; margin-bottom: 458px }

.hd-right { width: 40%; float: left; padding-left: 25px; margin-top: 78px }
.hd-right-tablet { margin-top: 0px !important }

/* Hero PowerBI - Live Tracking */

.hero-powerbi-title { display: flex; justify-content: center; margin-top: 20px }
.hero-powerbi-title-h1 { font-size: 40px; max-width: 879px; line-height: 50px; text-align: center; margin-bottom: 16px !important; font-family: Oxygen !important }
.hero-powerbi-text { display: flex; justify-content: center; margin-bottom: 30px }
.hero-powerbi-text-p { font-size: 24px; color: #4D4D4D; text-align: center; max-width: 1115px }
.hpe-left-buttons-block { display: flex; margin-top: 24px  }
.hpe-left-buttons-block a { margin-right: 20px }
.hpe-left-buttons-block-mobile-app { width: 87% }
.hpe-left-buttons-block-tablet-app { width: 115% }
.hpe-left-buttons-div { width: 403px; height: 61px; background: #1DF88F; color: #4D4D4D; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700 }
.hero-powerbileft h3 { font-size: 2rem; font-weight: 700; margin-bottom: 24px }
.hpe-block, .hpe-block-title { color: #FFFFFF; display: flex; align-items: center; margin-bottom: 60px  }
.hpe-block-title { margin-left: 20% }
.hpe-bottom-rounded { }
.hpe-left .sectext { letter-spacing: 0.63px; }
.hpe-left { position: relative; width: 60%; float: left; padding-right: 100px; margin-top: 200px; }
.hpe-left-tablet { margin-top: 0px !important } 
.hero-powerbi-header h1 { margin-bottom: 5px; font-weight: 200 }
.hpe-leftext ul { margin-bottom: 26px; list-style: none; margin: 0; padding: 0; } 
.hpe-leftext li { padding-left: 40px; margin-bottom: 15px; position: relative; font-size: 1rem; font-weight: 600 }
.hpe-leftext ul li:before { position: absolute; top: 2px; left: 0; width: 27px; height: 27px; content: ''; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.hpe-leftext { font-size: 18px; letter-spacing: 0.63px; }

.hpe-help-container { text-align: center }

.hpe-mobile { display: none }
.hpe-mobile-flex { display: flex }
.hpe-mobile-powerbi-buttons { margin-top: 12%; margin-bottom: 12% }
.hpe-mobile-powerbi-ios { margin-bottom: 20px }
.hpe-mobile-block-title { text-align: left; margin-top: 40px; color: #ffffff }
.hpe-mobile-tablet  { margin-bottom: 100px }

.hpe-right { width: 40%; float: left; padding-left: 25px; margin-top: 78px }
.hpe-right-tablet { margin-top: 0px !important }

/* ROI Calculator - Live Tracking */

.hroi-wrapper { padding: 0px 30px }

.hero-roi-title { display: flex; justify-content: center; margin-top: 20px }
.hero-roi-title-h1 { font-size: 40px; font-weight: 400; max-width: 879px; line-height: 50px; text-align: center; margin-bottom: 24px !important; color: rgba(76, 76, 76, 1); font-family: Oxygen !important }
.hero-roi-text { display: flex; justify-content: center; margin-bottom: 40px }
.hero-roi-text-p { font-size: 48px; font-weight: 700; color: rgba(76, 76, 76, 1); text-align: center; max-width: 1115px }

.hroi-select-cards-container { display: flex; justify-content: space-evenly; align-items: center }
.hroi-select-make-more { display: flex; justify-content: space-evenly; align-items: center; cursor: unset; background: #FAFAFA; border: 3px solid rgba(29, 248, 143, 1); border-radius: 8px; width: 609px; height: 216px; margin: 0px 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) }
.hroi-select-save { display: flex; justify-content: space-evenly; align-items: center; cursor: pointer; background: #FFFFFF; border-radius: 8px; width: 609px; height: 216px; margin: 0px 6px; box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12) }
.hroi-select-card-text { text-align: start; width: 336px }
.hroi-select-card-title { font-size: 32px; font-weight: 700; color: rgba(77, 77, 77, 1) }
.hroi-select-card-subtitle { font-size: 20px; color: rgba(77, 77, 77, 1); }

.hroi-calculator-container { width: 100%; margin-top: 40px; border-radius: 64px; border: 1px solid white; padding: 72px 0px; color: white }

.hroi-calculator-left-title { font-size: 32px; font-weight: 700; margin: 0px 0px 44px 0px }

.hroi-calculator-nol-title { font-size: 20px; font-weight: 400; margin: 0 }
.hroi-calculator-ar-title { font-size: 20px; font-weight: 400; margin: 0 }
.hroi-calculator-pm-title { font-size: 20px; font-weight: 400; margin: 0 }
.hroi-calculator-oee-title { font-size: 20px; font-weight: 400; margin: 0 }

.hroi-calculator-left-subtitle { font-size: 32px; font-weight: 700; margin: 104px 0px 44px 0px }

.hroi-calculator-columns-container { display: flex; justify-content: center; }
.hroi-calculator-nol-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px }
.hroi-calculator-ar-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px }
.hroi-calculator-pm-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px }
.hroi-calculator-oee-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px }
.hroi-calculator-lt-cost-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 44px }
.hroi-calculator-lt-hardware-container { display: flex; justify-content: space-between; align-items: center }

.hroi-calculator-lt-cost-title { margin: 0px; font-size: 20px }
.hroi-calculator-lt-hardware-title { margin: 0px; font-size: 20px }
.hroi-calculator-lt-cost-value { font-size: 24px; font-weight: 400; color: #1DF88F }
.hroi-calculator-lt-hardware-value { font-size: 24px; font-weight: 400; color: #1DF88F }

.hroi-calculator-left-container { width: 447px; margin-right: 12px }
.hroi-calculator-right-container { width: 476px; margin-left: 12px }

.hroi-calculator-currency-container { display: flex; align-items: center }
.hroi-calculator-currency-text { margin-right: 16px }
.hroi-calculator-currency-radio { margin-right: 48px }

.hroi-calculator-small-stats-text { font-size: 26px; font-weight: 700; margin-top: 16px }

.hroi-calculator-until-roi-text { margin: 0px 24px }
.hroi-calculator-until-roi-image { margin-right: 16px }

.hroi-calculator-stats-values { font-size: 26px; font-weight: 700; color: #1DF88F }

.hroi-calculator-small-stats-container { display: flex; justify-content: space-between; align-items: center }
.hroi-calculator-medium-stats-container { display: flex; justify-content: center; align-items: center; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; width: 98.4%; margin-left: 4px; height: 150px; margin-top: 8px }
.hroi-calculator-big-stats-container { border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; width: 98.4%; margin-left: 4px; margin-top: 8px; padding: 32px 28px }

.hroi-calculator-big-stats-flex { display: flex; justify-content: center; align-items: center; margin-bottom: 16px }
.hroi-calculator-stats-small-container { border: 1px solid rgba(255, 255, 255, 0.5); margin: 0px 4px; text-align: center; display: flex; justify-content: center; align-items: center; width: 230px; height: 210px; border-radius: 8px }
.hroi-calculator-stats-small-container-save { height: 240px }

.hroi-calculator-demo-button-container { display: flex; justify-content: center; align-items: center; margin-top: 70px; }
.hroi-calculator-demo-button-text { width: 360px; background: rgba(29, 248, 143, 1); height: 65px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: rgba(0, 0, 0, 1) !important; border-radius: 8px; box-shadow: 5px 8px 20px 0px rgba(29, 248, 143, 0.31); }

.hroi-calculator-remark-container { margin-top: 16px; }
.hroi-calculator-remark-text { font-size: 16px; font-weight: 400; color: rgba(76, 76, 76, 1); }

#number_of_lines, #number_of_lines_save, #annual_revenue, #profit_margin, #oee_growth, #oee_improvement, #production_days_per_week, #production_hours_per_day, #hourly_cost_to_run_line  { border-radius: 8px; height: 47px; width: 174px; padding: 0px 18px; font-size: 18px; color: #4C4C4C; }
#number_of_lines_mob, #number_of_lines_save_mob, #annual_revenue_mob, #profit_margin_mob, #oee_growth_mob, #oee_improvement_mob, #production_days_per_week_mob, #production_hours_per_day_mob, #hourly_cost_to_run_line_mob  { border-radius: 8px; height: 47px; width: 174px; padding: 0px 18px; font-size: 18px; color: #4C4C4C; }


@media(max-width: 1100px) {
  
  .hroi-wrapper { padding: 0px }
  
  .hero-roi-title { display: flex; justify-content: center; }
  .hero-roi-title-h1 { font-size: 24px; font-weight: 400; max-width: 879px; line-height: 50px; text-align: center; margin-bottom: 16px !important; color: rgba(76, 76, 76, 1); font-family: Oxygen !important }
  .hero-roi-text { display: flex; justify-content: center; margin-bottom: 24px }
  .hero-roi-text-p { font-size: 32px; font-weight: 700; color: rgba(76, 76, 76, 1); text-align: center; max-width: 380px }
  
  .hroi-select-cards-container { display: flex; justify-content: center, align-items: center }
  .hroi-select-make-more { display: block; cursor: unset; background: #FAFAFA; border: 3px solid rgba(29, 248, 143, 1); border-radius: 8px; width: 171px; height: 171px; margin: 0px 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) }
  .hroi-select-save { display: block; cursor: pointer; background: #FFFFFF; border-radius: 8px; width: 171px; height: 171px; margin: 0px 6px; box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12) }
  .hroi-select-card-text { text-align: center; width: 171px }
  .hroi-select-card-title { font-size: 24px; font-weight: 700; color: rgba(77, 77, 77, 1) }
  .hroi-select-card-subtitle { display: none }
  .hroi-select-card-icon { display: flex; align-items: center; justify-content: center; margin: 10px 0px 16px 0px }
  .hroi-select-card-icon img { width: 48px }
  
  .hroi-select-card-subtitle-mobile-container { display: flex !important; margin-top: 16px }
  .hroi-select-card-subtitle-mobile { text-align: center }
  
  .hroi-calculator-container-mobile { display: block !important; width: 100%; margin-top: 40px; border-radius: 24px; border: 1px solid white; padding: 24px 0px; color: white }
  .hroi-calculator-container { display: none !important }
  
  .hroi-calculator-left-title { font-size: 24px; text-align: center; }
  .hroi-calculator-nol-title, .hroi-calculator-ar-title, .hroi-calculator-pm-title, .hroi-calculator-oee-title { font-size: 16px; width: 135px }
  .hroi-calculator-nol-container, .hroi-calculator-ar-container, .hroi-calculator-pm-container, .hroi-calculator-oee-container { padding: 0px 16px; margin-bottom: 16px }
  .hroi-calculator-nol-container div span, .hroi-calculator-ar-container div span, .hroi-calculator-pm-container div span, .hroi-calculator-oee-container div span { font-size: 8px }
  
  .hroi-calculator-medium-stats-container { height: 92px; margin-left: 16px; margin-right: 16px; width: 91.4% }
  .hroi-calculator-until-roi-image {width: 48px}
  .hroi-calculator-small-stats-text {font-size: 24px; margin: 0px}
  
  .hroi-calculator-left-subtitle { margin: 32px 0px 24px 0px; padding: 0px 16px; font-size: 24px }
  .hroi-calculator-lt-cost-title { font-size: 16px }
  .hroi-calculator-lt-hardware-title { font-size: 16px }
  .hroi-calculator-lt-cost-value { font-size: 16px }
  .hroi-calculator-lt-hardware-value { font-size: 16px }
  .hroi-calculator-lt-cost-container { margin: 0px 16px 16px 16px } 
  .hroi-calculator-lt-hardware-container { margin: 0px 16px 16px 16px }
  
  .hroi-calculator-demo-button-container {  }
  .hroi-calculator-demo-button-text { width: 310px  }
  
  #number_of_lines, #number_of_lines_save, #annual_revenue, #profit_margin, #oee_growth, #oee_improvement, #production_days_per_week, #production_hours_per_day, #hourly_cost_to_run_line  { border-radius: 8px; height: 47px; width: 155px; padding: 0px 18px; font-size: 16px; color: #4C4C4C; }
  #number_of_lines_mob, #number_of_lines_save_mob, #annual_revenue_mob, #profit_margin_mob, #oee_growth_mob, #oee_improvement_mob, #production_days_per_week_mob, #production_hours_per_day_mob, #hourly_cost_to_run_line_mob  { border-radius: 8px; height: 47px; width: 155px; padding: 0px 18px; font-size: 16px; color: #4C4C4C; }
}


/* Features Product - LiveTracking */

.Features-sec { position: relative; z-index: 1; }
.Features-header { margin-bottom: 45px; }
.Features-cols { height: inherit; cursor: pointer; border: 1px solid #DEDEDE; text-align: center; border-radius: 10px; width: 33.33%; float: left; margin-left: 25px; margin-right: 25px;  margin-bottom: 30px; padding: 58px 35px; margin-top:15px;}
.Features-image img { max-width: 108px !important; margin-left: auto; margin-right: auto; }
.Features-image { min-height: 110px; margin-bottom: 18px; }
.Features-cols:hover { border-color: transparent; box-shadow: 0px 3px 21px #00000029; }
.add-top-dots:after { background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: -1; top: 108px; left: 0; width: 83px; min-height: 136px; content:''; }
.Features-row .slick-track { display: flex; flex-wrap: wrap; }
.Features-row { width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; }
.Features-row .slick-arrow { top: -175px; }


/* Training Section - LiveTracking */

.td-header { margin-bottom: 55px; padding: 0 20px; }
.td-header-text { line-height: 36px; }
.td-cols { margin-bottom: 47px; display: flex; flex-wrap: wrap; position: relative; z-index: 1; border-radius: 10px; width: 23.3%; float: left; margin-right: 2.2%; text-align: center; }
.td-cols:nth-child(4n) { margin-right: 0; }
/* .td-row { display: flex; flex-wrap: wrap; } */
.td-backcol { height: 100%; padding: 44px 35px 36px; border-radius: 10px; position: absolute; top: 0; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; box-shadow: 9px 9px 0px 1px rgb(255 255 255); }
.td-backcol:before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content:''; box-shadow: 0 3px 21px #00000029; }
.td-backcolinner { height: 100%; overflow-y: auto; }
.td-frontcol { border-radius: 10px; padding: 50px 35px 61px; box-shadow: 9px 9px 0px 1px rgb(25 225 173); -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; max-height: 370px; overflow: auto; width: 100%; float: left; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;  }
.td-frontcol:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content:''; box-shadow: 0 3px 21px #00000029; }
.td-frontcol-btn { position: absolute; bottom: 25px; left: 0; width: 100%; text-align: center;  }
.td-frontcol-btn span { position: relative; border-bottom: 3px solid #4D4D4D; color: #19E1AD; font-size: 16px; line-height: 20px; font-weight: 700; }
.td-frontcol-image img { max-width: 107px !important; }
.td-frontcol-image { margin-bottom: 20px; }
.td-cols h3 { font-size: 26px; font-weight: 700;  }
.td-cols { cursor: pointer; transform-style: preserve-3d; transform-origin: center right; transition: transform 1s; }
/* .td-cols:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border-radius: 10px; } */
/* .td-cols.is-flipped .td-frontcol { display: none; } */
.td-cols.is-flipped .td-frontcol  { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.td-cols.is-flipped .td-backcol { display: block; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; display: block; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
.td-backcol h4 { padding-bottom: 22px; position: relative; font-size: 20px; line-height: 27px; font-weight: 700; }
.td-backcol h4:before { position: absolute; bottom: 0; width: 65px; height: 4px; content: ''; left: 50%; transform: translateX(-50%); }
.training-sec { position: relative; overflow: hidden; }
/* .training-sec:before { border-radius: 82% 20% 100% 0/0 40% 63% 100%; position: absolute; z-index: -1; top: 0; left: 0; width: calc(100% - 75px); height: 100%; content:'';  background: linear-gradient(to bottom right, rgba(26, 117, 207, 1), rgba(10, 70, 129, 1)); } */
/* .training-sec .wrapper:before { background: linear-gradient(to bottom right,#125fab,#0e5295); bottom: -17px; content: ""; height: 160px; left: -100px; position: absolute; width: 60%; z-index: -1; transform: rotate(-14deg); } */
.training-sec:before { position: absolute; top: 0; left: 0; width: calc(100% - 75px); height: 100%; content:''; z-index: -1; background-repeat: no-repeat; background-size: 100% 100%; background-position: top right; }


/* Video Section - LiveTracking */
.video-sec { position: relative; }
.video-sec:after { position: absolute; top: -50px; content: " "; height: 255px; right: 0; width: 130px; background-repeat: no-repeat; background-size: contain; background-position: top left; }
.video-wrapper { margin-top: 55px; position: relative; padding-top: 61.25%; }
.video-header { max-width: 1225px; margin-left: auto; margin-right: auto; }
.video-wrapper video , .video-wrapper iframe , .video-wrapper embedded { border-radius: 8px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.btn-white a { border: 2px solid #707070; border-radius: 8px; background-color: #ffffff; text-align: center; padding: 13px 33px; letter-spacing: 0.56px; color: #4D4D4D; font-size: 16px; font-weight: 700; line-height: 20px; }
.btn-white a:hover { background-color: #707070; color: #fff; }
.video-btn { position: relative; z-index: 1; margin-top: -30px; }
.cta-header { width: 100%; max-width: 735px; margin-left: auto; margin-right: auto; }
.cta-green a { background-color: #1DF88F; text-align: center; border-radius: 8px; padding: 13px 31.3px; box-shadow: 5px 8px 20px #00000029; letter-spacing: 0.56px; color: #4D4D4D; font-size: 16px; line-height: 20px; font-weight: 700; border: 2px solid #1DF88F; }
.cta-green a:hover { background-color: #fff; border-color: #fff; }
.cta-text { margin-bottom: 45px; }
.video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat;  border-radius: 15px; overflow: hidden; }
.video-thumbnail:before { opacity: 0.8; position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(242deg, #1DF88F 0%, #0D3B68 100%); display:none;}
.video-thumbnail:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 115px; height: 115px; border-radius: 50%; background-image: url('https://1811330.fs1.hubspotusercontent-na1.net/hubfs/1811330/01%20Assets%20LiveTracking%20Theme/images/play-button.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; display:none;}
.video-wrapper a { display: block; }
.video-wrapper { box-shadow: 0 3px 21px #00000029;-webkit-box-shadow: 0 3px 21px #00000029; border: 0; border-radius: 15px; }

/* Form Section - LiveTracking */

.form-outer { border-radius: 7px; box-shadow: 1px 14px 99px #00000012; border-radius: 61px; padding: 70px 90px; }
.form-box { margin-top: 26px; }
.form-box { text-align: left; }
.form-box .legal-consent-container .hs-richtext { text-align: center; }
.form-box .hs-submit { text-align: center; }
.form-box input[type="submit"]{ box-shadow: 5px 8px 20px #00000017; }


form input[type=email], 
form input[type=file], 
form input[type=number],
form input[type=password],
form input[type=tel], 
form input[type=text],
form select, 
form textarea { min-height: 65px; color: rgb(77 77 77 / 50%); font-size: 18px; padding: 21px 35px; width: 100% !important; outline:none; }
form textarea { min-height: 131px; }
.hs-form-required , .hs_error_rollup { display: none; }
.hs-error-msgs { list-style: none; margin: 0; padding: 0; font-size: 12px; line-height: 16px; }
fieldset { max-width: 100% !important; }
.input { margin-right: 0 !important; }
.form-columns-2 .hs-form-field { width: 49% !important; float: left; margin-right: 2%; }
.form-columns-2 div.hs-form-field + div.hs-form-field { margin-right: 0; }
.hs-form-field { margin-bottom: 22px; }
.legal-consent-container { margin-bottom: 30px; }
.legal-consent-container .hs-richtext { opacity: 0.6; font-size: 18px; line-height: 20px; }
.form-box form :-webkit-input-placeholder { color: #4d4d4d80; }
.form-box form ::-moz-placeholder { color: #4d4d4d80; }
.form-box form :-ms-input-placeholder { color: #4d4d4d80; }
.form-box form :placeholder { color: #4d4d4d80; }

span.video-logo { position: absolute; bottom: 40px; left: 40px; max-width: 300px; }

.cta-outer { position: relative; z-index: 1; }
.cta-outer:after { content: ""; position: absolute; top: -220px; right: 0; width: 1000px; height: 480px; background-size: contain; background-position: top right; background-repeat: no-repeat; z-index: -1; }
.video-sec { position: relative; z-index: 3; }

/* Our Story Section - LiveTracking */

.our-storysec { overflow: hidden; }
.our-storyleft { width: 40%; float: left; }
.our-storyright { width: 60%; float: left; padding-left: 51px; }
.our-story-row { display: flex; flex-wrap: wrap; justify-content: center; float: left; width: calc(100% + 200px); margin-left: -200px; position: relative; background-color: #fff; box-shadow: 17px 11px 15px #0000001f; border-radius: 53px 0 0 53px;  margin-top: 24px; margin-bottom: 28px; }
.our-story-row:before { position: absolute; top: 0; left: 100%; width: 3000px; height: 100%; content:''; background-color: #fff; box-shadow: 17px 11px 15px #0000001f; }
.our-storycols { position: relative; float: left; padding: 37px; display: flex; flex-wrap: wrap; }
.our-storycolsimg { padding-right: 15px; }
.our-storycolsimg img { max-width: 32px !important; }
.our-storycols-text { width: calc(100% - 47px); float: right; font-size: 20px; font-weight: 700; color: #4D4D4D; line-height: 32px; }
.our-storytitle { display: flex; flex-wrap: wrap; }
span.os-titleimage img { max-width: 74px !important; }
.os-titleimage { margin-right: 23px; }
.our-storytitle .add-line:before { bottom: 20px; }
.our-storytext p span { font-size: 20px; line-height: 32px; }
.our-storytext { width: 100%; float: left; margin-top: 7px; }
.our-storyouter { display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 100px; border-bottom: 2px solid rgba(112, 112, 112, 22%); }


/* Team Section - LiveTracking */

.lteam-header { margin-bottom: 25px; }
.lteam-row { display: flex; flex-wrap: wrap; }
.lteam-climg { border: 5px solid #1A75CF; width: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; padding-top: 100%; }
.lteam-cols { margin-right: 3.4%; width: 31%; float: left; margin-bottom:20px; }
.lteam-cols:nth-child(3n) { margin-right: 0; }
.lteam-clcontent { text-align: center; padding: 26px 30px 20px; border-radius: 7px; max-width: 350px; margin-left: auto; margin-right: auto; margin-top: -40px; }
.lteam-clcontent h3 { font-weight: 700; margin-bottom: 4px; }
.lteam-socialmedia ul { list-style: none; margin: 0; padding: 0; }
.lteam-socialmedia ul li { display: inline-block; margin: 0 5px; }
.lteam-socialmedia ul li a { background-color: #1DF88F; width: 61px; height: 61px; border: 3px solid #fff; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.lteam-socialmedia ul li a svg { width: 27px; fill: #000000; }
.lteam-socialmedia ul li a span { line-height: 0; }
.lteam-socialmedia { margin-bottom: -50px; margin-top: 15px; }
.lteam-cltext { font-size: 18px; line-height: 22px; }
.lteam-socialmedia ul li a:hover { background-color: #1a75cf; }
.lteam-socialmedia ul li a:hover svg { fill: #fff; }
.lteam-sec { position: relative; z-index: 1; }
.lteam-sec:after { position: absolute; z-index: -1; top: -100px; right: 0; width: 160px; height: 325px; content: ''; background-size: cover; background-position: top left; background-repeat: no-repeat; }


.cta-sec { position: relative; z-index: 2; }

/* Responsive */ 

@media(max-width: 1410px){ 
 
  /* Hero Product */
  .hero-productleft { padding-right: 40px; }
  .hero-productleft h1 { padding-right: 0; } 
  .hp-right { padding-left: 0; }
  .hero-productright { padding: 55px 40px; }
  .hero-productleft > img { max-width: 150px !important; right: 10px; }
  
  /* Features Product - LiveTracking */
  
  .Features-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); }
  .Features-cols { padding: 45px 25px; margin-left: 15px; margin-right: 15px; }
  
  /* Training Section - LiveTracking */
  
  /* .td-cols { padding: 40px 20px 25px; } */
  .td-backcol { padding: 44px 20px 36px; }
  .td-frontcol { padding: 50px 20px 61px; }
  .td-cols h3 { font-size: 22px; }
  .td-frontcol-image img { max-width: 85px !important; }
  
  .our-storyright { padding-left: 20px; }
  .our-storycols { padding: 25px 20px; }
  .our-storycols-text { font-size: 16px; width: calc(100% - 44px); }
  .our-story-row { margin-left: -110px; width: calc(100% + 110px); }
  .our-storycolsimg { padding-right: 12px; }
  .lteam-sec:after { height: 275px; width: 130px; }
  
  .lteam-clcontent { max-width: 270px; padding: 22px 15px 20px; }
  .lteam-clcontent h3 { font-size: 24px; }
  .lteam-socialmedia ul li a svg { width: 24px; }  
  
}

@media(max-width: 1200px){
  .td-header { padding: 0 60px; }
}


@media(max-width: 1060px){
  
  
  .add-line h1, .add-line h2, .add-line h3, .add-line h4, .add-line h5, .add-line h6 { padding-bottom: 15px; }
  .sec-large-text { font-size: 24px; line-height: 1.2; }
  
  
  .hero-productleft { text-align: center; margin-top: 0; padding-right: 0; width: 100%; margin-bottom: 38px; }
  .hp-right { width: 100%; }
  .hero-productleft h1 { margin-bottom: 10px; }
  .training-sec:before { width: calc(100% - 20px); }
  .td-header { padding: 0 20px; }
  
  .td-cols { width: 48.9%; }
  .td-cols:nth-child(2n){ margin-right: 0; }
  span.video-logo { max-width: 220px; }
  .cta-outer:after { height: 460px; right: -20px; } 
  
  .our-storyleft { width: 100%; order: 1; text-align: center; margin-top: 20px; }
  .our-storyright { order: 0; padding-left: 0; width: 100%; }
  .lteam-socialmedia ul li a { height: 46px; width: 46px; }
  .lteam-socialmedia ul li a svg { width: 18px; }
  .lteam-clcontent h3 { font-size: 22px; }
  .lteam-socialmedia { margin-bottom: -40px; }
  .lteam-sec:after { top: -60px; height: 205px; width: 90px; }
  .our-story-row { margin-left: 0; width: 100%; }
  
  
}


@media (max-width: 991px){
  
  form input[type=email],
  form input[type=file],
  form input[type=number],
  form input[type=password],
  form input[type=tel],
  form input[type=text],
  form select, form textarea { padding: 21px 25px; }
  form textarea { min-height: 131px; }
  .hs-form-field { margin-bottom: 15px; }
  
  .video-btn { margin-top: 21px; }  
  .video-thumbnail:after { width: 70px; height: 70px; }
  .video-wrapper { margin-top: 40px; }
  
/*   .training-sec:after:after { bottom: -150px; height: 200px; width: 100px; } */
  .video-sec:after { height: 200px; top: -70px; width: 100px; }
  .Features-row .slick-arrow { top: auto; bottom: -45px; left: 50%; transform: translateX(-50%); }
  .Features-row .slick-next.slick-arrow { right: auto; margin-left: 35px; -webkit-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); }
  .Features-row .slick-prev.slick-arrow { margin-left: -35px; }
  
  .cta-outer:after { top: -150px; width: 750px; }
  .hero-productleft > img { display: none; }
  
  span.os-titleimage img { max-width: 50px !important; }
  .our-storyouter { padding-bottom: 60px; }
  .lteam-clcontent { max-width: 200px; padding: 15px 10px 20px; margin-top: -30px; }
  .lteam-clcontent h3 { font-size: 18px; }
  .lteam-cltext { font-size: 16px; line-height: 20px; }
  
  
  
}

@media(max-width: 767px) {
  form input[type=email],
  form input[type=file],
  form input[type=number],
  form input[type=password],
  form input[type=tel],
  form input[type=text],
  form select, form textarea { font-size: 16px; }
  .btn-white a { padding: 13px 30px; }
  .sec-large-text { font-size: 18px; }
  .sectext { font-size: 16px; }

  .hp-bottom-rounded { border-radius: 0px 0px 100px 0px; }
  .video-btn a { max-width: 288px !important; }
  
  .hero-productright h3 { letter-spacing: 0.88px; font-size: 20px; line-height: 26px; }
  .hero-productright { border-radius: 0 25px 0 25px; padding: 34px 34px 40px 37px; }
  .hp-rightext { font-size: 16px; letter-spacing: 0.56px; }
  .hero-productleft .sectext { letter-spacing: 0.53px; line-height: 22px; font-size: 15px; }
  .hero-productsec.add-overlay:before { border-radius: 0 0 100px 0; }
  
  .Features-header { text-align: center; margin-bottom: 28px; }
  .Features-header .add-line:before{ left: 50%; transform: translateX(-50%); }
  .add-top-dots:after { min-height: 85px; width: 53px; }
  .Features-colstext { font-size: 14px; }
  .Features-cols { height: auto; box-shadow: 0px 3px 21px #00000029; }
    
/*   .training-sec:before { border-radius: 0; -webkit-clip-path: polygon(0 0,100% 0,100% 5%,100% 48%,0 60%,0 25%); clip-path: polygon(0 0,100% 0,100% 5%,100% 48%,0 60%,0 25%); height: 70%; width: 100%; } */
  .video-sec:after { top: auto; bottom: -100px; height: 100px; width: 50px; right: auto; left: 0; transform: rotate(180deg); }
  .training-sec:before { width: 130%; height: 50%; }
  .td-cols { margin-right: 0; width: 100%; }
  .td-header { margin-bottom: 32px; }
  .sectext.td-header-text { font-size: 14px; line-height: 31px; }
  
  .cta-firstbtn.cta-green a { padding: 13px 20px; }
  .cta-text { margin-bottom: 27px; }
  .video-thumbnail:after { height: 48px; width: 48px; }
  .video-thumbnail { border: 3px solid #1971C9; }
  .video-wrapper { margin-top: 23px; }
  
  
  .legal-consent-container .hs-richtext { font-size: 14px; }
  .legal-consent-container { margin-bottom: 25px; }
  span.video-logo { position: absolute; bottom: 20px; left: 20px; max-width: 140px; }
  
  .our-storytext p span { font-size: 18px; line-height: 30px; }
  .our-story-row { border-radius: 30px 0 0 30px; }
  
  .lteam-header { margin-bottom: 10px; }  
  .lteam-cols { width: 100%; max-width: 380px; margin-left: auto; margin-right: auto; margin-bottom: 50px; }
  .lteam-cols:nth-child(3n) { margin-right: auto; }
  .lteam-cols:last-child { margin-bottom: 0; }
  .lteam-sec:after { top: -40px; height: 150px; width: 70px; }
  .our-storyouter { padding-bottom: 40px; }
  
  .cta-outer:after { top: -170px; width: 740px; height: 460px; right: -160px; }
  
}
@media(max-width: 700px)  {
  .Features-image { height: auto !important; }
}
@media(max-width: 600px) {
  .cta-outer:after { height: 460px; right: -110px; top: -210px; width: 780px; }
}

@media(max-width: 480px) {
  .cta-outer:after { height: 460px; right: -220px; top: -190px; width: 740px; }
}

@media(max-width: 410px) {
    .hd-mobile { display: block }
  .hd-right { display: none }
  .hd-left { display: none }
  .hero-download-text-p { font-size: 18px !important }
  
      .hpe-mobile { display: block }
  .hpe-right { display: none }
  .hpe-left { display: none }
  .hero-powerbi-text-p { font-size: 16px !important }
  .hero-powerbi-title-h1 { font-size: 24px !important; margin-top: 25px }
  
  .cta-outer:after { height: 460px; right: -220px; top: -190px; width: 740px; }
}


@media(max-width: 350px) {

.cta-outer:after { height: 460px; right: -270px; top: -120px; width: 710px; }
  
}