/* Generated by less 2.5.1 */
/*

23K QTrak19

*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #803287;
  border-color: #6e2b74;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #5d2462;
  border-color: #441b48;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #803287;
  border-color: #6e2b74;
}
.btn-primary .badge {
  color: #803287;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #803287;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #4b1d4f;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #eff1f3;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #eff1f3;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #eff1f3;
}
.text-primary {
  color: #803287;
}
a.text-primary:hover {
  color: #5d2462;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #803287;
}
a.bg-primary:hover {
  background-color: #5d2462;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #eff1f3;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #eff1f3;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
/*=================================================================
		GLOBAL DECLARATIONS
=================================================================*/
/*=======================================
		Modals
=======================================*/
a[data-toggle="modal"] {
  cursor: pointer;
}
@media (max-width: 767px) {
  div.modal-dialog {
    width: auto !important;
  }
}
/*=================================================================
		LAYOUT
=================================================================*/
.clearfix,
.dl-horizontal dd,
.nav {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.nav:before,
.nav:after {
  line-height: 0;
  display: table;
  content: "";
}
.clearfix:after,
.dl-horizontal dd:after,
.nav:after {
  clear: both;
}
/*=======================================
		Media Queries
=======================================*/
@media (max-width: 480px) {
  .hidden-tiny {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .text-center-tiny {
    text-align: center;
  }
  .center-block-tiny {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center;
  }
  .center-block-xs {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center;
  }
  .center-block-sm {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-center-md {
    text-align: center;
  }
  .center-block-md {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center;
  }
  .center-block-lg {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
/*=================================================================
		RESPONSIVE FUNCTIONS
=================================================================*/
/*=================================================================
		PROPERTIES
=================================================================*/
/*=======================================
		Backgrounds
=======================================*/
/*=======================================
		Shadows
=======================================*/
/*=======================================
		Gradients
=======================================*/
/*=================================================================
		TEXT
=================================================================*/
/*=================================================================
		TRANSFORMATIONS
=================================================================*/
.mirror {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
}
/*=======================================
		Transitions
=======================================*/
/*=================================================================
		NAVIGATION
=================================================================*/
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
@media (min-width: 768px) {
  .nav-justified > li {
    width: 1%;
    display: table-cell;
    vertical-align: middle;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
/*=================================================================
		FROM PINGENDO
=================================================================*/
.section {
  /* background-size: cover; */
}
.section > .container > .row {
  margin: 30px 0px;
}
.section-primary {
  background-color: #803287 !important;
  color: #ffffff;
}
.section-primary .text-inverse {
  color: #323031;
}
.section-info {
  background-color: #5bc0de !important;
}
.section-success {
  background-color: #5cb85c !important;
}
.section-warning {
  background-color: #f0ad4e !important;
}
.section-danger {
  background-color: #d9534f !important;
}
/*=======================================
		Cover-Image Section
=======================================*/
.cover {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
  padding: 0px 0px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  min-height: 100%;
}
.cover h1,
.cover .h1 {
  color: inherit;
}
.cover p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.cover > hr {
  border-top-color: #d5d5d5;
}
.container .cover,
.container-fluid .cover {
  border-radius: 6px;
}
.cover .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .cover {
    padding: 48px 0;
  }
  .container .cover,
  .container-fluid .cover {
    padding-left: 60px;
    padding-right: 60px;
  }
  .cover h1,
  .cover .h1 {
    font-size: 63px;
  }
}
@media screen and (min-width: 768px) {
  .cover {
    padding: 0px;
  }
  .container .cover,
  .container-fluid .cover {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.cover .navbar {
  position: absolute;
  top: 0px;
  width: 100%;
  border: none;
  background-color: transparent !important;
}
.cover .navbar .navbar-nav li.active a {
  background-color: transparent !important;
}
.cover .navbar .navbar-toggle {
  border-color: transparent;
}
.cover .navbar .navbar-toggle:hover,
.cover .navbar .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar .navbar-toggle .icon-bar {
  background-color: #323031;
}
.cover .navbar.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle:hover,
.cover .navbar.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.cover .navbar.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.cover .cover-image {
  z-index: -1;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.cover .cover-image.cover-image-fixed {
  background-attachment: fixed;
}
/*======================================================================================
		MIXINS / VARIABLES
======================================================================================*/
.smoothFont {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
/*======================================================================================
		GLOBAL
======================================================================================*/
body {
  position: relative;
  background: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
::selection {
  background-color: rgba(11, 179, 173, 0.45);
}

/*======================================================================================
		TYPOGRAPHY
======================================================================================*/
h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 12px 0;
}
h1 {
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
h1 small {
  margin-top: 12px;
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.39px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
@media (max-width: 767px) {
  h1 small {
    font-size: 24px;
  }
}
h2 {
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.25px;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}
h2 small {
  margin-bottom: 6px;
  color: #000;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: capitalize;
  display: block;
}
h3 {
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 900;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
h4 {
  color: #323031;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  letter-spacing: -0.15px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
h5 {
  margin: 0 0 18px 0;
  color: #003249;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  text-transform: uppercase;
}
p {
  margin: 0 0 12px 0;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
p:empty {
  display: none;
}
.content ul,
.content ol {
  margin: 0 0 20px 0;
  padding: 0;
}
.content ul li,
.content ol li {
  margin-bottom: 12px;
  padding-left: 15px;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  list-style-type: none;
  position: relative;
}
.content ul li:before,
.content ol li:before {
  position: absolute;
  top: 9px;
  left: 1px;
  width: 8px;
  height: 8px;
  background: #0bb3ad;
  border-radius: 100%;
  content: '';
}
.content ul ul.children,
.content ol ul.children {
  margin-top: 12px;
}
.content a:not('.btn') {
  color: #0bb3ad;
  text-decoration: none;
  transition: color 0.2s ease;
}
.content a:not('.btn'):hover,
.content a:not('.btn'):focus,
.content a:not('.btn'):active {
  color: #08837f;
}
/*=================================================================
		Buttons
=================================================================*/
.btn {
  padding: 8px 12px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.15px;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.btn-primary {
  color: #fff !important;
  background-color: #0bb3ad;
  border-color: #0bb3ad !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #08837f !important;
  border-color: #08837f !important;
}
.btn-primary:active {
  background-color: #076b67 !important;
  border-color: #076b67 !important;
}
.btn-primary:focus {
  outline-color: #08837f !important;
}
.btn-default {
  color: #f1a208;
  border-color: #f1a208;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  color: #a77006;
  background-color: #f4d35e;
  border-color: #a77006;
}
.btn-default:active {
  color: #8e6005;
  border-color: #8e6005;
}
.btn-cta {
  color: #fff;
  background-color: #f1a208;
  border-color: #f1a208;
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active {
  color: #a77006;
  background-color: #f4d35e;
  border-color: #a77006;
}
.btn-cta:active {
  color: #8e6005;
  border-color: #8e6005;
}
.btn-secondary {
  color: #fff;
  font-weight: 700;
  background-color: #003249;
  border-color: #003249;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.08);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: #fff;
  background-color: #084c61;
  border-color: #084c61;
}
.btn-secondary:active {
  background-color: #00212f;
  border-color: #00212f;
}
.btn-link {
  color: #696773 !important;
  border: none !important;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #08837f !important;
  text-decoration: none !important;
  background-color: transparent !important;
}
.btn-link:hover.btn-vid:before,
.btn-link:focus.btn-vid:before,
.btn-link:active.btn-vid:before {
  background-color: #08837f;
}
.btn-link.btn-vid:before {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  padding: 6px 0 0 4px;
  color: #fff;
  font-family: 'FontAwesome';
  font-size: 14px;
  text-align: center;
  background-color: #f1a208;
  border: 1px solid #fff;
  border-radius: 100%;
  display: inline-block;
  content: "\f04b";
  transition: all 0.2s;
}
body.home .btn-link {
  color: #fff !important;
}
body.home .btn-link.btn-vid:before {
  border-color: #f1a208;
}
body.home .btn-link:hover,
body.home .btn-link:focus,
body.home .btn-link:active {
  color: #003249 !important;
}
body.home .btn-link:hover.btn-vid:before,
body.home .btn-link:focus.btn-vid:before,
body.home .btn-link:active.btn-vid:before {
  color: #fff;
  background-color: #003249;
  border-color: #003249;
}
.btn-lg {
  padding: 13px 20px;
  border-radius: 4px;
}
.btn-inline {
  display: inline-block;
}
.btn-inline + br {
  display: none;
}
br + .btn-inline {
  margin-left: 20px;
}
/*======================================================================================
		MASTHEAD
======================================================================================*/
#masthead {
  position: relative;
  padding: 15px 0 0 0;
  border-bottom: 1px solid #ccc;
  z-index: 10;
}
@media (max-width: 767px) {
  #masthead {
    padding: 0;
  }
}
#masthead a#menu-mobile-collapse i {
  color: #0bb3ad;
  font-size: 30px;
}
#masthead .btn-primary {
  box-shadow: none;
}
a#masthead-logo {
  max-width: 131px;
  width: 100%;
  height: 51px;
  margin-top: 15px;
  text-indent: -9999px;
  background: url('_img/qtrak@2x.jpg') no-repeat 0 0 / contain;
  display: block;
}
@media (max-width: 767px) {
  a#masthead-logo {
    max-width: 110px;
  }
}

#utility-links {
  min-height: 70px;
}
#utility-links a {
  margin-left: 20px;
  cursor: pointer;
  pointer-events: auto;
}
#utility-links ul {
    list-style: none;
    display: flex;
    flex-flow: row-reverse;
}
#utility-links ul li {
    display: inline-block;
}
#utility-links ul .has_sub_menu {
    position: relative;
}

#utility-links ul .has_sub_menu .sub_menu {
    position: absolute;
    top: 100%;
    left: 0px;
    margin: 0px;
    display: none;
    padding: 0px;
    z-index: 7;
    flex-flow: column;
}

#utility-links ul .has_sub_menu:hover .sub_menu {
  display: flex;
  background: #fff;
  border: 1px solid #f0f0f0;
  min-width: 150px;
}

#utility-links ul .has_sub_menu .sub_menu a {
    white-space: nowrap;
    display: block;
    margin: 0 10px;
}
#utility-links a {
    white-space: nowrap;
    display: block;
    margin: 0 10px;
}

a.phone {
  padding: 8px 0;
  color: #323031;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s;
}
a.phone i {
  width: 20px;
  height: 20px;
  padding: 3px;
  color: #0bb3ad;
  font-size: 15px;
  text-align: center;
  background: #eff1f3;
  border-radius: 100%;
  content: '';
  transition: all 0.2s;
}
a.phone:hover {
  color: #0bb3ad;
}
html.no-touch a.phone {
  pointer-events: none;
}
a#menu-mobile-collapse {
  padding: 17px 10px;
  float: right;
}
/*=================================================================
		MASTHEAD - Navigation
=================================================================*/
ul#masthead-menu {
  text-align: right;
}
ul#masthead-menu li {
  display: inline-block;
}
ul#masthead-menu li:hover a,
ul#masthead-menu li:focus a,
ul#masthead-menu li:active a {
  color: #0bb3ad;
  background-color: transparent;
}
ul#masthead-menu li.current_page_item a {
  color: #0bb3ad;
}
ul#masthead-menu a {
  padding: 18px 15px;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.2s ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  ul#masthead-menu a {
    padding: 18px 12px;
  }
}
ul#masthead-menu.nav > li > a:hover,
ul#masthead-menu.nav > li > a:focus {
  background-color: transparent;
  outline: none;
}
ul#masthead-mobile-menu a {
  padding: 8px 10px;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: right;
}
/*=================================================================
		MASTHEAD - Industry Navigation
=================================================================*/
ul#industry-menu {
  margin: 0;
  list-style-type: none;
}
ul#industry-menu .sub-menu {
  position: absolute;
  top: 55px;
  left: 0;
  margin: 0;
  padding: 5px 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.08);
  display: none;
}
ul#industry-menu .sub-menu a {
  padding: 6px 15px;
  display: block;
}
ul#industry-menu li {
  list-style-type: none;
}
ul#industry-menu a {
  padding: 18px 0;
  color: #414042;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none !important;
}
ul#industry-menu a:hover,
ul#industry-menu a:focus,
ul#industry-menu a:active {
  color: #0bb3ad;
  background-color: transparent;
}
ul#industry-menu a.current {
  padding-left: 10px;
  border-bottom: 2px solid #0bb3ad;
}
ul#industry-menu #industry-selector > a:after {
  padding-left: 5px;
  color: #0bb3ad;
  font-family: 'FontAwesome';
  content: "\f078";
}
/*======================================================================================
		COMPONENTS
======================================================================================*/
.clear20,
.clear40 {
  position: relative;
  width: 100%;
  margin: -1px;
  display: block;
  clear: both;
  zoom: 1;
}
.clear20 {
  height: 20px;
}
.clear40 {
  height: 40px;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
  .mb-clear1 {
    height: 1px !important;
  }
  .mb-clear5 {
    height: 5px !important;
  }
  .mb-clear10 {
    height: 10px !important;
  }
  .mb-clear15 {
    height: 15px !important;
  }
  .mb-clear20 {
    height: 20px !important;
  }
  .mb-clear30 {
    height: 30px !important;
  }
  .mb-clear40 {
    height: 40px !important;
  }
}
/*=================================================================
		Well
=================================================================*/
.well {
  padding: 60px 30px;
  text-align: center;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .well {
    padding: 15px;
  }
}
.well.well-outline {
    padding: 25px;
    background-color: transparent;
    border: 1px solid #0bb3ad;
    box-shadow: none;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #626262;
}
.well.well-outline p {
  color: #0bb3ad;
  font-weight: 700;
  margin: 0px;
}
.well.well-solution {
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .well.well-solution {
    margin-bottom: 20px;
  }
}
.well.well-solution a.link-well {
  padding: 25px;
}
.well.well-solution:hover {
  transform: scale(1.01);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.24);
}
.well.well-solution:hover h4 {
  color: #0bb3ad;
}
.well.well-solution img {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .content-solutions .well.well-solution img {
    width: 45px;
    margin-bottom: 5px;
  }
}
.well.well-solution h4 {
  margin-bottom: 8px;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  .well.well-solution h4 {
    font-size: 24px;
  }
}
.well.well-solution p {
  margin-bottom: 0;
  color: #95939f;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  .well.well-solution p {
    font-size: 14px;
  }
}
.well.well-solution i {
  color: #0bb3ad;
}
.well.well-solution p a:empty {
  display: none;
}
p + .well {
  margin-top: 30px;
}
a.link-well {
  height: 100%;
  padding: 30px;
  display: block;
}
@media (max-width: 767px) {
  a.link-well {
    margin-bottom: 20px;
  }
}
/*=================================================================
		Panels
=================================================================*/
div.panel {
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*=================================================================
		Panel Groups / Accordions
=================================================================*/
.panel-group .panel-default {
  border: none;
}
.panel-group .panel-heading {
  position: relative;
  padding: 0;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
}
.panel-group h4 {
  color: #003249;
  font-weight: 500;
  text-transform: none;
}
@media (max-width: 767px) {
  .panel-group h4 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .panel-group h4 {
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .panel-group h4 {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .panel-group h4 {
    line-height: 19px;
  }
}
@media (min-width: 768px) {
  .panel-group h4 {
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .panel-group h4 {
    line-height: 24px;
  }
}
.panel-group .panel-title a {
  padding: 15px 35px 15px 15px;
  color: #003249;
  text-decoration: none;
  display: block;
  outline: none;
}
.panel-group .panel-title a:hover,
.panel-group .panel-title a:active,
.panel-group .panel-title a:focus,
.panel-group .panel-title a[aria-expanded="true"] {
  color: #084c61;
}
.panel-group .panel-title a:hover i,
.panel-group .panel-title a:active i,
.panel-group .panel-title a:focus i,
.panel-group .panel-title a[aria-expanded="true"] i {
  color: #003249;
}
.panel-group .panel-title a i {
  position: absolute;
  top: 20px;
  right: 15px;
  color: #084c61;
  font-size: 16px;
  font-weight: 400;
  transition: color 0.3s, transform 0.5s;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.panel-collapse {
  position: relative;
  margin-top: -5px;
  background: #fff;
}
/*=================================================================
		Tooltips
=================================================================*/
i[rel="tooltip"] {
  color: #aaa;
  font-size: 13px;
  border-bottom: none;
}
.tooltip-inner {
  color: #084c61;
  font-weight: bold;
  background: #fff;
  border: 1px solid #084c61;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #084c61;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #084c61;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #084c61;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #084c61;
}
/*=================================================================
		Forms
=================================================================*/
.gform_wrapper .gform_body {
  *zoom: 1;
}
.gform_wrapper .gform_body:before,
.gform_wrapper .gform_body:after {
  content: " ";
  display: table;
}
.gform_wrapper .gform_body:after {
  clear: both;
}
.gform_wrapper .gform_body:before,
.gform_wrapper .gform_body:after {
  line-height: 0;
  display: table;
  content: "";
}
.gform_wrapper .gform_body:after {
  clear: both;
}
.gform_wrapper li:before {
  display: none;
}
.gform_wrapper img.gform_ajax_spinner {
  margin-left: 25px;
  display: inline-block;
  animation: spinner 1.25s linear infinite;
}
.gform_wrapper input[type="submit"] {
  width: auto !important;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 8px 12px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.15px;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  color: #ffffff;
  background-color: #803287;
  border-color: #6e2b74;
  color: #fff !important;
  background-color: #0bb3ad;
  border-color: #0bb3ad !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  padding: 13px 20px;
  border-radius: 4px;
}
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="submit"]:active:focus,
.gform_wrapper input[type="submit"].active:focus,
.gform_wrapper input[type="submit"].focus,
.gform_wrapper input[type="submit"]:active.focus,
.gform_wrapper input[type="submit"].active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="submit"].focus {
  color: #333333;
  text-decoration: none;
}
.gform_wrapper input[type="submit"]:active,
.gform_wrapper input[type="submit"].active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.gform_wrapper input[type="submit"].disabled,
.gform_wrapper input[type="submit"][disabled],
fieldset[disabled] .gform_wrapper input[type="submit"] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="submit"].focus,
.gform_wrapper input[type="submit"]:active,
.gform_wrapper input[type="submit"].active,
.open > .dropdown-toggle.gform_wrapper input[type="submit"] {
  color: #ffffff;
  background-color: #5d2462;
  border-color: #441b48;
}
.gform_wrapper input[type="submit"]:active,
.gform_wrapper input[type="submit"].active,
.open > .dropdown-toggle.gform_wrapper input[type="submit"] {
  background-image: none;
}
.gform_wrapper input[type="submit"].disabled,
.gform_wrapper input[type="submit"][disabled],
fieldset[disabled] .gform_wrapper input[type="submit"],
.gform_wrapper input[type="submit"].disabled:hover,
.gform_wrapper input[type="submit"][disabled]:hover,
fieldset[disabled] .gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"].disabled:focus,
.gform_wrapper input[type="submit"][disabled]:focus,
fieldset[disabled] .gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="submit"].disabled.focus,
.gform_wrapper input[type="submit"][disabled].focus,
fieldset[disabled] .gform_wrapper input[type="submit"].focus,
.gform_wrapper input[type="submit"].disabled:active,
.gform_wrapper input[type="submit"][disabled]:active,
fieldset[disabled] .gform_wrapper input[type="submit"]:active,
.gform_wrapper input[type="submit"].disabled.active,
.gform_wrapper input[type="submit"][disabled].active,
fieldset[disabled] .gform_wrapper input[type="submit"].active {
  background-color: #803287;
  border-color: #6e2b74;
}
.gform_wrapper input[type="submit"] .badge {
  color: #803287;
  background-color: #ffffff;
}
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="submit"]:active {
  background-color: #08837f !important;
  border-color: #08837f !important;
}
.gform_wrapper input[type="submit"]:active {
  background-color: #076b67 !important;
  border-color: #076b67 !important;
}
.gform_wrapper input[type="submit"]:focus {
  outline-color: #08837f !important;
}
@media (max-width: 767px) {
  .gform_wrapper input[type="submit"] {
    width: 100% !important;
  }
}
.gform_wrapper .gfield_html {
  margin-bottom: 30px;
}
.gform_wrapper .gfield_required {
  padding-left: 3px;
  color: #db3a34;
}
.gform_wrapper .validation_error {
  margin-bottom: 20px;
  color: #db3a34;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.15px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
.gform_wrapper .gform_fields {
  margin-left: -15px;
  margin-right: -15px;
}
li.gfield {
  margin-bottom: 20px;
  list-style-type: none;
}
@media (max-width: 767px) {
  li.gfield {
    margin-bottom: 10px;
  }
}
li.gfield:before {
  display: none;
}
li.gfield.multi-inline label {
  margin-bottom: 13px;
}
li.gfield.multi-inline input {
  width: auto;
  margin-right: 10px;
  margin-bottom: 0;
}
li.gfield .ginput_container {
  margin-bottom: 0;
}
li.gfield input[type="text"],
li.gfield input[type="email"],
li.gfield input[type="tel"],
li.gfield textarea {
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  background: #eff1f3;
  border: 1px solid #95939f;
  border-radius: 8px;
  outline-color: #0bb3ad;
}
li.gfield input[type="text"]::-webkit-input-placeholder,
li.gfield input[type="email"]::-webkit-input-placeholder,
li.gfield input[type="tel"]::-webkit-input-placeholder,
li.gfield textarea::-webkit-input-placeholder {
  color: #95939f;
  font-weight: 400;
  opacity: 0.8;
}
li.gfield input[type="text"]::-moz-placeholder,
li.gfield input[type="email"]::-moz-placeholder,
li.gfield input[type="tel"]::-moz-placeholder,
li.gfield textarea::-moz-placeholder {
  color: #95939f;
  font-weight: 400;
  opacity: 0.8;
}
li.gfield input[type="text"]:-ms-input-placeholder,
li.gfield input[type="email"]:-ms-input-placeholder,
li.gfield input[type="tel"]:-ms-input-placeholder,
li.gfield textarea:-ms-input-placeholder {
  color: #95939f;
  font-weight: 400;
  opacity: 0.8;
}
li.gfield textarea {
  height: 200px;
  padding: 15px;
}
li.gfield label {
  margin-bottom: 8px;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
li.gfield input[type="radio"]:empty {
  display: none;
}
li.gfield input[type="radio"]:empty ~ label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
li.gfield input[type="radio"]:empty ~ label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #eff1f3;
  border: 1px solid #95939f;
  border-radius: 100%;
  display: block;
  content: '';
}
li.gfield input[type="radio"]:empty ~ label:after {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background-color: #eff1f3;
  border-radius: 100%;
  content: '';
  transform: scale(0.1);
  transition: all 0.3s;
}
li.gfield input[type="radio"]:checked ~ label:after {
  background-color: #0bb3ad;
  transform: scale(1);
}
li.gfield.gform_validation_container {
  position: absolute !important;
  left: -9000px;
  display: none !important;
}
li.gfield .validation_message {
  color: #db3a34;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
li.gfield .help-block {
  margin-top: 0;
}
li.gfield.gfield_error input[type="text"],
li.gfield.gfield_error input[type="email"],
li.gfield.gfield_error input[type="tel"],
li.gfield.gfield_error textarea {
  border: 1px solid #db3a34 !important;
}
.content ul.gfield_radio {
  margin: 0;
}
.content ul.gfield_radio li {
  margin-right: 60px;
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
}
@media (max-width: 767px) {
  .content ul.gfield_radio li {
    margin-right: 30px;
  }
}
.content .gform_confirmation_wrapper p {
  color: #323031;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.content .gform_confirmation_wrapper p strong {
  color: #0bb3ad;
  font-size: 26px;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*======================================================================================
		PAGES
======================================================================================*/
div#main {
  position: relative;
  z-index: 1;
}
.row.vcenter {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .row.vcenter {
    display: block;
  }
  .row.vcenter img.feature {
    margin: 20px auto;
  }
}
.row.vstretch {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .row.vstretch {
    display: block;
  }
}
.row.fillheight {
  height: 100%;
}
img.img-rounded {
  width: 340px;
  max-width: 100%;
  border: 20px solid #eff1f3;
  border-radius: 100%;
  display: block;
}
@media (max-width: 767px) {
  img.img-rounded {
    width: 300px;
    margin: 0 auto 30px auto !important;
    float: none !important;
  }
}
body.home img.img-rounded {
  border-color: #0cbdb6;
}
img.img-rounded.alignright,
img.img-rounded.alignleft {
  margin: 0;
}
.content-gray img.img-rounded {
  border-color: #e0e4e8;
}
/*=================================================================
		Sections
=================================================================*/
section.content {
  padding-top: 30px;
  padding-bottom: 45px;
}
section.content:first-of-type {
  padding-top: 50px;
}
@media (max-width: 767px) {
  section.content {
    padding-top: 30px;
    padding-bottom: 15px;
  }
}
section.content.content-solutions {
  padding-top: 30px;
}
section.content.logos {
  padding-top: 15px;
  padding-bottom: 15px;
}
section.content.content-gray {
  background: #eff1f3;
}
section.content.content-gray h3 {
  color: #003249;
}
section.content.content-mini {
  padding: 15px 0 25px 0;
}
@media (max-width: 767px) {
  section.content.content-mini {
    padding-bottom: 5px;
  }
}
/*=================================================================
		Page Intro
=================================================================*/
div#page-intro {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #006180 url('_img/bg-intro.jpg') no-repeat center center / cover;
  z-index: 3;
}
@media (max-width: 767px) {
  div#page-intro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
div#page-intro p {
  color: #fff;
}
/*=================================================================
		Testimonials
=================================================================*/
section.testimonial.content {
  text-align: center;
  background: #003249 url('_img/bg-testimonial.png') no-repeat -90px 35%;
}
@media (max-width: 767px) {
  section.testimonial.content {
    background-size: 200%;
    background-position: 85% 30%;
  }
}
section.testimonial.content .testimonial-blocks {
  position: relative;
}
section.testimonial.content .testimonial-blocks.multi {
  height: 302px;
}
section.testimonial.content .testimonial-blocks.multi .testimonial-block {
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 1s ease;
}
section.testimonial.content .testimonial-blocks.multi .testimonial-block.active {
  opacity: 1;
}
@media (max-width: 767px) {
  section.testimonial.content .testimonial-block {
    padding: 10px 5px 10px 5px;
  }
}
@media (min-width: 768px) {
  section.testimonial.content .testimonial-block {
    padding: 10px 70px 15px 70px;
  }
}
@media (min-width: 1200px) {
  section.testimonial.content .testimonial-block {
    padding: 10px 70px 15px 70px;
  }
}
section.testimonial.content i {
  margin-bottom: 15px;
  padding: 25px;
  color: #fff;
  font-size: 40px;
  border: 2px solid #0bb3ad;
  border-radius: 100%;
}
@media (max-width: 767px) {
  section.testimonial.content i {
    padding: 15px;
    font-size: 26px;
  }
}
section.testimonial.content p {
  margin-bottom: 30px;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 28px;
  line-height: 1.35;
  letter-spacing: -0.23px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  section.testimonial.content p {
    font-size: 21px;
  }
}
section.testimonial.content p.testimonial-source {
  margin-bottom: 5px;
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: 1.42px;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
/*=================================================================
		CTA Sections
=================================================================*/
section.content.cta {
  padding-top: 0;
  padding-bottom: 0;
  background: linear-gradient(to bottom, #ffffff, #eff1f3);
}
@media (max-width: 767px) {
  section.content.cta {
    text-align: center;
  }
}
section.content.cta > .container {
  position: relative;
  padding-top: 55px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  section.content.cta > .container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
section.content.cta h3 {
  margin-bottom: 20px;
  color: #323031;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 38px;
  line-height: 1.3;
  letter-spacing: -0.32px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
}
@media (max-width: 767px) {
  section.content.cta h3 {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 30px;
    line-height: 1.3;
    letter-spacing: -0.2px;
    font-weight: 300;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
  }
}
section.content.cta p {
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
section.content.cta .btn-outline {
  margin-top: 25px;
  color: #f1a208;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.17px;
  font-weight: 800;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  border: 2px solid #f1a208;
  transition: color 0.2s, border-color 0.2s;
}
@media (max-width: 767px) {
  section.content.cta .btn-outline {
    margin: 10px auto 20px auto;
  }
}
section.content.cta .btn-outline:hover,
section.content.cta .btn-outline:focus,
section.content.cta .btn-outline:active {
  color: #084c61;
  border-color: #084c61;
}
section.content.cta.cta-orange {
  background: linear-gradient(to bottom, #f1a208, #f4d35e);
}
section.content.cta.cta-orange h3 {
  color: #fff;
  font-weight: 800;
}
section.content.cta.cta-orange p {
  color: #fff;
  font-weight: 500;
}
section.content.cta.cta-orange .btn-outline {
  color: #fff;
  border-color: #fff;
}
section.content.cta.cta-orange .btn-outline:hover,
section.content.cta.cta-orange .btn-outline:focus,
section.content.cta.cta-orange .btn-outline:active {
  color: #084c61;
  border-color: #084c61;
}
@media (max-width: 767px) {
  section.content.cta.cta-demo {
    text-align: left;
  }
}
@media (max-width: 767px) {
  section.content.cta.cta-demo > .container {
    padding: 40px 15px 325px 15px;
  }
}
@media (min-width: 768px) {
  section.content.cta.cta-demo > .container {
    padding: 85px 15px 80px 15px;
  }
}
@media (min-width: 1200px) {
  section.content.cta.cta-demo > .container {
    padding: 100px 15px 80px 15px;
  }
}
section.content.cta.cta-demo > .container:before {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 35%;
  max-width: 332px;
  height: 417px;
  max-height: 100%;
  background: url('_img/cta-phone-demo.png') no-repeat left bottom / contain;
  display: block;
  content: '';
}
@media (max-width: 767px) {
  section.content.cta.cta-demo > .container:before {
    left: 60px;
    width: 250px;
  }
}
section.content.cta.cta-demo h3 {
  text-align: left;
}
section.content.cta.cta-visit {
  text-align: center;
  background: #006180 url('_img/bg-cta-visit.jpg') no-repeat center center / cover;
}
section.content.cta.cta-visit > .container {
  padding-bottom: 70px;
}
section.content.cta.cta-visit h3 {
  margin-bottom: 10px;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 34px;
  line-height: 1.4;
  letter-spacing: -0.17px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
section.content.cta.cta-visit h3 strong {
  font-weight: 800;
}
section.content.cta.cta-visit h5 {
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
section.content.cta.cta-visit p {
  color: #fff;
}
section.content.cta.cta-visit .btn-primary {
  margin: 20px auto 0 auto;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1), 0 10px 20px 0 rgba(0, 0, 0, 0.08);
}
/*=================================================================
		Leadouts / Solution Boxes
=================================================================*/
section.content.leadout {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  section.content.leadout {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
section.content.leadout .well {
  text-align: left;
}
.leadout > .container > .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .leadout > .container > .row {
    display: block;
  }
}
/*======================================================================================
		Frontpage
======================================================================================*/
section#positioning-statement {
  padding: 25px 0 20px 0;
  background: #b8c7d1;
  text-align: center;
}
section#positioning-statement p {
  margin-bottom: 0;
  color: #003249;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
section#positioning-statement p br {
  display: none;
}
section#positioning-statement a.btn {
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  section#positioning-statement a.btn {
    margin: 15px 0 0 0;
    display: block;
  }
}
section#industry-select {
  background: linear-gradient(to right, #003249, #006180);
}
@media (max-width: 767px) {
  section#industry-select .row > div {
    padding-left: 0;
    padding-right: 0;
  }
}
section#industry-select h5 {
  color: #0bb3ad;
}
section#industry-select a {
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  display: block;
  transition: color 0.2s;
}
section#industry-select a:hover,
section#industry-select a:focus,
section#industry-select a:active {
  color: #0bb3ad;
  text-decoration: none;
}
section#industry-select a:active {
  color: #08837f;
}
@media (max-width: 767px) {
  section#industry-select a {
    padding: 12px 0;
    border-top: 1px solid #0bb3ad;
  }
}
section#product-overview-menu {
  position: relative;
  padding-top: 60px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  section#product-overview-menu {
    padding-top: 35px;
    padding-bottom: 15px;
  }
  section#product-overview-menu:after {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px);
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: block;
    content: '';
  }
}
section#product-overview-menu h2 {
  margin-bottom: 45px;
  text-align: center;
}
section#product-overview-menu h2 small {
  margin-top: 15px;
}
@media (max-width: 767px) {
  section#product-overview-menu h2 {
    margin-bottom: 25px;
  }
}
section#product-overview-menu.content ul {
  margin: 0;
}
section#product-overview-menu.content ul li {
  margin-bottom: 0;
  padding-left: 0;
}
section#product-overview-menu.content ul li:before {
  display: none;
}
section#product-overview-menu .nav > li > a {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  section#product-overview-menu .nav > li > a {
    padding-bottom: 5px;
  }
}
section#product-overview-menu .nav-tabs.nav-justified a {
  border: none !important;
  background-color: transparent !important;
}
section#product-overview-menu a {
  padding-top: 105px;
  color: #95939f;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.1px;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  transition: color 0.3s;
}
@media (max-width: 767px) {
  section#product-overview-menu a {
    padding-top: 0;
  }
}
section#product-overview-menu a:before,
section#product-overview-menu a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  content: '';
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  section#product-overview-menu a:before,
  section#product-overview-menu a:after {
    display: none;
  }
}
section#product-overview-menu a:after {
  opacity: 0;
}
section#product-overview-menu a#app:before {
  background-image: url('_img/icon-app-gray.png');
}
section#product-overview-menu a#app:after {
  background-image: url('_img/icon-app-teal.png');
}
section#product-overview-menu a#lockers:before {
  background-image: url('_img/icon-lockers-gray.png');
}
section#product-overview-menu a#lockers:after {
  background-image: url('_img/icon-lockers-teal.png');
}
section#product-overview-menu a#mail:before {
  background-image: url('_img/icon-mail-gray.png');
}
section#product-overview-menu a#mail:after {
  background-image: url('_img/icon-mail-teal.png');
}
section#product-overview-menu a:hover {
  color: #0bb3ad;
}
section#product-overview-menu a:hover:before {
  opacity: 0;
}
section#product-overview-menu a:hover:after {
  opacity: 1;
}
section#product-overview-menu li.active:after {
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  display: block;
  content: '';
}
@media (max-width: 767px) {
  section#product-overview-menu li.active:after {
    display: none;
  }
}
section#product-overview-menu li.active a {
  color: #0bb3ad;
}
section#product-overview-menu li.active a:before {
  opacity: 1;
}
section#product-overview-menu li.active a:after {
  opacity: 0;
}
section#product-overview-menu li.active a#app:before {
  background-image: url('_img/icon-app-teal-fill.jpg');
}
section#product-overview-menu li.active a#lockers:before {
  background-image: url('_img/icon-lockers-teal-fill.jpg');
}
section#product-overview-menu li.active a#mail:before {
  background-image: url('_img/icon-mail-teal-fill.jpg');
}
section#product-overview {
  padding-top: 55px;
  padding-bottom: 60px;
  background: #0bb3ad;
}
@media (max-width: 767px) {
  section#product-overview {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
section#product-overview ::selection {
  background-color: rgba(8, 131, 127, 0.45);
}
section#product-overview h2 {
  margin-top: 30px;
  color: #003249;
}
section#product-overview h2 small {
  margin-top: 10px;
  margin-bottom: 0;
  color: #eff1f3;
}
section#product-overview p {
  color: #eff1f3;
}
section#product-overview .btn + br {
  display: none;
}
section#product-overview .btn-vid {
  margin-left: 20px;
}
section#product-overview img {
  max-width: 340px;
}
@media (max-width: 767px) {
  section#product-overview img {
    max-width: 300px;
    margin-top: 10px;
  }
}
section#clients {
  padding-top: 100px;
  padding-bottom: 70px;
}
section#clients img {
  margin: 0 auto 30px auto;
}
@media (max-width: 767px) {
  section#clients {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
  }
}
/*=================================================================
		Billboards
=================================================================*/
div#billboards {
  position: relative;
  background: linear-gradient(to bottom, #ffffff, #d6dfe8);
}
@media (max-width: 767px) {
  div#billboards {
    height: 500px;
  }
}
@media (min-width: 768px) {
  div#billboards {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  div#billboards {
    height: 485px;
  }
}
@media (max-width: 767px) {
  div#billboards .row.vcenter {
    display: flex;
    flex-direction: column;
  }
}
div#billboards div.rotating-banner {
  position: relative;
  width: 100% !important;
  height: inherit !important;
}
div#billboards div.rotating-banner img {
  width: auto;
  max-height: 485px;
}
div#billboards h2 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 85px;
  line-height: 1.25;
  letter-spacing: -0.25px;
  font-weight: 700;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  div#billboards h2 {
    font-size: 52px;
  }
}
@media (min-width: 768px) {
  div#billboards h2 {
    font-size: 78px;
  }
}
@media (min-width: 1200px) {
  div#billboards h2 {
    font-size: 85px;
  }
}
div#billboards p,
div#billboards ul li {
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  div#billboards p,
  div#billboards ul li {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  div#billboards p,
  div#billboards ul li {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  div#billboards p,
  div#billboards ul li {
    font-size: 22px;
  }
}
div.rotating-banner > div {
  position: absolute;
  width: 100% !important;
  display: none;
}
div.rotating-banner > div:first-of-type {
  display: block;
}
@media (max-width: 767px) {
  div.rotating-banner > div {
    padding: 20px;
    text-align: center;
  }
  div.rotating-banner > div ul {
    width: 300px;
    margin: 0 auto;
  }
  div.rotating-banner > div ul li {
    text-align: left;
  }
  div.rotating-banner > div img {
    max-width: 350px;
    margin: 0 auto;
  }
}
ul.rotating-banner-nav {
  position: absolute;
  bottom: 25px;
  right: 25px;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (max-width: 767px) {
  ul.rotating-banner-nav {
    display: none;
  }
}
ul.rotating-banner-nav li {
  width: 15px;
  height: 15px;
  margin-right: 6px;
  text-indent: -9999px;
  background: linear-gradient(to bottom, #ffffff, #0bb3ad);
  border: 1px solid #0bb3ad;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  cursor: pointer;
}
ul.rotating-banner-nav li.active {
  background: linear-gradient(to bottom, #0bb3ad, #084c61);
}
/*======================================================================================
		Industry Pages
======================================================================================*/
body.page-template-page-industry div#page-intro {
  padding-top: 40px;
  background: #fff;
}
body.page-template-page-industry div#page-intro h1 {
  margin-top: 40px;
  margin-bottom: 17px;
  color: #003249;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 38px;
  line-height: 1.3;
  letter-spacing: -0.19px;
  font-weight: 900;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  body.page-template-page-industry div#page-intro h1 {
    margin-top: 0;
    font-size: 30px;
  }
}
body.page-template-page-industry div#page-intro h1 small {
  margin-top: 0;
  margin-bottom: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 900;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  body.page-template-page-industry div#page-intro h1 small {
    font-size: 20px;
  }
}
body.page-template-page-industry div#page-intro h2 {
  margin-bottom: 20px;
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 900;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  body.page-template-page-industry div#page-intro h2 {
    font-size: 20px;
  }
}
body.page-template-page-industry div#page-intro p {
  color: #696773;
}
body.page-template-page-industry h3 {
  margin-bottom: 35px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  body.page-template-page-industry h3 {
    margin-bottom: 20px;
  }
}
.row-logos p {
  margin: 0;
}
.row-logos img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .row-logos div.col-xs-4:nth-of-type(4) {
    clear: both;
  }
}
/*======================================================================================
		Sitemap
======================================================================================*/
#sitemap.content {
  padding-top: 20px;
  padding-bottom: 40px;
}
/*======================================================================================
		Specific Page Overrides
======================================================================================*/
body.pid-about #page-intro,
body.pid-videos #page-intro,
body.pid-trial #page-intro {
  text-align: center;
}
body.pid-videos h3 {
  font-size: 26px;
}
@media (max-width: 767px) {
  body.pid-videos h3 {
    margin-top: 10px;
    font-size: 20px;
  }
}
body.pid-videos section.content.content-gray h3 {
  color: #0bb3ad;
}
body.pid-trial .well {
  text-align: left;
}
/*======================================================================================
		FOOTER
======================================================================================*/
#footer {
  position: relative;
  height: 405px;
  background: #323031;
}
@media (max-width: 767px) {
  #footer {
    height: auto;
  }
}
#footer > div.container {
  width: 100%;
  padding: 0;
}
#footer p {
  color: #95939f;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
#footer img#footer-logo {
  margin-bottom: 20px;
  max-width: 133px;
}
#footer .gform_wrapper {
  margin-top: 25px;
}
@media (max-width: 767px) {
  #footer .gform_wrapper {
    margin-bottom: 30px;
  }
}
#footer .gform_wrapper .top_label .gfield_label {
  display: none;
}
#footer .gform_wrapper input {
  width: 100% !important;
}
#footer .gform_wrapper input[type=submit] {
  width: auto !important;
  padding: 8px 12px !important;
  font-size: 16px;
}
#footer .gform_wrapper li.gfield {
  margin-bottom: 5px;
}
#footer .gform_wrapper .gform_fields {
  margin-right: 0;
  padding:0px;
}
@media (max-width: 767px) {
  #footer .gform_wrapper .gform_fields {
    margin-right: -15px;
  }
}
#footer input[type="text"] {
  padding: 12px;
  color: #eff1f3;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 600;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  background: #696773;
  border: none;
}
#footer input[type="text"]::-webkit-input-placeholder {
  color: #bbb;
  font-weight: 400;
  opacity: 0.8;
}
#footer input[type="text"]::-moz-placeholder {
  color: #bbb;
  font-weight: 400;
  opacity: 0.8;
}
#footer input[type="text"]:-ms-input-placeholder {
  color: #bbb;
  font-weight: 400;
  opacity: 0.8;
}
#footer form p {
  margin-bottom: 5px;
  color: #fff;
}
#footer .gform_confirmation_message {
  max-width: 80%;
  margin: 25px 0;
  padding: 20px 20px 10px 20px;
  background: #0bb3ad;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #footer .gform_confirmation_message {
    max-width: 100%;
  }
}
#footer .gform_confirmation_wrapper p {
  color: #323031;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
#footer .gform_confirmation_wrapper p strong {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#footer div.validation_message {
  margin: -5px 0 5px 0;
  color: #db3a34;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.15px;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
#footer .validation_error {
  margin: -10px 0 10px 0;
  font-size: 14px;
}
#footer .validation_error + .gform_body .hide-error {
  display: none;
}
#call-qtrak {
  display: flex;
  align-items: center;
}
#call-qtrak h3 {
  margin-bottom: 0;
  color: #fff;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: -0.19px;
  font-weight: 300;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  text-transform: none;
}
#call-qtrak h3 strong {
  font-weight: 700;
}
#call-qtrak p {
  margin-bottom: 5px;
  color: #95939f;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
}
#call-qtrak i {
  margin-right: 10px;
  padding: 15px;
  color: #eff1f3;
  font-size: 50px;
  background: #696773;
  border-radius: 100%;
}
.download-logos {
  height: 40px;
  margin-top: 20px;
}
.download-logos a {
  display: block;
}
.download-logos img {
  margin-right: 20px;
  float: left;
}
#footer-main {
  height: 300px;
  padding: 50px 0;
}
@media (max-width: 767px) {
  #footer-main {
    height: auto;
    padding: 30px 0 20px 0;
  }
}
#footer-main a {
  color: #0bb3ad;
  transition: color 0.2s;
}
#footer-main a:hover,
#footer-main a:focus,
#footer-main a:active {
  color: #fff;
}
#footer-toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 85px;
  padding: 20px 0;
  background: #191919;
}
@media (max-width: 767px) {
  #footer-toolbar {
    position: relative;
    height: auto;
    padding-top: 8px;
  }
}
#footer-toolbar ul {
  margin: 0;
  padding: 0;
}
#footer-toolbar li {
  list-style-type: none;
  display: inline;
}
#footer-toolbar li a {
  padding: 0 20px 0 0;
  color: #0bb3ad;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: -0.12px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: color 0.2s;
}
#footer-toolbar li a:hover,
#footer-toolbar li a:active,
#footer-toolbar li a:focus {
  color: #fff;
}
#footer-toolbar p {
  margin: 12px 0 0 0;
  color: #696773;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  line-height: 1.1;
  letter-spacing: -0.13px;
  font-weight: 500;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}
#socials {
  text-align: right;
}
#socials a {
  width: 25px;
  height: 25px;
  color: #95939f;
  text-align: center;
  border: 1px solid #95939f;
  border-radius: 100%;
  display: inline-block;
  transition: all 0.2s;
}
#socials a:hover,
#socials a:focus,
#socials a:active {
  color: #eff1f3;
  border: 1px solid #eff1f3;
  transform: scale(1.1);
}
#socials i {
  padding: 4px 4px 0 4px;
}


.post-categories {
  margin-bottom: 60px;
}

.post-categories .post-thumbnail img {
  width: 100%;
  height: auto;
}

.post-categories .two_third > a {
  font-size: 18px;
  font-weight: 600;
}

.post-categories .post-content {
  height: 100%;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 0px 10px #e7e7e7;
  padding: 5px;
  margin: 15px 0px;
}

.post-categories .post-title {
  margin: 0px;
  padding: 10px;
  font-size: 20px;
  line-height: 1.3;
  min-height: 100px;
}
.post-categories .post-desc {
  padding: 0 10px;
  line-height: 1.3;
}

.wrapper .circled_bg {
    background-image: url('http://qtrak.net/content/uploads/2024/03/Lined-Cricle-1.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.wrapper .circled_bg.align-right {
    background-position: right center;
}

body .carousel-indicators {
    
}

body .carousel-indicators li {
    height: 12px;
    width: 12px;
    border-radius: 100%;
    padding: 0px;
    margin: 0px;
    background: #0bb3ad;
    border: 0px;
    position: relative;
}

body .carousel-indicators li::before {
    top: 1px;
    left: 1px;
    height: 10px;
    width: 10px;
    background: #fff;
    border: 0px none;
}
body .carousel-indicators li.active,
body .carousel-indicators li.active::before {
	background: #0bb3ad;    
    border: 0px none;
}

#masthead {
    background: #fff;
}



.why-qtrack.main {
  display: flex;
  flex-direction: column;
  background-color: white;
  overflow: hidden;
padding: 0px !important;
}

.top-left-border {
    background: #3cbbb1;
    padding-top: 25px;
    padding-left: 25px;
    border-radius: 25px;
}

.border-r-25 {
    border-radius: 20px;
    overflow: hidden;
}

.why-qtrack.main .container-fluid {
padding: 0px;
}

.why-qtrack .section1 {
  z-index: 5;
  display: flex;
  flex-direction: column;
}

.why-qtrack .color10 {
  width: 100%;
}

.why-qtrack .boardingSchoolSection {
  position: relative;
  display: flex;
  flex-direction: column;
}

.why-qtrack .decorativeImage {
  position: absolute;
  top: -216px;
  left: -581px;
  width: 1495px;
  aspect-ratio: 0.97;
}

.why-qtrack .contentContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 25px;
  margin: 116px 0 61px;
}

@media (max-width: 575px) {
  .why-qtrack .contentContainer {
    margin: 80px auto 61px;
  }
}

@media (max-width: 383px) {
  .why-qtrack .contentContainer {
    margin: 50px auto;
  }
}

.why-qtrack .introductionContainer {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 0 25px;
}

.why-qtrack .mainHeading {
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .mainHeading {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .mainHeading {
    font-size: 24px;
  }
}

.why-qtrack .introductionText {
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 991px) {
  .why-qtrack .introductionText {
    align-items: flex-start;
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .introductionText {
    font-size: 22px;
  }
}

.why-qtrack .featuresContainer {
  display: flex;
  flex-direction: column;
  margin: 53px 0 0;
}

@media (max-width: 383px) {
  .why-qtrack .featuresContainer {
    margin: 50px 0 0;
  }
}

.why-qtrack .featuresSectionHeading {
  z-index: 1;
  font: 600 42px/1.5 Poppins, Helvetica, Arial, serif;
  color: #13a89e;
}

@media (max-width: 991px) {
  .why-qtrack .featuresSectionHeading {
    align-items: flex-start;
    font-size: 38px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .featuresSectionHeading {
    font-size: 34px;
  }
}

.why-qtrack .trackingFeatureHeading {
  margin: 9px 0 0;
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .trackingFeatureHeading {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .trackingFeatureHeading {
    font-size: 24px;
  }
}

.why-qtrack .trackingFeatureContainer {
  display: flex;
  gap: 0 24px;
  margin: 23px 0 0 auto;
  /* width: 94.77%; */
}

@media (max-width: 1399px) {
  .why-qtrack .trackingFeatureContainer {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .trackingIcon {
  z-index: 1;
  width: 76px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1399px) {
  .why-qtrack .trackingIcon {
    width: 100%;
    min-width: unset;
    max-width: 76px;
  }
}

.why-qtrack .trackingDescription {
  margin: 23px 0 16px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1399px) {
  .why-qtrack .trackingDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .trackingDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .trackingDescription {
    font-size: 20px;
  }
}

.why-qtrack .accountabilityFeatureContainer {
  display: flex;
  gap: 0 24px;
  margin: 24px 0 0 auto;
  /* width: 93.38%; */
}

@media (max-width: 1399px) {
  .why-qtrack .accountabilityFeatureContainer {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

@media (max-width: 767px) {
  .why-qtrack .accountabilityFeatureContainer {
    margin: 24px auto 0;
  }
}

.why-qtrack .accountabilityIcon {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1399px) {
  .why-qtrack .accountabilityIcon {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .accountabilityDescription {
  margin: 1px 0 2px;
  width: 1044px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1399px) {
  .why-qtrack .accountabilityDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .accountabilityDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .accountabilityDescription {
    font-size: 20px;
  }
}

.why-qtrack .notificationContainer {
  display: flex;
  flex-direction: column;
  margin: 36px 0 0;
  width: 88.88%;
}

.why-qtrack .notificationHeading {
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .notificationHeading {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .notificationHeading {
    font-size: 24px;
  }
}

.why-qtrack .realTimeNotificationContainer {
  display: flex;
  align-items: center;
  gap: 0 24px;
  margin: 23px 0 0;
  /* width: 89.4%; */
}

@media (max-width: 1199px) {
  .why-qtrack .realTimeNotificationContainer {
    /* flex-direction: column; */
    gap: 30px 24px;
  }
}

.why-qtrack .notificationIcon {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .why-qtrack .notificationIcon {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .notificationDescription {
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .notificationDescription {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .notificationDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .notificationDescription {
    font-size: 20px;
  }
}

.why-qtrack .communicationContainer {
  display: flex;
  gap: 0 24px;
  margin: 24px 0 0 auto;
  /* width: 94.7%; */
}

@media (max-width: 1199px) {
  .why-qtrack .communicationContainer {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .communicationIcon {
  z-index: 1;
  margin: 0 0 3px;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .why-qtrack .communicationIcon {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .communicationDescription {
  margin: 6px 0 0;
  width: 1044px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .communicationDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .communicationDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .communicationDescription {
    font-size: 20px;
  }
}

.why-qtrack .integrationContainer {
  display: flex;
  flex-direction: column;
  margin: 33px 0 0;
  width: 94.55%;
}

.why-qtrack .integrationHeading {
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .integrationHeading {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .integrationHeading {
    font-size: 24px;
  }
}

.why-qtrack .systemIntegrationContainer {
  display: flex;
  gap: 0 24px;
  margin: 21px auto 0;
  /* width: 91.59%; */
}

@media (max-width: 1199px) {
  .why-qtrack .systemIntegrationContainer {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .integrationIcon {
  z-index: 1;
  margin: 0 0 4px;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .why-qtrack .integrationIcon {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .integrationDescription {
  margin: 7px 0 0;
  width: 1077px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .integrationDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .integrationDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .integrationDescription {
    font-size: 20px;
  }
}

.why-qtrack .transitionContainer {
  display: flex;
  gap: 0 24px;
  margin: 26px 0 0 auto;
  /* width: 95.02%; */
}

@media (max-width: 1399px) {
  .why-qtrack .transitionContainer {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .transitionIcon {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1399px) {
  .why-qtrack .transitionIcon {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .transitionDescription {
  margin: 7px 0 32px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1399px) {
  .why-qtrack .transitionDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .transitionDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .transitionDescription {
    font-size: 20px;
  }
}

.why-qtrack .decorativeImage2 {
  position: absolute;
  bottom: -580px;
  left: -138px;
  width: 587px;
  aspect-ratio: 1;
}

.why-qtrack .decorativeImage3 {
  position: absolute;
  top: -1208px;
  right: -755px;
  width: 1791px;
}

.why-qtrack .testimonialSection {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  background: var(--src) center center/cover no-repeat;
}

.why-qtrack .decorativeImage1 {
  position: absolute;
  right: -190px;
  top: 0px;
}

.why-qtrack .testimonialContent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px 0;
  margin: 198px auto 146px;
}

@media (max-width: 991px) {
  .why-qtrack .testimonialContent {
    margin: 150px auto 146px;
  }
}

@media (max-width: 575px) {
  .why-qtrack .testimonialContent {
    margin: 80px auto;
  }
}

@media (max-width: 383px) {
  .why-qtrack .testimonialContent {
    gap: 50px 0;
    margin: 50px auto;
  }
}

.why-qtrack .testimonialQuote {
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  font: 600 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #36628b;
  text-align: center;
}

@media (max-width: 991px) {
  .why-qtrack .testimonialQuote {
    align-items: flex-start;
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .testimonialQuote {
    font-size: 22px;
  }
}

.why-qtrack .testimonialAuthor {
  display: flex;
  justify-content: flex-end;
  width: 643.03125px;
  max-width: 85%;
  font: 600 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #3cbbb1;
  text-align: right;
}

@media (max-width: 991px) {
  .why-qtrack .testimonialAuthor {
    align-items: flex-start;
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .testimonialAuthor {
    font-size: 22px;
  }
}

.why-qtrack .benefitsSection {
  display: flex;
  flex-direction: column;
  position: relative;
}

.why-qtrack .benefitsContainer {
  display: flex;
  flex-direction: column;
  margin: 60px auto;
  padding: 0 25px;
}

@media (max-width: 991px) {
  .why-qtrack .benefitsContainer {
    margin: 60px auto;
  }
}

@media (max-width: 383px) {
  .why-qtrack .benefitsContainer {
    margin: 50px auto;
  }
}

.why-qtrack .efficiencyBenefit {
  display: flex;
  flex-direction: column;
}

.why-qtrack .benefitsHeading {
  font: 600 42px/1.5 Poppins, Helvetica, Arial, serif;
  color: #13a89e;
}

@media (max-width: 991px) {
  .why-qtrack .benefitsHeading {
    align-items: flex-start;
    font-size: 38px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .benefitsHeading {
    font-size: 34px;
  }
}

.why-qtrack .efficiencyTitle {
  margin: 9px 0 0;
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .efficiencyTitle {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .efficiencyTitle {
    font-size: 24px;
  }
}

.why-qtrack .automationBenefit {
  display: flex;
  gap: 0 24px;
  margin: 23px 0 0 30px;
  position: relative;
}

@media (max-width: 1199px) {
  .why-qtrack .automationBenefit {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .automationIcon {
  z-index: 1;
  width: 75px;
  max-width: max-content;
  min-width: 0;
}

.why-qtrack .automationDescription {
  margin: 1px 0 2px;
  width: 1194px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .automationDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .automationDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .automationDescription {
    font-size: 20px;
  }
}

.why-qtrack .volumeHandlingBenefit {
  display: flex;
  gap: 0 24px;
  margin: 23px 0 0 auto;
  /* width: 90.57%; */
}

@media (max-width: 767px) {
  .why-qtrack .volumeHandlingBenefit {
    flex-direction: column;
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .volumeIcon {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .why-qtrack .volumeIcon {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .volumeDescription {
  margin: 1px 0 2px;
  width: 100%;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 991px) {
  .why-qtrack .volumeDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .why-qtrack .volumeDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .why-qtrack .volumeDescription {
    font-size: 20px;
  }
}

.why-qtrack .accountabilityBenefit {
  display: flex;
  flex-direction: column;
  margin: 36px 0 0;
  /* width: 88.88%; */
}

.why-qtrack .accountabilityTitle {
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .accountabilityTitle {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .accountabilityTitle {
    font-size: 24px;
  }
}

.why-qtrack .trackingBenefit {
  display: flex;
  gap: 0 24px;
  margin: 23px 0 0;
}

@media (max-width: 1399px) {
  .why-qtrack .trackingBenefit {
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .trackingIcon1 {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1399px) {
  .why-qtrack .trackingIcon1 {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .trackingDescription1 {
  margin: 6px 0 33px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1399px) {
  .why-qtrack .trackingDescription1 {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .trackingDescription1 {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .trackingDescription1 {
    font-size: 20px;
  }
}

.why-qtrack .transparencyBenefit {
  display: flex;
  gap: 0 24px;
  margin: 24px 0 0;
  width: 94.7%;
}

@media (max-width: 1199px) {
  .why-qtrack .transparencyBenefit {
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .transparencyIcon {
  z-index: 1;
  margin: 0 0 3px;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .why-qtrack .transparencyIcon {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .transparencyDescription {
  margin: 6px 0 0;
  width: 1044px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .transparencyDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .transparencyDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .transparencyDescription {
    font-size: 20px;
  }
}

.why-qtrack .costSavingsBenefit {
  display: flex;
  flex-direction: column;
  margin: 21px 16px 0 0;
}

@media (max-width: 383px) {
  .why-qtrack .costSavingsBenefit {
    margin: 21px 8px 0 0;
  }
}

.why-qtrack .costSavingsTitle {
  font: 600 30px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .costSavingsTitle {
    align-items: flex-start;
    font-size: 24px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .costSavingsTitle {
    font-size: 24px;
  }
}

.why-qtrack .efficiencySavingsBenefit {
  display: flex;
  gap: 0 24px;
  margin: 23px 0 0;
}

@media (max-width: 991px) {
  .why-qtrack .efficiencySavingsBenefit {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .savingsIcon {
  z-index: 1;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .why-qtrack .savingsIcon {
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .savingsDescription {
  margin: 2px 0 1px;
  width: 1026px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 991px) {
  .why-qtrack .savingsDescription {
    align-items: flex-start;
    margin: 0;
    width: 100%;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .savingsDescription {
    font-size: 20px;
  }
}

.why-qtrack .kioskSavingsBenefit {
  display: flex;
  gap: 0 24px;
  margin: 24px 0 0 auto;
}

@media (max-width: 1399px) {
  .why-qtrack .kioskSavingsBenefit {
    /* flex-direction: column; */
    align-items: center;
    gap: 30px 24px;
  }
}

.why-qtrack .kioskIcon {
  z-index: 1;
  margin: 0 0 3px;
  width: 75px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1399px) {
  .why-qtrack .kioskIcon {
    margin: 0;
    width: 100%;
    min-width: unset;
    max-width: 75px;
  }
}

.why-qtrack .kioskDescription {
  margin: 6px 0 0;
  width: 1179px;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1399px) {
  .why-qtrack .kioskDescription {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .kioskDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .kioskDescription {
    font-size: 20px;
  }
}

.why-qtrack .recommendedProductsSection {
  display: flex;
  flex-direction: column;
}

.why-qtrack .productContainer {
  display: flex;
  flex-direction: column;
  gap: 34px 0;
  margin: 40px auto 10px;
  width: 100%;
  max-width: 1440px;
}

.why-qtrack .packagePodInfo {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  gap: 9px 0;
}

.why-qtrack .sectionTitle {
  padding: 0 25px;
  font: 600 42px/1.5 Poppins, Helvetica, Arial, serif;
  color: #13a89e;
}

@media (max-width: 991px) {
  .why-qtrack .sectionTitle {
    align-items: flex-start;
    font-size: 38px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .sectionTitle {
    font-size: 34px;
  }
}

.why-qtrack .packagePodDetails {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 25px;
  background-color: rgba(216, 231, 228, 0.403);
}

.why-qtrack .packagePodContent {
  display: flex;
  flex-direction: column;
  margin: 20px 0 116px;
}

@media (max-width: 575px) {
  .why-qtrack .packagePodContent {
    margin: 20px 0 80px;
  }
}

@media (max-width: 383px) {
  .why-qtrack .packagePodContent {
    margin: 20px 0 50px;
  }
}

.why-qtrack .productTitle {
  font: 600 36px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
}

@media (max-width: 991px) {
  .why-qtrack .productTitle {
    align-items: flex-start;
    font-size: 32px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .productTitle {
    font-size: 30px;
  }
}

.why-qtrack .productDescription {
  display: flex;
  align-items: center;
  gap: 0 15px;
  margin: 6px 0 0;
}

@media (max-width: 1199px) {
  .why-qtrack .productDescription {
    flex-direction: column;
    gap: 30px 15px;
  }
}

.why-qtrack .descriptionText {
  display: flex;
  align-items: center;
  width: 50%;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .descriptionText {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .descriptionText {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .descriptionText {
    font-size: 22px;
  }
}

.why-qtrack .decorativeElement {
  width: 45%;
}

@media (max-width: 1199px) {
  .why-qtrack .decorativeElement {
    width: 100%;
  }
}

.why-qtrack .learnMoreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  width: 159px;
  max-width: 100%;
  font: 400 16px/1.5 Poppins, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #0bb39d;
  border-radius: 8px;
  padding: 12px 34px;
}

.why-qtrack .additionalProducts {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.why-qtrack .queuingKioskInfo {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  width: 95.21%;
}

.why-qtrack .productTitle1 {
  display: flex;
  font: 600 36px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
  width: 100%;
}

@media (max-width: 991px) {
  .why-qtrack .productTitle1 {
    align-items: flex-start;
    font-size: 32px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .productTitle1 {
    font-size: 30px;
  }
}

.why-qtrack .kioskContent {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  width: 100%;
}

@media (max-width: 1199px) {
  .why-qtrack .kioskContent {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}

.why-qtrack .decorativeElement1 {
  z-index: 1;
  margin: 0 0 42px;
  width: 45%;
  min-height: 397px;
  background-color: #d9d9d9;
  border-radius: 14px;
}

@media (max-width: 1199px) {
  .why-qtrack .decorativeElement1 {
    margin: 0;
    width: 100%;
  }
}

.why-qtrack .kioskDetails {
  display: flex;
  flex-direction: column;
  gap: 3px 0;
  margin: 9.5px 0 0;
  width: 50%;
  min-width: 0;
}

@media (max-width: 1199px) {
  .why-qtrack .kioskDetails {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}

.why-qtrack .kioskImageDescription {
  position: relative;
  display: flex;
  flex-direction: column;
}

.why-qtrack .kioskImage {
  position: absolute;
  right: 62px;
  bottom: -134.5px;
  width: 170px;
}

.why-qtrack .kioskDescription1 {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 991px) {
  .why-qtrack .kioskDescription1 {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .kioskDescription1 {
    font-size: 22px;
  }
}

.why-qtrack .learnMoreBtn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 159px;
  max-width: 100%;
  font: 400 16px/1.5 Poppins, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #0bb39d;
  border-radius: 8px;
  padding: 12px 34px;
}

.why-qtrack .hdMailSystemInfo {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 43px 0 0;
  width: 100%;
  background-color: rgba(216, 231, 228, 0.403);
}

.why-qtrack .mailSystemContent {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 17px 0;
  margin: 19px auto 140px;
  width: 94.24%;
}

@media (max-width: 575px) {
  .why-qtrack .mailSystemContent {
    margin: 19px auto 80px;
  }
}

@media (max-width: 383px) {
  .why-qtrack .mailSystemContent {
    margin: 19px auto 50px;
  }
}

.why-qtrack .mailSystemDetails {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 7px 0;
}

.why-qtrack .mailSystemDescription {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}

@media (max-width: 1199px) {
  .why-qtrack .mailSystemDescription {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}

.why-qtrack .descriptionText1 {
  z-index: 1;
  display: flex;
  align-items: center;
  width: 50%;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 1199px) {
  .why-qtrack .descriptionText1 {
    margin: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .why-qtrack .descriptionText1 {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .descriptionText1 {
    font-size: 22px;
  }
}

.why-qtrack .mailSystemImageWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 1px;
  width: 45%;
  min-width: 0;
}

@media (max-width: 1199px) {
  .why-qtrack .mailSystemImageWrapper {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}

.why-qtrack .mailSystemImage {
  position: absolute;
  right: -64px;
  bottom: -86px;
  width: 170px;
}

.why-qtrack .decorativeElement2 {
  position: relative;
  min-width: 0;
  min-height: 385px;
  background-color: #d9d9d9;
  border-radius: 14px;
}

.why-qtrack .productImage {
  position: absolute;
  bottom: -11px;
  left: -49px;
  width: 120px;
}

.why-qtrack .assetPodInfo {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin: 45px 0 0;
  width: 95.21%;
}

@media (max-width: 1199px) {
  .why-qtrack .assetPodInfo {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}

.why-qtrack .decorativeElement3 {
  z-index: 1;
  margin: 86px 0 42px;
  width: 45%;
  min-height: 397px;
  background-color: #d9d9d9;
  border-radius: 14px;
}

@media (max-width: 1199px) {
  .why-qtrack .decorativeElement3 {
    margin: 0;
    width: 100%;
  }
}

.why-qtrack .assetPodContent {
  display: flex;
  flex-direction: column;
  gap: 13px 0;
  width: 50%;
  min-width: 0;
}

@media (max-width: 1199px) {
  .why-qtrack .assetPodContent {
    width: 100%;
    min-width: unset;
  }
}

.why-qtrack .assetPodDetails {
  display: flex;
  flex-direction: column;
  gap: 31px 0;
}

.why-qtrack .descriptionText2 {
  display: flex;
  align-items: center;
  font: 400 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
}

@media (max-width: 991px) {
  .why-qtrack .descriptionText2 {
    font-size: 26px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .descriptionText2 {
    font-size: 22px;
  }
}

.why-qtrack .trialOfferSection {
  display: flex;
  flex-direction: column;
}

.why-qtrack .trialContentWrapper {
  display: flex;
  flex-direction: column;
  margin: 50px auto 40px;
  width: 100%;
  max-width: 1440px;
  background-color: #d6e5e3;
}

.why-qtrack .trialInfoColumn {
    display: flex;
    flex-direction: column;
    margin-top: 41px;
    margin-bottom: 40px;
}

.why-qtrack .trialHeadline {
  z-index: 1;
  display: flex;
  justify-content: center;
  font: 600 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #113356;
  text-align: center;
}

@media (max-width: 991px) {
  .why-qtrack .trialHeadline {
    align-items: flex-start;
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .trialHeadline {
    font-size: 20px;
  }
}

.why-qtrack .trialDescription {
  margin: 16px 0 0;
  font: 500 18px/1.5 Poppins, Helvetica, Arial, serif;
  color: #474747;
  text-align: justify;
}

@media (max-width: 991px) {
  .why-qtrack .trialDescription {
    align-items: flex-start;
    font-size: 16px;
  }
}

.why-qtrack .trialCallToAction {
  margin: 16px 0 0;
  width: 50%;
  max-width: 85%;
  font: 600 22px/1.5 Poppins, Helvetica, Arial, serif;
  color: #29978e;
  text-align: justify;
}

@media (max-width: 991px) {
  .why-qtrack .trialCallToAction {
    align-items: flex-start;
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .why-qtrack .trialCallToAction {
    font-size: 18px;
  }
}

.why-qtrack .trialBtn {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  width: 179px;
  max-width: 100%;
  font: 600 18px/1.5 Poppins, Helvetica, Arial, serif;
  color: #f2f4f5;
  text-align: center;
  background-color: #29978e;
  border-radius: 8px;
  padding: 12.5px 8px;
}

.why-qtrack .section7 {
  display: flex;
  flex-direction: column;
  margin: 0 0 262px;
}

@media (max-width: 991px) {
  .why-qtrack .section7 {
    margin: 0 0 150px;
  }
}

@media (max-width: 575px) {
  .why-qtrack .section7 {
    margin: 0 0 80px;
  }
}

@media (max-width: 383px) {
  .why-qtrack .section7 {
    margin: 0 0 50px;
  }
}

.why-qtrack .section71 {
  display: flex;
  flex-direction: column;
  margin: 36px auto 0;
  width: 100%;
  max-width: 1440px;
  background-color: #ccecea;
}

.why-qtrack .image4 {
  margin: 42px 0 43px 3.19%;
  width: 1183.953125px;
  max-width: 85%;
  aspect-ratio: 3.58;
  -o-object-fit: cover;
  object-fit: cover;
}

.why-qtrack .banner_image {
  max-width: 100%;
}


body .testimonials {
  background: #D6E5E3;
  background-image: url(http://qtrak.net/content/uploads/2024/03/q_logo.png);
  background-size: 400px;
  background-repeat: no-repeat;
  background-position: left center;
}

#carousel-testimonial .carousel-inner {
  padding: 70px 0px;
}

body .carousel-control.left,
body .carousel-control.right {
  justify-content: center;
  background: none;
  display: flex;
  align-items: center;
}

#carousel-testimonial .carousel-inner h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  color: #36628B;
  min-height: 168px;
}

#carousel-testimonial .carousel-inner h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: center;
  color: #3CBBB1;
}

body .carousel-indicators {
  margin-left: -30%;
}
.why-qtrack.main section.ourPartners {
    background:rgba(216, 231, 228, 0.403);
    padding: 50px 0px;
}
.why-qtrack.main section.ourPartners .partners {
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    grid-auto-flow: column;
    gap: 10px;
    padding: 20px 0px;
}

.why-qtrack.main section.ourPartners .partners img {
    max-height: 100px;
    height: auto;
}



/* Only target the ck-table-resized table */
.ck-table-resized {
    border-collapse: collapse;
    border-style: none;
  font-family: 'Roboto', Arial, sans-serif;
}

/* Adjust column widths within ck-table-resized */
.ck-table-resized col {
    width: 33.33%;
}

.ck-table-resized .header-cell {
    background: #113356 !important;
    color: #fff;
    padding: 5px 10px;
}

.ck-table-resized td {
    padding: 5px 10px;
    border: 1px solid #113356;
    color: #696773;
}

.ck-table-resized tr td.cell:first-child {
    background: #849399;
    color: #fff
}

.text-primary {
color: #0bb3ad;
}

.text-secondary {
color: #f1a208;
}