@import url("https://fonts.googleapis.com/css2?family=Gabriela&family=Open+Sans:wght@300;400;600;700&display=swap");

@font-face {
  font-family: Gordita;
  src: url("../fonts/gordita-regular-webfont.woff2") format("woff2"),
    url("../fonts/gordita-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Gordita;
  src: url("../fonts/gordita-medium-webfont.woff2") format("woff2"),
    url("../fonts/gordita-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Gordita;
  src: url("../fonts/gordita-bold-webfont.woff2") format("woff2"),
    url("../fonts/gordita-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
}

body::-webkit-scrollbar-button {
  background: #000;
  width: 0px;
  height: 0px;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #000;
}

body::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #f30e0e;
  height: 0px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #1f1f1f;
  margin: 0;
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
  font-family: Gordita;
}

h1 {
  font-size: 45px;
  line-height: 1.2;
}

h2 {
  font-size: 42px;
  font-weight: 500;
  color: #3d3d3d;
  line-height: 1.2;
}

h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
}

h4 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

h6 {
  font-size: 18px;
  font-weight: 500;
}

a {
  color: #1f1f1f;
  text-decoration: none;
  -webkit-transition: 300ms ease;
  -o-transition: 300ms ease;
  transition: 300ms ease;
  outline: 0;
}

a:hover {
  color: #ff0000;
}

p,
ul,
ol {
  margin: 18px 0 0 0;
  padding: 0;
}

.pt-100 {
  padding-top: 100px;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

.whitetxt {
  color: #fff;
}

.container {
  padding: 0;
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
}

.container-fluid {
  padding: 0 15px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  font-family: Gordita;
}

.main-btn {
  /* background: #f30e0e;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 14px 20px 11px;
    display: inline-block;
    color: #fff;
    line-height: 1;
    text-align: center;
    border: 1px solid #ef515b;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    font-family: Gordita; */
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  overflow: hidden;
}

.main-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  height: calc(100% + 1px);
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.main-btn:hover {
  /* background: #fff; */
  color: #ff0000;
}

.main-btn img {
  width: auto;
  margin-left: 5px;
  position: relative;
  vertical-align: inherit;
  top: -1px;
}

.main-btn:hover .normal-img,
.hover-img {
  display: none;
}

.main-btn:hover .hover-img {
  display: inline-block;
}

#intro-link .hover-img {
  display: none;
  width: 35px;
  vertical-align: middle;
  margin-left: 10px;
}

#intro-link:hover {
  background: rgba(243, 14, 14, 1);
  color: #fff;
}

#intro-link .normal-img {
  display: inline;
}

.awards-section h2.main-heading::after {
  bottom: 20px;
}

.project_one #intro-link .normal-img {
  width: 45px;
  vertical-align: middle;
}

.project_one #intro-link .normal-img {
  width: 45px;
  vertical-align: middle;
}

.project_one p {
  line-height: 1.87;
}

.project_one .main-paragraph {
  font-size: 18px;
  margin-bottom: 20px;
}

#intro-link:hover .normal-img {
  display: none;
}

#intro-link:hover .hover-img {
  display: inline;
}

h2.main-heading {
  position: relative;
  padding-bottom: 30px;
  display: block;
}

h2.main-heading::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.main-sub-heading {
  font-weight: 500;
  margin-top: 18px;
}

.individual_solution h2.main-heading span::after {
  content: "";
  position: absolute;
  bottom: 10%;
  left: 42%;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.single-case-study .impact-service {
  padding: 0;
}

.main-paragraph {
  margin-top: 20px;
  font-size: 16px;
  line-height: 31px;
  font-family: Gordita;
  position: relative;
  min-height: 18px;
}

.main-paragraph ul {
  margin-left: 16px;
}

button {
  outline: none;
}

section.main-section {
  position: relative;
  overflow: hidden;
}

section.main-section::after {
  clear: both;
  display: table;
  content: "";
}

form .form-group {
  margin-bottom: 0;
  margin-top: 15px;
}

.talk-section input[type="email"] {
  padding: 11px 5px 9px;
}

input,
select,
textarea {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  padding: 12px 10px 10px;
  outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(175, 175, 175, 0.8);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(175, 175, 175, 0.8);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(175, 175, 175, 0.8);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgba(175, 175, 175, 0.8);
}

input::placeholder,
textarea::placeholder {
  color: rgba(175, 175, 175, 0.8);
}

select {
  background: url(../img/down-arrow.svg) no-repeat right !important;
  -webkit-appearance: none;
  background-position-x: 96%;
  background-repeat: no-repeat;
  background-size: 19px;
}

section,
footer {
  background: #fff;
  position: relative;
  /* z-index: 2; */
  /* background: #18191A; */
}

header {
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: 99;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.logo {
  width: 190px;
}

.logo a img.black-logo {
  display: none;
}

.logo a img.black-logo1 {
  display: none;
}

.navigation {
  width: calc(100% - 200px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.navigation .header-search {
  min-width: 23px;
  width: 23px;
  margin-right: 15px;
}

.navigation>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
}

.navigation>ul>li {
  list-style: none;
  padding: 0 2.5%;
  font-family: Gordita;
}

.navigation>ul>li:last-child {
  padding: 0 0 0 2.5%;
}

.navigation>ul>li:nth-child(2) {
  padding-left: 2%;
}

.navigation>ul>li:first-child {
  margin-left: 0;
  padding-right: 3%;
}

.navigation>ul>li>a {
  color: #000;
  padding: 25.5px 0;
  display: block;
}

.navigation>ul>li>a.main-btn i {
  display: none;
}

.navigation>ul>li a i {
  display: none;
}

.navigation>ul>li.active>a {
  color: #ef0000;
  position: relative;
}

.navigation>ul>li.active>a::before {
  content: "";
  background: #f30e0e;
  height: 3px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  position: absolute;
}

.navigation>ul>li.active>a:nth-last-child(1)::before {
  content: "";
  background: none;
}

.navigation>ul>li:first-child.active>a::before {
  display: none;
}

.navigation>ul>i:last-child>a {
  display: block;
}

.navigation>ul>li>img {
  width: 20px;
  cursor: pointer;
}

header.header-static {
  background-color: rgba(255, 255, 255, 0.9);
  background: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}

header.header-static .logo a img.white-logo,
body.header-fixed header .logo a img.white-logo {
  display: none;
}

header.header-static .logo a img.black-logo,
body.header-fixed header .logo a img.black-logo {
  display: block;
}

header.header-static .logo a img.black-logo1,
body.header-fixed header .logo a img.black-logo1 {
  display: block;
}

header.header-static .navigation>ul>li>a,
body.header-fixed header .navigation>ul>li>a {
  /* color: #1d1d1d; */
}

header .navigation>ul>li>a:hover,
body.header-fixed header .navigation>ul>li>a:hover {
  color: #f30e0e;
}

.navigation>ul>li .search-icon.scrossicon {
  width: 15px;
}

.navigation>ul>li.menu-option2>a::after {
  display: none !important;
}

.navigation>ul>li #headersearch {
  width: 23px;
  height: 23px;
  padding: 0;
  padding-top: 0px;
  text-align: center;
  line-height: 1;
  padding: 2px;
}

.navigation>ul>li .search-icon.scrossicon {
  display: none;
}

.navigation>ul>li a.iconactive .search-icon.scrossicon {
  display: inline-block;
}

.navigation>ul>li a.iconactive .search-icon.magnifyicon {
  display: none;
}

.maga-menu.searchcontainer {
  visibility: hidden !important;
  padding: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.maga-menu.searchcontainer.searchactive {
  visibility: visible !important;
  opacity: 1;
}

header.header-static .navigation>ul>li .search-icon,
body.header-fixed header .navigation>ul>li .search-icon {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.forms .hs-button,
header .navigation>ul>li>a.main-btn,
body.header-fixed header .navigation>ul>li>a.main-btn {
  background-color: #03abf4;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  border-radius: 55px;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 2.1rem;
  display: inline-block;
}

header .navigation>ul>li>a.main-btn:hover,
body.header-fixed header .navigation>ul>li>a.main-btn:hover {
  /* color: #f30e0e; */
  color: #03abf4;
  background-color: white;
}

header .navigation>ul>li.active>a.main-btn:after,
body.header-fixed header .navigation>ul>li.active>a.main-btn:after {
  display: none;
}

body.header-fixed header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: moon 400ms linear;
  animation: moon 400ms linear;
}

@-webkit-keyframes moon {
  from {
    -webkit-transform: translateY(-61.5px);
    opacity: 0;
    transform: translateY(-61.5px);
    -moz-transform: translateY(-61.5px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0px);
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes moon {
  from {
    -webkit-transform: translateY(-61.5px);
    opacity: 0;
    transform: translateY(-61.5px);
    -moz-transform: translateY(-61.5px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(0px);
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    opacity: 1;
  }
}

.maga-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  border-top: 1px solid #d2d2d2;
  padding: 0 0;
  display: block;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  max-height: calc(100vh - 70px);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.maga-menu.searchcontainer {
  opacity: 1;
  visibility: visible;
}

.navigation>ul>li:hover .maga-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.maga-menu>ul>li:hover>a {
  color: #ff0000;
}

.maga-menu h4 {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.sidemenu {
  width: 50%;
  background: rgb(249, 250, 255);
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(249, 250, 255, 1)),
      to(rgba(255, 255, 255, 1)));
  background: -o-linear-gradient(left,
      rgba(249, 250, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(90deg,
      rgba(249, 250, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%);
  padding-left: 20px;
  position: relative;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
}

.sidemenu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-left: 1px solid #e7edf1;
  height: 100%;
  width: 1px;
}

.maga-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

.maga-menu ul::-webkit-scrollbar {
  width: 4px;
}

.maga-menu ul::-webkit-scrollbar-button {
  background: #000;
  width: 0px;
  height: 0px;
}

.maga-menu ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #000;
}

.maga-menu ul::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #f30e0e;
  height: 0px;
}

.maga-menu-inner>ul>li:hover>a img {
  display: inline-block;
  width: 27px;
}

.navigation>ul>li.menu-option2 ul.sub-menu li {
  width: 50%;
}

.navigation>ul>li.industries .sidemenu {
  width: 50%;
}

.maga-menu ul li {
  width: 100%;
  padding: 5px 0;
  list-style: none;
}

.maga-menu ul li a {
  padding: 4px 0;
  display: block;
}

.maga-menu ul ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  border-left: 1px solid #d2d2d2;
  padding-left: 10px;
  height: 100%;
}


.maga-menu-inner>ul>li:hover ul {
  display: block;
}

body.header-fixed header {
  position: fixed;
  background: #fff;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}

.maga-menu form {
  position: relative;
  padding-right: 60px;
}

.maga-menu form input {
  border: 0;
  background: transparent;
  border-bottom: 1px solid #e0e0e0;
  font-size: 20px;
  height: 70px;
}

.maga-menu form input::-webkit-input-placeholder {
  color: #afafaf;
}

.maga-menu form input::-moz-placeholder {
  color: #afafaf;
}

.maga-menu form input:-ms-input-placeholder {
  color: #afafaf;
}

.maga-menu form input::-ms-input-placeholder {
  color: #afafaf;
}

.maga-menu form input::placeholder {
  color: #afafaf;
}

.maga-menu form .search-button {
  position: absolute;
  top: 0;
  width: 40px;
  right: 0px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  height: 100%;
  -webkit-filter: invert(1);
  filter: invert(1);
}

.ecommerce-carousel .item:hover a img.hover-img,
.industry-card:hover a img.hover-img {
  display: inline-block;
}

.ecommerce-icon {
  background: #f30e0e;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: -45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  overflow: hidden;
}

.ecommerce-icon:hover {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.ecommerce-carousel .item:hover .ecommerce-icon,
.industry-card:hover .ecommerce-icon {
  background: #fff;
}

.ecommerce-carousel .ecommerce-icon img,
.ecommerce-icon img {
  width: 40px;
}

.ecommerce-carousel .item:hover .ecommerce-icon img,
.industry-card:hover .ecommerce-icon img {
  -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
  filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.ecommerce-carousel .item:hover .ecommerce-icon {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.ecommerce-carousel .item h5,
.industry-card h5 {
  font-weight: 500;
  font-size: 28px;
  color: #3d3d3d;
  margin-top: 24px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.ecommerce-carousel .item p,
.industry-card p {
  font-weight: 400;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  margin-top: 4%;
  line-height: 1.7;
  color: #838383;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.ecommerce-carousel .item a,
.industry-card a {
  color: #f30e0e;
  margin-top: 6%;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 30px;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.ecommerce-carousel .item a img,
.industry-card a img {
  width: auto;
  display: inline-block;
  margin-left: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: calc(50% - 20px);
  left: -20px;
  font-size: 30px;
  color: #fe0000;
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.owl-next .fa {
  line-height: 1.2;
  display: block;
  margin-left: 4px;
}

.owl-prev .fa {
  line-height: 1.2;
  display: block;
  margin-right: 4px;
}

.footer-address .owl-next .fa {
  line-height: 1.4;
  display: block;
  margin-left: 4px;
  color: #f30e0e;
}

.footer-address .owl-prev .fa {
  line-height: 1.4;
  display: block;
  margin-right: 4px;
  color: #f30e0e;
}

.owl-next {
  left: auto;
  right: 190px;
}

.owl-prev.disabled,
.owl-next.disabled {
  display: none;
}

.home-services-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pt-40 {
  padding-top: 40px;
}

.home-services-card {
  width: calc((100% - 50px) / 3);
  text-align: left;
  margin-top: 25px;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background: #fff;
}

span.home-services-card {
  cursor: inherit;
}

.flip-card-front,
.flip-card-back {
  width: 100%;
  height: 100%;
  -webkit-perspective: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible;
  padding: 31px 40px;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  z-index: 1;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
}

.flip-card-back:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.flip-card-back {
  color: #1d1d1d;
}

.home-services-card:hover i.fa.fa-angle-right {
  color: #f30e0e;
}

.home-services-card h4>span {
  display: block;
}

.home-services-card p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  padding-right: 10px;
  margin: 0;
  padding-bottom: 30px;
  overflow: hidden;
}

.home-featured-card-inner {
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ccc;
  overflow: hidden;
}

.home-featured-card-inner:nth-child(2) {
  margin-top: 29px;
}

.home-featured-card-img {
  position: relative;
  padding: 31% 0;
  overflow: hidden;
  border: 1px solid #cecece;
  border-bottom: 0;
  margin: -1px;
}

.home-featured-card-img img {
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.home-featured-card-mid .home-featured-card-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-featured-card-mid .home-featured-card-img {
  padding: 0% 0;
  padding-bottom: 10px;
  background: #f2f2f2;
}

.home-featured-card-mid .home-featured-card-img img {
  position: static;
}

.home-featured-card-mid .home-featured-card-inner h6 {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: #fff;
}

.home-featured-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.home-featured-card-inner h6 {
  padding: 16px 25px 12px;
  border-top: 1px solid #cecece;
  line-height: 1.5;
  font-size: 22px;
  padding-right: 70px;
}

.home-featured-card-inner h6>span {
  display: block;
}

.home-featured-card-inner h6>span.clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-featured-card-inner h6 img {
  right: 25px;
  position: absolute;
  width: auto;
  bottom: 16px;
}

section.consultation-section .main-btn:hover {
  border: solid 1px transparent;
}

.bluebox .main-btn:hover {
  border: solid 1px transparent;
  background: #fff;
  color: #ff0000;
}


section.consultation-section p {
  font-size: 20px;
  line-height: 31px;
  margin: 20px;
  color: #fff;
  font-weight: 400;
}

section.home-about-section {
  position: relative;
}

.home-about-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-about-content {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: 456px;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.home-about-content h2 {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 10px;
}

.home-about-content h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.home-about-content h6 {
  margin-top: 30px;
}

.home-about-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 20px;
  color: #1f1f1f;
}

.home-about-content p>span {
  display: block;
  font-weight: 400;
}

.home-about-content a {
  margin-top: 20px;
}

.home-about-video {
  width: calc(100% - 456px);
  position: relative;
}

.home-about-video video {
  width: 100%;
}

.home-about-video .ytwrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.home-about-video .ytwrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.home-about-video>img.video-play,
.home-about-video>img.video-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  cursor: pointer;
}

.home-about-video>img.video-pause {
  display: none;
}

.home-about-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6%;
  padding: 0 10% 0 0;
}

.home-about-card {
  background: #ffffff;
  border: 1px solid #cecece;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: 28%;
  padding: 0 25px 16px;
}

.home-about-card>span {
  width: 90px;
  height: 90px;
  background: #fff;
  margin-top: -37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.home-about-card>span img {
  width: auto;
  height: 50px;
}

.home-about-card h5 {
  line-height: 1.4;
  color: #3d3d3d;
}

section.stories-section {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.stories-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.stories-inner.flex-box {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  text-align: left;
}

.stories-left {
  width: 40%;
  background: #fcfcfc;
  border: 1px solid #cecece;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.stories-left .owl-nav,
.stories-video .owl-nav {
  display: none !important;
}

.stories-left .stories-carousel {
  padding: 11%;
}

.carousel__iframe {
  width: 100%;
  height: 467px;
}

.mobstories-carousel {
  display: none;
}

.stories-left .item p {
  font-weight: normal;
  font-size: 18px;
  margin-top: 5%;
}

.stories-left .item h5 {
  position: relative;
  padding: 6px 20px 3px;
  margin-top: 30px;
}

.stories-left .item h5:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.stories-left .item h5>span {
  color: #8e8e8e;
  margin-left: 0px;
  font-size: 16px;
}

.stories-section .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.stories-section .slick-dots li {
  display: inline-block;
}

.deskstories-carousel .owl-video-wrapper {
  right: -100px;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
}

.deskstories-carousel .active .owl-video-wrapper {
  right: 0;
}

.deskstories-carousel .stories-video {
  overflow: hidden;
}

.stories-section .owl-dot,
.stories-section .slick-dots button {
  width: 10px;
  height: 10px;
  background: rgba(179, 179, 179, 0.6);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-right: 10px;
  text-indent: -9999px;
  border: none;
  padding: 0;
}

.stories-section .slick-dots {
  position: absolute;
  bottom: 6%;
  padding-left: 4%;
}

.stories-section .owl-dot.active,
.stories-section .slick-dots .slick-active button {
  background: #8d8d8d;
}

.stories-right {
  width: 60%;
}

section.worked-section {
  background: #fdfdfd;
  text-align: center;
}

section.worked-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin-top: 40px;
  display: none !important;
}

.client-carousel {
  margin-top: 25px;
}

.client-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.client-carousel .owl-next {
  left: auto;
  right: 0;
}

section.worked-section ul li img,
.client-carousel .item img {
  width: 80%;
  margin: 0 auto;
}

section.talk-section {
  background: url('/wp-content/uploads/2023/06/Ribbon.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  padding: 4% 0 3%;
  color: #fff;
}

.media-page-section .main-heading {
  text-align: center !important;
}

.media-page-section .main-heading::after {
  right: 0 !important;
}

.talk-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.talk-left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-top {
  width: 46%;
}

.talk-left h2 {
  line-height: 60px;
  color: #fff;
}

.talk-left h4 {
  line-height: 46px;
  margin-top: 20px;
  font-weight: 400;
}

.talk-right select {
  color: #fff;
  border: 0;
  border-bottom: 1px solid #f30e0e;
  font-weight: 500;
  font-size: 28px;
  width: 97%;
  outline: none;
  padding: 10px 0;
  background: url(../img/down-arrow.svg) no-repeat right !important;
}

.talk-right select option {
  color: #000;
}

.talk-left h5 {
  line-height: 1.87;
  font-weight: 400;
  width: 46%;
}

.talk-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-right div {
  width: 100%;
}

.talk-right form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-right form .form-group {
  width: 46%;
  margin-top: 0;
}

.talk-right form .form-group select {
  margin-top: 50px;
}

.talk-right form .form-group button {
  margin-top: 20px;
}

.talk-right .form-group {
  margin-bottom: 0;
}

.talk-right input {
  width: 100%;
  background: #f7f7f7;
  border: 1px solid #afafaf;
  padding: 14px 15px 10px;
  font-weight: 400;
}

.talk-right button {
  border: 0;
  outline: none;
  font-weight: 500;
}

.talk-inner .hbspt-form {
  width: 100%;
}

.talk-section .hs-form h2 {
  line-height: 60px;
  color: #fff;
  font-size: 35px;
  margin-top: -10px;
}

.navigation>ul>li:first-child h6 {
  color: #ff0000;
  margin: 40px 0 20px;
}

.navigation>ul>li.menu-option2 .maga-menu-inner>ul>li:hover>a img {
  display: none;
}

.maga-menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.navigation>ul>li:first-child ul li {
  width: 50%;
}

.maga-menu .nav-featured-inner-wrap {
  /* width: 50%; */
  /* padding-right: 20px; */
  padding-bottom: 10px;
  width: 100%;
}

.maga-menu .nav-featured-inner-wrap .viewallbtn,
.maga-menu .viewallbtnwrap .viewallbtn {
  font-size: 14px;
  color: #ff3434;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 55px;
  display: inline-block;
}

.maga-menu .nav-featured-inner-wrap .viewallbtn:hover,
.maga-menu .viewallbtnwrap .viewallbtn:hover {
  color: #1f1f1f;
}

.maga-menu .viewallbtnwrap .viewallbtn {
  position: relative;
  height: 30px;
}

.maga-menu .viewallbtnwrap .viewallbtn:after {
  bottom: 10px;
}

.navigation>ul>li.menu-option2 ul.sub-menu li.viewallbtnwrap {
  display: flex;
  justify-self: flex-end;
  margin-left: auto;
}

.maga-menu .nav-featured-inner {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* padding-bottom: 10px; */
  padding: 10px 0 10px 30px;
}

.maga-menu .nav-featured-inner .nav-featured-card {
  /* width: calc((100% - 20px) / 2); */
  width: 100%;
  margin-right: 20px;
  position: relative;
  padding-bottom: 40px;
}

.maga-menu .nav-featured-inner .nav-featured-card-img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
}

.maga-menu .nav-featured-inner .nav-featured-card-img img {
  vertical-align: middle;
  width: 100%;
}

.maga-menu .nav-featured-inner>div:last-child {
  margin-right: 0;
}

.maga-menu .nav-featured-inner .nav-featured-card:last-child {
  margin-right: 0;
}

.maga-menu .nav-featured-inner .nav-featured-card .h6,
.maga-menu .nav-featured-inner .nav-featured-card h6 {
  margin: 0;
  color: #3d3d3d;
  font-size: 18px;
  padding: 10px 0;
  font-weight: 500;
}

.navigation-text {
  font-size: 16px;
  margin: 0;
}

.navigation>ul>li:first-child .maga-menu ul ul li {
  width: 100%;
}

.maga-menu-inner>ul>li:hover>a {
  color: #ff0000;
}

img.home-shape1 {
  position: absolute;
  top: 0px;
  left: -34px;
  width: 55%;
  z-index: -1;
}

img.home-shape2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  z-index: -1;
}

img.home-shape3 {
  position: absolute;
  top: 0;
  right: 19%;
  width: 40%;
  z-index: -1;
}

img.home-shape4 {
  position: absolute;
  top: 42%;
  left: 0;
  width: 30%;
  z-index: -1;
}

img.home-shape5 {
  position: absolute;
  top: 0;
  right: 0;
  width: 53%;
  z-index: -1;
}

img.home-shape6 {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  z-index: -1;
}

img.home-shape7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  z-index: -1;
}

section.banner-section {
  position: relative;
  overflow: hidden;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

section.banner-section.banner-padding {
  padding: 0;
}

.services-bluebanner .bluebox {
  background: #0e3482;
  position: relative;
  padding: 20px 30px;
  width: 100%;
  max-width: 600px;
  margin: 15px 0 3%;
  z-index: 1;
}

.services-bluebanner .detail {
  background: -o-linear-gradient(354.17deg,
      rgba(255, 227, 227, 0.015) -44.03%,
      rgba(255, 249, 198, 0.022) 176.59%);
  background: linear-gradient(95.83deg,
      rgba(255, 227, 227, 0.015) -44.03%,
      rgba(255, 249, 198, 0.022) 176.59%);
  border: 1px solid #ffffff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  font-family: Gordita;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 23px;
  margin-top: 17px;
}

.services-bluebanner .detail .box:first-child {
  border-right: 1px solid #ffffff;
  padding-right: 20px;
}

.services-bluebanner .detail .box:last-child {
  padding-left: 41px;
}

.services-bluebanner .detail .box {
  font-size: 20px;
  font-weight: 500;
}

.services-bluebanner .detail .box span {
  display: block;
  font-size: 16px;
}

body.home section.banner-section:before {
  display: none;
}

.pause-icon {
  display: none;
}

section.banner-section>img,
section.services-banner>img {
  /* position: absolute;
    top: 0;
    left: 0;
    height: 100%;
   
    -o-object-fit: cover;
    object-fit: cover; */
  width: 100%;
}

/* 
section.banner-section > video {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
} */

.banner-inner {
  width: 100%;
  position: relative;
  z-index: 2;
}

.home-slider {
  position: relative;
  z-index: 3;
}

.home-slider .carousel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-slider .carousel-item video {
  /* 
    right: 0;
        -o-object-fit: cover;
    object-fit: cover;
    height: 100%; 
    */
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  outline: 0;
  border: 0;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.home-slider .carousel-item .bannervideowrap {
  padding: 17.8% 0;
  background: #000;
}

.home-slider .banner-content {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.home-slider .banner-content .container {
  max-width: 950px;
}

.home-slider .owl-prev {
  left: 10px;
}

.home-slider .owl-next {
  left: auto;
  right: 10px;
}

.home-slider .owl-dots {
  position: absolute;
  bottom: 6px;
  text-align: right;
  right: 8px;
}

.home-slider .owl-dot {
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block;
  margin: 0 4px;
}

.home-slider .owl-dot.active {
  background: #f30e0e;
}

section.banner-section .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner-content {
  width: 70%;
  text-align: center;
}

.banner-content h1 {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  font-size: 50px;
}

.banner-content h1>span {
  display: block;
}

.banner-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 6%;
}

.banner-btn a {
  margin-right: 17px;
  color: #ffffff;
}

.banner-btn a:focus {
  color: #ffffff;
  background: #f30e0e;
}

.banner-btn a:hover {
  color: #f30e0e;
  background: #ffffff;
}

.banner-btn a#banner-white-link {
  background: #fff;
  color: #3d3d3d;
  margin-right: 0;
}

.banner-play {
  width: 25%;
}

.banner-play img {
  width: 113px;
  cursor: pointer;
}

section.home-tab-section {
  position: relative;
  text-align: center;
}

section.home-tab-section .main-btn {
  margin-top: 20px;
}

.rest-body {
  position: relative;
  z-index: 1;
  background: #ffffff;
}

.home-tab-nav {
  background: #f8f8f8;
  position: relative;
  z-index: 9;
  min-height: 84px;
  padding-top: 4px;
}

.home-tab-nav.tabnavfixed {
  position: fixed;
  top: 100px;
}

.home-tab-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-tab-inner p {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding: 12px 10px 12px 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 30px;
  width: 126px;
  margin: 0;
}

span>i {
  font-style: normal;
}

.home-tab-inner ul {
  border: none !important;
  width: calc(100% - 130px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px 0% 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
}

.home-tab-inner ul li a {
  display: block;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #646464 !important;
  padding: 26px 0%;
  position: relative;
}

.home-tab-inner ul li.active a {
  color: #f30e0e !important;
}

.home-tab-inner ul li.active a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f30e0e;
  height: 2px;
}

.nav-tabs .nav-item {
  margin-bottom: 0;
}

.home-tab-content .tab-pane.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home-tab-content .tab-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-content-img {
  width: 35%;
  display: none;
}

.tab-content-text {
  width: 100%;
  margin-left: 0;
  text-align: center;
}

.tab-content-text h2 {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 30px;
}

.tab-content-text h2::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.tab-content-text h2>span {
  display: block;
}

.tab-content-text h6 {
  margin-top: 30px;
}

.tab-content-text p,
.tab-content-text .main-paragraph {
  /* font-size: 18px;
    line-height: 1.87;
    color: #000000; */
  max-width: 1000px;
  margin: 20px auto 0;
}

.tab-content-text>a {
  margin-top: 20px;
}

.tab-content-text>a img {
  width: auto;
  margin-left: 12px;
}

.tab-content-text p>a {
  color: #f30e0e;
}

section.ecommerce-section {
  margin-left: calc((100% - 1140px) / 2);
  margin-top: 4%;
}

.ecommerce-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0 !important;
}

.ecommerce-carousel .owl-item {
  padding-top: 50px;
  padding-bottom: 1px;
}

.ecommerce-carousel .item,
.industry-card {
  background: #fcfcfc;
  border: 1px solid #ebebeb;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0 30px 50px;
  position: relative;
  height: 100%;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.industry-card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.ecommerce-carousel .item {
  margin-bottom: 1px;
}

.ecommerce-carousel .item:hover a img.normal-img,
.industry-card:hover a img.normal-img {
  margin-left: 20px;
}

.ecommerce-carousel .item a img.hover-img,
.industry-card a img.hover-img {
  display: none;
}

.industry-card a img.hover-img {
  display: none !important;
}

.ecommerce-carousel .item:hover a img.hover-img,
.industry-card:hover a img.hover-img {
  display: inline-block;
}

.ecommerce-icon {
  background: #f30e0e;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-top: -45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.ecommerce-icon:hover {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.ecommerce-carousel .item:hover .ecommerce-icon,
.industry-card:hover .ecommerce-icon {
  background: #fff;
}

.ecommerce-carousel .ecommerce-icon img,
.ecommerce-icon img {
  width: 40px;
}

.ecommerce-carousel .item:hover .ecommerce-icon img,
.industry-card:hover .ecommerce-icon img {
  -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
  filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);
}

.ecommerce-carousel .item:hover .ecommerce-icon {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.blog-right-top {
  position: relative;
}

.blog-right-top .see-all {
  position: absolute;
  right: 60px;
  color: #f30e0e;
  bottom: 8px;
}

.ecommerce-carousel .item h5,
.industry-card h5 {
  font-weight: 500;
  color: #3d3d3d;
  margin-top: 28px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.ecommerce-carousel .item p,
.industry-card p {
  font-size: 17px;
  margin-top: 4%;
  line-height: 1.7;
  color: #838383;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.ecommerce-carousel .item a,
.industry-card a {
  color: #f30e0e;
  margin-top: 6%;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  left: 30px;
}

.ecommerce-carousel .item a img,
.industry-card a img {
  width: auto;
  display: inline-block;
  margin-left: 15px;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.industry-new-block .industry-grid {
  margin-bottom: 0;
  margin-top: 50px;
}

.industry-new-block .industry-card .ecommerce-icon {
  border: 1px solid #dbdbdb !important;
  background: #fff !important;
  padding: 16px;
}

.industry-new-block .industry-card .ecommerce-icon img {
  width: auto;
}

.industry-new-block .industry-card:hover .ecommerce-icon img {
  -webkit-filter: inherit;
  filter: inherit;
}

.industry-new-block .industry-card {
  box-shadow: 0 10px 25px rgb(41 41 42 / 10%);
  -webkit-box-shadow: 0 10px 25px rgb(41 41 42 / 10%);
  -moz-box-shadow: 0 10px 25px rgb(41 41 42 / 10%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 0;
  margin-bottom: 45px;
}

.industry-new-block .industry-card p {
  color: #3d3d3d;
}

.industry-new-block .main-paragraph {
  max-width: 900px;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: calc(50% - 20px);
  left: -20px;
  font-size: 30px;
  color: #fe0000;
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.owl-next .fa {
  line-height: 1.2;
  display: block;
  margin-left: 4px;
}

.owl-prev .fa {
  line-height: 1.2;
  display: block;
  margin-right: 4px;
}

.footer-address .owl-next .fa {
  line-height: 1.4;
  display: block;
  margin-left: 4px;
  color: #f30e0e;
}

.footer-address .owl-prev .fa {
  line-height: 1.4;
  display: block;
  margin-right: 4px;
  color: #f30e0e;
}

.owl-next {
  left: auto;
  right: 190px;
}

.owl-prev.disabled,
.owl-next.disabled {
  display: none;
}

section.home-services {
  text-align: center;
  position: relative;
}

.homepage-services .consultation-section {
  margin-bottom: 0;
}

span.read-more {
  color: #f30e0e;
}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  min-height: 283px;
}

.flip-card .flip-card-front h4 {
  opacity: 1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.4;
  width: 100%;
}

.flip-card-back img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.home-services-card i {
  color: #f30e0e;
  float: right;
  right: 30px;
  bottom: 20px;
  font-size: 30px;
  cursor: pointer;
}

.home-services-card:hover i.fa.fa-angle-right {
  color: #f30e0e;
}

.home-services-card span.read-more {
  position: absolute;
  bottom: 30px;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.home-services-card h4 {
  color: #1d1d1d;
  font-weight: 500;
  line-height: 1.4;
  width: 100%;
  font-size: 28px;
  margin-bottom: 7px;
  min-height: 80px;
}

.home-services-card h4>span {
  display: block;
}

.home-services-card:hover p {
  opacity: 1;
}

section.featured-services {
  text-align: center;
  position: relative;
}

.home-featured-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  margin-top: 25px;
  margin-right: -10px;
  margin-left: -10px;
}

.home-featured-inner>div {
  width: 33.33%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.home-featured-card-inner {
  background: #fcfcfc;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-ox-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ccc;
  overflow: hidden;
}

.home-featured-card-inner:nth-child(2) {
  margin-top: 29px;
}

.home-featured-card-img {
  position: relative;
  padding: 31% 0;
  overflow: hidden;
  border: 1px solid #cecece;
  border-bottom: 0;
}

.home-featured-card-img img {
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  margin: 0px;
}

.home-featured-card-mid .home-featured-card-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-featured-card-mid .home-featured-card-img {
  padding: 0% 0;
  padding-bottom: 10px;
  background: #f2f2f2;
}

.home-featured-card-mid .home-featured-card-img img {
  position: static;
}

.home-featured-card-mid .home-featured-card-inner h6 {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  background: #fff;
}

.home-featured-card-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-featured-image {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.card-featured-image:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.home-featured-card-inner h6 {
  padding: 16px 25px 12px;
  border-top: 1px solid #cecece;
  line-height: 1.5;
  padding-right: 70px;
  overflow: hidden;
}

.home-featured-card-inner h6>span {
  display: block;
}

.home-featured-card-inner h6 img {
  right: 25px;
  position: absolute;
  width: auto;
  bottom: 16px;
}

section.consultation-section {
  background: #1f1f1f;
  color: #fff;
  text-align: center;
}

.home-featured-card:hover h6 img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.read-more:hover::after {
  margin-left: 20px;
}

.see-all:hover::after {
  margin-left: 20px;
}

.new-feature .read-more:hover::after {
  margin-left: 20px;
}

section.consultation-section h2 {
  color: #fff;
}

section.consultation-section.light-version-consult {
  background: #f8f8f8;
  color: #1f1f1f;
}

section.consultation-section.light-version-consult h2 {
  color: #1f1f1f;
}

.home-about-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-about-content {
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: 456px;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.home-about-content h2 {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 10px;
}

.home-about-content h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.home-about-content h6 {
  margin-top: 30px;
}

.home-about-content p {
  margin-top: 20px;
  color: #1f1f1f;
}

.home-about-content p>span {
  display: block;
  font-weight: 400;
}

.home-about-content a {
  margin-top: 20px;
}

.home-about-video {
  width: calc(100% - 456px);
  position: relative;
}

.home-about-video video {
  width: 100%;
}

.home-about-video .ytwrapper {
  position: relative;
  padding-bottom: 56.5%;
  height: 0;
}

.home-about-video .ytwrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.home-about-video>img.video-play,
.home-about-video>img.video-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  cursor: pointer;
}

.home-about-video>img.video-pause {
  display: none;
}

.home-about-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6%;
  padding: 0 10% 0 0;
}

.home-about-card {
  background: #ffffff;
  border: 1px solid #cecece;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: 28%;
  padding: 0 25px 16px;
}

.home-about-card>span {
  width: 90px;
  height: 90px;
  background: #fff;
  margin-top: -37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.home-about-card>span img {
  width: auto;
  height: 50px;
}

.home-about-card h5 {
  line-height: 1.4;
  color: #3d3d3d;
}

.experience-section {
  background: rgb(255, 255, 255);
  background: linear-gradient(119deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 56%,
      rgba(240, 246, 255, 1) 100%);
}

.experience-row {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.experience-col {
  padding: 0 15px;
  width: 33%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.experience-col.expcol1 {
  width: 33%;
  justify-content: center;
}

.experience-col.expcol2 {
  width: 33%;
}

.experience-col.expcol3 {
  width: 33%;
}

.expcol1:before,
.expcol2:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #cecece;
}

.experience-section .experience_title {
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}

.experience-section .experience_title:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.experience-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.experience-card {
  width: 50%;
  padding: 10px 0;
}

.experience-card h6 {
  position: relative;
  padding: 6px 0 6px 0;
  margin-top: 10px;
  font-size: 18px;
}

.experience-card h2:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: auto;
  right: auto;
  width: 45px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.experience-card h2 {
  margin-top: 0;
  font-size: 50px;
  position: relative;
}

.experience-card p {
  line-height: 28px;
  max-width: 200px;
  font-family: Gordita;
}

.statistic_logoes {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.member_logo {
  display: block;
}

.member_logo,
.st_logo {
  width: 100%;
  margin: 0 auto;
  padding: 0 !important;
}

.st_logo {
  padding: 25px 15px;
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.st_logo iframe {
  width: 114px;
}

.st_logo img {
  max-height: 150px;
}

.script_logo {
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
}

section.stories-section {
  position: relative;
  overflow: hidden;
}

.stories-left {
  width: 40%;
  background: #fcfcfc;
  border: 1px solid #cecece;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.innerstories .stories-left {
  border: 0;
  box-shadow: inherit;
  position: relative;
}

.innerstories .stories-left:after {
  border: 1px solid #cecece;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(100%);
  height: calc(100% - 2px);
}

.stories-left .owl-nav,
.stories-video .owl-nav {
  display: none !important;
}

.stories-left .stories-carousel {
  padding: 10% 10% 5%;
}

.stories-video .item-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.carousel__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border: 0px;
}

.stories-left .testimonialscroll {
  height: 180px;
}

.stories-left .item p {
  font-weight: normal;
  font-size: 14px;
  margin-top: 0;
  font-family: Gordita;
  position: relative;
}

.stories-left .item p:before,
.stories-left .item p:after {
  content: '"';
  display: inline-block;
  margin: 0 4px;
}

.stories-left .item h4 {
  margin-bottom: 15px;
}

.stories-left .item h5 {
  position: relative;
  padding: 6px 20px 3px;
  margin-top: 30px;
}

.stories-left .item h5:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.stories-left .item h5>span {
  color: #8e8e8e;
  margin-left: 0px;
}

.stories-section .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
  position: absolute;
  bottom: 57px;
  padding-left: 62px;
}

.deskstories-carousel .owl-video-wrapper {
  right: -100px;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
}

.deskstories-carousel .active .owl-video-wrapper {
  right: 0;
}

.deskstories-carousel .stories-video {
  overflow: hidden;
}

.stories-section .owl-dot {
  width: 10px;
  height: 10px;
  background: rgba(179, 179, 179, 0.6);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin-right: 10px;
}

.stories-section .owl-dot.active {
  background: #8d8d8d;
}

.stories-right {
  width: 60%;
  position: relative;
}

section.worked-section {
  background: #fff;
  text-align: center;
}

section.worked-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 40px 0 0 0;
  display: none !important;
}

.client-carousel {
  margin-top: 25px;
  padding: 0 40px;
}

.client-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.client-carousel .owl-prev {
  left: 0;
}

.client-carousel .owl-next {
  left: inherit;
  right: 0;
}

section.worked-section ul li img,
.client-carousel .item img {
  width: 80%;
  margin: 0 auto;
}

section.talk-section {
  background: #1f1f1f;
  color: #fff;
  text-align: center;
}

section.talk-section .main-heading {
  text-align: left;
}

section.talk-section h2.main-heading::after {
  right: unset;
}

.talk-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.talk-left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-top {
  width: 46%;
}

.talk-left h2 {
  line-height: 60px;
  color: #fff;
}

.talk-left h4 {
  line-height: 46px;
  margin-top: 20px;
}

.talk-right select {
  color: #fff;
  border: 0;
  border-bottom: 1px solid #f30e0e;
  font-weight: 500;
  font-size: 28px;
  width: 97%;
  outline: none;
  padding: 10px 0;
  background: url(../img/down-arrow.svg) no-repeat right !important;
}

.talk-right select option {
  color: #000;
}

.talk-left h5 {
  line-height: 1.87;
  width: 46%;
}

.talk-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-right div {
  width: 100%;
}

.talk-right form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talk-right form .form-group {
  width: 46%;
  margin-top: 0;
}

.talk-right form .form-group select {
  margin-top: 50px;
}

.talk-right form .form-group button {
  margin-top: 20px;
}

.talk-right .form-group {
  margin-bottom: 0;
}

.talk-right input {
  width: 100%;
  background: #f7f7f7;
  border: 1px solid #afafaf;
  padding: 14px 15px 10px;
}

.talk-right button {
  border: 0;
  outline: none;
  font-weight: 500;
}

.talk-inner .hbspt-form {
  width: 100%;
}

.talk-section .hs-form {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.talk-section .hs-form h2 {
  line-height: 60px;
  color: #fff;
  font-size: 35px;
}

.talk-section .hs-form h4 {
  line-height: 46px;
  margin-top: 20px;
  margin-bottom: 30px;
  display: none;
}

.talk-section .hs-form>div {
  margin-bottom: 15px;
  position: relative;
}

.talk-section .hs-form .hs_recaptcha {
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  height: 0;
}

.talk-section .hs-form>div.hs_email,
.talk-section .hs-form>div.hs-fieldtype-select {
  min-height: 55px;
  width: calc(48% - 20px);
  display: inline-block;
  vertical-align: middle;
  margin: 5px 10px;
}

.talk-section .hs-form>div.hs_submit {
  margin-bottom: 0;
}

.talk-section .hs-button {
  background: url(../img/arrow-white.svg) 85% 50% no-repeat #f30e0e;
  padding: 12px 60px 12px 20px;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ef515b;
  -webkit-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  width: auto;
  font-size: 16px;
  border: 1px solid #f30e0e;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.talk-section .hs-button:hover {
  background: url(../img/arrow-red.svg) 85% 50% no-repeat #fff;
  color: #f30e0e;
  border: 1px solid transparent;
}

.talk-section .hs-form .hs-richtext {
  line-height: 46px;
  font-weight: normal;
  font-size: 30px;
  margin-top: -20px;
}

.talk-section .hs-form .hs-richtext h4 {
  display: none;
}

.talk-section .hs-form .hs_error_rollup {
  display: none;
}

.talk-section .hs-form .hs-error-msgs {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #f2545b;
  list-style: none;
  margin: 0;
}

.talk-section .hs-form .hs-error-msgs a {
  color: #fff;
}

.talk-section .hs-form .hs_select_industry>label,
.talk-section .hs-form .hs_email>label {
  display: none;
}

.talk-section input[type="email"] {
  background: #fff;
}

.talk-section .hs-form select {
  border: 0;
  outline: 0;
  font-weight: 500;
  outline: none;
  padding: 12px 10px 10px;
  padding-left: 0px;
  background: url(../img/down-arrow-red.svg) no-repeat 97% #fff !important;
  background-size: auto;
  margin-top: 0;
  -webkit-appearance: none;
  padding-left: 5px;
  background-size: 14px;
}

.talk-section .hs-form select option {
  color: #646464;
  font-size: 16px;
}

section.awards-section {
  text-align: center;
  position: relative;
}

.awards-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 45px;
}

.awards-grid .slick-slide,
.awards-grid .awards-card {
  width: calc((100% - 60px) / 4);
  text-align: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.awards-slider .slick-track {
  display: flex;
}

.awards-slider .slick-slide {
  height: auto;
}

.awards-slider .slick-slide>div,
.awards-slider .awards-card,
.awards-slider .awards-card a {
  height: 100%;
}

#awards-card-css {
  width: 100%;
}

.awards-card>a {
  display: block;
  position: relative;
  background: #fcfcfc;
  height: 100%;
  border: 1px solid #cecece;
  overflow: hidden;
}

.awards-card:nth-child(4n),
.awards-card:last-child {
  margin-right: 0;
}

.awards-img {
  background: #000;
  padding: 0;
  margin: 0 -1px;
}

.awards-img img {
  margin: 0 auto;
  display: block;
  width: auto;
}

.awards-content {
  background: #fcfcfc;
  padding: 20px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  padding-bottom: 45px;
}

.awards-content h5 {
  color: #3d3d3d;
  line-height: 1.55;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  min-height: 90px;
}

.awards-content h5>span {
  display: block;
}

.awards-content p {
  color: #838383;
  font-weight: 600;
  margin-top: 0px;
  position: absolute;
  bottom: 15px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.awards-content p img {
  width: 30px;
  float: right;
  position: relative;
  top: 9px;
}

.awards-card:hover .awards-content p .hover-img {
  display: none;
}

section.awards-section a.main-btn {
  margin-top: 50px;
}

.awards-page-new .awards-card {
  width: calc((100% - 60px) / 3);
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.award-header-links {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.award-header-links a {
  display: table-cell;
  padding: 20px 60px 12px;
  text-decoration: none;
  border-right: 1px solid #e5e5e5;
  width: 25%;
  vertical-align: middle;
}

.award-header-links a:last-child {
  border: none;
}

.award-header-links a.active {
  color: #ff0000;
}

.awards-slider.owl-carousel .owl-item img {
  display: block;
  max-width: 100% !important;
  width: auto;
}

.fa.slick-arrow {
  position: absolute;
  top: calc(50% - 20px);
  left: -41px;
  font-size: 30px;
  color: #fe0000;
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  height: 40px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
  width: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

.fa-angle-right.slick-arrow {
  left: inherit;
  right: -21px;
}

section.insights-services {
  text-align: center;
}

.insights-services .home-featured-card-inner {
  height: 100%;
}

.insights-services .home-featured-card-mid .home-featured-card-inner {
  height: 100%;
}

footer {
  background: #1f1f1f;
  padding: 50px 0 0;
  color: #fff;
}

.footer-top-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-logo {
  width: 240px;
}

.footer-logo .logosubtitle {
  font-size: 12.7px;
  margin-top: 5px;
  color: #fff;
  font-weight: normal;
  text-align: right;
}

.footer-address {
  width: calc(100% - 350px);
}

/* remove section */
.footer-logo {
  display: none !important;
}

.footer-address {
  width: 100% !important;
}

/* end remove section */

.footer-address .item {
  font-size: 16px;
}

.footer-address .item>span {
  color: #fe0000;
  font-weight: 500;
  font-size: 18px;
  font-family: Gordita;
}

.footer-address .item p {
  max-width: 220px;
  margin: 3px 0 0;
}

.footer-address .item p a {
  font-weight: 500;
  color: #fff;
}

.footer-address .item p a:hover {
  color: #fe0000;
}

.footer-address .owl-prev,
.footer-address .owl-next {
  background: transparent;
  color: #fff;
  font-size: 23px;
  width: 35px;
  height: 35px;
  line-height: 37px;
  left: -40px;
}

.footer-address .footer-carousel {
  padding: 0 45px;
}

.footer-address .owl-prev {
  left: 0;
}

.footer-address .owl-next {
  right: 0;
  left: auto;
}

.footer-mid-main {
  margin-top: 50px;
  padding: 50px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-mid-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-mid:nth-child(1) {
  width: 23%;
}

.footer-mid:nth-child(2) {
  width: 23%;
}

.footer-mid:nth-child(3) {
  width: 23%;
}

.footer-mid-main .ftitle {
  position: relative;
  padding-right: 37px;
}

.footer-mid-main .ftitle .fnavtoggle {
  display: block;
  height: 37px;
  width: 37px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  display: none;
}

.footer-mid-main .ftitle .fnavtoggle:before {
  content: "\f105";
}

.footer-mid-main .ftitle .fnavtoggle.arrowdown:before {
  content: "\f107";
}

.footer-mid ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 5px 0 0 0;
}

.footer-mid ul li {
  width: 100%;
  margin: 17px 0 0;
  font-size: 14px;
}

.footer-mid ul li a {
  color: #fff;
}

.footer-mid ul li a:hover {
  color: #ff0000;
}

.footer-right {
  width: 26%;
}

.footer-right .form-group {
  margin-bottom: 0;
  margin-top: 10px;
}

.footer-right input {
  width: 100%;
  background: #ffffff;
  border: 1px solid #afafaf;
  padding: 13px 15px 9px;
  font-weight: 500;
  margin-top: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
}

.footer-right button {
  border: 0;
  outline: none;
  font-weight: 500;
  margin-top: 10px;
}

.copy-right {
  padding: 20px 0;
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copy-right-inner,
.copy-right-inner p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}

.copy-right-inner p img {
  width: 170px;
  margin-left: 25px;
}

.copy-right-inner p>span {
  font-weight: 500;
}

.footersocial {
  margin-top: 30px;
}

.footersocial ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 10px 0 0 0;
}

.footersocial ul li a {
  width: 35px;
  display: block;
  height: 35px;
  border: 1px solid #fff;
  margin-right: 9px;
  margin-bottom: 9px;
  color: #fff;
  text-align: center;
  padding: 7px 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  font-size: 18px;
  line-height: 1;
}

.footersocial ul li:last-child a {
  margin-right: 0;
}

.footersocial ul li a:hover {
  border-color: #f30e0e;
  color: #fff;
  background: #f30e0e;
}

img.services-shape1 {
  position: absolute;
  top: 68px;
  left: 0;
  width: 20%;
  z-index: -1;
}

img.services-shape2 {
  position: absolute;
  top: 63px;
  right: -60px;
  width: 60%;
  z-index: -1;
}

img.services-shape3 {
  position: absolute;
  top: 62%;
  left: 0;
  width: 46%;
  z-index: -1;
}

img.services-shape4 {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  z-index: -1;
}

img.services-shape5 {
  position: absolute;
  top: 0;
  left: 24%;
  width: 34%;
  z-index: -1;
}

img.services-shape6 {
  position: absolute;
  top: 30%;
  left: 0%;
  width: 44%;
  z-index: -1;
}

img.services-shape7 {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 44%;
  z-index: -1;
}

section.services-banner {
  position: relative;
}

section.services-banner .container {
  position: relative;
  z-index: 1;
}

section.services-banner h6 {
  position: relative;
  padding: 6px 0 6px 15px;
  color: #fff;
}

section.services-banner h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

section.services-banner h2,
section.services-banner h1 {
  color: #fff;
  margin-top: 2%;
  font-size: 32px;
  font-weight: 500;
}

section.services-banner h2>span {
  display: block;
}

section.services-banner p {
  color: #fff;
  line-height: 1.6;
  max-width: 530px;
  font-weight: 500;
  margin-top: 2%;
}

section.services-banner a {
  margin-top: 2.5%;
}

section.services-banner a:focus {
  color: #ffffff;
  background: #f30e0e;
}

section.service-tab-section .home-tab-inner p {
  width: 156px;
}

section.service-tab-section .home-tab-inner ul {
  width: calc(100% - 196px);
  margin: 0;
}

section.service-tab-section .home-tab-content .tab-pane {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

section.service-tab-section .tab-content-img img {
  width: 50%;
  margin: 0 auto;
  display: block;
}

section.featured-services.featured-services2 {
  padding-bottom: 0;
}

section.acheive-section h2 span>i {
  display: block;
  font-style: normal;
}

.acheive-card:last-child {
  margin-right: 0;
}

.acheive-card {
  padding: 30px 25px 70px;
  border: 1px solid #cecece;
  position: relative;
  margin-right: 25px;
  margin-bottom: 25px;
}

.acheive-card:nth-child(4n + 4) {
  margin-right: 0;
}

.acheive-card h5 {
  line-height: 1.6;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.acheive-card h5>span {
  display: block;
}

.acheive-card p {
  color: #838383;
  margin-top: 7%;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.acheive-card a {
  color: #f30e0e;
  margin-top: 6%;
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 25px;
}

.acheive-card a img {
  width: auto;
  display: inline-block;
  margin-left: 5px;
}

.acheive-card a img.hover-img,
.acheive-card:hover a img.normal-img {
  display: none;
}

.acheive-card:hover a img.hover-img {
  display: inline-block;
}

.acheive-grid,
.capabilities-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  text-align: left;
  margin-top: 2%;
}

.acheive-card,
.capabilities-card {
  width: calc((100% - 75px) / 4);
  background: #fff;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.acheive-card {
  background: #fcfcfc;
  min-height: 300px;
}

.servicecta-carousel .capabilities-card,
.acheivecta-carousel .acheive-card {
  width: 100%;
  margin: 0;
  height: 100%;
  position: relative;
}

.servicecta-carousel .capabilities-url {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.servicecta-carousel.owl-carousel .owl-stage-outer,
.acheivecta-carousel.owl-carousel .owl-stage-outer {
  padding-left: 2px;
}

.servicecta-carousel .owl-item,
.acheivecta-carousel .owl-item {
  padding: 0 2px;
}

.servicecta-carousel.owl-carousel .owl-stage,
.acheivecta-carousel.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.servicecta-carousel .owl-next,
.acheivecta-carousel .owl-next {
  left: auto;
  right: -15px;
}

.servicecta-carousel .owl-prev,
.acheivecta-carousel .owl-prev {
  left: -15px;
}

.acheivecta-carousel .owl-item a img {
  width: auto;
  display: inline;
}

.acheive-card:hover {
  background: #f30e0e;
  border-color: #f30e0e;
}

.capabilities-card {
  border: 1px solid #cecece;
  margin-right: 25px;
  margin-bottom: 25px;
}

.capabilities-card img {
  width: 100%;
}

.capabilities-card:nth-child(4n) {
  margin-right: 0;
}

.capabilities-content {
  padding: 20px;
}

.capabilities-card:hover {
  background: #f30e0e;
}

.capabilities-card:hover .capabilities-content {
  border-color: #f30e0e;
}

.capabilities-content h5 {
  line-height: 31px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.capabilities-card:hover .capabilities-content h5,
.capabilities-card:hover .capabilities-content p,
.capabilities-card:hover a,
.acheive-card:hover h5,
.acheive-card:hover p,
.acheive-card:hover a {
  color: #fff;
}

.capabilities-content h5>span {
  display: block;
}

.capabilities-content p {
  color: #838383;
  margin-top: 8px;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

section.capabilities-section,
section.impact-client-section {
  padding: 4% 0;
  text-align: center;
  position: relative;
}

section.acheive-section {
  text-align: center;
  position: relative;
}

.individual_solution {
  position: relative;
  text-align: center;
}

.individual_solution .shortdesc {
  max-width: 1000px;
  width: 100%;
  margin: 20px auto 0;
  font-size: 17px;
  font-family: Gordita;
}

.individual_solution .main-btn {
  margin-top: 20px;
}

.individual_solution .solutionrow {
  margin: 30px -15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.individual_solution .solutioncol {
  width: calc(100% / 3);
  padding: 0 15px;
}

.individual_solution .solutionwrap {
  padding: 15px 10px 15px;
  border: 1px solid #cecece;
  text-align: left;
  height: 100%;
}

.individual_solution .solutionlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.individual_solution .solutionlist li {
  background: url(../img/check.png) 0px 10px no-repeat;
  padding: 3px 3px 3px 40px;
  font-size: 16px;
  color: #3d3d3d;
  line-height: 1.4;
  margin-bottom: 14px;
}

.impact-client-inner {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  margin: 20px 0;
}

.impact-client-card,
.impact-client-card2,
.impact-client-card3 {
  background: #fdfdfd;
  border: 1px solid #cecece;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: calc(50% - 20px);
  padding: 20px 40px;
}

.impact-client-card h6 {
  position: relative;
  padding: 6px 0 6px 15px;
}

.impact-client-card h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.impact-client-card h2 {
  margin-top: 7%;
  font-size: 60px;
}

.impact-client-card p {
  margin-top: 2%;
}

.impact-client-card2 {
  margin-top: 40px;
  padding: 0;
  border: 0;
}

.impact-client-card2 h6 {
  padding: 16px 25px 12px;
  border: 1px solid #cecece;
  border-top: 0;
  line-height: 1.5;
  position: relative;
}

.impact-client-card2 .home-featured-card-img {
  padding: 51.31% 0;
}

.impact-client-card3 {
  margin-top: 40px;
}

.impact-client-card3 img {
  width: 100%;
}

.impact-client-card3 h6 {
  margin-top: 30px;
}

.impact-client-card3 p {
  margin-top: 20px;
}

section.home-about-section.services-about-section {
  padding-bottom: 0;
}

.owl-carousel .owl-video-tn {
  background-size: cover;
  padding-bottom: 54.5%;
}

.owl-video-frame {
  position: relative;
  padding-bottom: 54.5%;
  height: 0;
}

.owl-video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.deskstories-carousel {
  position: relative;
}

.deskstories-carousel .stories-left {
  padding-bottom: 50px;
}

/* career form hub */
input#LEGAL_CONSENT\.subscription_type_11449860-97172120-6aa7-4b34-ab89-919ca8a723fb {
  width: auto;
}

li.hs-form-booleancheckbox {
  list-style: none;
}

/********************Media Coverage Page************************/

ul#tabs-nav {
  display: flex;
  justify-content: center;
  line-height: normal;
  margin: 0 0 50px;
  height: auto;
}

ul#tabs-nav li {
  list-style: none;
  line-height: normal;
  margin: 0 5px;
}

ul#tabs-nav li a {
  padding: 10px 40px;
  border: 1px solid #f8f8f8;
  border-radius: 50px;
  color: #e63f36;
  background: #f8f8f8;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
}

ul#tabs-nav li.active a {
  background: #e63f36;
  color: #fff;
}

@media (max-width: 767px) {
  ul#tabs-nav li a {
    padding: 10px;
    font-size: 12px;
  }
}

@media (max-width: 1600px) {
  .deskstories-carousel .stories-right {
    width: 60%;
  }

  .deskstories-carousel .stories-left {
    width: 40%;
    margin-bottom: 1px;
  }

  .deskstories-carousel .stories-section .owl-dots {
    bottom: 32px;
  }
}

@media (max-width: 1200px) {
  .deskstories-carousel .stories-right {
    width: 60%;
  }

  .deskstories-carousel .stories-left {
    width: 40%;
  }

  .stories-left .stories-carousel {
    padding: 20px;
  }

  .stories-section .slick-dots {
    padding-left: 20px;
  }

  .deskstories-carousel.owl-carousel .owl-video-tn {
    padding-bottom: 62.5%;
  }
}

section.ux-service-tab-section .tab-content-img img {
  -ms-transform: translateX(-13%);
  transform: translateX(-13%);
  -webkit-transform: translateX(-13%);
  -moz-transform: translateX(-13%);
}

.industry-main {
  text-align: center;
}

.industry-main p {
  font-size: 18px;
  max-width: 1000px;
  margin: 20px auto 0;
}

.industry-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  margin: 25px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.industry-card {
  width: 32%;
  margin: 25px 0px;
  height: auto;
  background-size: cover;
  background-position: center top;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: none;
  min-height: 283px;
}

.logo-desgin .industry-card {
  margin: 35px 0px;
}

.industry-card.cardbgimage {
  position: relative;
  z-index: 0;
}

.industry-card.cardbgimage:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78);
  z-index: -1;
}

.industry-card.cardbgimage h5 {
  color: rgba(255, 255, 255, 0.9);
}

.industry-card.cardbgimage p {
  color: rgba(255, 255, 255, 0.6);
}

section.acheive-section.industry-acheive-section {
  padding: 4% 0;
}

section.industry-acheive-section .acheive-card {
  background: #fcfcfc;
}

section.industry-acheive-section .acheive-card:hover {
  background: #f30e0e;
}

img.industry-shape1 {
  width: 44%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

img.industry-shape2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  z-index: -1;
}

section.service-tab-section .home-tab-content.ecommerce-industry-technology .tab-content-img img {
  width: 80%;
  -ms-transform: translateX(5%);
  transform: translateX(5%);
  -webkit-transform: translateX(5%);
  -moz-transform: translateX(5%);
}

section.banner-section.contact-banner-section .banner-content {
  text-align: center;
  width: 100%;
}

section.banner-section.contact-banner-section .banner-content h6 {
  color: #fff;
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

section.banner-section.contact-banner-section .banner-content h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40%;
  right: 40%;
  height: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

section.contact-section {
  position: relative;
}

img.contact-shape1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  z-index: -1;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.contact-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
}

.contact-left {
  width: 48%;
  box-shadow: -1px 2px 42px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 2px 42px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 2px 42px rgba(0, 0, 0, 0.1);
  padding: 5%;
}

.contact-inner h6 {
  position: relative;
  display: inline-block;
  padding-bottom: 15px;
}

.contact-inner h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 80%;
  height: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.contact-inner h3 {
  margin-top: 15px;
  font-weight: 500;
}

.contact-left select {
  background: url(../img/down-arrow2.svg) no-repeat right #f9f9f9;
  background-position-x: 96%;
  background-repeat: no-repeat;
  background-size: 14px;
}

.contact-right {
  width: 48%;
  padding: 5%;
}

.contact-right p {
  margin-top: 15px;
  font-size: 14px;
}

.contact-right ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  margin: 25px 0;
  color: #464646;
}

.contact-right ul li i {
  width: 50px;
  height: 50px;
  border: 1px solid #fe0000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact-right ul li i img {
  width: 20px;
}

.contact-right ul li .span {
  width: calc(100% - 70px);
}

.contact-right ul li .span a {
  color: #464646;
}

.contact-right ul li .span a:hover {
  color: #fe0000;
}

.contact-details-section {
  text-align: center;
  position: relative;
}

img.contact-details-shape1 {
  position: absolute;
  top: 0;
  left: 19%;
  width: 40%;
  z-index: -1;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

img.contact-details-shape2 {
  position: absolute;
  top: 30%;
  right: 0;
  width: 61%;
  z-index: -1;
}

.contact-details-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contact-details-card {
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  background: #fcfcfc;
  border: 1px solid #cecece;
  width: 32%;
  margin-top: 2%;
  position: relative;
  text-align: left;
}

.contact-details-card:nth-child(3n + 2) {
  margin-left: 2%;
  margin-right: 2%;
}

.contact-details-img img {
  width: 100%;
}

.contact-details-content {
  padding: 7% 7% 20%;
}

.contact-details-card p {
  font-weight: 500;
  margin-top: 10px;
  color: #838383;
  max-width: 100%;
  min-height: 81px;
}

.contact-details-card h6 {
  margin-top: 20px;
}

.contact-details-card a {
  color: #3d3d3d;
}

.contact-details-card a:hover {
  color: #fe0000;
}

.contact-details-card .contact-details-content>a {
  margin-top: 20px;
  display: block;
  color: #fe0000;
  position: absolute;
  bottom: 30px;
}

.contact-details-content h6 {
  font-size: 18px;
}

.contact-details-card .contact-details-content>a img {
  width: 20px;
  position: relative;
  top: 0;
  vertical-align: sub;
  margin-right: 3px;
}

.contact-left .hbspt-form {
  margin-top: 20px;
}

section.about-banner-section {
  text-align: center;
  padding: 5% 0 8%;
  position: relative;
}

section.about-banner-section:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
}

section.about-banner-section .container {
  position: relative;
  z-index: 1;
}

img.about-shape1 {
  position: absolute;
  top: 0;
  left: 11%;
  z-index: -1;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  width: 48%;
}

img.about-shape2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
  z-index: -1;
}

section.about-banner-section .container img {
  width: 100px;
  display: block;
  margin: 0 auto;
}

section.about-banner-section h6 {
  position: relative;
  display: inline-block;
  padding-bottom: 9px;
  margin-top: 30px;
  color: #fff;
}

section.about-banner-section h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  right: 30%;
  height: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

img.about-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

section.about-banner-section h3 {
  font-weight: 500;
  margin-top: 30px;
  color: #fff;
}

section.about-banner-section h3>span {
  display: block;
}

section.team-section {
  position: relative;
  padding: 4% 0 2%;
  text-align: center;
  background: #fdfdfd;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

.team-section .teamsubtitle {
  font-weight: bold;
  font-size: 20px;
}

.team-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 5%;
  /* -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; */
}

.team-card {
  width: calc(100% / 5 - 20px);
  margin-bottom: 30px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
}

.team-grid.display-hide {
  display: none;
}

.team-img-wrap {
  max-width: 200px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.team-img {
  position: relative;
  padding: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ccc;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.team-img img {
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
}

.team-img-wrap .teamsociallinks {
  position: absolute;
  right: 14px;
  bottom: 9px;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #1e77b7;
  margin-left: -15px;
  box-shadow: 0 0 5px #00000054;
  border-radius: 22px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-img-wrap .teamsociallinks:hover {
  background: #1e77b7;
  color: #fff;
}

.team-card:hover .team-img img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.team-card:hover .team-img {
  transform: scale(1.1);
}

.team-content {
  padding: 0 10px 20px;
}

.team-content h6>span {
  color: #fe0000;
}

.team-content h6>span>i {
  font-style: normal;
  color: #232323;
  display: block;
  margin-top: 4px;
  font-size: 16px;
}

.team-content h6 a>i {
  border: 1px solid #fe0000;
  color: #fe0000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.team-content p {
  font-size: 16px;
  font-weight: 500;
  color: #838383;
  margin-top: 0;
}

section.team-section.communication-culture {
  border: 0;
  padding-bottom: 0;
}

section.team-section.communication-culture section.culture-photo-section {
  margin-top: 50px;
}

section.team-section.communication-culture a.main-btn {
  margin-top: 50px;
}

section.team-section img.services-shape1 {
  top: 0;
  z-index: 2;
}

section.our-team-section {
  padding: 8% 0 0;
  text-align: center;
  position: relative;
}

section.our-team-section:last-child {
  padding-bottom: 8%;
}

section.our-team-section img.services-shape5 {
  left: 36%;
}

section.our-team-section img.services-shape7 {
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  right: auto;
  left: 0;
  width: 32%;
}

.our-team-card {
  text-align: left;
  background: #fcfcfc;
  border: 1px solid #cecece;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.our-team-card .team-content {
  margin: 0px;
  padding: 20px;
}

.team-carousel {
  margin-top: 3%;
}

.team-carousel .owl-next {
  left: auto;
  right: -20px;
}

.team-carousel .owl-prev {
  left: -20px;
}

.blog-section {
  padding: 10% 0 0;
  position: relative;
}


@media (max-width: 567px) {
  .blog-section {
    padding: 20% 0 0;
  }
}

img.blog-shape1 {
  position: absolute;
  left: 0;
  top: 26%;
  z-index: -1;
  width: 40%;
}

img.blog-shape2 {
  position: absolute;
  left: 0;
  top: -12%;
  z-index: -1;
  width: 34%;
}

.blog-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.blog-left {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-left .blogmaintitle {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.blog-left .blogmaintitle:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.blog-main-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #cecece;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-img {
  width: 100%;
  overflow: hidden;
}

.blog-main-card .blog-img {
  width: 60%;
}

.blog-img img {
  height: 100%;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  vertical-align: middle;
  max-height: 299px;
}

.blog-card:hover .blog-img img {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.blog-card:hover .blog-content i img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.blog-main-card .blog-img img {
  /* -o-object-fit: inherit;
    object-fit: inherit; 
    height: 100%;*/
  max-height: inherit;
}

.blog-main-card:hover .blog-img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.blog-content {
  width: 100%;
  background: #fcfcfc;
  border: 1px solid #cecece;
  border-left: 0;
  padding: 5% 10% 5% 5%;
  position: relative;
}

.blog-main-card .blog-content {
  border: 0;
  width: 40%;
  padding: 20px 20px;
}

.blog-content h6 {
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.blog-content p {
  font-weight: 500;
  color: #1f1f1f;
  margin-top: 18px;
}

.blog-content i {
  position: absolute;
  right: 5%;
  bottom: 12px;
  font-style: normal;
}

.blog-content img {
  width: 30px;
}

.blog-card {
  width: calc(50% - 10px);
  margin-top: 20px;
}

.blog-card .blog-img,
.blog-card .blog-content {
  width: 100%;
}

.blog-card .blog-img {
  border: 1px solid #cecece;
}

.blog-card .blog-content {
  border-top: 0;
  position: relative;
  border-left: 1px solid #cecece;
  min-height: 94px;
}

.blog-card .blog-content a {
  right: 7%;
  bottom: 25%;
}

ul.pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0 0 0;
}

ul.pagination li {
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 44px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
}

ul.pagination li.active {
  color: #fff;
  background: #ff0000;
  font-weight: 500;
}

ul.pagination i {
  color: #ff0000;
  margin: 0 20px;
  font-size: 30px;
  cursor: pointer;
}

.blog-right {
  width: 26%;
}

.blog-right-top,
.blog-right-bottom {
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
}

.blog-right-top h6 {
  padding: 26px 18px 0;
  position: relative;
}

.blog-right-top form {
  padding: 0px 18px 26px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-right-top form .form-group {
  position: relative;
}

.blog-right-top form .form-group input {
  padding: 10px 10px 8px 35px;
  height: 38px;
}

.blog-right-top form .form-group img {
  position: absolute;
  top: 13px;
  left: 14px;
  width: 14px;
  cursor: pointer;
}

.blog-right-top ul {
  padding: 18px 18px;
  margin: 0;
}

#prespective-section h4 a {
  position: unset;
  color: #000;
  margin-right: 0px;
  transition: all 0.3s ease-in-out;
  -webkit-ransition: all 0.3s ease-in-out;
  -moz-ransition: all 0.3s ease-in-out;
}

#prespective-section h4 a:hover {
  color: #f30e0e;
}

.blog-right-top ul li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
}

.blog-right-top ul li a {
  color: #1f1f1f;
  padding: 8px 0;
  display: block;
}

.blog-right-top ul li a:hover {
  color: #f30e0e;
}

.blog-right-bottom {
  margin-top: 30px;
}

.blog-right-bottom h6 {
  padding: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-right-bottom ul li {
  list-style: none;
}

.blog-right-bottom ul li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.blog-right-bottom ul li:last-child a {
  border: 0;
}

.popular-img {
  width: 80px;
}

.popular-content {
  width: calc(100% - 100px);
  font-size: 14px;
}

span.popular-content img {
  width: 30px;
  margin-left: 5px;
  vertical-align: middle;
}

.blog-details h1,
.blog-details h2,
.blog-details h3,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
  margin-top: 18px;
  line-height: initial;
}

.blog-details h3,
.blog-details h2,
.blog-details h4,
.blog-details h5,
.blog-details h6 {
  font-weight: bold;
}

.blog-details h2 {
  font-size: 30px;
}

.blog-details h3 {
  font-size: 26px;
  font-weight: 500;
}

.blog-details h4 {
  font-size: 22px;
  font-weight: 500;
}

.blog-details h5 {
  font-size: 20px;
}

.blog-details h6 {
  font-size: 16px;
}

.blog-details h1+p,
.blog-details h2+p,
.blog-details h3+p,
.blog-details h4+p,
.blog-details h5+p,
.blog-details h6+p {
  margin-top: 0;
}

.blog-details .blog-title h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-details a {
  color: #ff0000;
}

.blog-details h1 a,
.blog-details-bottom ul li i {
  font-style: normal;
  border: 1px solid #fe0000;
  color: #fe0000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 10px 10px 7px;
  display: block;
  font-size: 12px;
}

.blog-details-bottom ul li i {
  padding: 4px 0;
}

.blog-details .blog-title h1 span {
  width: calc(95% - 130px);
}

.blog-details img {
  margin-top: 25px;
}

.blog-details p,
.blog-details {
  color: #1f1f1f;
}

.blog-details-bottom {
  border-top: 1px solid #efefef;
  margin-top: 30px;
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-details-bottom ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 !important;
}

.blog-details-bottom a.emerging-btn {
  font-style: normal;
  border: 1px solid #fe0000;
  color: #fe0000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 10px 10px 7px;
  display: block;
  font-size: 12px;
}

.blog-details-bottom a.download-pdf {
  border: 1px solid #fe0000;
  font-weight: 500;
  color: #fe0000;
  padding: 10px 14px 7px;
  display: block;
  font-size: 12px;
}

.blog-details-bottom a.download-pdf i {
  margin-left: 5px;
}

.blog-details-bottom a.emerging-btn:hover,
.blog-details-bottom a.download-pdf:hover {
  background: #fe0000;
  color: #fff;
}

.blog-details ul,
.blog-details ol {
  font-weight: 500;
  color: #1f1f1f;
  margin: 18px 0 0 0;
  padding-left: 30px;
}

.blog-details-bottom ul li {
  margin: 0 5px;
}

.blog-details-bottom ul li i {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 27px;
  -webkit-transition: 300ms ease;
  -o-transition: 300ms ease;
  transition: 300ms ease;
  outline: 0;
}

.blog-details-bottom ul li a:hover i {
  background: #fe0000;
  color: #fff;
}

.releated-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

section.related-blog-section .blog-card {
  width: calc((100% - 40px) / 3);
}

section.related-blog-section .blog-card:nth-child(3n + 2) {
  margin-left: 20px;
  margin-right: 20px;
}

.awards-details {
  position: relative;
  padding-bottom: 4%;
}

.awards-details::after {
  content: "";
  position: absolute;
  top: 0%;
  bottom: 0;
  background: #bbb;
  width: 1px;
}

.award-year {
  border: 1px solid #fe0000;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  line-height: 70px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 2;
  margin-top: 2%;
}

.award-year:after {
  content: "";
  position: absolute;
  background: #fe0000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  bottom: -30px;
  left: calc(50% - 7.5px);
}

section.culture-about-section img.home-shape5 {
  top: 0;
  left: 0;
  right: auto;
  width: 39%;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.culture-img {
  position: relative;
}

.culture-img img {
  width: 100%;
}

.culture-img img:nth-child(2) {
  margin-top: 10px;
}

.culture-img:nth-child(2) img,
.culture-img:nth-child(4) img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.culture-img:nth-child(3) img:nth-child(1) {
  height: 63%;
  -o-object-fit: cover;
  object-fit: cover;
}

.culture-img:nth-child(3) img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  -o-object-fit: cover;
  object-fit: cover;
}

section.free-culture-section {
  text-align: center;
  position: relative;
}

section.free-culture-section img.home-shape5 {
  bottom: 0;
  top: auto;
}

img.culture-shape {
  position: absolute;
  top: 20%;
  left: 0;
  width: 30%;
  z-index: -1;
}

.free-culture-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5%;
}

.free-culture-content {
  width: 60%;
  padding: 5%;
  text-align: left;
  background: #fcfcfc;
  border: 1px solid #cecece;
}

.free-culture-content h4 {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 30px;
}

.free-culture-content h4:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.free-culture-content p {
  margin-top: 20px;
  color: #1f1f1f;
}

.free-culture-img {
  width: 40%;
}

.free-culture-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

section.consultation-section.culture-consultation-section {
  color: #263238;
  border-bottom: 1px solid #cecece;
  padding: 2% 0 4%;
}

section.consultation-section.culture-consultation-section>span {
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
  font-weight: 600;
  color: #fff;
  font-size: 50px;
}

section.consultation-section.culture-consultation-section>span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

section.consultation-section.culture-consultation-section h2 {
  color: #fff;
  margin-top: 20px;
  font-weight: 500;
}

section.home-tab-section.service-tab-section.career-section img.services-shape1 {
  top: 0;
}

section.parks-section img.home-shape5 {
  bottom: 0;
  width: 33%;
  top: auto;
}

section.parks-section img.contact-details-shape1 {
  left: 17%;
  width: 46%;
}

section.career-photo-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 8%;
}

.career-img:nth-child(1) {
  width: 23.6%;
}

.career-img:nth-child(2) {
  width: 13.2%;
}

.career-img:nth-child(3) {
  width: 36.8%;
}

.career-img:nth-child(4) {
  width: 25%;
}

.career-img img:nth-child(2) {
  margin-top: 10px;
}

section.featured-job-section {
  text-align: center;
  position: relative;
}

section.featured-job-section img.culture-shape {
  top: 0;
}

section.featured-job-section form,
section.featured-job-section form>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2%;
  width: 100%;
}

section.featured-job-section form,
section.featured-job-section form ul li {
  text-align: left;
}

section.featured-job-section form .form-group,
section.featured-job-section form>ul>li {
  margin-top: 0;
  width: calc((100% - 60px) / 4);
}

section.featured-job-section form>ul>li label {
  width: 100%;
}

section.featured-job-section form>ul>li label input {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  padding: 12px 10px 10px;
  outline: none;
  width: 100% !important;
  font-weight: 500;
}

section.featured-job-section form select,
section.featured-job-section form>ul>li .chosen-container.chosen-container-single {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
  padding: 12px 10px 10px;
  outline: none;
  width: 100% !important;
}

section.featured-job-section form>ul>li .chosen-container-single .chosen-single {
  height: auto;
  background: transparent;
  border: 0;
  outline: none;
  text-align: left;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.featured-job-grid {
  margin-top: 40px;
}

.featured-job-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  -webkit-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  -moz-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  margin: 2% 0;
  padding: 30px 40px 30px 50px;
  background: #fff;
}

.featured-job-card:nth-child(odd) {
  box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  -webkit-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  -moz-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 50%);
  background: #fff;
  margin: 3% 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
}

.featured-job-content span {
  text-transform: uppercase;
  font-size: 12px;
}

.featured-job-content h6 {
  color: #333333;
  margin-top: 7px;
}

.featured-job-content p {
  font-size: 13px;
  margin-top: 7px;
}

section.case-banner-section {
  overflow: hidden;
}

.case-banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}

img.case-shape1 {
  position: absolute;
  top: 0;
  left: -14%;
  width: 73%;
  z-index: -1;
  height: 100vh;
}

.case-banner-img {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.case-banner-content {
  width: 48%;
}

.case-banner-content h6 {
  position: relative;
  padding: 6px 0 6px 15px;
}

.case-banner-content h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.case-banner-content h2 {
  margin-top: 3%;
}

.case-banner-content>h2>span {
  display: block;
}

.case-banner-content p {
  line-height: 1.6;
  margin-top: 3%;
  max-width: 360px;
}

.case-banner-content ul.case-list1 {
  background: -o-linear-gradient(354.17deg,
      rgba(255, 227, 227, 0.15) -44.03%,
      rgba(255, 249, 198, 0.22) 176.59%);
  background: linear-gradient(95.83deg,
      rgba(255, 227, 227, 0.15) -44.03%,
      rgba(255, 249, 198, 0.22) 176.59%);
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4%;
  width: 340px;
}

.case-banner-content ul.case-list1 li {
  list-style: none;
}

.case-banner-content ul.case-list1 li:nth-child(2) {
  border-left: 1px solid #cfcfcf;
  padding: 0 14%;
}

.case-banner-content ul.case-list1 li>span {
  display: block;
  font-weight: 500;
}

.case-banner-content ul.case-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
}

.case-banner-content ul.case-list2 li {
  position: relative;
  list-style: none;
  padding-left: 19px;
  margin-left: 10%;
}

.case-banner-content ul.case-list2 li:first-child {
  margin-left: 0;
}

.case-banner-content ul.case-list2 li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #f30e0e;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.case-banner-content ul.case-list2 li>span {
  display: block;
}

.case-banner-content .impact-client-inner {
  padding: 0;
  margin-top: 5%;
}

.case-banner-content .impact-client-card {
  padding: 20px;
}

.case-banner-content .impact-client-card h6 {
  font-size: 14px;
}

.case-banner-content .impact-client-card h2 {
  margin-top: 7%;
  font-size: 40px;
}

.case-banner-content .case-banner-content p {
  margin-top: 0%;
  font-size: 14px;
}

.case-banner-content form {
  width: 80%;
}

.case-banner-content form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 7%;
}

.case-banner-content form ul li:nth-child(2) {
  margin: 0 7%;
}

.case-banner-content form ul li.main-btn {
  padding: 10px 30px 6px;
  cursor: pointer;
}

.case-banner-content form ul li.main-btn i {
  margin-left: 7px;
}

.case-banner-content form ul li:last-child {
  box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  -moz-box-shadow: 0 0 10px #ccc;
  padding: 10px 30px 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #fff;
  cursor: pointer;
}

section.goal-section {
  padding: 8% 0 0;
}

.goal-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.goal-img,
.goal-content {
  width: 46%;
}

.goal-content h3 {
  line-height: 60px;
  color: #3d3d3d;
  position: relative;
  padding-bottom: 10px;
}

.goal-content h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.goal-content p {
  margin-top: 20px;
  color: #1f1f1f;
}

.goal-content ul {
  background: -o-linear-gradient(354.17deg,
      rgba(255, 227, 227, 0.15) -44.03%,
      rgba(255, 249, 198, 0.22) 176.59%);
  background: linear-gradient(95.83deg,
      rgba(255, 227, 227, 0.15) -44.03%,
      rgba(255, 249, 198, 0.22) 176.59%);
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6%;
}

.goal-content ul li {
  list-style: none;
}

.goal-content ul li:nth-child(2) {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  padding: 0 14%;
}

.goal-content ul li>span {
  display: block;
  font-weight: 500;
}

.goal-content a {
  background: #fff;
  border: 2px solid #f30e0e;
  color: #f30e0e;
  margin-top: 6%;
}

.goal-content a:hover {
  background: #f30e0e;
  color: #fff;
}

.problem-section {
  padding: 8% 0 0;
  text-align: center;
}

.problem-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  margin-top: 6%;
}

.problem-card {
  width: calc((100% - 40px) / 3);
  background: #fcfcfc;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 0 30px 30px;
  position: relative;
}

.problem-card i {
  background: #ffffff;
  border: 2px solid #fe0000;
  color: #fe0000;
  font-style: normal;
  width: 50px;
  display: block;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-top: -25px;
}

.problem-card h6 {
  font-weight: 500;
  color: #3d3d3d;
  margin-top: 24px;
  line-height: 1.5;
}

.problem-card h6>span {
  display: block;
}

.problem-card p {
  font-size: 17px;
  margin-top: 4%;
  line-height: 1.7;
  color: #838383;
}

section.case-solution-section {
  padding: 8% 0 0;
}

.case-solution-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.case-solution-content {
  width: 50%;
}

.case-solution-content h2 {
  line-height: 60px;
  position: relative;
  padding-bottom: 10px;
}

.case-solution-content h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.case-solution-content p {
  margin-top: 4%;
  line-height: 1.87;
  color: #000;
}

.case-solution-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5%;
}

.case-solution-content ul li {
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 3%;
}

.case-solution-content ul li img {
  width: 30px;
}

.case-solution-btn {
  margin-top: 5%;
}

.case-solution-btn a.download-pdf {
  border: 1px solid #fe0000;
  font-weight: 500;
  color: #fe0000;
  padding: 17px 20px 17px;
  font-size: 15px;
  display: inline-block;
  margin-left: 10px;
}

.case-solution-img {
  width: 45%;
}

section.difference-section {
  padding: 8% 0 0;
  text-align: center;
}

.difference-carousel {
  text-align: left;
  margin-left: calc((100% - 1140px) / 2);
  margin-top: 4%;
}

.difference-carousel .owl-stage {
  padding-left: 0 !important;
}

.difference-carousel .item {
  position: relative;
}

.difference-carousel .item:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 1px;
  background: #bbb;
  z-index: -1;
}

.difference-carousel .owl-item:last-child .item:after {
  display: none;
}

.difference-carousel .item i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #ef0000;
  display: block;
}

.difference-carousel h6 {
  font-weight: 500;
  color: #3d3d3d;
  margin-top: 24px;
  line-height: 1.5;
}

.difference-carousel h6>span {
  display: block;
}

.difference-carousel p {
  margin-top: 4%;
  line-height: 1.7;
  color: #838383;
  padding-right: 10%;
}

section.job-header {
  padding: 40px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.job-header-inner {
  padding: 0 0 0 5%;
}

.job-header-inner span {
  text-transform: uppercase;
}

.job-header-inner h6 {
  margin: 8px 0;
}

.job-header-inner p {
  font-size: 14px;
}

section.job-mid-section {
  padding: 40px 0;
}

.job-mid-inner {
  padding: 0 0 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.job-left {
  width: 70%;
}

.job-left-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.job-left-inner ul li {
  width: 50%;
  list-style: none;
  font-size: 14px;
}

.job-left-inner ul li span {
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
}

.job-left>ul {
  margin: 0 0 70px;
}

.job-left>ul li {
  list-style: none;
  font-size: 14px;
  margin-top: 14px;
  padding-left: 30px;
  position: relative;
}

.job-left>ul li:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(../img/check.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  width: 20px;
  height: 17px;
}

body.job-template-default section.main-section {
  overflow: visible;
  padding-top: 85px;
}

.job-left .job_desc {
  margin-bottom: 20px;
  font-weight: normal;
}

.job-left .job_desc p:not(:last-child) {
  margin-bottom: 20px;
}

.job-right {
  width: 26%;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: -1px 2px 34px rgba(0, 0, 0, 0.06);
  padding: 10px 20px 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

section.career-photo-section.job-career-photo-section {
  padding: 0 0 5px;
}

section.error-section {
  text-align: center;
  padding: 40px 0 0;
}

.error-inner img {
  width: 80%;
}

.error-inner h4 {
  margin-top: 40px;
}

section.error-section.thank-you h1 {
  color: #f52003;
  font-size: 80px;
}

section.error-section.thank-you .error-inner h4 {
  margin-top: 20px;
}

section.error-section.thank-you {
  padding: 10% 0;
}

#pinContainer {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

#slideContainer {
  width: 500%;
  height: 100%;
}

.panel {
  height: 100%;
  width: 20%;
  float: left;
}

.home-services.services-section1 p.main-paragraph {
  line-height: 1.87;
  color: #000000;
  margin: 20px auto 0;
}

.partner-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
}

.partner-grid .partner-card {
  background: #fff;
  border: 1px solid #cecece;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  width: calc((100% - 60px) / 3);
  margin-top: 30px;
  text-align: left;
  position: relative;
}

.partner-grid .partner-card .linkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.partner-grid .partner-card .partner-img {
  text-align: center;
  padding: 10px;
}

.partner-grid .partner-card:nth-child(3n + 2) {
  margin-left: 30px;
  margin-right: 30px;
}

.partner-grid .partner-card .partner-content {
  padding: 14px 20px 10px;
  border-top: 1px solid #cecece;
  background: #fcfcfc;
}

.partner-grid .partner-card .partner-content h5 {
  position: relative;
}

.partner-grid .partner-card .partner-content h5 img {
  width: 30px;
  right: 0;
  position: absolute;
  top: 7px;
}

.case-study-landing .home-featured-inner>div {
  margin-top: 30px;
}

.case-study-landing .home-featured-inner>div:nth-child(1),
.case-study-landing .home-featured-inner>div:nth-child(2),
.case-study-landing .home-featured-inner>div:nth-child(3) {
  margin-top: 0px;
}

section.case-study-landing.case-study-landing2.section .home-featured-inner {
  margin: 0;
}

section.banner-section.banner-section-search {
  min-height: 60vh;
}

.banner-section-search .banner-content h1>span {
  display: inline;
}

section.search-section {
  padding: 50px 0;
  font-weight: 400;
}

section.search-section a {
  color: #fe0000;
}

.search-section .filter {
  float: left;
  width: 30%;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: none;
}

.search-section .filter h4 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.search-section .filter a.active {
  color: #000000;
  pointer-events: none;
}

.search-section .filter label::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 4px;
  border: 1px solid #ccc;
}

.search-section .filter label::after {
  content: "\f00c";
  position: absolute;
  left: 3px;
  display: none;
  color: #fe0000;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  top: 7px;
}

.search-section .filter li {
  position: relative;
  padding: 5px 30px;
  margin-bottom: 10px;
  cursor: pointer;
}

.search-section .filter input {
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0px;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.search-section .filter input:checked+label::after {
  display: block;
}

.search-results .search-box {
  float: left;
  width: 100%;
  padding: 0 30px;
}

.search-results .search-box .item-block {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #cecece;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

.search-results .item-block img {
  width: 30px;
  position: relative;
  top: -2px;
}

.clearfix {
  clear: both;
}

.full-screen {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

#panels {
  overflow: hidden;
}

#panels #panels-container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
}

#panels #panels-container .panel {
  width: 100%;
  height: 100vh;
}

.case-banner-content form ul .main-btn {
  display: inline-block;
  width: auto;
}

.banner_search .search-form {
  max-width: 430px;
  margin: 0 auto;
  position: relative;
}

.banner_search .search-field {
  text-align: left;
}

.banner_search .blogsearchbutton {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  cursor: pointer;
  background: url(../img/search.svg) 50% 50% no-repeat;
  text-indent: -9999px;
  border: 0;
  outline: 0;
  height: 44px;
  padding-left: 40px;
}

.banner_search .blogsearchbutton:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.default_page {
  padding: 30px;
  display: block;
}

.default_page .tab-pane {
  padding: 40px 0;
}

.default_page h2,
.default_page h3,
.default_page h4,
.default_page h5 {
  font-weight: bold;
}

.default_page h2,
.default_page h3 {
  margin-top: 25px;
}

.default_page h4,
.default_page h5 {
  margin-top: 20px;
}

.default_page p,
.default_page ul,
.default_page ol {
  margin-top: 10px;
}

.sitemap_section .siterow {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}

.sitemap_section .sitecol {
  /* padding: 15px; */
  /* width: calc(100% / 3); */
}

.sitemap_section .sitecol .main-heading::after {
  right: unset;
}

.sitemap_section ul {
  list-style: none;
  margin: 0;
}

.sitemap_section ul ul {
  padding-left: 20px;
}

.sitemap_section ul ul a {
  color: #727171;
}

.sitemap_section ul ul a:hover {
  color: #ff0000;
}

.sitemap_section ul li {
  margin: 5px;
  display: inline-block;
  border: 2px solid #03abf4;
  border-radius: 55px;
  padding: 1px 12px;
}

.sitemap_section ul li a {
  color: #03abf4;
  ;
}

.sitemap_section ul li a:hover {
  color: #03abf4;
  ;
}

.meetings-iframe-container {
  width: 100%;
  max-width: 930px;
  margin: 0 auto;
  background: #fff;
}

.copy-right .logotitle {
  margin-bottom: 10px;
}

.copy-right .copy-right-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.copy-right img {
  max-width: 100%;
  width: auto;
}

.flinks {
  margin: 0 -4px 10px;
  text-align: right;
}

.flinks a {
  color: #fff;
  margin: 4px;
}

.flinks a:hover {
  color: #f30e0e;
}

.copyright_txt {
  margin: 0 0 10px 0;
  text-align: right;
}

.copy-right-inner ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
}

.footer-right input[type="email"] {
  width: 100%;
  background: #ffffff;
  border: 1px solid #afafaf;
  padding: 13px 15px 9px;
  font-weight: 500;
  margin-top: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  font-size: 14px;
}

.footer-right input[type="submit"] {
  background: #f30e0e;
  cursor: pointer;
  padding: 12px 20px;
  display: inline-block;
  color: #fff;
  text-align: center;
  border: 1px solid #ef515b;
  -webkit-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.footer-right input[type="submit"]:hover {
  background: #fff;
  color: #ef515b;
  border: 1px solid transparent;
}

.footer-right .hs_email>label {
  display: none;
}

.footer-right .hs-form ul {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #f2545b;
  list-style: none;
  margin-top: 10px;
}

.footer-right .hs-form .hs_error_rollup {
  display: none;
}

.footer-right .hs-form .hs_recaptcha {
  -webkit-transform: scale(0) translate(0, 0);
  -moz-transform: scale(0) translate(0, 0);
  -ms-transform: scale(0) translate(0, 0);
  -o-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  height: 0;
}

@media (max-width: 767px) {
  .copy-right .copyright_col {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  .flinks,
  .copyright_txt {
    text-align: center;
  }

  .copy-right-inner ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media print {

  .header-static,
  .blog-right,
  .related-blog-section,
  footer,
  .blog-details-bottom {
    display: none;
  }

  .blog-left {
    width: 100%;
  }
}

.client-grid {
  background: #fff;
  text-align: center;
  position: relative;
}

.client-grid .client-logogrid {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.client-grid .logo_col {
  padding: 10px;
  width: calc(100% / 5);
}

.client-grid .logowrap {
  padding: 5px;
  background: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 96px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.client-grid .logowrap img {
  max-height: 90px;
}

.client-grid .logowrap:hover {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

@media (max-width: 991px) {
  .client-grid .logo_col {
    width: calc(100% / 3);
  }
}

@media (max-width: 767px) {
  .client-grid .logo_col {
    width: calc(100% / 3);
  }

  .client-grid .logowrap {
    height: 115px;
  }
}

.tabsection ul.tabnav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-bottom: 1px solid #dfdfdf;
}

.tabsection ul.tabnav li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-transform: uppercase;
  font-size: 18px;
}

.tabsection ul.tabnav li a {
  display: block;
  padding: 5px;
}

.tabsection ul.tabnav li.active a {
  border-bottom: 3px solid #f30e0e;
}

.new-feature img {
  max-width: 100%;
}

.new-feature .home-featured-inner .col {
  background: #fff;
}

.new-feature .home-featured-inner h6 {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #fe0000;
}

.new-feature .home-featured-inner h3 {
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  margin-top: 20px;
}

.new-feature .imgwrap {
  margin: -23px -23px 0;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  overflow: hidden;
  position: relative;
  border: solid 1px rgb(206 206 206);
}

.new-feature .imgwrap img {
  vertical-align: top;
  width: 100%;
}

.new-feature .home-featured-inner p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000000;
  margin-bottom: 20px;
}

.new-feature .home-featured-inner a.read-more {
  color: #ff3434;
  border: none;
  position: absolute;
  font-weight: 600;
  left: 34px;
  bottom: 16px;
}

.new-feature .inner {
  margin-top: -8px;
  font-family: Gordita;
  position: relative;
}

.new-feature.case-study-new .inner {
  border: 1px solid #cecece;
  margin-left: 26px;
  height: 100%;
  background: #fcfcfc;
  padding-bottom: 50px;
}

.new-feature .content {
  padding: 22px;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  border: solid 1px rgb(206 206 206);
  box-sizing: border-box;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-bottom: 50px;
  height: 100%;
}

.new-feature.case-study-new .inner .content {
  padding: 22px;
  border: none;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  height: auto;
}

.new-feature .read-more {
  font-weight: 500;
  text-transform: capitalize;
}

.imgwrap .new-feature .read-more {
  font-weight: 600;
}

.new-feature .main-paragraph .see-all,
.media-section .main-paragraph .see-all {
  color: #ff3434;
  position: absolute;
  right: 60px;
  top: 8px;
}

.read-more {
  font-weight: 600;
  font-size: 16px;
}

.see-all {
  font-size: 18px;
  display: inline-block;
  position: relative;
  line-height: 1;
  font-weight: 500;
}

.partner-page:hover {
  box-shadow: 0px 2px 16px rgb(26 34 43 / 44%);
  -webkit-box-shadow: 0px 2px 16px rgb(26 34 43 / 44%);
  -moz-box-shadow: 0px 2px 16px rgb(26 34 43 / 44%);
}

.partner-page {
  transition: all 0.3s ease-in-out;
}

.read-more:after {
  content: "";
  background: url(../img/arrow-red.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  height: 9px;
  margin-left: 14px;
}

.see-all:after {
  content: "";
  background: url(../img/arrow-red.svg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 35px;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  height: 9px;
  position: absolute;
  top: 5px;
  margin-left: 14px;
}

.viewallbtn {
  padding-right: 55px;
  display: inline-block;
  position: relative;
}

.viewallbtn:after {
  content: "↗";
  /* background: url(../img/arrow-red.svg);
  background-repeat: no-repeat; */
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  height: 9px;
  position: absolute;
  /* bottom: 8px; */
  right: 10px;
}

.viewallbtn:hover::after {
  right: 0;
}

.study-filters {
  text-align: center;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.study-filters .filter-content {
  margin: 0 10px;
  width: 250px;
}

.ms-options-wrap ul {
  margin: 5px 0 0 0;
}

.ms-options-wrap>button {
  padding: 12px 20px 8px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 0 10px;
  -moz-border-radius: 2px;
  color: #fff !important;
  font-size: 18px !important;
  background-color: #e63f36 !important;
  font-family: Gordita;
  border: 1px solid #e63f36 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.ms-options-wrap>button::after {
  right: 15px !important;
  border-top-color: #fff !important;
}

.ms-options-wrap>button:hover {
  background-color: #fff !important;
  color: #e63f36 !important;
}

.study-filters .ms-options-wrap>button:hover::after {
  content: "" !important;
  width: 16px !important;
  height: 9px !important;
  background: url(../img/down-arrow-red.svg) !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background-size: 100% !important;
  margin-left: 21px !important;
  border: 0px !important;
}

.ms-options-wrap>button:hover::after {
  border-top-color: #e63f36 !important;
}

.ms-options label {
  padding-left: 35px !important;
}

.ms-options label {
  cursor: pointer;
}

.ms-options label:hover {
  background-color: transparent !important;
}

.filter-content .ms-options-wrap>.ms-options>ul input[type="checkbox"] {
  margin-right: 5px;
  position: absolute;
  left: 0px;
  top: 6px;
  width: 20px;
  height: 20px;
  opacity: 0;
}

.filter-content .ms-options-wrap>.ms-options>ul input[type="checkbox"]:checked~.custom-checkbox {
  background-color: #e63f36;
}

.custom-checkbox {
  margin-right: 5px;
  position: absolute;
  left: 0px;
  top: 6px;
  width: 20px;
  height: 20px;
  opacity: 1;
  border: 1px solid #e63f36;
}

.custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
}

.ms-option .custom-checkbox::after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filter-content .ms-options-wrap>.ms-options>ul label.focused,
.filter-content .ms-options-wrap>.ms-options>ul label:hover {
  border: none;
  background: none !important;
}

.ms-options {
  margin-left: 10px;
}

.clear-filter-btn {
  position: absolute;
  right: 0;
}

a.clear-filter {
  margin-left: 20px;
  color: #e63f36;
  cursor: pointer;
  position: relative;
}

a.clear-filter::after {
  content: "";
  position: absolute;
  bottom: -5px;
  background: #e63f36;
  width: 25%;
  height: 2px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a.clear-filter:hover::after {
  width: 100%;
}

.study-filters .ms-options-wrap {
  display: block;
  font-size: 16px;
  margin: 0 5px;
  font-family: Gordita;
}

.study-filters .ms-options {
  position: absolute;
  border: 1px solid rgba(26, 34, 43, 0.2);
  background: #ffffff !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: left;
  padding: 13px 18px 13px;
  z-index: 1;
}

.study-filters .ms-options-wrap li {
  display: block;
  padding: 2px 0;
}

.study-filters .ms-options-wrap li:last-child {
  padding-bottom: 7px;
}

.study-filters .ms-options-wrap li:hover {
  color: #ff3434;
}

.study-filters .ms-options-wrap>button,
.study-filters .ms-options-wrap>button:focus,
.ms-options-wrap>button {
  border: 1px solid #ff3434;
  border-radius: 29px;
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  padding: 14px 20px 11px 18px;
  color: #ff3434;
  cursor: pointer;
  font-size: 16px;
}

.filter-content .ms-options-wrap>.ms-options>ul label {
  border: none;
}

.study-filters .ms-options-wrap>button::after {
  content: "";
  width: 16px;
  height: 9px;
  background: url(../img/Vector-white.png);
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-left: 21px;
  border: 0px;
}

.media-section.media-listing {
  padding-top: 0;
}

.media-section {
  text-align: center;
}

.media-section .home-featured-card-inner {
  padding: 28px 23px;
  background: #fcfcfc;
  border: 1px solid #cecece;
  text-align: left;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.02);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
  white-space: normal;
  position: relative;
}

.media-section .fa {
  margin-right: 15px;
}

.media-section .fa,
.media-section a {
  color: #f30e0e;
}

.media-section a h4 {
  color: #000;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.media-section a:hover h4 {
  color: #f30e0e;
}

.media-section p {
  position: relative;
  margin-bottom: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 16px;
}

.media-section .content {
  margin-left: -23px;
  margin-right: -23px;
  padding: 22px 22px;
  margin-top: 16px;
  border-top: 1px solid #d9d9d9;
}

.media-section img {
  display: block;
  margin-bottom: 28px;
  max-height: 100px;
  height: 100px;
}

.media-section h4 {
  font-size: 24px;
}

section.featured-services.industry-solutions {
  padding-bottom: 0px;
}

.partner-tabs {
  display: none;
}

.media-coverage-details h4 {
  font-size: 18px;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  margin: 30px 0px;
}

label.hs-error-msg {
  text-align: left;
  display: block;
}

.insights-services .see-all {
  color: #ff3434;
  position: absolute;
  right: 60px;
  font-weight: 500;
}

.home-services-card span.read-more:hover {
  position: absolute;
  bottom: 30px;
  color: red;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-showcase {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-container {
  display: block;
  position: relative;
}

.link-overlay {
  color: #fff;
  text-decoration: none;
}

.link-overlay:hover {
  color: #000;
  background-color: #fff;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  text-decoration: none;
}

.works-filter {
  display: inline-block;
  text-decoration: none;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}

.works-filter:hover {
  cursor: pointer;
  text-decoration: underline;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}

.works-filter-active {
  text-decoration: underline;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}

.works-filter-active::before {
  content: "X ";
  text-transform: none;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}

.workItem {
  display: none;
}

.show-workItem {
  display: block;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  color: #fff;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}

.overlay:hover {
  opacity: 1;
}

.cs_section {
  background: #f9f9f9;
  position: relative;
  padding: 50px 0;
  margin-bottom: -50px;
}

.cs_section_wrap {
  padding: 0 60px;
}

.cs-banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cs-banner-img {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}

.single-case-study .industry-card p {
  font-size: 16px;
  line-height: 30.6px;
  font-style: italic;
  color: #838383;
}

.case_study-main .slick-slide>div {
  -webkit-perspective: 400px;
  perspective: 400px;
  padding: 36px 5%;
}

.case_study-main .slick-slide.slick-active .dashboardAnimation {
  border: 5px solid #f5f5f5;
  border-radius: 15px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: dashboardScreen 12s linear infinite;
  animation: dashboardScreen 12s linear infinite;
  animation-fill-mode: none;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  overflow: hidden;
  background: #fff;
}

.case_study-main .dashboardAnimation img {
  width: 100%;
  transition: all 0.5s ease;
}

.cs-banner-content {
  width: 40%;
  padding-left: 30px;
}

.cs-banner-content h6 {
  position: relative;
  padding: 6px 0;
}

.cs-banner-content h2 {
  margin-top: 4px;
}

.cs-banner-content>h2>span {
  display: block;
}

.cs-banner-content .cs_text {
  line-height: 1.6;
  margin-top: 3%;
}

.casestudy_more {
  font-weight: 600;
  font-size: 16px;
  color: #f30e0e;
}

.casestudy_more:after {
  content: "";
  background: url(../img/arrow-red.svg);
  background-repeat: repeat;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  height: 9px;
  margin-left: 14px;
}

.casestudy_more:hover::after {
  margin-left: 20px;
}

.cs-client-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px -10px 0;
}

.cs-client-col {
  width: 50%;
  padding: 10px;
}

.cs-client-card {
  background: #fdfdfd;
  border: 1px solid #cecece;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 25px;
  height: 100%;
}

.cs-client-card h6 {
  position: relative;
  padding: 6px 0 6px 15px;
  font-size: 14px;
}

.cs-client-card h6:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  top: -2px;
  width: 4px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.cs-client-card h2 {
  margin-top: 10px;
  font-size: 60px;
  font-size: 40px;
}

.cs-client-card p {
  margin-top: 0;
}

.cs-carousel .owl-next {
  right: 0;
  left: inherit;
}

.career-first-block {
  padding-bottom: 2%;
}

.filter-content .ms-options-wrap {
  position: relative;
}

.filter-content .ms-options-wrap ul {
  text-align: left;
}

.blog-section a:hover .blog-content i img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.blog-right-bottom a:hover .popular-content img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.logo-inner {
  position: absolute;
  bottom: 0;
  right: 0px;
  height: 120px;
  width: 120px;
}

.new-feature .imgwrap .logo-inner img {
  width: 50px;
  max-height: 40px;
  height: auto;
  bottom: 15px;
  right: 10px;
  position: absolute;
  z-index: 2;
}

.logo-inner::after {
  content: " ";
  width: 0;
  height: 0px;
  border-bottom: 120px solid white;
  border-left: 120px solid transparent;
  position: absolute;
}

.callapi {
  display: none;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"]:checked~.check-main {
  background-color: #e63f36;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"]~.check-main:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  display: none;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"]:checked~ :after {
  display: block;
}

.blog-section a:hover .blog-content i img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.blog-right-bottom a:hover .popular-content img {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}

.logo-inner {
  position: absolute;
  bottom: 0;
  right: 0px;
  height: 100px;
  width: 100px;
}

.new-feature .imgwrap .logo-inner img {
  width: 40px;
  height: 30px;
  bottom: 18px;
  right: 8px;
  position: absolute;
  z-index: 1;
}

.logo-inner::after {
  content: " ";
  width: 0;
  height: 0px;
  border-bottom: 100px solid white;
  border-left: 100px solid transparent;
  position: absolute;
}

.home-featured-card:hover .card-featured-image {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}

.new-feature .home-featured-inner .retail-desgin a.read-more {
  left: 24px;
  font-weight: 500;
}

.topnav .icon {
  display: none;
}

.map-content .right p {
  width: 35%;
  text-align: left;
  position: relative;
}

.map-content .right p:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -15px;
  top: 0px;
  height: 65px;
  width: 5px;
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: -o-linear-gradient(320deg, #ffe11a, #fe0000);
  background-image: linear-gradient(130deg, #ffe11a, #fe0000);
}

.section {
  margin-top: 50px;
  padding-top: 50px;
}

.img-download {
  width: 16px;
  margin-left: 5px;
}

section.search-section h5 a {
  color: black;
  transition: all 0.3s ease-in-out;
}

section.search-section h5 a:hover {
  color: #fe0000;
}

.contact-section input.hs-button.primary.large {
  color: #ffffff;
  background: #f30e0e;
  padding: 12px 20px;
  border: 1px solid #f30e0e;
  appearance: none;
  -webkit-appearance: none;
}

.contact-section input.hs-button.primary.large:hover {
  color: #f30e0e;
  background: #ffffff;
  border: 1px solid #f30e0e;
  transition: all 0.3s ease-in-out;
}

.contact-section label span.hs-form-required {
  color: #ff7a59;
}

.contact-section .hs-form-field {
  margin-top: 15px;
  font-size: 14px;
}

.contact-section .actions {
  margin-top: 25px;
  display: inline-block;
}

.job-right label span.hs-form-required {
  color: #ff7a59;
}

.job-right .hs-form-field {
  margin-top: 15px;
  font-size: 14px;
}

.job-right .actions {
  margin-top: 25px;
  display: inline-block;
}

.job-right input.hs-button.primary.large {
  color: #ffffff;
  background: #f30e0e;
  padding: 12px 20px;
  border: 1px solid #f30e0e;
}

.job-right input.hs-button.primary.large:hover {
  color: #f30e0e;
  background: #ffffff;
  border: 1px solid #f30e0e;
  transition: all 0.3s ease-in-out;
}

.job-right .hs-form .hs-error-msgs {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #f2545b;
  list-style: none;
  margin: 0;
}

.contact-section .hs-form .hs-error-msgs {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #f2545b;
  list-style: none;
  margin: 0;
}

body.page-template-awards footer.section {
  margin-top: 0;
}

svg.radial-progress {
  height: auto;
  max-width: 100px;
  transform: rotate(-90deg);
  width: 100%;
}

svg.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  stroke-width: 10;
}

svg.radial-progress circle.incomplete {
  opacity: 0.25;
}

svg.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129;
}

svg.radial-progress text {
  fill: #00b235;
  font: 400 1em/1 "Oswald", sans-serif;
  text-anchor: middle;
}

svg.radial-progress:nth-of-type(6n + 1) circle {
  stroke: #00b235;
}

svg.radial-progress:nth-of-type(6n + 2) circle {
  stroke: #00b235;
}

svg.radial-progress:nth-of-type(6n + 3) circle {
  stroke: #00b235;
}

figure {
  margin: 0;
}

.client-reviews,
.social-media {
  color: #00b235;
}

.client-reviews-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #00b235;
  margin-bottom: 20px;
}

.client-reviews-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #00b235;
}

.client-reviews p {
  margin-left: 25px;
  margin-top: 0px;
}

.client-reviews-top figure {
  width: 20%;
}

.client-name .name {
  margin-left: 25px;
  color: #939292;
  font-weight: 600;
}

.recommend,
.CEO-approved,
.client-name {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 33%;
}

.recommend p,
.CEO-approved p {
  max-width: 20%;
  font-weight: 600;
}

.client-name img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.client-reviews-bottom p {
  color: #3d3d3d;
  font-weight: 600;
}

.social-media-rating {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.glassdoor {
  width: 22%;
  padding: 10px;
  position: relative;
}

.glassdoor::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  background: #d0d0d0;
  height: 120px;
  top: 0;
}

.google img {
  width: 60%;
}

.linkedin img {
  width: 68%;
}

.facebook img {
  width: 65%;
}

.glass img {
  width: 70%;
}

.client-reviews-card span:first-child {
  color: #3d3d3d;
  margin-right: 10px;
  font-weight: 600;
}

.glassdoor:last-child::after {
  content: "";
  height: 0;
}

.client-reviews-card .gold {
  color: #ec9006;
}

.client-reviews-card .link {
  color: #2867b2;
}

.client-reviews span i {
  font-style: normal;
}

.img-case-logo {
  position: relative;
  margin-left: -28px;
}

.img-case-logo::before {
  content: "";
  position: absolute;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  left: 1px;
  bottom: -16px;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-bottom: 19px solid #000;
}

.img-case-logo img.img-case {
  border: solid 1px rgb(206 206 206);
}

.img-case-logo .logo-inner::after {
  bottom: 1px;
  right: 0px;
}

.img-case-logo .logo-inner img {
  width: 40px;
  height: 30px;
  bottom: 18px;
  right: 8px;
  position: absolute;
  z-index: 1;
}

@-webkit-keyframes dashboardScreen {
  0% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }

  45% {
    -webkit-transform: rotateY(3deg) translateZ(7px);
    transform: rotateY(3deg) translateZ(7px);
  }

  55% {
    -webkit-transform: rotateY(3deg) translateZ(7px);
    transform: rotateY(3deg) translateZ(7px);
  }

  90% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }

  100% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }
}

@keyframes dashboardScreen {
  0% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }

  45% {
    -webkit-transform: rotateY(3deg) translateZ(7px);
    transform: rotateY(3deg) translateZ(7px);
  }

  55% {
    -webkit-transform: rotateY(3deg) translateZ(7px);
    transform: rotateY(3deg) translateZ(7px);
  }

  90% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }

  100% {
    -webkit-transform: rotateY(-3deg) translateZ(0);
    transform: rotateY(-3deg) translateZ(0);
  }
}

.culture-slider .slick-slide img {
  width: 100%;
}

.prespective-profile p {
  margin: 20px auto !important;
  width: 100%;
  text-align: justify;
}

.profile {
  position: relative;
  display: flex;
  align-items: center;
}

.profile-img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  width: 100px;
}

.profile-content {
  margin-left: 30px;
  width: 90%;
}

.prespective-profile {
  max-width: 1000px;
  margin: 0 auto;
}

.profile-content p {
  width: 100%;
  margin: 10px 0 !important;
}

.profile-content h3 {
  font-size: 22px;
  margin-top: 5px;
}

.profile-link img {
  height: 60px;
}

.prespective-profile .slate-resizable-image-embed.slate-image-embed__resize-full-width img {
  max-width: 100%;
}

.prespective-profile ul {
  margin-left: 20px;
}

.prespective-profile ol {
  margin-left: 30px;
}

/* tech stack */
.technonlogysection .main-heading {
  text-align: center;
}

.technonlogywrap {
  padding: 30px 0;

  /* border-bottom: 1px solid #eee; */
}

.technonlogywrap:last-child {
  border: none;
}

.technonlogywrap .techtitle {
  font-size: 25px;
}

.techrow {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  align-items: center;

  /* flex-direction: row-reverse; */
}

/* 
.technonlogywrap:nth-child(odd) .techrow{
  flex-direction: row-reverse;
} */
.techcol2 {
  width: 60%;
  padding: 15px;
}

.techcol1 {
  width: 40%;
  padding: 15px;
  position: relative;
}

.techcol1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  height: calc(100% - 30px);

  /* border-left:3px solid #0e3482; */
}

.tech-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 1px;
}

.tech-grid .logo_col {
  padding: 0;
  width: calc(100% / 5);
  margin-left: -1px;
  margin-top: -1px;
}

.tech-grid .logowrap {
  padding: 10px;
  background: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 96px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #eee;
}

.tech-grid .logo_col:nth-child(even) .logowrap {
  background: #f4f4f4;
}

.tech-grid .logowrap img {
  max-height: 90px;
  mix-blend-mode: multiply;
}

/******************  
Start----CEO BLOG
******************/
.ceo_blog {
  padding: 4% 0 0;
  position: relative;
  text-align: center;
}

.c_inner_wrap {
  margin-top: 25px;
}

.c_post_cards {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 -10px;
}

.c_post_card {
  width: 33.33%;
  padding: 10px;
}

.c_post_card:hover .c_post_img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.c_post_card:hover .c_post_cnt i {
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
}

.c_post_card_inner {
  position: relative;
  border: 1px solid #cecece;
  height: 100%;
}

.single_post_link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.c_post_img {
  position: relative;
  overflow: hidden;
}

.c_post_img img {
  width: 100%;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.c_post_cnt {
  padding: 5% 10% 5% 5%;
  position: relative;
  border-top: 1px solid #cecece;
}

.c_post_cnt i {
  position: absolute;
  right: 5%;
  bottom: 12px;
  font-style: normal;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}

.c_post_cnt i img {
  width: 30px;
}

.c_post_cnt h6 {
  line-height: 1.5;
  color: #000;
}

.ceo_blog .wp-pagenavi {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .ceo_blog {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .c_inner_wrap {
    margin-top: 5px;
  }

  .c_post_card {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .c_post_card {
    width: 100%;
  }

  .c_post_card_inner {
    height: auto;
  }
}

/******************  
End----CEO BLOG
******************/

/* creative page */
.devprocess_section {
  padding-top: 140px;
}

.devprocess_section .devprocessrow {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}

.devprocess_section .devprocesscol {
  width: calc(100% / 4);
  padding: 15px;
  justify-content: center;
  display: inline-flex;
}

.devprocess_section .devbluewrap {
  color: #fff;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  position: relative;
  margin-bottom: 80px;
  opacity: 0.7;
}

.devprocess_section .devbluewrap:hover {
  opacity: 1;
}

.devprocess_section .devbluewrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 8px solid rgba(255, 255, 255, 0);
  border-radius: 50%;
  right: 0;
  bottom: 0;
  border-left-color: #f30e0e;
  border-top-color: #f30e0e;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.devprocess_section .devbluewrap::after {
  content: "";
  position: absolute;
  right: -8px;
  width: 10px;
  height: 10px;
  border: 5px solid rgb(0 0 0 / 0%);
  transform: rotate(45deg);
  border-top-color: #f30e0e;
  border-right-color: #f30e0e;
}

.devprocess_section .devprocesscol:last-child .devbluewrap::after {
  display: none;
}

.devprocess_section .devbluecontent {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  background: #1f1f1f;
  border-radius: 100%;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 8px solid #fff;
  padding: 25px;
}

.devprocess_section .devprocessnum {
  width: 50px;
  height: 50px;
  background: #f30e0e;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -66px;
  line-height: 50px;
  font-weight: bold;
  font-size: 22px;
  margin-left: -25px;
}

.devprocess_section .devprocessnum::before {
  width: 8px;
  height: 26px;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -25px;
  background: #f30e0e;
}

.devprocess_section .devprocesstitle {
  font-size: 22px;
  font-weight: bold;
}

.ux-circle,
.ux-step {
  position: absolute;
  left: 0;
  top: 0;
}

.ux-body {
  height: 410px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  padding-top: 100px;
}

.ux-container::after,
.ux-container::before {
  content: "";
  position: absolute;
  width: 800px;
}

.ux-container {
  position: relative;
  width: 798px;
  height: 798px;
  margin: 0 auto;
}

.ux-container::before {
  left: 0;
  top: 0;
  margin: 0;
  height: 800px;
  border: 4px dotted #ccd2e9;
  border-radius: 1000px;
  box-sizing: border-box;
  z-index: 0;
}

.ux-circle {
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: transform 0.4s ease-in-out;
}

.ux-step {
  width: 0;
  height: 0;
  -webkit-transform: translateX(398px) translateY(398px);
  transform: translateX(398px) translateY(398px);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  user-select: none;
}

.ux-step__circle,
.ux-step__number {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -29px 0 0 -29px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
}

.ux-step.active .ux-step__number {
  border: 2px solid #f30e0e;
}

.ux-step.active .ux-step__number::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  background: #f30e0e;
  border-radius: 50%;
}

.ux-step__number {
  font-size: 0;
  text-align: center;
}

.ux-step__number-inside {
  color: #f30e0e;
  font: 500 26px/1 "Roboto", Arial, sans-serif;
  transition: color 0.4s ease-in-out;
  position: relative;
  z-index: 1;
}

.ux-step.active .ux-step__number-inside {
  color: #fff;
}

.ux-step__number::before {
  content: "";
  height: 100%;
}

.ux-step__number-inside,
.ux-step__number::before {
  display: inline-block;
  vertical-align: middle;
}

.ux-step__circle {
  border-radius: 60px;
  box-shadow: 0 2px 5px 0 rgba(60, 65, 140, 0.13),
    0 0 1px 0 rgba(60, 65, 140, 0.08);
  background-color: #fff;
}

.ux-circle .ux-step:nth-child(1) {
  transform: translateX(19.5285px) translateY(275.702px);
}

.ux-circle .ux-step:nth-child(2) {
  transform: translateX(102.485px) translateY(132.017px);
  opacity: 1;
}

.ux-circle .ux-step:nth-child(3) {
  transform: translateX(236.712px) translateY(34.4954px);
  opacity: 1;
}

.ux-circle .ux-step:nth-child(4) {
  transform: translateX(399px) translateY(0px);
  opacity: 1;
}

.ux-circle .ux-step:nth-child(5) {
  transform: translateX(561.288px) translateY(34.4954px);
  opacity: 1;
}

.ux-circle .ux-step:nth-child(6) {
  transform: translateX(695.515px) translateY(132.017px);
  opacity: 1;
}

.ux-circle .ux-step:nth-child(7) {
  transform: translateX(778.472px) translateY(275.702px);
  opacity: 1;
}

.ux-step__title {
  position: absolute;
  font: 18px/1.18 "Roboto", Arial, sans-serif;
  white-space: nowrap;
  transition: opacity 0.35s ease-in-out;
}

.ux-step:nth-child(1) .ux-step__title,
.ux-step:nth-child(2) .ux-step__title,
.ux-step:nth-child(3) .ux-step__title {
  text-align: right;
  left: 0;
  top: 50%;
  padding-right: 52px;
  -webkit-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%);
}

.ux-step:nth-child(4) .ux-step__title {
  left: 50%;
  top: 0;
  padding-bottom: 48px;
  -webkit-transform: translateX(-50%) translateY(-100%);
  transform: translateX(-50%) translateY(-100%);
}

.ux-step:nth-child(5) .ux-step__title,
.ux-step:nth-child(6) .ux-step__title,
.ux-step:nth-child(7) .ux-step__title {
  right: 0;
  top: 50%;
  padding-left: 52px;
  -webkit-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
}

.ux-step:nth-child(5) {
  transform: translateX(561.288px) translateY(34.4954px);
}

.ux-content {
  position: relative;
  top: 118px;
  width: 100%;
  max-width: 368px;
  margin: 0 auto;
  z-index: 3;
}

.ux-active,
.ux-content {
  transition: all 0.4s ease-in-out;
}

.ux-content__numbers {
  top: -35px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  color: #fff;
  font-weight: 500;
  font-size: 0;
  text-align: center;
  border: 2px solid #f30e0e;
  z-index: 1;
}

.ux-active,
.ux-content__numbers {
  position: absolute;
  border-radius: 100px;
  box-sizing: border-box;
}

.ux-content__numbers-inside,
.ux-content__numbers::before {
  display: inline-block;
  vertical-align: middle;
}

.ux-content__numbers::before {
  content: "";
  height: 100%;
}

.ux-content__numbers-inside {
  position: relative;
  font-size: 26px;
  line-height: 1;
  z-index: 1;
}

.ux-content__numbers::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -29px 0 0 -29px;
  height: 58px;
  width: 58px;
  border-radius: 50px;
  background-color: #f30e0e;
  z-index: 0;
}

.ux-content__body {
  position: relative;
  text-align: center;
  border-radius: 30px 0 30px 0;
  box-shadow: 0 3px 4px 0 rgba(60, 65, 140, 0.1),
    0 0 1px 0 rgba(60, 65, 140, 0.08);
  background-color: #fff;
  min-height: 188px;
}

.ux-content__body-inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  transition: all 0.2s ease-in-out;
}

.ux-content__title {
  font-weight: 400;
  font-size: 18px;
  padding-top: 46px;
}

.ux-content__text {
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 24px;
  max-width: 330px;
  margin: 0 auto;
}

.uisection {
  background: #f8f8f8;
  padding-bottom: 50px;
}

.ui-carousel {
  width: 100%;
  max-width: 400px;
  padding: 10px;
  margin: -275px auto 0;
}

.arch {
  box-sizing: border-box;
  overflow: hidden;
  height: 380px;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
}

.arch:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 70px;
  background: #f8f8f8;
  z-index: 1;
  width: 100%;
}

.uisection .ui-dots {
  width: 900px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin: 60px auto 20px;
  text-align: center;
  border: 4px dotted #ccd2e9;
  height: 900px;
  border-radius: 50%;
}

.ui-dots .owl-dot {
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
}

/* .ui-dots::after{
    content: '';
    position: absolute;
    left: 65px;
    top: 30px;
    border-bottom: 4px dotted #ccd2e9;
    width: calc(100% - 140px);
    z-index: -1;
} */
.ui-dots .owl-dot:nth-child(1),
.ui-dots .owl-dot:nth-child(2) {
  flex-direction: row-reverse;
}

.ui-dots .owl-dot:nth-child(1) {
  top: 220px;
  left: -165px;
}

.ui-dots .owl-dot:nth-child(2) {
  top: 50px;
  left: -25px;
}

.ui-dots .owl-dot:nth-child(3) {
  top: -66px;
  left: 50%;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ui-dots .owl-dot:nth-child(3) p {
  width: 100%;
  text-align: center;
  order: 1;
}

.ui-dots .owl-dot:nth-child(3) span {
  order: 2;
}

.ui-dots .owl-dot:nth-child(4) {
  top: 50px;
  right: -25px;
  left: inherit;
}

.ui-dots .owl-dot:nth-child(5) {
  top: 220px;
  right: -165px;
  left: inherit;
}

.ui-dots .owl-dot:nth-child(4) p,
.ui-dots .owl-dot:nth-child(5) p {
  text-align: left;
}

.uisection .ui-dots p {
  font-size: 16px;
  width: 160px;
  text-align: right;
  margin: 0;
  position: relative;
  z-index: 1;
}

.uisection .ui-dots span {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  border-radius: 50%;
  border-radius: 60px;
  box-shadow: 0 2px 5px 0 rgb(60 65 140 / 13%), 0 0 1px 0 rgb(60 65 140 / 8%);
  background-color: #fff;
  display: inline-block;
  text-align: center;
  color: #f30e0e;
  transition: color 0.4s ease-in-out;
  position: relative;
  z-index: 1;
  border: 2px solid #fff;
  font-size: 20px;
  font-weight: 500;
  flex-shrink: 0;
  margin: 5px;
}

.uisection .ui-dots span::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
}

.ui-dots .owl-dot.active span {
  color: #fff;
  border-color: #f30e0e;
}

.ui-dots .owl-dot.active span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f30e0e;
  z-index: -1;
}

.ui-container {
  position: relative;
  margin: 40px 10px 10px;
  z-index: 3;
  text-align: center;
  padding: 15px 25px;
  -webkit-box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px rgb(0 0 0 / 10%);
  background-color: #fff;
  min-height: 188px;
}

.ui-container ul {
  margin-left: 17px;
}

.ui-numbers {
  top: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  color: #fff;
  font-weight: 500;
  font-size: 0;
  text-align: center;
  position: relative;
  border-radius: 100px;
  border: 2px solid #f30e0e;
  z-index: 1;
  margin-top: -54px;
}

.ui-numbers::before,
.ux-numbers {
  display: inline-block;
  vertical-align: middle;
}

.ui-numbers::before {
  content: "";
  height: 100%;
}

.ui-numbers::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -29px 0 0 -29px;
  height: 58px;
  width: 58px;
  border-radius: 50px;
  background-color: #f30e0e;
  z-index: 0;
}

.ui-numbers-inside {
  position: relative;
  font-size: 26px;
  line-height: 1;
  z-index: 1;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.ui-title {
  font-size: 22px;
  padding-top: 12px;
  font-weight: 500;
}

#innovation {
  padding-top: 30px;
}

.uisection .uisectiontitle_img {
  margin-top: 20px;
}

.uisection .uisectiontitle_img img {
  vertical-align: middle;
  max-height: 40px;
}

.uisection .uisectiontitle_img span {
  vertical-align: middle;
}

.uidesigntwo .arch {
  height: auto;
  margin-top: 60px;
  margin-bottom: 40px;
}

.uidesigntwo .arch::before {
  display: none;
}

.uidesigntwo .ui-dots {
  border: 0;
  border-top: 4px dotted #ccd2e9;
  border-radius: 0;
  width: auto;
  height: auto;
}

.uidesigntwo .ui-dots .owl-dot {
  position: static;
  width: calc(100% / 4);
  transform: inherit;
  margin-top: -40px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

.uidesigntwo .ui-dots p {
  text-align: center !important;
  width: 100%;
}

.uidesigntwo .owl-dot.active p {
  font-weight: bold;
}

.uidesigntwo .ui-dots p,
.uidesigntwo .ui-dots span {
  order: inherit !important;
}

.uidesigntwo .ui-dots .owl-dot:nth-child(odd) {
  flex-direction: column-reverse;
  margin-top: -60px;
}

.uidesigntwo .ui-carousel {
  margin: 0 auto;
  max-width: 800px;
}

.uidesigntwo .ui-carousel .item ul {
  text-align: left;
}

.uidesigntwo .ui-carousel .item ul li {
  margin-bottom: 15px;
}

.uidesigntwo .ui-carousel .item ul li h6 {
  font-size: 18px;
}

/* QA page start */
/* <!--start First section--> */
.page-template-qa-tpl .section-padding {
  padding: 80px 0;
}

.page-template-qa-tpl .text-container {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.page-template-qa-tpl .light-font {
  font-weight: 300;
}

.page-template-qa-tpl .lgray-bg {
  background-color: #f9fbfd;
}

.page-template-qa-tpl .p-top-35 {
  padding-top: 3.5rem;
}

.page-template-qa-tpl .xb-block {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.page-template-qa-tpl .xb-block,
.page-template-qa-tpl .xb-container {
  position: relative;
  width: 1170px;
}

.page-template-qa-tpl .bottom-50 {
  padding-bottom: 5rem;
}

.page-template-qa-tpl .top-25 {
  margin-top: 2.5rem;
}

.page-template-qa-tpl .blocks-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.page-template-qa-tpl .xb-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.page-template-qa-tpl .xb-col-9 {
  width: 75%;
}

.text-container p {
  margin-top: 24px;
}

/* <!--End First section--> */
/* <!--start second section--> */
.page-template-qa-tpl .qa-about-section.loaded {
  background: url(../new-landing-assets/qa-page/about-bg-1.jpg) bottom center/1920px no-repeat;
}

.page-template-qa-tpl .qa-about-section {
  overflow: hidden;
}

.page-template-qa-tpl .p-top-80 {
  padding-top: 8rem;
}

.page-template-qa-tpl .bottom-70 {
  padding-bottom: 7rem;
}

.page-template-qa-tpl .section-title {
  line-height: 1.1875;
}

.page-template-qa-tpl .section-title {
  text-transform: capitalize;
  font-size: 42px;
  font-weight: 500;
  color: #3d3d3d;
  line-height: 1.2;
  text-align: center;
}

.page-template-qa-tpl .qa-about-container {
  font-size: 0;
  text-align: center;
  margin: -15px -10px;
}

.page-template-qa-tpl .p-top-65 {
  padding-top: 6.5rem;
}

.page-template-qa-tpl .qa-about-elem {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 15px 10px;
  box-sizing: border-box;
}

.page-template-qa-tpl .img-container {
  display: inline-block;
}

.page-template-qa-tpl .img-container,
.page-template-qa-tpl .img-wrap {
  line-height: 0;
}

.page-template-qa-tpl .loaded .lazy-load {
  opacity: 1;
}

.page-template-qa-tpl .qa-about__img {
  height: 52px;
}

.page-template-qa-tpl .lazy-load {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.page-template-qa-tpl fieldset,
img {
  border: 0;
}

.page-template-qa-tpl .qa-about__label {
  font-size: 18px;
  max-width: 200px;
  margin: 0 auto;
  padding-top: 18px;
}

/* <!--end second section--> */
/* <!--Start third section--> */
.page-template-qa-tpl .qa-services-section.loaded {
  background-image: url(../new-landing-assets/qa-page/services-bg-3.jpg);
}

.page-template-qa-tpl .qa-services-section {
  position: relative;
  background: center center/cover no-repeat;
  overflow: hidden;
  z-index: 0;
}

.page-template-qa-tpl .qa-services-section-inside {
  background-color: rgba(30, 43, 65, 0.9);
}

.page-template-qa-tpl .bottom-75 {
  padding-bottom: 7.5rem;
}

.page-template-qa-tpl .qa-services-container {
  color: #fff;
  font-size: 0;
  margin: -15px -30px;
}

.page-template-qa-tpl .p-top-45 {
  padding-top: 4.5rem;
}

.page-template-qa-tpl .qa-services-elem {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 15px 30px;
  box-sizing: border-box;
}

.page-template-qa-tpl .qa-services {
  position: relative;
  padding-left: 50px;
  font-size: 16px;
}

.page-template-qa-tpl .qa-services__icon {
  position: absolute;
  left: 0;
  top: 0;
}

.page-template-qa-tpl .check-icon {
  height: 30px;
}

.page-template-qa-tpl svg,
.page-template-qa-tpl use {
  display: block;
}

.page-template-qa-tpl .check-icon.line {
  fill: #e93c6d;
}

.page-template-qa-tpl .check-icon {
  height: 30px;
}

.page-template-qa-tpl .section-title.white {
  color: white;
}

.page-template-qa-tpl .qa-services-section .qa-services__title-link {
  color: white;
}

.page-template-qa-tpl .p-top-50 {
  padding-top: 5rem;
}

.page-template-qa-tpl .qa-types-elems {
  position: relative;
}

.page-template-qa-tpl .qa-types-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.page-template-qa-tpl .qa-types-container.static .qa-types-content:first-child,
.qa-types-content.active {
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
}

.page-template-qa-tpl .qa-types-container.static .qa-types-content:first-child,
.qa-types-content.active {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.page-template-qa-tpl .qa-types-content__title {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.page-template-qa-tpl .qa-types-content__list {
  line-height: 1.4;
}

.page-template-qa-tpl .qa-types-content__list-row:first-child {
  margin-top: 0;
}

.page-template-qa-tpl .qa-types-content__list-row {
  margin-top: 18px;
}

.page-template-qa-tpl .qa-types-content__list-title {
  position: relative;
  padding-left: 20px;
}

.page-template-qa-tpl .qa-types-content__list-title:before {
  content: "";
  border: 3px solid #e93c6d;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 7px;
}

.page-template-qa-tpl .qa-types-content__list-text {
  margin-top: 8px;
}

.page-template-qa-tpl .qa-types-btn {
  position: relative;
}

.page-template-qa-tpl .loaded .lazy-load {
  opacity: 1;
}

.page-template-qa-tpl .qa-types-btn__img {
  border-radius: 10px;
  z-index: 1;
}

.page-template-qa-tpl .qa-types-btn__img,
.qa-types-btn__inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .lazy-load {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.page-template-qa-tpl .qa-types-btn__inside {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(69, 75, 79, 0.8);
  z-index: 2;
  transition: all 0.3s ease;
}

.page-template-qa-tpl .qa-types-btn__img,
.qa-types-btn__inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .qa-types-btn__title {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  padding: 0 20px 0 48px;
  transform: translateZ(0);
}

.page-template-qa-tpl .qa-types-btn.active:after,
.qa-types-container.static .qa-types-btn:first-child:after {
  transform: translateX(0);
  border-right-color: #e93c6d;
}

.page-template-qa-tpl .qa-types-btn:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  transform: translateX(15px);
  transition: all 0.3s ease;
  z-index: 0;
}

.page-template-qa-tpl .contact_box {
  position: relative;
  top: 0;
}

.page-template-qa-tpl .qa-types-btn:before {
  padding-top: 21.621621621621621621621621621622%;
}

.page-template-qa-tpl .qa-technologies__pict:before,
.qa-types-btn:before {
  content: "";
  display: block;
  padding-top: 10.416666666666666666666666666667%;
}

/* consult popup */
.consultationwithform {
  margin-top: 0;
}

.consultpopup {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100%;
  display: none;
  height: 100%;
  z-index: 9999;
  position: fixed;
  color: #fff;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
  padding: 10px 20px;
}

.consultformpop {
  text-align: left;
  max-width: 600px;
  width: 100%;
  padding: 0;
  margin: 100px auto 0;
}

.consultformpop .hs-button {
  background: url(../img/arrow-white.svg) 85% 50% no-repeat #f30e0e;
  padding: 12px 60px 12px 20px;
  display: inline-block;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ef515b;
  -webkit-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  width: auto;
  font-size: 16px;
  border: 1px solid #f30e0e;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.consultformpop .hs-button:hover {
  background: url(../img/arrow-red.svg) 85% 50% no-repeat #fff;
  color: #f30e0e;
  border: 1px solid transparent;
}

.consultformpop .hs-fieldtype-text {
  margin-bottom: 15px;
}

.consultformpop .hs-error-msgs {
  color: #f30e0e;
  margin: 0;
  list-style: none;
  font-size: 14px;
}

.consultformpop .hs-form-required {
  color: #f30e0e;
}

.consultformpop .hs_error_rollup {
  display: none;
}

.consultformpop .consultformclose {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: #f30e0e;
  cursor: pointer;
  line-height: 1;
  padding-top: 6px;
  background: #fff;
}

#consultcontent {
  position: relative;
  padding-right: 300px;
  text-align: left;
}

#consultcontent h2 {
  font-size: 30px;
}

#consultcontent .main-btn {
  position: absolute;
  right: 20px;
  top: 10px;
}

/* end consult popup */

@media screen and (min-width: 1025px) {
  .page-template-qa-tpl .qa-types-nav {
    width: 555px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .page-template-qa-tpl .qa-types-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .page-template-qa-tpl .qa-types-elems {
    -webkit-flex: 100;
    -ms-flex: 100;
    flex: 100;
    margin-right: 46px;
  }

  .page-template-qa-tpl .qa-types-btn {
    margin-top: 26px;
    cursor: pointer;
  }

  .page-template-qa-tpl .qa-types-btn:first-child {
    margin-top: 0;
  }
}

@media screen and (min-width: 1025px) {
  .page-template-qa-tpl .qa-types-section.loaded {
    background: url("../new-landing-assets/qa-page/types-bg.png") center center/2123px no-repeat;
  }

  .page-template-qa-tpl .qa-types-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .page-template-qa-tpl .qa-types-arrows {
    display: none;
  }

  .page-template-qa-tpl .qa-types-nav {
    width: 555px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .page-template-qa-tpl .qa-types-elems {
    -webkit-flex: 100;
    -ms-flex: 100;
    flex: 100;
    margin-right: 46px;
  }

  .page-template-qa-tpl .qa-types-btn {
    margin-top: 26px;
    cursor: pointer;
  }

  .page-template-qa-tpl .qa-types-btn:first-child {
    margin-top: 0;
  }
}

.page-template-qa-tpl .qa-types-btn {
  position: relative;
}

.page-template-qa-tpl .qa-types-btn:before {
  padding-top: 21.621621621621621621621621621622%;
}

.page-template-qa-tpl .qa-types-btn__img,
.page-template-qa-tpl .qa-types-btn__inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .qa-types-btn__inside {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(69, 75, 79, 0.8);
  z-index: 2;
  transition: all 0.3s ease;
}

.page-template-qa-tpl .qa-types-btn:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  transform: translateX(15px);
  transition: all 0.3s ease;
  z-index: 0;
}

.page-template-qa-tpl .qa-types-btn__img {
  border-radius: 10px;
  z-index: 1;
}

.page-template-qa-tpl .qa-types-btn__title {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  padding: 0 20px 0 48px;
  transform: translateZ(0);
}

.page-template-qa-tpl .qa-types-btn.active .qa-types-btn__inside,
.qa-types-container.static .qa-types-btn:first-child .qa-types-btn__inside {
  background-color: #e93c6d;
}

.page-template-qa-tpl .qa-types-btn.active:after,
.qa-types-container.static .qa-types-btn:first-child:after {
  transform: translateX(0);
  border-right-color: #e93c6d;
}

.page-template-qa-tpl .qa-types-elems {
  position: relative;
}

.page-template-qa-tpl .qa-types-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.page-template-qa-tpl .qa-types-container.static .qa-types-content:first-child,
.qa-types-content.active {
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
}

.page-template-qa-tpl .qa-types-content__inside {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.page-template-qa-tpl .qa-types-content__title {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.page-template-qa-tpl .qa-types-content__list {
  line-height: 1.4;
}

.page-template-qa-tpl .qa-types-content__list-row {
  margin-top: 18px;
}

.page-template-qa-tpl .qa-types-content__list-row:first-child {
  margin-top: 0;
}

.page-template-qa-tpl .qa-types-content__list-title {
  position: relative;
  padding-left: 20px;
}

.page-template-qa-tpl .qa-types-content__list-title:before {
  content: "";
  border: 3px solid #e93c6d;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 7px;
}

.page-template-qa-tpl .qa-types-content__list-text {
  margin-top: 8px;
}

.page-template-qa-tpl .qa-types-content__footer {
  margin-top: 30px;
}

.page-template-qa-tpl .qa-types-content__link {
  display: block;
  color: #e40b48;
  font: 19px/1 "Roboto", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 270px;
  padding: 11px 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #e40b48;
  transition: background 0.2s cubic-bezier(0.35, 0, 0.25, 1),
    color 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.page-template-qa-tpl .qa-types-content__link:hover {
  color: #fff;
  background-color: #e40b48;
}

.page-template-qa-tpl .qa-types-content__link:active {
  transform: translateY(2px);
}

@media screen and (max-width: 1024px) {
  .page-template-qa-tpl .qa-types-container {
    touch-action: pan-y;
  }

  .page-template-qa-tpl .qa-types-arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .page-template-qa-tpl .qa-types-arrow {
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }

  .page-template-qa-tpl .qa-types-arrow.prev {
    left: -50px;
    background: url(../new-landing-assets/qa-page/left_arrow_rest.svg) center center no-repeat;
  }

  .page-template-qa-tpl .qa-types-arrow.prev:active {
    transform: translateX(-1px);
  }

  .page-template-qa-tpl .qa-types-arrow.next:active {
    transform: translateX(1px);
  }

  .page-template-qa-tpl .qa-types-arrow.next {
    right: -50px;
    background: url(../new-landing-assets/qa-page/right_arrow_rest.svg) center center no-repeat;
  }

  .page-template-qa-tpl .qa-types-btn:after {
    display: none;
  }

  .page-template-qa-tpl .qa-types-elems {
    transition: height 0.3s ease-in-out;
  }

  .page-template-qa-tpl .qa-types-nav {
    position: relative;
    max-width: 500px;
    margin: 0 auto 20px;
    z-index: 0;
  }

  .page-template-qa-tpl .qa-types-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
  }

  .page-template-qa-tpl .qa-types-btn__title {
    font-size: 22px;
    text-align: center;
    width: 100%;
  }

  .page-template-qa-tpl .qa-types-btn.active,
  .qa-types-container.static .qa-types-btn:first-child {
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
  }

  .page-template-qa-tpl .qa-types-btn.active .qa-types-btn__inside,
  .qa-types-container.static .qa-types-btn:first-child .qa-types-btn__inside {
    background-color: rgba(69, 75, 79, 0.8);
  }

  .page-template-qa-tpl .qa-types-content {
    height: auto;
  }

  .page-template-qa-tpl .qa-types-content__title {
    display: none;
  }

  .page-template-qa-tpl .qa-types-content__link {
    margin: 0 auto;
  }
}

@media screen and (max-width: 660px) {
  .page-template-qa-tpl .qa-types-nav {
    max-width: calc(640px - 40px);
    margin: 0 20px 20px;
  }

  .page-template-qa-tpl .qa-types-btn__title {
    font-size: 20px;
    line-height: 1.1;
    padding: 0 20px;
  }

  .page-template-qa-tpl .qa-types-btn__img,
  .qa-types-btn__inside {
    border-radius: 5px;
  }

  .page-template-qa-tpl .qa-types-arrow {
    width: 20px;
  }

  .page-template-qa-tpl .qa-types-arrow.next,
  .qa-types-arrow.prev {
    background-size: 10px;
  }

  .page-template-qa-tpl .qa-types-arrow.prev {
    left: -25px;
  }

  .page-template-qa-tpl .qa-types-arrow.next {
    right: -25px;
  }

  .page-template-qa-tpl .qa-types-content__link {
    font-size: 16px;
    width: 220px;
  }

  .page-template-qa-tpl .qa-types-content__list-title:before {
    border-width: 2px;
    top: 6px;
  }
}

.page-template-qa-tpl .dark-section {
  background-color: #f3f4f6;
}

.page-template-qa-tpl .page-template-qa-tpl .xb-col-8 {
  width: 66.66666666666666%;
}

.page-template-qa-tpl .qa-process-container {
  touch-action: pan-y;
}

.page-template-qa-tpl .qa-process-container {
  touch-action: pan-y;
}

.page-template-qa-tpl .page-template-qa-tpl .p-top-30 {
  padding-top: 30px;
}

.page-template-qa-tpl .page-template-qa-tpl .p-top-70 {
  padding-top: 70px;
}

.page-template-qa-tpl .qa-process-nav {
  position: relative;
  font-size: 0;
  text-align: center;
}

.page-template-qa-tpl .qa-process-nav:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 1px solid #e93c6d;
  width: 100%;
  z-index: 0;
}

.page-template-qa-tpl .qa-process-nav__title {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font: 16px "Roboto", Arial, sans-serif;
  text-transform: uppercase;
  width: 25%;
  max-width: 225px;
  padding-bottom: 60px;
  cursor: pointer;
  z-index: 1;
  position: relative;
  top: 8px;
}

.page-template-qa-tpl .qa-process-nav__title:nth-child(2n) {
  padding-top: 60px;
  padding-bottom: 0;
}

.page-template-qa-tpl .qa-process-nav__title:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
  border: 1px solid #e93c6d;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  background-color: #fff;
  transition: background 0.3s ease-in-out;
}

.page-template-qa-tpl .qa-process-container.static .qa-process-nav__title:first-child:before,
.qa-process-nav__title.active:before {
  background-color: #e93c6d;
}

.page-template-qa-tpl .qa-process-elems {
  position: relative;
  margin-top: 38px;
}

.page-template-qa-tpl .qa-process-content,
.qa-process-elem {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-template-qa-tpl .qa-process-elem {
  width: 100%;
  min-height: 300px;
  padding: 0 45px 0 100px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.page-template-qa-tpl .qa-process-container.static .qa-process-elem:first-child,
.qa-process-elem.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease;
}

.page-template-qa-tpl .qa-process-content {
  width: 100%;
}

.page-template-qa-tpl .qa-process-title {
  display: none;
}

.page-template-qa-tpl .qa-process-content__list {
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
}

.page-template-qa-tpl .qa-process-content__list-row {
  position: relative;
  padding-left: 30px;
  margin-top: 15px;
}

.page-template-qa-tpl .qa-process-content__list-row:first-child {
  margin-top: 0;
}

.page-template-qa-tpl .qa-process-content__list-row:before {
  content: "";
  border: 3px solid #e93c6d;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 7px;
}

.page-template-qa-tpl .qa-process-content__list-title {
  font-weight: 400;
}

.page-template-qa-tpl .qa-process-content__pict {
  position: relative;
  width: 450px;
}

.page-template-qa-tpl .qa-process-content__pict:before {
  content: "";
  display: block;
  padding-top: 62.222222222222222222222222222222%;
}

.page-template-qa-tpl .qa-process-content__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .qa-process-footer {
  text-align: center;
  margin: 50px 0 10px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.page-template-qa-tpl .qa-process-footer-inside {
  position: relative;
  display: inline-block;
}

.page-template-qa-tpl .qa-process__arr {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  cursor: pointer;
}

.page-template-qa-tpl .qa-process__arr.prev {
  left: -72px;
}

.page-template-qa-tpl .qa-process__arr.prev:active {
  transform: translateX(-1px);
}

.page-template-qa-tpl .qa-process__arr.next {
  right: -72px;
}

.page-template-qa-tpl .qa-process__arr.next:active {
  transform: translateX(1px);
}

.page-template-qa-tpl .nav-icon {
  width: 46px;
  height: 26px;
}

.page-template-qa-tpl .nav-icon.line {
  fill: #e4264f;
}

.page-template-qa-tpl .qa-process__dots {
  font-size: 0;
}

.page-template-qa-tpl .qa-process__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border-radius: 10px;
  background-color: #9b9b9b;
  cursor: pointer;
  transition: background 0.5s ease;
}

.page-template-qa-tpl .qa-process__dot.active,
.qa-process__dot:hover {
  background-color: #e4264f;
}

.page-template-qa-tpl .qa-process-container.static .qa-process-footer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media screen and (max-width: 1024px) {
  .page-template-qa-tpl .qa-process-elem {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .page-template-qa-tpl .qa-process-nav {
    display: none;
  }

  .page-template-qa-tpl .qa-process-title {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .page-template-qa-tpl .qa-process-elems {
    margin-top: -2rem;
  }

  .page-template-qa-tpl .qa-process-elem {
    min-height: 0;
  }

  .page-template-qa-tpl .qa-process-content {
    display: block;
    text-align: center;
  }

  .page-template-qa-tpl .qa-process-content__list {
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
  }

  .page-template-qa-tpl .qa-process-content__pict {
    width: 100%;
    max-width: 225px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 660px) {
  .page-template-qa-tpl .qa-process-content {
    text-align: left;
  }

  .page-template-qa-tpl .qa-process-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
  }

  .page-template-qa-tpl .qa-process-content__list-row {
    margin-top: 10px;
    padding-left: 20px;
  }

  .page-template-qa-tpl .qa-process-footer {
    margin: 35px 0 0;
  }

  .page-template-qa-tpl .qa-process-content__list-row:before {
    border-width: 2px;
  }
}

.page-template-qa-tpl .qa-process-nav__title:nth-child(2) {
  position: relative;
  top: 8px;
}

.page-template-qa-tpl .qa-process-nav__title:last-child {
  position: relative;
  top: 0;
}

.page-template-qa-tpl .qa-technologies-section {
  position: relative;
  background: center center/cover no-repeat #323e55;
  overflow: hidden;
  z-index: 0;
}

.page-template-qa-tpl .qa-technologies-section.loaded {
  background-image: url(../../../images/pages/software-testing/technologies-bg-660.jpg);
}

@media screen and (min-width: 661px) {
  .page-template-qa-tpl .qa-technologies-section.loaded {
    background-image: url(../../../images/pages/software-testing/technologies-bg-1024.jpg);
  }
}

@media screen and (min-width: 1025px) {
  .page-template-qa-tpl .qa-technologies-section.loaded {
    background-image: url(../new-landing-assets/qa-page/technologies-bg.jpg);
  }
}

.page-template-qa-tpl .qa-technologies-section-inside {
  background-color: rgba(53, 55, 67, 0.89);
}

.page-template-qa-tpl .qa-technologies-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.page-template-qa-tpl .qa-technologies__pict {
  position: relative;
  width: 100%;
  max-width: 480px;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.page-template-qa-tpl .qa-technologies__pict:before,
.qa-types-btn:before {
  content: "";
  display: block;
  padding-top: 10.416666666666666666666666666667%;
}

.page-template-qa-tpl .qa-technologies__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .qa-technologies__text {
  margin-right: 80px;
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
}

@media screen and (max-width: 1023px) {
  .page-template-qa-tpl .qa-technologies-container {
    display: block;
  }

  .page-template-qa-tpl .qa-technologies__pict {
    margin: 0 auto;
  }

  .page-template-qa-tpl .qa-technologies__text {
    margin: 20px 0 0;
  }
}

@media screen and (min-width: 1025px) {
  .page-template-qa-tpl .qa-page-footer.loaded {
    background: url(../../../images/pages/software-testing/footer-bg.png) center center/1851px no-repeat;
  }
}

.page-template-qa-tpl .qa-page-footer {
  overflow: hidden;
}

.page-template-qa-tpl .landing-cases-section {
  padding-bottom: 11rem;
}

.page-template-qa-tpl .material-form {
  top: 0;
  margin-bottom: 13rem;
}

@media screen and (min-width: 1025px) {
  .page-template-qa-tpl .qa-types-section.loaded {
    background: url(../../../images/pages/software-testing/types-bg.png) center center/2123px no-repeat;
  }

  .page-template-qa-tpl .qa-types-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .page-template-qa-tpl .qa-types-arrows {
    display: none;
  }

  .page-template-qa-tpl .qa-types-nav {
    width: 555px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .page-template-qa-tpl .qa-types-elems {
    -webkit-flex: 100;
    -ms-flex: 100;
    flex: 100;
    margin-right: 46px;
  }

  .page-template-qa-tpl .qa-types-btn {
    margin-top: 26px;
    cursor: pointer;
  }

  .page-template-qa-tpl .qa-types-btn:first-child {
    margin-top: 0;
  }
}

.page-template-qa-tpl .qa-types-btn {
  position: relative;
}

.page-template-qa-tpl .qa-types-btn:before {
  padding-top: 21.621621621621621621621621621622%;
}

.page-template-qa-tpl .qa-types-btn__img,
.qa-types-btn__inside {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.page-template-qa-tpl .qa-types-btn__inside {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(69, 75, 79, 0.8);
  z-index: 2;
  transition: all 0.3s ease;
}

.page-template-qa-tpl .qa-types-btn:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -15px;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  transform: translateX(15px);
  transition: all 0.3s ease;
  z-index: 0;
}

.page-template-qa-tpl .qa-types-btn__img {
  border-radius: 10px;
  z-index: 1;
}

.page-template-qa-tpl .qa-types-btn__title {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  padding: 0 20px 0 48px;
  transform: translateZ(0);
}

.page-template-qa-tpl .qa-types-btn.active .qa-types-btn__inside,
.qa-types-container.static .qa-types-btn:first-child .qa-types-btn__inside {
  background-color: #e93c6d;
}

.page-template-qa-tpl .qa-types-btn.active:after,
.qa-types-container.static .qa-types-btn:first-child:after {
  transform: translateX(0);
  border-right-color: #e93c6d;
}

.page-template-qa-tpl .qa-types-elems {
  position: relative;
}

.page-template-qa-tpl .qa-types-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}

.page-template-qa-tpl .qa-types-container.static .qa-types-content:first-child,
.qa-types-content.active {
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
}

.page-template-qa-tpl .qa-types-content__inside {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.page-template-qa-tpl .qa-types-content__title {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.page-template-qa-tpl .qa-types-content__list {
  line-height: 1.4;
}

.page-template-qa-tpl .qa-types-content__list-row {
  margin-top: 18px;
}

.page-template-qa-tpl .qa-types-content__list-row:first-child {
  margin-top: 0;
}

.page-template-qa-tpl .qa-types-content__list-title {
  position: relative;
  padding-left: 20px;
}

.page-template-qa-tpl .qa-types-content__list-title:before {
  content: "";
  border: 3px solid #e93c6d;
  border-radius: 10px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 7px;
}

.page-template-qa-tpl .qa-types-content__list-text {
  margin-top: 8px;
}

.page-template-qa-tpl .qa-types-content__footer {
  margin-top: 30px;
}

.page-template-qa-tpl .qa-types-content__link {
  display: block;
  color: #e40b48;
  font: 19px/1 "Roboto", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 270px;
  padding: 11px 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #e40b48;
  transition: background 0.2s cubic-bezier(0.35, 0, 0.25, 1),
    color 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.page-template-qa-tpl .qa-types-content__link:hover {
  color: #fff;
  background-color: #e40b48;
}

.page-template-qa-tpl .qa-types-content__link:active {
  transform: translateY(2px);
}

.page-template-qa-tpl .landing-case .qa-page-footer.loaded {
  background: url(../new-landing-assets/qa-page/footer-bg.png) center center/1851px no-repeat;
}

.page-template-qa-tpl .landing-case .qa-page-footer {
  overflow: hidden;
}

.page-template-qa-tpl .landing-case .landing-cases-section {
  padding-bottom: 11rem;
}

.page-template-qa-tpl .landing-case .p-top-65 {
  padding-top: 6.5rem;
}

.page-template-qa-tpl .landing-case .top-40 {
  margin-top: 4rem;
}

.page-template-qa-tpl .landing-case .compact-cols {
  margin-left: -10px;
  margin-right: -10px;
}

.page-template-qa-tpl .landing-case .compact-cols>.xb-col-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.page-template-qa-tpl .landing-case .xb-col-3 {
  width: 25%;
}

.page-template-qa-tpl .landing-case .checklist-container__row:first-child,
.devcenter-app:first-child,
.text-container p:first-child {
  margin-top: 0;
}

.page-template-qa-tpl .landing-case .devcenter-app {
  margin-top: 20px;
}

.page-template-qa-tpl .landing-case .devcenter-app__link {
  position: relative;
  display: block;
  min-height: 180px;
  border-radius: 5px;
  overflow: hidden;
}

.page-template-qa-tpl .landing-case a {
  color: #555bd1;
  outline: 0;
  cursor: pointer;
}

.page-template-qa-tpl .landing-case .img-wrap {
  display: block;
}

.page-template-qa-tpl .landing-case .img-container,
.img-wrap {
  line-height: 0;
}

.page-template-qa-tpl .landing-case .loaded .lazy-load {
  opacity: 1;
}

.page-template-qa-tpl .landing-case .devcenter-app__img {
  max-width: 270px;
  width: 100%;
}

.page-template-qa-tpl .landing-case .lazy-load {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.page-template-qa-tpl .landing-case img {
  border: 0;
}

.page-template-qa-tpl .landing-case .devcenter-app__link:hover .devcenter-app__body {
  opacity: 1;
  transform: scale(1) translateZ(0);
  -webkit-transform: scale(1) translateZ(0);
}

.page-template-qa-tpl .landing-case .devcenter-app__body {
  transition: opacity 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28),
    transform 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28);
}

.page-template-qa-tpl .landing-case .devcenter-app__body {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1;
}

.page-template-qa-tpl .landing-case .devcenter-app__body-inside,
.mobile-case__body-inside {
  position: relative;
  display: block;
  min-height: 100%;
  padding: 17px 20px;
  border-radius: 4px;
  background: rgba(53, 59, 73, 0.85);
  box-sizing: border-box;
}

.page-template-qa-tpl .landing-case .landing-cases-section .devcenter-app__title {
  font-weight: 300;
}

.page-template-qa-tpl .landing-case .devcenter-app__title,
.mobile-case__title {
  font: 300 20px;
  margin-bottom: 3px;
}

.page-template-qa-tpl .landing-case .devcenter-app__text,
.devcenter-app__title,
.mobile-case__title {
  display: block;
  color: #fff;
}

.page-template-qa-tpl .landing-case .devcenter-app__more,
.mobile-case__more {
  position: absolute;
  bottom: 17px;
  left: 20px;

  color: #fff;
  white-space: nowrap;
}

.page-template-qa-tpl .landing-case .landing-cases-section .devcenter-app__more-label {
  font-weight: 300;
}

.page-template-qa-tpl .landing-case .devcenter-app__more-label {
  display: inline-block;
  vertical-align: middle;
}

.page-template-qa-tpl .landing-case .devcenter-app__more-label {
  font: 300 18px;
  text-decoration: underline;
  margin-right: 10px;
}

.page-template-qa-tpl .landing-case .devcenter-app__icon {
  position: relative;
  top: 2px;
  line-height: 0;
  transition: transform 0.15s ease-in-out;
}

.page-template-qa-tpl .devcenter-app__body {
  opacity: 0;
  transform: scale(0.85) translateZ(0);
  -webkit-transform: scale(0.85) translateZ(0);
  transition: opacity 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28),
    transform 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28);
}

.page-template-qa-tpl .landing-case .devcenter-app__icon {
  display: inline-block;
  vertical-align: middle;
}

.page-template-qa-tpl .landing-case .devcenter-more-svg {
  width: 28px;
  height: 28px;
}

.page-template-qa-tpl .landing-case svg {
  display: block;
}

.page-template-qa-tpl .landing-case .devcenter-more-use,
.mobile-case-more-use {
  fill: #fff;
}

.page-template-qa-tpl .landing-case .devcenter-more-use {
  width: 28px;
  height: 28px;
}

.page-template-qa-tpl .landing-case use {
  display: block;
}

.page-template-qa-tpl .landing-case .center {
  text-align: center;
}

.page-template-qa-tpl .landing-case .btn.long {
  min-width: 31rem;
}

.page-template-qa-tpl .landing-case .btn.long {
  min-width: 29.3rem;
}

.page-template-qa-tpl .landing-case .btn {
  font-size: 19px;
}

.page-template-qa-tpl .landing-case .btn {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0.9rem 2.5rem;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #e4264f;
  transition: background 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}

.page-template-qa-tpl .landing-case a {
  color: #555bd1;
  outline: 0;
  cursor: pointer;
}

.page-template-qa-tpl .landing-case .case-form-anchor {
  position: relative;
  top: -180px;
}

.page-template-qa-tpl .landing-case .material-form {
  top: 0;
  margin-bottom: 13rem;
}

.page-template-qa-tpl .landing-case .material-form {
  position: relative;
  top: -11rem;
  padding: 6.5rem 10rem;
  box-shadow: 0 3px 30px 0 rgb(0 0 0 / 15%);
  border-radius: 10px;
  background-color: #fff;
}

.page-template-qa-tpl .landing-case .top-20 {
  margin-top: 2rem;
}

.page-template-qa-tpl .landing-case .material-contact-form {
  max-width: 630px;
  margin: 65px auto 0;
}

.page-template-qa-tpl .landing-case div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.page-template-qa-tpl .landing-case .material-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -35px;
}

.page-template-qa-tpl .landing-case .material-col {
  width: 50%;
  padding: 0 35px;
  box-sizing: border-box;
}

.page-template-qa-tpl .landing-case .material-field {
  position: relative;
  margin-bottom: 35px;
}

.page-template-qa-tpl .landing-case .wpcf7-form-control-wrap {
  position: relative;
  display: block;
  line-height: 0;
}

.page-template-qa-tpl .landing-case input[type="text"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.page-template-qa-tpl .landing-case .material-field__input {
  display: block;
  width: 100%;
  color: #5b5b5b;
  font: 400 16px;
  padding: 8px 2px;
  border: 0;
  border-bottom: 1px solid silver;
  box-sizing: border-box;
}

.page-template-qa-tpl .landing-case .material-field__label {
  color: #a9a9a9;
  font-size: 16px;
  pointer-events: none;
  padding-left: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.page-template-qa-tpl .landing-case .material-field__label:after {
  background-color: #2381c0;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}

.page-template-qa-tpl .landing-case .form-row-hidden {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.page-template-qa-tpl .landing-case .form-bottom-20 {
  margin-bottom: 20px;
}

.page-template-qa-tpl .form-bottom-15 {
  margin-bottom: 15px;
}

.page-template-qa-tpl .landing-case .site-checkbox,
.site-checkbox span {
  line-height: normal;
}

.page-template-qa-tpl .landing-case .site-checkbox {
  font-size: 14px;
  user-select: none;
}

.page-template-qa-tpl .landing-case .site-checkbox,
.site-checkbox span {
  line-height: normal;
}

.page-template-qa-tpl .landing-case .site-checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.page-template-qa-tpl .landing-case .material-pp-check input,
.site-checkbox input {
  position: absolute;
  opacity: 0;
}

.page-template-qa-tpl .landing-case .site-checkbox .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
}

.page-template-qa-tpl .landing-case .site-checkbox .wpcf7-list-item-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  border: 2px solid #a9a9a9;
  border-radius: 2px;
  background-color: #fff;
}

.page-template-qa-tpl .landing-case .site-checkbox a {
  color: #2381c0;
  text-decoration: underline;
}

.page-template-qa-tpl .landing-case .ajax-loader {
  position: relative;
  left: 10px;
}

.page-template-qa-tpl .landing-case .wpcf7-response-output {
  display: none !important;
}

.page-template-qa-tpl .qa-services__title {
  margin-bottom: 10px;
}

.page-template-qa-tpl .qa-services__title-link {
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-template-qa-tpl .p-top-40 {
  padding-top: 4rem;
}

.page-template-qa-tpl .p-top-30 {
  padding-top: 3rem;
}

.page-template-qa-tpl .p-top-70 {
  padding-top: 7rem;
}

.page-template-qa-tpl section.banner-section>img,
.page-template-qa-tpl section.services-banner>img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-qa-tpl section.banner-section {
  position: relative;
  padding: 70px 0px;
  overflow: hidden;
  background: #000;
  min-height: 65vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .page-template-qa-tpl .xb-col-9 {
    width: 100%;
  }

  .page-template-qa-tpl .xb-block,
  .xb-container {
    width: 100%;
  }

  .page-template-qa-tpl .xb-col-9 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    z-index: 1;
  }

  .page-template-qa-tpl .text-container {
    font-size: 14px;
  }

  .page-template-qa-tpl .section-title {
    font-size: 20px;
  }

  .page-template-qa-tpl .qa-about-elem {
    width: 50%;
  }

  .page-template-qa-tpl .qa-services-elem {
    display: block;
    width: auto;
  }

  .page-template-qa-tpl .qa-services {
    padding-left: 35px;
  }

  .page-template-qa-tpl .qa-services {
    font-size: 15px;
  }

  .page-template-qa-tpl .qa-services__icon {
    top: 2px;
  }

  .page-template-qa-tpl .check-icon {
    height: 20px;
  }

  .page-template-qa-tpl .check-icon {
    height: 20px;
  }

  .page-template-qa-tpl .qa-types-container {
    touch-action: pan-y;
  }

  .page-template-qa-tpl .qa-types-nav {
    max-width: calc(640px - 40px);
    margin: 0 20px 20px;
  }

  .page-template-qa-tpl .qa-types-nav {
    position: relative;
    z-index: 0;
  }

  .page-template-qa-tpl .qa-types-btn.active,
  .qa-types-container.static .qa-types-btn:first-child {
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
  }

  .page-template-qa-tpl .qa-types-btn__img {
    border-radius: 5px;
  }

  .page-template-qa-tpl .qa-types-elems {
    transition: height 0.3s ease-in-out;
  }

  .page-template-qa-tpl .qa-types-content__title {
    display: none;
  }

  .page-template-qa-tpl .qa-process-nav {
    display: none;
  }

  .page-template-qa-tpl .mobile-case {
    padding: 1px;
  }

  .page-template-qa-tpl .mobile-case {
    width: 50%;
  }

  .page-template-qa-tpl .mobile-case__body {
    padding: 5px;
  }

  .page-template-qa-tpl .mobile-case__body-inside {
    padding: 2px 5px;
  }

  .page-template-qa-tpl .mobile-case__title,
  body {
    font-size: 14px;
  }

  .page-template-qa-tpl .mobile-case__more {
    right: 5px;
    bottom: 5px;
  }

  .page-template-qa-tpl .mobile-case__more {
    left: auto;
  }

  .page-template-qa-tpl .qa-types-btn.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
  }

  .page-template-qa-tpl .qa-types-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
  }

  .page-template-qa-tpl .qa-types-btn__inside {
    border-radius: 5px;
  }

  .page-template-qa-tpl .qa-types-btn__title {
    padding: 0;
    font-size: 16px;
  }

  .page-template-qa-tpl .qa-types-arrows {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .page-template-qa-tpl .qa-types-arrow.prev {
    left: -25px;
  }

  .page-template-qa-tpl .qa-types-arrow.prev {
    background-size: 10px;
  }

  .page-template-qa-tpl .qa-types-arrow.prev {
    background: url(../new-landing-assets/qa-page/left_arrow_rest.svg) center center no-repeat;
    background-size: 10px;
  }

  .page-template-qa-tpl .qa-types-arrow.next {
    background: url(../new-landing-assets/qa-page/right_arrow_rest.svg) center center no-repeat;
    background-size: 10px;
  }

  .page-template-qa-tpl .landing-case .xb-col-3 {
    width: 100%;
  }

  .page-template-qa-tpl .landing-case .btn.long {
    min-width: 100%;
    font-size: 16px;
    padding: 10px 15px;
  }

  .page-template-qa-tpl .text-container {
    padding: 0 15px;
  }

  .page-template-qa-tpl .contact_box {
    padding: 25px;
  }

  .page-template-qa-tpl .landing-case .landing-cases-section {
    padding-bottom: 4rem;
  }

  .page-template-qa-tpl .qa-types-btn.active .qa-types-btn__inside,
  .qa-types-container.static .qa-types-btn:first-child .qa-types-btn__inside {
    background-color: rgba(69, 75, 79, 0.8);
  }

  .page-template-qa-tpl .landing-case .devcenter-app__link .devcenter-app__body {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
  }

  .page-template-qa-tpl .landing-case .devcenter-app__img {
    max-width: 100%;
    width: 100%;
  }

  .page-template-qa-tpl .landing-case .devcenter-app__body {
    padding: 15px;
    text-align: center;
  }

  .page-template-qa-tpl .p-top-65 {
    padding-top: 2.5rem;
  }

}

@media (min-width: 500px) and (max-width: 992px) {
  .page-template-qa-tpl .landing-case .xb-col-3 {
    width: 50%;
  }
}

/* <!--end third section--> */

/* featured blog */
.featured-post {
  background: none;
}

.featured-blog-slider .item {
  position: relative;
  padding: 9% 0;
  display: flex;
  align-items: center;
}

.featured-blog-slider .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* .featured-blog-slider .featured_blog_content{
    position: absolute;
    left: 0;
    padding: 15px 15px 15px 40px;
    top: 50%;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 700px;
    width: 100%;
    color: #fff;
} */

.featured-blog-slider .featured_blog_content {
  position: relative;
  left: 0;
  padding: 15px 15px 15px 40px;
  z-index: 99;
  max-width: 700px;
  width: 100%;
  color: #fff;
}

.featured-blog-slider .feattitle {
  font-size: 18px;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 6px;
}

.featured-blog-slider .feattitle:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background-image: -o-linear-gradient(left, #ffe11a, #fe0000);
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffe11a),
      to(#fe0000));
  background-image: linear-gradient(to right, #ffe11a, #fe0000);
}

.featured-blog-slider .featured-heading {
  color: #fff;
}

.featured-blog-slider .featured_blog_content a {
  color: #fff;
}

.featured-blog-slider figure {
  position: relative;
}

.featured-blog-slider figure:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgb(0 0 0 / 73%);
}

.featured-blog-slider .owl-dots {
  position: absolute;
  bottom: 6px;
  text-align: right;
  right: 8px;
}

.featured-blog-slider .owl-dot {
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block;
  margin: 0 4px;
}

.featured-blog-slider .owl-dot.active {
  background: #f30e0e;
}

.featured-blog-slider .main-btn img {
  width: auto;
  display: inline;
}

.featured-blog-slider .main-btn img.hover-img {
  display: none;
}

.featured-blog-slider .main-btn:hover img.hover-img {
  display: inline;
}

.featured-blog-slider .main-btn:hover {
  color: #f30e0e;
}

@media (max-width: 991px) {
  .featured-blog-slider .item {
    min-height: 300px;
  }
}

/* end featured blog */

/*spacing */
.bottomspace {
  padding-bottom: 50px;
}

/* end spacing */

/* added new */
.blog-title .broken_link,
a.broken_link {
  text-decoration: none;
}

/* govt project logo css */
.govt-project-logo {}

@media (max-width: 567px) {
  .govt-project-logo {
    padding: 0;
  }
}

.govt-project-logo .govt-heading h2 {
  text-align: center;
}

.govt-project-logo .govt-logo-section {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0 0 0;
}

@media (max-width: 567px) {
  .govt-project-logo .govt-logo-section {
    padding: 0;
  }
}

.govt-project-logo .govt-logo {
  padding: 10px;
  width: 20%;
  margin-bottom: 30px;
}

@media (max-width: 567px) {
  .govt-project-logo .govt-logo {
    width: 20.25%;
    margin: 1.25rem 0.2% 1.75rem 1.5rem;
    padding: 0;
  }
}

.govt-project-logo .govt-logo-col {
  padding: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
}

@media (max-width: 567px) {
  .govt-project-logo .govt-logo-col {
    min-height: 100%;
  }
}

.govt-project-logo .govt-logo-col img {
  max-width: 100%;
  max-height: 100px;
}

@media (max-width: 567px) {
  .govt-project-logo .govt-logo-col img {
    max-height: 68px;
  }
}

/* neww css */

/* Slider CSS */
.sliderWrapper {
  width: 100%;
  position: relative;
}

.sliderWrapper .slick-dots {
  /* bottom: 0; */
}

.sliderWrapper .imageSlider {
  width: 100%;
  height: auto;
}

.sliderWrapper .imageSlider .slide {
  width: 100%;
  height: auto;
  display: none;
}

.sliderWrapper .imageSlider .slide:first-child {
  display: block;
}

.sliderWrapper .imageSlider .slide .slideImage {
  width: 100%;
  height: auto;
  position: relative;
  transform: scale(1);
  transition: transform 6.5s linear;
  transition-delay: 1.5s;
}

.sliderWrapper .imageSlider .slide .slideImage img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 568px) {
  .sliderWrapper .imageSlider .slide .slideImage img {
    width: 152%;
    /* height: 322px; */
    height: 411px;
  }
}

@media (min-width: 569px) and (max-width: 767px) {
  .sliderWrapper .imageSlider .slide .slideImage img {
    width: 152%;
    height: 422px;
  }
}

@media (max-width: 568px) {
  .slideContent .content a {
    margin: 31px 0;
  }
}

.sliderWrapper .imageSlider .slick-active .slide.transition-active .slideImage {
  transform: scale(1.07);
}

.sliderWrapper .imageSlider .slick-active .slide.transition-active .slideContent h2 {
  opacity: 1;
  top: 0;
}

.sliderWrapper .imageSlider .slick-active .slide.transition-active .slideContent h4 {
  left: 0px;
  opacity: 1;
}

.sliderWrapper .imageSlider .slick-active .slide.transition-active .slideContent .content .sliderLink {
  opacity: 1;
  left: 0;
}

.sliderOverlays {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.73%, #171818 93.75%);
}

.slick-arrow {
  display: none !important;
}

.slideContent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: flex;
  align-items: center;
}

.slideContent h1 {
  /* color: #000000 !important; */
  font-size: 3.125rem !important;
  line-height: 4rem;
  position: relative;
  top: 1.25rem !important;
  /* opacity: 0; */
  transition: top 0.8s, opacity 0.8s !important;
  -webkit-transition: top 0.8s, opacity 0.8s;
  transition-delay: 0.85s !important;
}

@media (max-width: 1199px) {
  .slideContent .content {
    width: 80%;
  }

  .slideContent h1 {
    font-size: 34px !important;
    line-height: 44px;
  }
}

@media (max-width: 768px) {
  .slideContent h1 {
    font-size: 30px !important;
    line-height: 40px !important;
  }
}

@media (max-width: 567px) {
  .slideContent h1 {
    font-size: 20px !important;
    line-height: 30px !important;
    padding: 28px 0 0 0;
  }
}

@media (max-width: 567px) {
  .contactUs {
    margin: 14px 0 0 0;
  }
}

.slideContent h1 span {
  color: #03abf4;
}

.slideContent .content {
  width: 55%;
  margin-top: 1.25rem;
}

@media (max-width: 992px) {
  .slideContent .content {
    width: 100%;
  }
}

@media (max-width: 567px) {
  .slideContent .content {
    width: 100%;
    margin-top: 0;
  }
}

.slideContent .content .sliderLink {
  margin-top: 1.5rem;
  position: relative;
  opacity: 0;
  left: -10%;
  transition: left 0.5s, opacity 0.5s;
  -webkit-transition: left 0.5s, opacity 0.5s;
  transition-delay: 1.25s;
}

@media (max-width: 567px) {
  .slideContent .content .sliderLink {
    margin-top: 0.5rem;
  }
}

.slideContent h4 {
  padding: 0 0 0.5rem 0;
  left: -10%;
  opacity: 0;
  transition: left 0.5s, opacity 0.5s;
  -webkit-transition: left 0.5s, opacity 0.5s;
  transition-delay: 0.5s;
  position: relative;
  font-size: 1.25rem;
}

/* Servvice CSS */
.serviceWrap {
  width: 100%;
}

@media (max-width: 567px) {
  .serviceWrap {
    /* padding: 1rem 0rem 2rem; */
  }

  .serviceWrap::after {
    content: "";
    content: "";
    width: 27.8125rem;
    height: 68.25rem;
    background-image: url(../images/our_service.png);
    position: absolute;
    pointer-events: none;
    top: 68%;
    right: 0;
  }
}

.serviceWrap .container {
  position: relative;
}

/* .serviceWrap .container:before {
    content: "";
    width: 6.5625rem;
    height: 7.5625rem;
    background-image: url(../images/polygonServices.svg);
    background-size: contain;
    position: absolute;
    top: -5.5rem;
    left: -4.5rem;
    pointer-events: none;
  } */
@media (max-width: 567px) {
  /* .serviceWrap .container:before {
      width: 3.5625rem;
      height: 4.5625rem;
      top: 0rem;
      left: 1rem;
    } */
}

@media (max-width: 567px) {
  .serviceWrap h3 {
    font-size: 2rem;
  }
}

.serviceWrap .servicesContainer {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 120px;
}

@media (max-width: 1024px) {
  .serviceWrap .servicesContainer {
    margin-top: 60px;
  }
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer {
    margin-top: 5.5rem;
  }
}

.serviceWrap .servicesContainer .service {
  width: 32%;
  margin-bottom: 2rem;
  perspective: 1000px;
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer .service {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.serviceWrap .servicesContainer .service .service-card {
  position: relative;
  height: 100%;
  background-color: #000000;
  border-radius: 4.5rem;
  overflow: hidden;
}

.serviceWrap .servicesContainer .service .service-card .front-card {
  width: 100%;
  height: 100%;
  background: #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  cursor: auto;
  padding: 3rem 2rem;
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer .service .service-card .front-card {
    border-radius: 15px;
  }
}

.serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon img {
  max-width: 100%;
  display: block;
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon img {
    max-width: 50%;
  }
}

.serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon.redBG {
  background: rgba(240, 64, 55, 0.1);
}

.serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon.yellowBG {
  background: rgba(254, 220, 90, 0.1);
}

.serviceWrap .servicesContainer .service .service-card .front-card .serviceIcon.purpleBG {
  background: rgba(84, 84, 212, 0.1);
}

.serviceWrap .servicesContainer .service .service-card .front-card h4 {
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
  margin-top: 1rem;
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer .service .service-card .front-card h4 {
    font-size: 1.33rem;
  }
}

.serviceWrap .servicesContainer .service .service-card .front-card p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #999999;
  text-align: center;
  margin-top: 1rem;
  min-height: 6rem;
  padding: 0rem 1.5rem;
}

@media (max-width: 567px) {
  .serviceWrap .servicesContainer .service .service-card .front-card p {
    font-size: 1.33rem;
  }
}

.serviceWrap .servicesContainer .service .service-card .back-card {
  width: 100%;
  height: 100%;
  background: #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 72px;
  padding: 3.5rem 1.5rem 3rem;
  cursor: auto;
  position: absolute;
  top: 100%;
  left: 0px;
  transition: all 0.75s ease-in-out;
  background-color: #000000;
}

.serviceWrap .servicesContainer .service .service-card .back-card h3 {
  font-size: 1.25rem;
}

.serviceWrap .servicesContainer .service .service-card .back-card ul {
  padding-left: 2rem;
  margin-top: 1rem;
}

.serviceWrap .servicesContainer .service .service-card .back-card ul li {
  list-style-type: disc;
  color: #999999;
  font-size: 0.875em;
  margin-bottom: 0.75rem;
}

.serviceWrap .servicesContainer .service .service-card .back-card .card-link {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.serviceWrap .servicesContainer .service:hover .back-card {
  top: 0px;
}

/* end */

/* new css added for button */
.btn-link {
  background-color: #03abf4;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 2.5rem;
  border-radius: 55px;
}

.btn-link-white {
  background-color: #ffffff;
  display: inline-block;
  color: #03abf4;
  text-decoration: none;
  padding: 0.75rem 2.5rem;
  border-radius: 55px;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  overflow: hidden;
  border: 1px solid #03abf4;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  height: calc(100% + 1px);
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #03abf4;
}

.btn-link-white.hvr-sweep-to-right:before {
  background-color: #03abf4;
}

.btn-link-white.hvr-sweep-to-right:hover,
.btn-link-white.hvr-sweep-to-right:focus,
.btn-link-white.hvr-sweep-to-right:active {
  color: #ffffff;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

section.services-banner,
.content a:focus {
  color: #03abf4 !important;
  background-color: #fff !important;
}

/* New contact-us Page css */

.main-contact {
  position: absolute;
  left: 0;
  right: 0;
  /* bottom: 30%; */
  top: 25%;
}

.main-contact .container {
  display: flex;
  justify-content: space-between;
}

.new-contactus-form {
  background: #fff;
  width: calc(50% - 70px);
  border-radius: 14px 14px 0px 0px;
  z-index: 2;
  box-shadow: 0px 0px 74px 0px rgb(41 74 69 / 11%);
}

.new-contactus-form h4 {
  background: #f6f6f6;
  text-align: center;
  margin-bottom: 0;
  border-radius: 14px 14px 0 0;
}

@media (max-width: 1899px) {
  .new-contactus-form h4 {
    padding: 20px 0;
    font-size: 20px;
  }
}

.contact-field {
  width: 50%;
  float: left;
  position: relative;
  padding: 15px 20px;
  /* border-top: 1px solid #e6e6e6; */

  width: calc(50% - 30px);
  padding: 22px 0 0px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 15px;
}

/* .contact-field input{
    border: none;
  } */

.contact-field>label {
  position: absolute;
  top: 27px;
  left: 18px;
  color: #757575;
  z-index: 1;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  transition: 0.2s ease;
  display: inline-block;
  margin-bottom: 0.5rem;
  border: none;
}

.contact-field input {
  outline: 0;
  position: relative;
  z-index: 2;
  background: 0 0;
  width: 100%;
  height: 50px;
  border: 0;
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.contact-field>label {
  top: 32px;
  left: 12px;
  color: #b6b6b6;
}

.contact-field input:focus~label,
.contact-field textarea:focus~label,
.contact-field label.active {
  color: #9d9d9d;
  -webkit-transform: translate(-10%, -90%) scale(0.75);
  transform: translate(-10%, -90%) scale(0.75);
  -moz-transform: translate(-10%, -90%) scale(0.75);
  -ms-transform: translate(-10%, -90%) scale(0.75);
  -o-transform: translate(-10%, -90%) scale(0.75);
}

@media (max-width: 1899px) {
  .contact-field input {
    height: 46px;
    padding: 10px 15px;
  }
}

.office-address-section h1 {
  text-align: center;
  font-size: 32px;
}

.office-address {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 0 0 0;
}

.office-location {
  width: 30%;
  text-align: center;
  margin-bottom: 50px;
}

.office-location h4 {
  font-size: 28px;
  text-align: center;
}

.office-location p {
  text-align: center;
}

@media (max-width: 768px) {
  .office-address-section h1 {
    text-align: center;
    font-size: 30px;
  }

  .office-location h4 {
    font-size: 24px;
    text-align: center;
  }
}

@media (max-width: 567px) {
  .office-address {
    display: block;
    padding: 30px 0 0 0;
  }

  .office-location {
    width: 100%;
    margin-bottom: 40px;
  }

  .office-address-section h1 {
    text-align: center;
    font-size: 28px;
  }

  .office-location h4 {
    font-size: 22px;
    text-align: center;
  }
}

.main-contact .contact-heading h1 {
  font-size: 42px;
  font-weight: 700;
}

.main-contact .contact-heading p {
  padding: 20px 0;
}

.main-contact .contact-heading {
  width: 100%;
  max-width: 480px;
  padding: 120px 0;
}

.contact-left h3 {
  color: #000000;
}

.contact-left h6 {
  color: #000000 !important;
}

.contact-left {
  background-color: #fff;
}

@media (min-width: 1033px) and (max-width: 1440px) {
  .contact-margin {
    margin-top: 140px;
  }

  .main-contact {
    top: 30%;
  }

  .main-contact .contact-heading {
    padding: 40px 0;
  }

  .main-contact .contact-heading h1 {
    font-size: 36px;
    font-weight: 700;
  }
}

@media (min-width: 892px) and (max-width: 1032px) {
  .contact-margin {
    margin-top: 250px;
  }

  .main-contact {
    top: 30%;
  }
}

@media (max-width: 1199px) {
  .main-contact {}

  .main-contact .contact-heading {
    padding: 40px 0;
  }

  .main-contact .contact-heading h1 {
    font-size: 32px;
    font-weight: 600;
  }
}

@media (max-width: 891px) {
  .main-contact .contact-heading {
    padding: 44px 0;
    text-align: center;
    max-width: 100%;
  }

  .main-contact .container {
    display: block;
  }

  .main-contact {
    position: static;
  }

  section.services-banner .container {
    /* position: relative; */
    position: static;
  }

  .contact-left {
    width: 100%;
  }

  .main-contact .contact-heading h1 {
    color: #000 !important;
    text-align: center;
    max-width: 100% !important;
    font-size: 30px;
    font-weight: 500;
  }

  .main-contact .contact-heading p {
    color: #000 !important;
    text-align: center;
    max-width: 100% !important;
  }

  .sliderOverlays {
    display: none;
  }
}

@media (max-width: 567px) {
  .main-contact .contact-heading {
    padding: 30px 0;
    text-align: center;
  }

  .main-contact .contact-heading h1 {
    text-align: center;
    max-width: 100% !important;
    font-size: 26px;
    font-weight: 500;
  }

  .main-contact .contact-heading p {
    text-align: center;
    max-width: 100% !important;
  }

  .main-contact .container {
    display: block;
  }

  .main-contact {
    position: static;
  }

  section.services-banner .container {
    /* position: relative; */
    position: static;
  }
}

.page-template-new-contact .footer-top-main {
  display: none;
}

.page-template-new-contact .footer-mid-main {
  margin-top: 0;
}

.page-template-new-contact footer {
  padding: 0;
}

/* service page grident used */
.serviceOverlay {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(238deg, rgba(0, 0, 0, 0) -61.27%, #000 177.75%);
}

/* FAQ Section CSS */

.suppliers-wrapper .accord-button {
  width: 100%;
  /* background-color:#18191A; */
  text-align: left;
  font-size: 1.25rem;
  box-shadow: 0 8px 16px rgb(0 0 0 / 14%);
  background-color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  padding: 1rem 1.5rem 1rem 0.875rem;
  font-weight: 600;
  line-height: 19px;
  margin: 1rem 0rem;
}

@media (max-width: 767px) {
  .suppliers-wrapper .accord-button {
    font-size: 16px;
    line-height: 1.6;
  }
}

.accord_heading {
  text-align: center;
  font-size: 44px;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .accord_heading {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .accord_heading {
    font-size: 24px;
  }
  
}
@media screen and (max-width: 767px) {
  section.services-bluebanner>img {
    padding-top: 82px;
  }
}
.accord_heading strong {
  color: #03abf4;
}

.accord_wrap {
  border-bottom: 1px solid white;
  margin-bottom: 20px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.accord-content p {
  margin: 0;
}

.accoord-content p {
  font-size: 1.125rem;
}

.zonal_sale {
  font-weight: 500;
  font-size: 0.625rem;
  display: block;
  margin-top: 0.5rem;
  color: #ff6e29;
}

.suppliers-wrapper p.faq-para {
  text-align: center;
  margin: 30px 0;
}

.suppliers-wrapper .accord-button:after {
  content: "+";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: 35%;
  right: 1.375rem;
}

.suppliers-wrapper .accord-button.active:after {
  content: "-";
  top: 35%;
}

.suppliers-wrapper .accord-content {
  display: none;
  border-radius: 5px;
  padding: 0.25rem 0.75rem;
}

.suppliers-wrapper .accord-content.active {
  display: block;
}

.accord-content_secondary {
  display: none;
}

.accord-content_secondary.active {
  display: block;
}

@media screen and (min-width: 568px) and (max-width: 991px) {
  .suppliers-wrapper .accord-button {
    font-size: 18px;
  }

  .accord-content p {
    font-size: 16px;
  }
}

/* end */

/* Search icon remove from home page */
.page-template-front-page #headersearch {
  display: none;
}

@media screen and (max-width: 890px) {
  .maga-menu form {
    display: none;
  }
}

/* end */

/* Thank-You Page css */

section.thank-you-section.section {
  margin-top: 0;
}

.check-wrap-mesg {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}

@media only screen and (max-width: 567px) {
  .check-wrap-mesg {
    display: block;
  }
}

article.thank-you-message {
  width: 100%;
  max-width: 1024px;
  margin: 150px auto;
  text-align: center;
  background: #ededed;
  padding: 75px 5%;
}

.check-img img {
  width: 30px;
}

@media only screen and (min-width: 768px) {
  .check-img {
    margin: 0 15px 0 0;
  }
}

article.thank-you-message small {
  padding: 20px 0 0 0;
  font-style: italic;
  font-size: 13px;
  display: block;
}

article.thank-you-message p {
  margin: 0;
}

p.reach-mesg {
  padding: 15px 0 0 0;
  font-size: 18px;
}

span.successive-mail {
  color: #03abf4;
  font-weight: 700;
}

/* Strip Bannner */
.strip {
  background: url("../img/Base.png") right top/100% 100% no-repeat;
  width: 100%;
  /* height: 63px; */
  display: none !important;
}

.strip-content {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.strip-left-content {
  display: flex;
  margin-left: 10px;
}

.strip-logo {
  display: flex;
}

.strip-left-content p {
  padding: 18px 0;
  margin: 0;
  font-size: 14px;
  color: #49a4db;
  font-weight: 700;
  margin-left: 10px;
  line-height: 1.2;
}

.strip-content img {
  max-width: 280px;
  height: 70%;
  margin: 5px 0 0 0;
}

.strip-content,
h4 span {
  font-size: 15px;
}

.strip-left-content h5 {
  color: #fff;
  font-size: 15px;
  padding: 18px 0;
  font-weight: 700;
}

.strip-content h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  padding: 18px 0;
}

.strp-btn {
  display: flex;
}

@media (max-width: 1200px) {
  .strip-logo img {
    height: 70%;
    margin: 4px 0;
  }

  .strip-content h4 {
    font-size: 14px;
  }

  .strip-left-content p {
    font-size: 12px;
  }
}

.strip a {
  background: #ff0000;
  padding: 11px 20px 0 19px;
  display: inline;
  color: #fff;
  font-weight: 700;

  font-size: 15px;
  margin: 10px;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  border-radius: 55px;
}

@media (min-width: 1201px) {
  .strip a {
    padding: 8px 20px 0 19px;
    height: 45px;
  }
}

@media (max-width: 1200px) {
  .strip a {
    font-size: 10px;
    padding: 13px 20px 0 19px;
  }
}

@media only screen and (max-width: 848px) {
  .strip-content {
    display: block;
  }
}

@media only screen and (max-width: 991px) {
  .strip-content {
    display: flex;
  }

  .strip a {
    margin-left: 10px;
    font-size: 7px;
  }

  .strip-content h4 {
    font-size: 10px;
    padding: 8px 0;
  }

  .strip-content img {
    max-width: 159px;
    height: 70%;
  }

  .strip-logo {
    justify-content: center;
  }

  .strip-content,
  h4 span {
    font-size: 12px;
  }

  .strip-left-content {
    padding: 8px 0;
    justify-content: center;
  }

  .strip-left-content p {
    font-size: 8px;
    margin-left: 7px;
    padding: 0;
  }

  .strip-left-content h5 {
    padding: 0;
    font-size: 12px;
  }

  .strip a {
    margin: 0;
    padding: 5px 14px 0 13px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 567px) {
  .strip-content {
    display: block;
  }

  .strip a {
    margin-left: 10px;
    font-size: 7px;
    text-align: center;
  }

  .strip-content h4 {
    font-size: 10px;
    padding: 6px 0;
  }

  .strip-content img {
    max-width: 153px;
    height: 70%;
    margin: 0;
  }

  .strip-content,
  h4 span {
    font-size: 8px;
  }

  .strip-left-content {
    padding-bottom: 10px;
  }

  .strip-left-content p {
    font-size: 8px;
    margin-left: 7px;
    padding: 0;
  }

  .strip-left-content h5 {
    padding: 0;
    font-size: 10px;
  }

  .strip a {
    margin: 0;
    padding: 4px 14px 0 13px;
    margin-left: 10px;
  }
}

.strip a:hover {
  background-color: #fff;
  color: #000000;
}

/* .strip-content {
    text-align: center;
    padding: 10px 20px;
} */
.cli-bar-container {
  justify-content: flex-start;
}

.error-inner,
.page_404_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 0 0;
}

.page_404_content {
  padding: 100px 0 0 0;
}

.leftContainer ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}

.leftContainer ul li {
  width: 50%;
  text-align: left;
}

.leftContainer ul li a {
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #b1a6a6;
}

.leftContainer .return-home--page {
  padding: 15px 20px;
  background: #03abf4;
  border: none;
  border-radius: 5px;
  margin: 30px 0;
  font-size: 18px;
  float: left;
  color: #fff;
}

.leftContainer .return-home--page:hover {
  background-color: #fff;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  color: #03abf4;
}

.leftContainer button a {
  color: #fff;
  font-weight: bold;
}


/* new service page css */
.main-banner {
  padding-top: 130px;
  padding-bottom: 50px;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;

}

.main-banner .wrapper {
  align-items: center;
}

.main-banner .main-banner--right {
  width: 38%;
  text-align: center;
}

.main-banner .main-banner--left {
  width: 60%;
}

.main-banner .left-button {
  background-color: #fff;
  padding: 12px 20px;
  margin-top: 30px;
  border-radius: 8px;
  display: inline-block;
}

.about-tech {
  padding: 50px 0;
}

.about-tech .about-tech--left {
  width: 68%;
}

.about-tech .about-tech--right {
  width: 30%;
}

.about-tech .main-heading::after {
  right: unset !important;
}

.main-service-section {
  text-align: center;
}

.main-service-section .main-paragraph {
  margin-bottom: 20px;
}

.service-section--card {
  width: calc((100% - 40px) / 3);
  border: 1px solid rgb(128, 128, 128, 0.25);
  border-radius: 8px;
  padding: 20px;
  margin: 10px 0;
  text-align: left;
}

.service-section--card:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}

.service-section--card .wrapper {
  justify-content: flex-start;
  gap: 15px;
  align-items: center;
}

.service-section--card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #f30e0e;
}

.service-section--card p {
  font-size: 16px;
  font-weight: 400;
}

.service-section--card .image-wrapper img {
  margin: 0;
}

.service-section--card img {
  margin-bottom: 20px;
}

.clint-logos {
  padding: 50px 0;
}

.clint-logos .main-heading {
  text-align: center;
}

.clint-logos img {
  max-width: 160px;
  margin-top: 30px;
}

.space-one {
  padding: 50px 0;
}

.space-two {
  padding-top: 130px;
}

/* //androidApp */

.androidApp {
  padding: 50px 0;
}

.androidApp h2.main-heading::after {
  right: unset !important;
}

.plateformContainer {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.plateformContent {
  width: calc((100% - 40px) / 5);
  margin: 20px 0 0;
}

.plateformContent p {
  margin: 10px 0 0;
}

.plateformContent img {
  width: 25%;
}

.industryServe {
  background: #ecebeb;
  text-align: center;
}

.industryContainer {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 30px 0;
}

.industryContent {
  background: #fff;
  text-align: center;
  padding: 20px;
  width: 20%;

}

.industryContent:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.industryContent img {
  width: 50px;
  height: 50px;
}

.main-accordian .accord_wrap {
  max-width: 70%;
}

.main-accordian .accord-button {
  box-shadow: none;
}

.leftContainer h1 {
  text-align: left;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 500;
}

.leftContainer p {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .page-template-cms-portfolioshealthcare-php .ar-vr-development .text-banners {
    margin: 100px 0 0;
    font-size: 26px !important;
    line-height: 34px;
  }

  .page_404_content {
    flex-direction: column;
  }

  .main-banner {
    padding-top: 100px;
  }

  .about-tech .about-tech--left {
    width: 100%;

  }

  .about-tech .about-tech--right,
  .main-banner .main-banner--right {
    width: 100%;
    padding-top: 20px;
  }

  .about-tech .wrapper {
    flex-direction: column;
  }

  .space-one {
    padding: 25px 0;
  }

  .space-two {
    padding-top: 90px;
  }
}

.blog-details th,
.blog-details td {
  border: 1px solid #000 !important;
  border-collapse: collapse !important;
  padding: 12px;
}

.error404 .section {
  margin-top: 0px;
}

.related-blog-section {
  margin-top: 50px;
}

.successive-about-content-new {
  text-align: center;
}

.new-feature .home-featured-inners h3 {
  font-size: 28px;
  line-height: 34px;
  text-transform: capitalize;
  margin-top: 20px;
  text-align: left;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.new-feature .home-featured-inners p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  color: #000;
  margin-bottom: 20px;
}

.new-feature .home-featured-inners a.read-more {
  color: #ff3434;
  border: none;
  position: absolute;
  font-weight: 600;
  left: 22px;
  bottom: 16px;
  text-align: left;
}

.new-feature .home-featured-inners .content {
  position: relative;
}

.service-heading-space {
  padding: 0 !important;
}

.service-section .home-services-card--border {
  border: 0 !important;
  cursor: default;
}

.mt {
  margin-top: 0;
}

.dubai-banner {
  padding: 20px;
  border: 1px solid #6a3b43;
  border-radius: 8px;
  background-color: #fcfdfe;
}

.dubai-banner .hs_message,
.dubai-banner .hs_company,
.dubai-banner .hs_email,
.dubai-banner .hs_phone,
.dubai-banner .hs_lastname,
.dubai-banner .hs_firstname {
  color: #000;
  text-align: left;
  margin-top: 5px;
}

.dubai-banner .hs-form-required {
  color: red;
}

.dubai-banner .hs-error-msgs {
  margin: 0 0 5px 18px;
  color: red;
  font-size: 15px;
  text-align: left;
}

.dubai-banner .hs-button {
  background-color: #03abf4;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  border-radius: 8px;
  color: #ffffff;
  margin-top: 5px;
}

.dubai-banner .hs-button:hover {
  background-color: #ffff;
  border: 1px solid #03abf4;
  color: #03abf4;
}

.popup--mod {
  display: flex;
}

.popup--mod .popup--mod--left {
  background-image: url("/wp-content/uploads/2023/04/exit-1.png");
  width: 50%;
  padding: 30px 20px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.landing-page-popup .close {
  position: absolute;
  z-index: 999;
  right: 13px;
  top: -22px;
}

.landing-page-popup .popup--mod .modal-heading {
  width: 50%;
  padding: 30px 20px;
}

.landing-page-popup .popup--mod--left h2 {
  font-size: 1.4rem;
  color: #ffff;
  line-height: 1.3;
}

.landing-page-popup .modal-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
}

.landing-page-popup .popup--mod--left p {
  color: #ffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.landing-page-popup .modal-heading h3 {
  font-size: 1.4rem;
}

@media (max-width: 890px) {
  .popup--mod {
    flex-direction: column;
  }

  .landing-page-popup .popup--mod .modal-heading,
  .popup--mod .popup--mod--left {
    width: 100%;
  }

  .forms {
    display: none;
  }

  .show-hide-form {
    display: block !important;
  }
}

.show-hide-form {
  display: none;
}

.blog-right-bottom--top {
  box-shadow: none;
  margin-top: 0;
  border: none;
}

.blog-inner-detail {
  align-items: unset;
  -webkit-box-align: unset;
}

.forms {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  padding: 20px;
  margin-top: 20px;
}

.forms input,
.forms select,
.forms textarea {
  background-color: #ffffff;
}

.main-section-blogs {
  overflow: unset !important;
}

.forms .hs-button {
  border-radius: unset;
  cursor: pointer;
  border: 1px solid #03abf4;
}

.forms .hs-button:hover {
  background-color: #fff;
  color: #03abf4;
}

.forms .hs-error-msgs {
  margin-left: 24px;
  color: red;
  font-size: 14px;
}

.forms h6 {
  font-size: 17px;
  margin-bottom: 8px;
}

.blog-right-bottom--top ul li a {
  padding: 12px 0 12px;
}

.blog-right-bottom--top .popular-content {
  width: 100%;
}


.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}

.body-text div {
  font-size: 45px;
  font-weight: 600;
}

.service-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner--form {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 4px 9px 3px rgba(0, 52, 61, .15);
}

.banner--form h4 {
  font-size: 20px;
}

.banner--form textarea,
.banner--form input {
  border: unset;
  border-bottom: 1px solid #d3dfe1;
  margin-bottom: 10px;
  background-color: transparent;
}

.banner--form ul {
  margin-left: 20px;
  margin-top: 0;
}

.banner--form .hs-main-font-element,
.banner--form .hs-error-msg {
  color: red;
  font-size: 12px;
}

.banner--form .hs-fieldtype-textarea span {
  font-size: 15px;
  padding-left: 5px;
}

.banner--form .hs-button {
  background-color: #03abf4;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  border-radius: 55px;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 2.1rem;
  width: 50%;
}

.banner--form .hs-button:hover {
  background-color: #fff;
  color: #03abf4;
  border-bottom: unset;
}

.banner--form .actions {
  text-align: center;
}

/* offshore page css */
.offshore-development .row {
  display: flex;
  justify-content: space-between;
}

.offshore-development .pool {
  width: 70%;
}

.offshore-development .main-heading::after {
  right: unset;
}

.offshore-development ul {
  margin-left: 15px;
}

.successive-sections {
  background-image: url('/wp-content/uploads/2023/06/IOT.png');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.successive-sections .main-heading {
  color: #fff;
}

.successive-sections .talk-inner {
  justify-content: center;
  margin-top: 10px;
}

.offshorce-page .wrapper {
  justify-content: center;
  gap: 15px;
}


.table-data td {
  border: 1px solid #000;
  padding: 10px;
}

.table-data table {
  width: 100%;
  border-collapse: collapse;
}

.table-data .parameters {
  background-color: #000;
  color: #fff;
  text-align: center;
}

.table-data .table-data-inner {
  overflow: auto;
}

/* offshore css */
div#talk-section-css {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div#talk-section-css .talk-inner {
  padding-bottom: 30px;
}

.job-left ul {
  margin-left: 18px;
}

.job-left ul::marker {
  color: red;
  font-size: 20px;
}

/* new navigation */

.contact-us-button a {
  background-color: #03abf4;
  box-shadow: 0px 1px 10px rgb(0 0 0 / 10%);
  border-radius: 55px;
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 2.1rem;
  display: inline-block;
  color: #fff;
}

.contact-us-button {
  padding: 0 !important;
}

.contact-us-button:hover {
  border: none !important;
}

.contact-us-button a:hover {
  color: #03abf4;
  background-color: #fff;
}



.kubernetes {
  background-color: #faf7f2;
}

.kubernetes .row {
  display: flex;
  justify-content: space-between;
}

.right-Kubernetes {
  background-color: #ffff;
  padding: 20px;
  display: flex;
}


.right-Kubernetes-inner ul {
  margin: 0;
  padding-left: 18px;
}

.right-Kubernetes-inner ul ul {
  padding-left: 20px;
}

.right-Kubernetes-inner ul li {
  font-size: 16px;
  padding: 10px 0;
}

.right-Kubernetes-inner ul li::marker {
  content: '➜ ';
  font-size: 1.3rem;
  color: #f30e0e;
}

.kubernetes .main-heading::after {
  right: unset;
}

.service-section--card ul {
  margin-left: 25px;
  margin-top: 0;
}

.service-section--card ul li {
  font-size: 16px;
}

.highlight {
  width: 50%;
}

.solution-inner select,
.solution-inner input {
  margin: 0;
}

section.development-service .row .col-one img {
  width: 50px;
}
section.development-service .row .col-one {
  text-align: center;
}
section.development-service .row .col-one {
  text-align: center;
  width: 48%;
  border: 1px solid rgb(128, 128, 128, 0.25);
  border-radius: 5px;
  padding: 30px;
  margin: 10px 0
}
section.development-service .row .col-one:hover{
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
section.development-service .row {
  display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}
.development-service .row .col-one p,
.development-service .row .col-one ul li{
  text-align: left;
}
.development-service .row .col-one ul li{
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}