*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
body {
  font-family: "Roboto", sans-serif;
  font-variant-ligatures: none;
  line-height: 1.42857143;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background-color: #f1f5fa!important;
  padding: 0;
  margin: 0;
}
body > img {
  position: absolute;
}
input,
select,
textarea,
button {
  font-family: "Roboto", sans-serif;
  outline: none;
  -webkit-appearance: none;
}
textarea {
  resize: vertical;
}
.underline {
  border-bottom: 1px solid;
}
figure {
  margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.banner-search-bar,
.header-submenu-topBar .toggle-close path,
.header-submenu-topBar .toggle-close svg,
.site-nav .nav-item:after,
#back-to-top,
.read-more:after,
.hubspot-secondary-btn a,
.secondary-btn img,
.secondary-btn svg,
.secondary-btn,
.hubspot-primary-btn a,
.primary-btn img,
.primary-btn svg,
.primary-btn,
a {
  transition: all 0.35s ease-in-out;
}
.read-more {
  position: relative;
  z-index: 1;
}
.wrap-contents {
  display: inline-block;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: none;
}
p {
  font-size: 1.25rem;
  color: #1d1d1d;
}
@media only screen and (max-width: 1599.98px) {
  p {
    font-size: 1.15rem;
  }
}
@media only screen and (max-width: 766.98px) {
  p {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 479.98px) {
  p {
    font-size: 1rem;
  }
}
ul {
  padding: 0;
  list-style-type: none;
}
ul.two-list {
  padding: 0;
  list-style-type: none;
}
ul.two-list li {
  padding-left: 40px;
  font-size: 1.25rem;
  text-align: left;
  color: #1d1d1d;
  opacity: 1;
  background: url(../../skin/images/list-style.svg) no-repeat 0 1px;
}
@media only screen and (max-width: 1599.98px) {
  ul.two-list li {
    font-size: 1.125rem;
    padding-left: 33px;
    background-size: 19px;
    background-position-y: 2px;
  }
}
@media only screen and (max-width: 1199.98px) {
  ul.two-list li {
    font-size: 1.1rem;
    padding-left: 25px;
    background-size: 16px;
    background-position-y: 4px;
  }
}
@media only screen and (max-width: 479.98px) {
  ul.two-list li {
    font-size: 1rem;
  }
}
ul.two-list li + li {
  margin-top: 15px;
}
@media only screen and (max-width: 1439.98px) {
  ul.two-list li + li {
    margin-top: 10px;
  }
}
img {
  max-width: 100%;
}
.wrapper {
  background-color: #f1f5fa;
/*   overflow: hidden; */
}
.d-flex {
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-items-center {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-items-end {
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.justify-content-end {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.container {
  max-width: 1440px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1599.98px) {
  .container {
    max-width: 1366px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .container {
    max-width: 1280px;
  }
}
@media only screen and (max-width: 1365.98px) {
  .container {
    max-width: 1170px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}
.link-blue {
  display: inline-block;
  color: #00a8d0;
}
.link-blue.highlight:hover {
  color: salmon;
}
.link-blue a {
  display: inline-block;
  color: #00a8d0;
}
.link-salmon {
  display: inline-block;
  color: salmon;
  border-bottom: 1px solid transparent;
}
.link-salmon:hover {
  border-bottom: 1px solid;
}
.primary-btn {
  background: salmon;
  color: #fff;
  border: 0;
  font-size: 1.375rem;
  line-height: 1;
  padding: 21px 42px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-family: "Futura Md BT";
  cursor: pointer;
}
@media only screen and (max-width: 1599.98px) {
  .primary-btn {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1365.98px) {
  .primary-btn {
    padding: 16px 30px;
  }
}
@media only screen and (max-width: 766.98px) {
  .primary-btn {
    font-size: 1.1rem;
  }
}
.primary-btn:after {
  content: "";
  background: #fff;
  height: 155px;
  left: -75px;
  opacity: 0.1;
  position: absolute;
  top: -50px;
  width: 50px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(35deg);
  z-index: 1;
}
.primary-btn img,
.primary-btn svg {
  vertical-align: middle;
  margin-left: 5px;
  width: 17px;
  height: 8px;
}
.primary-btn:hover {
  color: #fff;
  background: #f87465;
  box-shadow: 0px 10px 30px #f97d9fc2;
}
.primary-btn:hover:after {
  left: 120%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.primary-btn a {
  color: #fff;
}
.primary-btn .hs-cta-wrapper + img {
  margin-left: 10px;
}
.hubspot-primary-btn a {
  background: salmon;
  color: #fff;
  border: 0;
  font-size: 1.375rem;
  line-height: 1;
  padding: 21px 42px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-family: "Futura Md BT";
  cursor: pointer;
}
@media only screen and (max-width: 1599.98px) {
  .hubspot-primary-btn a {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1365.98px) {
  .hubspot-primary-btn a {
    padding: 16px 30px;
  }
}
@media only screen and (max-width: 766.98px) {
  .hubspot-primary-btn a {
    font-size: 1.1rem;
  }
}
.hubspot-primary-btn a:after {
  content: "";
  background: #fff;
  height: 155px;
  left: -75px;
  opacity: 0.1;
  position: absolute;
  top: -50px;
  width: 50px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(35deg);
  z-index: 1;
}
.hubspot-primary-btn a:hover {
  background: #f87465;
  box-shadow: 0px 10px 30px #f97d9fc2;
}
.header-submenu-topBar .hubspot-primary-btn a:hover {
  color: #ffffff;
}
.hubspot-primary-btn a:hover:after {
  left: 120%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.secondary-btn a{
  background: #fff;
  color: salmon;
  border: 0;
  font-size: 1.375rem;
  line-height: 1;
  padding: 19px 40px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  border: 2px solid rgba(254, 93, 94, 0.4);
  font-family: "Futura Md BT";
  cursor: pointer;
}
@media only screen and (max-width: 1599.98px) {
  .secondary-btn a{
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1365.98px) {
  .secondary-btn a{
    padding: 20px 30px;
  }
}
.secondary-btn a:after {
  content: "";
  background: salmon;
  height: 155px;
  left: -75px;
  opacity: 0.1;
  position: absolute;
  top: -50px;
  width: 50px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(35deg);
  z-index: 1;
}
.secondary-btn img,
.secondary-btn svg {
  vertical-align: middle;
  margin-left: 6px;
  width: 17px;
  height: 8px;
}
.secondary-btn a:hover {
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3);
}
.secondary-btn a:hover:after {
  left: 120%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.secondary-btn a {
  color: salmon;
}
.secondary-btn span + img {
  margin-left: 8px;
}
.hubspot-secondary-btn a {
  background: #fff;
  color: salmon;
  border: 0;
  font-size: 1.375rem;
  line-height: 1;
  padding: 19px 40px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  border: 2px solid rgba(254, 93, 94, 0.4);
  font-family: "Futura Md BT";
  cursor: pointer;
}
@media only screen and (max-width: 1599.98px) {
  .hubspot-secondary-btn a {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1365.98px) {
  .hubspot-secondary-btn a {
    padding: 20px 30px;
  }
}
.hubspot-secondary-btn a:after {
  content: "";
  background: salmon;
  height: 155px;
  left: -75px;
  opacity: 0.1;
  position: absolute;
  top: -50px;
  width: 50px;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(35deg);
  z-index: 1;
}
.hubspot-secondary-btn a:hover {
  box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3);
}
.hubspot-secondary-btn a:hover:after {
  left: 120%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.font-medium {
  font-weight: 500;
}
.section-heading {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.2;
  font-size: 3.438rem;
  color: #1d1d1d;
  font-family: "Futura Hv BT";
}
@media only screen and (max-width: 1599.98px) {
  .section-heading {
    font-size: 3rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1439.98px) {
  .section-heading {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 1365.98px) {
  .section-heading {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 1199.98px) {
  .section-heading {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 766.98px) {
  .section-heading {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 574.98px) {
  .section-heading {
    font-size: 1.7rem;
  }
}

.text-center {
  text-align: center;
}
.mb-0 {
  margin-bottom: 0;
}
.read-more:after {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #00a8d0;
  opacity: 0;
  transform: rotate(-45deg);
}
.read-more:hover::after {
  opacity: 1;
  right: -15px;
}
#back-to-top {
  opacity: 0;
  cursor: pointer;
  width: 60px;
  height: 60px;
  background: salmon;
  position: fixed;
  z-index: 9;
  right: 30px;
  bottom: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px 0 rgba(250, 128, 114, 0.5);
  animation: move 1.7s infinite alternate;
}
#back-to-top.show {
  opacity: 1;
}
@media only screen and (max-width: 990.98px) {
  #back-to-top {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 766.98px) {
  #back-to-top {
    width: 40px;
    height: 40px;
  }
}
#back-to-top::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50px;
  pointer-events: auto;
  animation: simple-pulse 1.5s linear infinite;
}
#back-to-top:hover {
  background: #f87465;
  box-shadow: 0 0 0 10px rgba(250, 128, 114, 0.2);
  transform: scale(0.95);
}
#back-to-top:after {
  content: "";
  width: 15px;
  height: 15px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #fff;
  transform: rotate(-135deg) translate(-3px, -3px);
}
@media only screen and (max-width: 990.98px) {
  #back-to-top:after {
    width: 12px;
    height: 12px;
    transform: rotate(-135deg) translate(-2px, -2px);
  }
}
@media only screen and (max-width: 766.98px) {
  #back-to-top:after {
    width: 10px;
    height: 10px;
  }
}
@keyframes move {
  from {
    bottom: 50px;
  }
  to {
    bottom: 30px;
  }
}
@keyframes simple-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(250, 128, 114, 0.8);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(250, 128, 114, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(250, 128, 114, 0);
  }
}
.svg-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.svg-responsive > div,
.svg-responsive img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.svg-responsive:before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.svg-responsive .primary-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
}
.pad-bottom {
  padding-bottom: 50px;
}
@media only screen and (max-width: 1599.98px) {
  .pad-bottom {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1365.98px) {
  .pad-bottom {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .pad-bottom {
    padding-bottom: 25px;
  }
}
.pad-top {
  padding-top: 50px;
}
@media only screen and (max-width: 1599.98px) {
  .pad-top {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1365.98px) {
  .pad-top {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .pad-top {
    padding-top: 25px;
  }
}
.section-content {
  margin-bottom: 50px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1599.98px) {
  .section-content {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 990.98px) {
  .section-content {
    margin-bottom: 30px;
  }
}
.section-content.mb-0 {
  margin-bottom: 0;
}
.section-content.xl-space {
  max-width: 930px;
}
@media only screen and (max-width: 1599.98px) {
  .section-content.xl-space {
    max-width: 900px;
  }
}
.section-content.xl-space p.text-center {
  padding-left: 40px;
  padding-right: 40px;
}
.section-content.xxl-space {
  max-width: 930px;
}
.section-content.xxl-space p.text-center {
  padding-left: 0;
  padding-right: 0;
}
.section-content.xxl-space p:last-of-type {
  margin-bottom: 40px;
}
.section-content p.text-center {
  padding-left: 90px;
  padding-right: 90px;
  margin-bottom: 0;
}
@media (max-width: 959.98px) {
  .section-content p.text-center {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 766.98px) {
  .section-content p.text-center {
    padding-left: 0;
    padding-right: 0;
  }
}
.mt-3 {
  margin-top: 50px;
}
.mt-2 {
  margin-top: 35px;
}
.font-fix {
  font-family: "Roboto", sans-serif;
}
.animated-line {
  animation: rectangle 3s forwards;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@keyframes rectangle {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
:root {
  --underline-intrinsic-width: 8;
  --underline-width: 12;
  --underline-color: #f48b7f;
  --underline-cap-width: 4px;
  --underline-offset-y: -2px;
  --underline-padding-x: 0.12em;
  --cap-image-left: url(../../skin/images/left.svg);
  --cap-image-right: url(../../skin/images/right.svg);
}
.heading {
  display: inline !important;
  padding-bottom: 0 !important;
  --underline-width-scale: calc(
    var(--underline-width) / var(--underline-intrinsic-width)
  );
  box-decoration-break: clone;
  background-repeat: no-repeat;
  background-image: linear-gradient(
      180deg,
      var(--underline-color),
      var(--underline-color)
    ),
    var(--cap-image-left), var(--cap-image-right);
  background-position-x: calc(
      var(--underline-cap-width) * var(--underline-width-scale)
    ),
    0, 100%;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size: calc(
        100% - var(--underline-cap-width) * var(--underline-width-scale) * 2
      )
      calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}
.heading--3 {
  --underline-width: 20;
  --underline-offset-y: -2px;
  --cap-image-left: url(../../skin/images/left-2.svg);
  --cap-image-right: url(../../skin/images/right-2.svg);
}
.scale-sm {
  transform: scale(1.2);
}
.btn-top-space {
  margin-top: 50px;
}
@media only screen and (max-width: 1599.98px) {
  .btn-top-space {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 766.98px) {
  .btn-top-space {
    margin-top: 30px;
  }
}
.section-top-space {
  margin-top: 50px;
}
@media only screen and (max-width: 1599.98px) {
  .section-top-space {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 766.98px) {
  .section-top-space {
    margin-top: 30px;
  }
}
.resource-contents .cta-button-wrapper a {
  display: block;
}
.resource-contents .hubspot-primary-btn span {
  display: block;
}
.resource-contents .hubspot-primary-btn span a {
  display: block;
}
.text-highlighter {
  background: url(../images/homepage/highstroke.svg) no-repeat left bottom;
  padding-bottom: 5px;
}
.hs_error_rollup {
  display: none;
}

.header-spacer {
	height: 110px
}

.site-header {
	background-color: transparent;
	font-size: .833em;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: transform .2s linear;
	z-index: 1500;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 6px
}

@media only screen and (max-width: 1199.98px) {
	.site-header {
		padding-top: 20px;
		padding-bottom: 6px
	}
}

@media only screen and (max-width: 990.98px) {
	.site-header {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.site-header.scrollUp {
	transform: translateY(-135%)
}

.site-header .navbar-brand {
	position: relative;
	z-index: 15
}

@media only screen and (max-width: 1365.98px) {
	.site-header .navbar-brand {
		max-width: 200px;
		display: block
	}
}

@media only screen and (max-width: 1199.98px) {
	.site-header .navbar-brand {
		display: none
	}
}

@media only screen and (max-width: 990.98px) {
	.site-header .navbar-brand {
		display: block
	}
}

@media only screen and (max-width: 479.98px) {
	.site-header .navbar-brand {
		max-width: 144px
	}
}

.site-header .navbar-brand img {
	max-width: 90%
}

.site-header .navbar-brand-with-favicon {
	display: none;
	z-index: 16;
	position: relative
}

.site-header .navbar-brand-with-favicon img {
	max-width: 40px
}

@media only screen and (max-width: 1199.98px) {
	.site-header .navbar-brand-with-favicon {
		display: block
	}
}

@media only screen and (max-width: 990.98px) {
	.site-header .navbar-brand-with-favicon {
		display: none
	}
}

.site-header .hubspot-primary-btn a {
	padding: 18px 36px;
	min-width: 198px
}

@media only screen and (max-width: 1599.98px) {
	.site-header .hubspot-primary-btn a {
		font-size: 1.2rem;
		padding: 15px 30px;
		min-width: 135px
	}
}

@media only screen and (max-width: 1365.98px) {
	.site-header .hubspot-primary-btn a {
		font-size: 1rem;
		min-width: 121px
	}
}

@media only screen and (max-width: 1199.98px) {
	.site-header .hubspot-primary-btn a {
		font-size: .9rem;
		min-width: 88px;
		padding: 15px 13px
	}
}

@media only screen and (max-width: 990.98px) {
	.site-header .hubspot-primary-btn a {
		font-size: .9rem;
		min-width: 120px;
		padding: 15px 16px
	}
}

@media only screen and (max-width: 479.98px) {
	.site-header .hubspot-primary-btn a {
		min-width: 55px;
		padding: 15px 20px
	}
}

.site-header .header-mobile-btn.hubspot-primary-btn {
	display: none
}

@media only screen and (max-width: 990.98px) {
	.site-header .header-mobile-btn.hubspot-primary-btn {
		display: block
	}
}

.fixedHeader .site-navigation .submenu-background {
	opacity: 1;
	border-radius: 60px
}

@media only screen and (max-width: 990.98px) {
	.fixedHeader .site-navigation .submenu-background {
		border-radius: 0px
	}
}

.site-navigation .submenu-background {
	background-color: #f1f5fa;
	box-shadow: 0px 3px 36px 4px rgba(141, 165, 186, .35);
	border-radius: 60px;
	left: -40px;
	right: -40px;
	bottom: -25px;
	top: -20px;
	opacity: 0;
	position: absolute;
	transition: opacity .2s linear .3s, box-shadow .15s linear .2s, background-color .15s linear .2s, border-radius .15s linear .125s
}

@media only screen and (max-width: 1365.98px) {
	.site-navigation .submenu-background {
		left: -30px;
		right: -30px
	}
}

@media only screen and (max-width: 1199.98px) {
	.site-navigation .submenu-background {
		border-radius: 0;
		top: -15px;
		bottom: -10px
	}
}

@media only screen and (max-width: 990.98px) {
	.site-navigation .submenu-background {
		border-radius: 0;
		bottom: 0
	}
}


.background-filter {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	height: 0;
	z-index: 99;
	transition: opacity .125s linear .125s, height 0s linear .125s;
}

/* For Blogs */
/* .wrapper>*:not(.site-header) {
        transition:  filter .3s linear 0s;
    }
 */

@media only screen and (max-width: 1199.98px) {
	.menu-open .background-filter {
		height: 100%;
		opacity: 1
	}
/*    .menu-open .wrapper>*:not(.site-header) {
                filter: blur(4px);
                transition:  filter .6s linear .6s;
  } */
}

@media only screen and (min-width: 991px) {
	.blur-filter .site-navigation .submenu-background {
		opacity: 1;
		border-radius: 60px 60px 0 0;
		background-color: #fff;
		box-shadow: 0px 14px 40px rgba(141, 165, 186, 0.3019607843);
		transition: opacity .25s linear 0s, box-shadow .25s linear 0s, background-color .3s linear 0s, border-radius .25s linear 0s
	}

	.blur-filter .background-filter {
		height: 100%;
		opacity: 1;
		transition: opacity .15s linear .15s, height 0s linear .175s
	}
/*   .blur-filter .wrapper>*:not(.site-header) {
                filter: blur(4px);
                transition: filter .3s linear .3s;
            }  */
			.blur-filter .site-header .submenu-wrapper {
				border-radius: 0 0 60px 60px
			}
  
}

@media only screen and (min-width: 991px) {
	.site-header .site-navigation {
		align-items: center;
		display: flex;
		justify-content: space-between;
		height: 65px;
		padding-top: 10px;
		position: relative;
		z-index: 15
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.site-header .site-navigation {
		padding-top: 0
	}
}

@media only screen and (min-width: 991px) {
	.site-header .site-navigation .navbar-header {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}
}

@media only screen and (min-width: 991px) {

	.site-header .site-navigation .navbar-mobilemenu,
	.site-header .site-navigation .navigation-header {
		display: none
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper {
		background-color: #f1f5fa;
		border-radius: 0px 0px 60px 60px;
		box-shadow: 3px 25px 40px #8DA5BA4D;
		left: -40px;
		right: -40px;
		display: flex;
		top: 137%;
		opacity: 0;
		position: absolute;
		max-height: 0px;
		overflow: hidden;
		transition: opacity .3s linear 0s, border-radius .3s linear 0s, max-height .3s linear 0s;
		z-index: 4
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.site-header .submenu-wrapper {
		left: -30px;
		right: -30px;
		top: 115%
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper .submenu-content {
		display: flex
	}

	.site-header .submenu-wrapper .submenu-content .submenu-page-list {
		width: 75%;
		padding-right: 15px;
		margin: 25px 10px 25px 25px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.site-header .submenu-wrapper .submenu-content .submenu-page-list {
		width: 75%
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper .submenu-content ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 8px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.site-header .submenu-wrapper .submenu-content ul {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper .submenu-content ul li {
		vertical-align: top;
		grid-row: span 1;
		grid-column: span 1
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper .submenu-content ul a {
		max-width: 380px;
		width: 100%;
		display: block;
		padding: 15px 20px 15px 80px;
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		transition: background-color .25s ease-in-out
	}

	.site-header .submenu-wrapper .submenu-content ul a:hover,
	.site-header .submenu-wrapper .submenu-content ul a.current-page {
		background-color: #d6f1f8
	}

	.site-header .submenu-wrapper .submenu-content ul a .submenu-page-icon {
		position: absolute;
		left: 20px;
		top: 20px;
		z-index: 2;
		width: 42px;
		height: 42px
	}

	.site-header .submenu-wrapper .submenu-content ul a svg {
		width: 42px;
		height: 42px
	}

	.site-header .submenu-wrapper .submenu-content ul a i {
		font-size: 14px;
		color: #1d1d1d;
		font-style: normal
	}
}

@media only screen and (min-width: 991px) {
	.site-header .submenu-wrapper .close-submenu {
		display: none
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper {
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
		padding-left: 62px;
		justify-content: space-between;
		display: flex;
		flex-wrap: wrap
	}
}
@media only screen and (min-width: 991px)and (max-width: 1599.98px) {
	.navigation-wrapper {
		padding-left: 55px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.navigation-wrapper {
		padding-left: 34px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.navigation-wrapper {
		padding-left: 27px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.navigation-wrapper {
		padding-left: 42px
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		padding-right: 30px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.navigation-wrapper .navigation-content {
		padding-right: 9px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.navigation-wrapper .navigation-content {
		padding-right: 0px
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul {
		display: flex;
		flex: 1;
		list-style: none;
		margin: 0;
		padding: 0
	}

	.navigation-wrapper .navigation-content>ul>li {
		margin-left: 17px;
		margin-right: 17px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.navigation-wrapper .navigation-content>ul>li {
		margin-left: 11px;
		margin-right: 11px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.navigation-wrapper .navigation-content>ul>li {
		margin-left: 8px;
		margin-right: 8px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.navigation-wrapper .navigation-content>ul>li {
		margin-left: 12px;
		margin-right: 12px
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li.current-page>a {
		border-color: salmon;
		color: salmon
	}

	.navigation-wrapper .navigation-content>ul>li.current-page>a.nav-item:after {
		border-right: 2px solid salmon;
		border-bottom: 2px solid salmon
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li.current-page.opened-submenu .nav-item:before {
		border-bottom-color: salmon
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li>a {
		font-size: 1rem;
		font-weight: 500;
		color: #1d1d1d;
		display: inline-block;
		height: 100%;
		text-decoration: none;
		position: relative;
		z-index: 9;
		transition: all .3s ease-in-out
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.navigation-wrapper .navigation-content>ul>li>a {
		font-size: .9rem
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li>a:hover {
		border-color: salmon;
		color: salmon
	}

	.navigation-wrapper .navigation-content>ul>li>a:hover:after {
		border-right: 2px solid salmon;
		border-bottom: 2px solid salmon
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li>a.nav-item {
		padding-right: 17px
	}

	.navigation-wrapper .navigation-content>ul>li>a.nav-item:hover {
		border-color: salmon;
		color: salmon
	}

	.navigation-wrapper .navigation-content>ul>li>a.nav-item:hover:after {
		border-right: 2px solid salmon;
		border-bottom: 2px solid salmon
	}

	.navigation-wrapper .navigation-content>ul>li>a.nav-item:before {
		padding-bottom: 62px;
		content: "";
		position: absolute;
		width: 100%;
		z-index: 10;
		transition-duration: .3s;
		border-bottom: 3px solid transparent
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.navigation-wrapper .navigation-content>ul>li>a.nav-item:before {
		padding-bottom: 50px
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li>a.nav-item:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 7px;
		width: 7px;
		height: 7px;
		border-right: 2px solid #1d1d1d;
		border-bottom: 2px solid #1d1d1d;
		transition: border-right .3s ease-in-out, border-bottom .3s ease-in-out;
		transform: rotate(45deg)
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .navigation-content>ul>li.opened-submenu>a.nav-item {
		color: salmon
	}

	.navigation-wrapper .navigation-content>ul>li.opened-submenu>a.nav-item::before {
		border-bottom-color: salmon
	}

	.navigation-wrapper .navigation-content>ul>li.opened-submenu>a.nav-item::after {
		border-right: 2px solid salmon;
		border-bottom: 2px solid salmon
	}
}

@media only screen and (min-width: 991px) {
	.navigation-wrapper .cta-button-wrapper {
		margin-left: 10px
	}
}

@media only screen and (min-width: 991px) {
	.has-submenu.opened-submenu .nav-item:hover:before {
		border-bottom-color: salmon
	}

	.has-submenu.opened-submenu .submenu-wrapper {
		z-index: 5;
		opacity: 1;
		transition: opacity .4s linear .2s, max-height .3s linear .2s;
		max-height: 80vh
	}
}

@media only screen and (min-width: 991px)and (max-width: 1200px) {
	.has-submenu.opened-submenu .submenu-wrapper {
		max-height: 70vh
	}
}

@media only screen and (min-width: 991px)and (max-width: 993px) {
	.has-submenu.opened-submenu .submenu-wrapper {
		max-height: 100%
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {

	.has-submenu.opened-submenu .submenu-wrapper [data-menuitem=Services] .submenu-page-list,
	.has-submenu.opened-submenu .submenu-wrapper [data-menuitem=AI Services] .submenu-page-list,
  .has-submenu.opened-submenu .submenu-wrapper [data-menuitem=Why QASource] .submenu-page-list
  {
		overflow: auto
	}
}

@media only screen and (min-width: 991px) {

	.header-submenu-topBar,
	.submenu-mail {
		display: none
	}
}

.overview-page-info h4 {
	font-size: 16px;
	font-weight: 500;
	color: #235066;
	margin-top: 0;
	margin-bottom: 0
}

.overview-page-info p {
	font-size: 14px;
	line-height: 1.5
}

.overview-page-info .primary-btn {
	font-size: 1rem;
	padding: 14px 28px
}

@media only screen and (max-width: 990.98px) {
	.overview-page-info .primary-btn {
		max-width: 168px
	}
}

.submenu-page-name {
	font-size: 19px;
	color: #1d1d1d;
	font-weight: 500;
	font-family: "Futura Md BT";
	display: block;
	line-height: 1.2;
	margin-bottom: 2px
}

@media only screen and (max-width: 1599.98px) {
	.submenu-page-name {
		font-size: 16px
	}
}

@media only screen and (min-width: 991px) {
	.submenu-col {
		width: 62%
	}

	.submenu-overview {
		width: 25%;
		padding-left: 20px;
		background: #e1f8fe;
		padding-bottom: 25px;
		padding-top: 15px;
		padding-right: 10px;
		border-bottom-right-radius: 8px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.submenu-overview {
		width: 30%
	}
}

@media only screen and (min-width: 991px) {
	.submenu-overview h3 {
		font-size: 16px;
		margin-top: 13px;
		margin-bottom: 20px;
		font-weight: 500;
		color: #12151e
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-info p {
		font-size: 14px;
		margin-bottom: 1.8em
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-img {
		margin-bottom: 20px
	}

	.overview-page-img.qaservices-svg .svg-responsive {
		margin-left: -35px
	}

	.overview-page-img.industries-svg .svg-responsive {
		margin-left: -58px
	}
  
  .overview-page-img.ai-services-svg .svg-responsive {
		margin-left: -20px
	}

	.overview-page-img.industries-svg .svg-responsive:before {
		padding-top: 59.25%
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.industries-svg .svg-responsive:before {
		padding-top: 65.25%
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.overview-page-img.industries-svg .svg-responsive {
		margin-left: -53px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.overview-page-img.industries-svg .svg-responsive {
		margin-left: -47px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.industries-svg .svg-responsive {
		margin-left: -38px
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-img.knowledge-svg .svg-responsive {
		margin-left: -88px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.overview-page-img.knowledge-svg .svg-responsive {
		margin-left: -81px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.overview-page-img.knowledge-svg .svg-responsive {
		margin-left: -73px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.knowledge-svg .svg-responsive {
		margin-left: -64px
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-img.knowledge-svg .svg-responsive:before {
		padding-top: 62.25%
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.knowledge-svg .svg-responsive:before {
		padding-top: 67.25%
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-img.about-svg .svg-responsive {
		margin-left: -72px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1599.98px) {
	.overview-page-img.about-svg .svg-responsive {
		margin-left: -68px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1439.98px) {
	.overview-page-img.about-svg .svg-responsive {
		margin-left: -62px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1365.98px) {
	.overview-page-img.about-svg .svg-responsive {
		margin-left: -57px
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.about-svg .svg-responsive {
		margin-left: -53px
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-img.about-svg .svg-responsive:before {
		padding-top: 62.25%
	}
}

@media only screen and (min-width: 991px)and (max-width: 1199.98px) {
	.overview-page-img.about-svg .svg-responsive:before {
		padding-top: 67.25%
	}
}

@media only screen and (min-width: 991px) {
	.submenu-row {
		overflow: hidden
	}
}

@media only screen and (min-width: 991px) {
	.overview-page-info .read-more::after {
		top: 7px
	}
}

.header-mobile-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.mobile-search-new {
	position: relative
}

.mobile-search-new.display-mobile-search {
	display: none
}

@media only screen and (max-width: 990.98px) {
	.mobile-search-new.display-mobile-search {
		display: block
	}
}

@media only screen and (max-width: 1199.98px) {
	.mobile-search-new {
		transform: none;
		margin-right: 5px
	}
}

.searchOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.mobile-search-toogle {
	display: block;
	cursor: pointer;
	padding: 18px 21px 13px;
	background: none;
	border: none;
	border-radius: 10px;
	transition: all .3s ease-out;
	perspective: 1000px;
	line-height: 1;
	padding: 18px 21px
}

@media only screen and (max-width: 1599.98px) {
	.mobile-search-toogle {
		padding: 13px 21px
	}
}

@media only screen and (max-width: 1365.98px) {
	.mobile-search-toogle {
		padding: 12px 15px
	}
}

@media only screen and (max-width: 1199.98px) {
	.mobile-search-toogle {
		padding: 12px 11px
	}
}

@media only screen and (max-width: 479.98px) {
	.mobile-search-toogle {
		padding: 12px 14px
	}
}

@media(max-width: 360px) {
	.mobile-search-toogle {
		padding: 12px 12px
	}
}

.mobile-search-toogle:hover {
	background: #dfe4e9;
	border-radius: 10px;
	opacity: 1
}

.mobile-search-new.active .mobile-search-toogle {
	background: #dfe4e9
}

.mobile-search-toogle svg {
	width: 23px;
	height: 23px
}

@media only screen and (max-width: 1365.98px) {
	.mobile-search-toogle svg {
		width: 18px;
		height: 18px
	}
}

.searchInput {
	right: 0px;
	opacity: 0;
	top: 0;
	width: 100%;
	min-width: 380px;
	margin-top: 10px;
	position: absolute;
	height: auto;
	display: grid;
	gap: 5px;
	background: rgba(231, 241, 243, .8);
	box-shadow: 13px 16px 41px rgba(35, 80, 102, .25);
	border-radius: 20px;
	backdrop-filter: blur(6px);
	border: 2px solid #fff;
	-webkit-backdrop-filter: blur(6px);
	pointer-events: none;
	transition: all .8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	transform-origin: center top;
	transform: skewY(-5deg) rotate(5deg) translateY(-30px);
	visibility: hidden;
	z-index: 999;
	padding: 18px 21px
}

@media only screen and (max-width: 574.98px) {
    .searchInput {
        max-width: 767px;
        min-width: 320px;
        text-align: left;
        width: auto;
    }
}

@media only screen and (max-width: 479.98px) {
    .searchInput {
        min-width: 235px;
        padding: 18px 15px;
    }
}
.mobile-search-new.active .searchInput {
	opacity: 1;
	visibility: visible;
	transition: all .8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	transform-origin: center top;
	transform: skewY(0deg) rotate(0deg) translateY(70px);
	pointer-events: all
}

.header-search-bar-wrap {
	position: relative
}

.header-search-bar-wrap .serach {
	background: rgba(164, 162, 163, .4);
	border: none;
	height: 48px;
	border-radius: 50px;
	width: 280px;
	padding: 10px 55px 10px 18px;
	font-size: 1rem;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px)
}

@media only screen and (max-width: 1439.98px) {
	.header-search-bar-wrap .serach {
		padding-right: 60px;
		padding-left: 30px
	}
}

@media only screen and (max-width: 479.98px) {
	.header-search-bar-wrap .serach {
		padding-left: 0px;
		padding: 10px 55px 10px 18px
	}
}

.header-search-bar-wrap .search-icon {
	cursor: pointer;
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	line-height: 57px
}

@media only screen and (max-width: 574.98px) {
	.header-search-bar-wrap .search-icon {
		right: 5px
	}
}

.header-search-bar-wrap .search-icon .btn {
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	width: 22px
}

@media only screen and (max-width: 574.98px) {
	.header-search-bar-wrap .search-icon .btn {
		width: 22px
	}
}

.header-search-bar-wrap .search-icon .btn svg {
	width: 22px;
	height: 22px
}

.quick-links p,
.suggested-search p {
	font-family: "Futura Md BT";
	margin-top: 14px;
	font-size: 15px;
	margin-bottom: 8px;
	position: relative
}

.quick-links p:before,
.suggested-search p:before {
	border-bottom: 1px solid rgba(164, 162, 163, .4);
	content: "";
	height: 1px;
	position: absolute;
	right: 8px;
	top: 45%;
	-webkit-transition: all .2s linear;
	width: 122px
}

.quick-links-list ul {
	margin-top: 0;
	margin-bottom: 0
}

.quick-links-list li {
	margin-top: 0px
}

.quick-links-list a {
	min-width: 280px;
	width: 100%;
	display: block;
	padding: 10px 10px 12px 70px;
	position: relative;
	overflow: hidden;
	transition: background-color .25s ease-in-out;
	background: transparent;
	border-radius: 10px
}

@media only screen and (max-width: 479.98px) {
	.quick-links-list a {
		min-width: 254px
	}
}

.quick-links-list a:hover {
	background: rgba(164, 162, 163, .2);
	box-shadow: rgba(255, 255, 255, .2) 0px 0px 0px .5px
}

.quick-links-list a .quick-link-page-name {
	  color: #1d1d1d;
    display: block;
    font-family: "Futura Md BT";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 7px;
}

.quick-links-list a .quick-link-icon {
	position: absolute;
	left: 15px;
	top: 8px;
	z-index: 2;
	width: 33px;
	height: 33px
}

.quick-links-list a .quick-link-icon.services-icon {
	top: 4px
}

.quick-links-list a .quick-link-icon svg {
	width: 38px;
	height: 38px
}

.suggested-search ul {
	margin-top: 0;
	margin-bottom: 0
}

.suggested-search li {
	margin-top: 5px
}

.suggested-search a {
	min-width: 280px;
	width: 100%;
	display: block;
	padding: 10px;
	position: relative;
	overflow: hidden;
	transition: background-color .25s ease-in-out;
	background: transparent;
	border-radius: 10px
}

.suggested-search a:hover {
	background: rgba(164, 162, 163, .2);
	box-shadow: rgba(255, 255, 255, .2) 0px 0px 0px .5px
}

.suggested-search a .suggested-link-page-name {
	font-size: 16px;
	color: #1d1d1d;
	font-weight: 500;
	font-family: "Futura Md BT";
	display: block;
	line-height: 1.2;
	margin-bottom: 2px
}

@media only screen and (max-width: 574.98px) {
	.mobile-search-new {
		flex: 1;
		text-align: right
	}

	.mobile-search-toogle {
		display: inline-block;
		width: 50px
	}
}

@media only screen and (max-width: 574.98px)and (max-width: 479.98px) {
	.mobile-search-toogle {
		width: 45px
	}
}

@media only screen and (max-width: 574.98px)and (max-width: 360px) {
	.mobile-search-toogle {
		width: 42px
	}
}

@media only screen and (max-width: 574.98px) {
	.searchInput {
		max-width: 767px;
		width: auto;
		text-align: left
	}
}

@media only screen and (max-width: 574.98px) {
	.quick-links {
		display: none
	}
}

@media only screen and (max-width: 574.98px) {
	.header-search-bar-wrap .serach {
		width: 100%
	}
}

@media screen and (max-height: 640px) {
	.suggested-search {
		display: none
	}
}

@media screen and (max-height: 485px) {
	.quick-links {
		display: none
	}
}

@media only screen and (max-width: 990.98px) {
	.site-header {
		background-color: transparent;
		font-size: .833em;
		width: 100%
	}

	.site-header .site-navigation {
		align-items: center;
		display: flex;
		justify-content: space-between
	}

	.site-header .hubspot-primary-btn {
		display: none
	}

	.navbar-mobilemenu {
		position: relative;
		z-index: 5;
		margin-top: 7px;
		margin-right: 5px
	}
}

@media only screen and (max-width: 990.98px)and (max-width: 479.98px) {
	.navbar-mobilemenu {
		margin-right: 4px
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper {
		background: #e1f8fe;
		height: 100%;
		left: 0;
		max-width: 82.5%;
		overflow-x: hidden;
		position: fixed;
		overflow-y: hidden;
		top: 0;
		transform: translateX(-100%);
		transition: all .25s linear;
		width: 350px;
		z-index: 9999
	}
}

@media only screen and (max-width: 990.98px)and (max-width: 766.98px) {
	.navigation-wrapper {
		width: 320px
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .header-submenu-topBar {
		padding-right: 114px;
		padding-left: 35px;
		position: relative;
		z-index: 12;
		background: #e1f8fe;
		box-shadow: inherit;
		max-width: 352px;
		padding-top: 25px;
		padding-bottom: 25px;
		transition: all .4s ease-in-out
	}

	.navigation-wrapper .header-submenu-topBar .toggle-close {
		width: 50px;
		height: 50px;
		background: rgba(50, 183, 216, .32);
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer
	}

	.navigation-wrapper .header-submenu-topBar .toggle-close svg {
		transition: all .35s ease-in-out;
		width: 20px;
		height: 20px
	}

	.navigation-wrapper .header-submenu-topBar .toggle-close:hover svg {
		transform: rotate(-180deg)
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .navigation-content {
		padding-top: 10px;
		padding-left: 55px
	}
}

@media only screen and (max-width: 990.98px)and (max-width: 766.98px) {
	.navigation-wrapper .navigation-content {
		padding-left: 35px
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .main-navigation {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.navigation-wrapper .main-navigation li {
		padding-top: 13px;
		padding-bottom: 13px
	}

	.navigation-wrapper .main-navigation li .nav-link,
	.navigation-wrapper .main-navigation li .nav-item {
		font-size: 20px;
		color: #000;
		display: block;
		padding-right: 25px;
		position: relative;
		font-family: "Futura Md BT";
		transition: color .35s ease-in-out, padding .35s ease-in-out
	}

	.navigation-wrapper .main-navigation li .nav-link:after,
	.navigation-wrapper .main-navigation li .nav-item:after {
		content: "";
		position: absolute;
		width: 0;
		height: 1px;
		background-color: salmon;
		left: 0;
		top: 54%;
		transform: translateY(-50%);
		transition: width .35s ease-in-out, transform .35s ease-in-out
	}

	.navigation-wrapper .main-navigation li .nav-link:hover,
	.navigation-wrapper .main-navigation li .nav-item:hover {
		color: salmon;
		padding-left: 50px
	}

	.navigation-wrapper .main-navigation li .nav-link:hover:after,
	.navigation-wrapper .main-navigation li .nav-item:hover:after {
		width: 40px
	}

	.navigation-wrapper .main-navigation li .nav-link.current-page,
	.navigation-wrapper .main-navigation li .nav-item.current-page {
		color: salmon;
		padding-left: 50px
	}

	.navigation-wrapper .main-navigation li .nav-link.current-page:after,
	.navigation-wrapper .main-navigation li .nav-item.current-page:after {
		width: 40px
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .submenu-page-list {
		padding-left: 20px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 80px;
		order: 2
	}

	.navigation-wrapper .submenu-page-list ul li {
		padding: 0
	}

	.navigation-wrapper .submenu-page-list ul li+li {
		margin-top: 10px
	}

	.navigation-wrapper .submenu-page-list ul li a {
		max-width: 380px;
		width: 100%;
		display: block;
		padding: 12px 10px 12px 60px;
		border-radius: 8px;
		position: relative;
		overflow: hidden;
		transition: background-color .25s ease-in-out
	}

	.navigation-wrapper .submenu-page-list ul li a:hover,
	.navigation-wrapper .submenu-page-list ul li a.current-page {
		background-color: #d6f1f8
	}

	.navigation-wrapper .submenu-page-list ul li a .submenu-page-icon {
		position: absolute;
		z-index: 2;
		left: 15px;
		top: 15px;
		width: 30px;
		height: 30px
	}

	.navigation-wrapper .submenu-page-list ul li a svg {
		width: 30px;
		height: 30px
	}

	.navigation-wrapper .submenu-page-list ul li a i {
		font-size: 14px;
		color: #1d1d1d;
		font-style: normal
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .has-submenu {
		display: flex
	}

	.navigation-wrapper .has-submenu.current-page>a {
		color: salmon;
		padding-left: 50px
	}

	.navigation-wrapper .has-submenu.current-page>a:after {
		width: 40px
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .navigation-header {
		display: none
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .submenu-content {
		background-color: #f6fbff;
		left: 0;
		overflow: auto;
		position: absolute;
		top: 0px;
		transform: translateX(-100%);
		transition: all .25s linear;
		width: 100%;
		z-index: 999;
		min-height: 100vh;
		display: flex;
		flex-direction: column
	}

	.navigation-wrapper .submenu-content .submenu-overview {
		margin-top: 75px;
		padding-left: 20px;
		padding-right: 15px;
		order: 1
	}

	.navigation-wrapper .submenu-content .submenu-overview .overview-col:nth-child(1) {
		display: none
	}

	.navigation-wrapper .submenu-content .close-submenu {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #e1f8fe;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 16px;
		font-family: "Futura Md BT";
		padding: 15px 20px;
		cursor: pointer
	}

	.navigation-wrapper .submenu-content .close-submenu img {
		max-width: 20px
	}

	.navigation-wrapper .submenu-content .close-submenu .close-submenu-text {
		display: none
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .open-submenu .submenu-content {
		transform: translateX(0)
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .cta-button-wrapper {
		padding: 12px 20px
	}

	.navigation-wrapper .cta-button-wrapper a {
		color: #fff;
		text-align: center
	}
}

@media only screen and (max-width: 990.98px) {
	.navigation-wrapper .close-submenu a {
		text-decoration: none
	}

	.navigation-wrapper .close-submenu a svg {
		height: 1em;
		vertical-align: middle;
		width: 1em
	}
}

@media only screen and (max-width: 990.98px) {
	.menu-open {
		overflow: hidden
	}

	.menu-open .navigation-wrapper {
		transform: translateX(0);
		overflow-y: auto
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail {
		padding-top: 25px;
		padding-bottom: 90px;
		padding-left: 55px
	}
}

@media only screen and (max-width: 990.98px)and (max-width: 766.98px) {
	.submenu-mail {
		padding-left: 35px
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail ul {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail ul li+li {
		margin-top: 15px
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail li.contact-subMenuLink {
		position: relative;
		padding-left: 40px;
		max-width: 150px;
		transition: color .35s ease-in-out
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail li.contact-subMenuLink:hover .icon {
		background-color: salmon
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail li.contact-subMenuLink a {
		padding-left: 0
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail a {
		font-size: 18px;
		color: #04335d;
		position: relative;
		display: inline-block;
		padding-left: 40px;
		font-family: "Futura Md BT";
		transition: color .35s ease-in-out
	}
}

@media only screen and (max-width: 990.98px)and (max-width: 766.98px) {
	.submenu-mail a {
		font-size: 17px
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail a:hover {
		color: salmon
	}
}

@media only screen and (max-width: 990.98px) {

	.submenu-mail .icon,
	.submenu-mail li.contact-subMenuLink .icon {
		position: absolute;
		left: 0;
		top: 0;
		width: 28px;
		height: 28px;
		background-color: #32b7d8;
		border-radius: 50px;
		transition: background-color .35s ease-in-out
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail .icon svg {
		width: 100%;
		height: 100%
	}
}

@media only screen and (max-width: 990.98px) {
	.submenu-mail a:hover .icon {
		background: salmon
	}
}

@media only screen and (max-width: 990.98px) {
	.mobile-search-new {
		display: none
	}
}

.submenu-content:-webkit-scrollbar,
.submenu-page-list::-webkit-scrollbar,
.navigation-wrapper::-webkit-scrollbar {
	width: 3px
}

.submenu-content::-webkit-scrollbar-track,
.submenu-page-list::-webkit-scrollbar-track,
.navigation-wrapper::-webkit-scrollbar-track {
	border-radius: 10px
}

.submenu-content::-webkit-scrollbar-thumb,
.submenu-page-list::-webkit-scrollbar-thumb,
.navigation-wrapper::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .1);
	border-radius: 10px
}

.submenu-content::-webkit-scrollbar-thumb:hover,
.submenu-page-list::-webkit-scrollbar-thumb:hover,
.navigation-wrapper::-webkit-scrollbar-thumb:hover {
	background: salmon
}


.disableScroll, .disableScroll body{
    overflow:hidden;
}

.fixedHeader.disableScroll .site-header.scrollUp{
    transform: translateY(0);
}

/* New Search bar CSS Ends*/

/* Tag name */
span.tag-name {
    background: transparent linear-gradient(153deg, #3cd0f0, #0083b0) 0 0 no-repeat padding-box;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    line-height: 1.3;
    margin-left: 5px;
    padding: 5px;
    text-transform: uppercase;
}
span.ai-star-icon {
    position: relative;
    display: block;
}
span.ai-star-icon:before {
    background: url(https://info.qasource.com/hubfs/qasource/images/ai-services-star.svg);
    background-repeat: no-repeat;
    /* background-position: 0px -3px; */
    position: absolute;
    top: -10px;
    left: -10px;
    content: "";
    position: absolute;
    z-index: 11;
    height: 14px;
    width: 15px;
}

@media (max-width: 1366px){
  
 span.ai-star-icon:before {
    left: -8px;
    position: absolute;
    top: -9px;
 
} 
}

.search-container {max-width: 500px; position: relative;}
.search-container form input {
  
        backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: hsla(330, 1%, 64%, .4);
    border: none;
    border-radius: 50px;
    font-size: 1rem;
    height: 48px;
    padding: 10px 50px 10px 18px;
    width: 84%;
}
.button-group {
    z-index: 1;
}
.button-group button {
border: none;
    background: transparent;
}
.button-group button svg {fill:#000;}
.button-group.listening button svg {fill:salmon;}

.button-group .voicesearch {
    border: none;
    background: transparent;
    position: absolute;
    right: -1px;
    top: 0px;
    align-items: center;
    background: hsla(330, 1%, 64%, .4);
    border: 0;
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    outline: none;
    padding: 12px;
    width: 48px;
  cursor:poiner;
  
}

.button-group .voicesearch svg{
 width:100%;
  height: 100%;
  
}

.button-group [type=submit]{
 -webkit-appearance: button;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 75px;
    top: 13px;
    width: 22px;
  
}

@media only screen and (max-width: 479.98px) {
    .button-group .voicesearch {
        height: 38px;
        padding: 9px;
        width: 38px;
    }
  
  .search-container form input {
    padding: 10px 33px 10px 18px;
    width: 77%;
    height: 40px;
}
  
  .button-group [type=submit] {
    right: 60px;
    top: 10px;
    width: 19px;
  }
  
}


.hide-voice-search .voicesearch {
  display: none;
}

.search-container.hide-voice-search form input{
  width:100%;

}

.hide-voice-search .button-group [type="submit"]{
right: 20px;
  
}


.voicesearch img {
    height: 29px;
    width: 35px;
}
@media (max-width: 1600px){
  .voicesearch img {
    height: 24px;
}
  
}

@media (max-width: 585px){
  .voicesearch img {
    height: 22px;
}