@charset "UTF-8";
html {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  font-size: 16px;
}
body {
  font-size: 100%;
  height: 100%;
  font-family: "Muli", sans-serif;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.btn-primary {
  color: #fff;
}
.btn-primary:hover {
  color: #fff;
}
.btn {
  padding: 0.375em 0.75em;
  font-size: 1em;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5em 1em;
  font-size: 1.25em;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25em 0.5em;
  font-size: 0.875em;
}
.wrapper {
  min-height: 100%;
  padding-bottom: 0;
}
.btn-rounded {
  border-radius: 22.5rem;
  -webkit-border-radius: 22.5rem;
  -moz-border-radius: 22.5rem;
  -ms-border-radius: 22.5rem;
}
.btnCus {
  margin: 40px 0 30px;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}
header .navbar {
  padding: 0.5em 1em;
}
header .navbar-brand {
  font-size: 1.25em;
  padding: 0;
  margin-right: 0.5em;
}
header .navbar-brand img {
  height: 140px;
  width: auto;
  transition: 0.3s ease-in-out;
}
.body-scroll .navbar-light .navbar-nav.main-nav .nav-link {
  padding: 0.1em 1em;
}
.body-scroll header {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.body-scroll header .navbar-brand img {
  height: 140px;
}
.navbar-toggler {
  padding: 0.25em 0.75em;
  font-size: 1.25em;
  margin-left: 1em;
}
.hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}
.hamburger.is-active:hover,
.hamburger:hover {
  opacity: 0.9;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #f79c2e;
}
.hamburger-box {
  position: relative;
  display: inline-block;
  width: 2.5em;
  height: 3px;
}
.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 2.25em;
  height: 3px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 3px;
  background-color: #f79c2e;
}
.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: "";
}
.hamburger-inner:before {
  top: -10px;
}
.hamburger-inner:after {
  top: 10px;
}
.hamburger .hamburger-inner {
  top: auto;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
}
.hamburger .hamburger-inner:after {
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0s linear;
}
.hamburger .hamburger-inner:before {
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.is-active .hamburger-inner {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -3px, 0) rotate(-45deg);
  -webkit-transform: translate3d(0, -3px, 0) rotate(-45deg);
  -moz-transform: translate3d(0, -3px, 0) rotate(-45deg);
}
.hamburger.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s linear 0.22s;
  opacity: 0;
}
.hamburger.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.navbar {
  background: #fff;
}
.navbar .contact-menu {
  margin-left: 0.625em;
  flex-direction: row;
}
.navbar .contact-menu .media {
  padding: 20px 0px 0px;
}
.navbar .ig-megamenu.contact-menu .megamenu-header {
  color: #000000;
  /* font-size: 20px;
*/
  margin-top: 14px;
}
.navbar .contact-menu .nav-item + .nav-item {
  margin-left: 0.625em;
}
.navbar .contact-menu .nav-link {
  border: 2px solid #f79c2e;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  width: 2.222em;
  height: 2.222em;
  text-align: center;
  line-height: normal;
  color: #f79c2e;
  font-size: 1.125em;
  transition: 0.3s ease-in-out;
  padding: 0.4em;
}
.navbar .ig-megamenu.contact-menu .nav-link {
  padding: 5px 18px !important;
  background: #f79c2e;
  /* line-height: 28px;
*/
  width: auto;
  border-radius: 5px;
  color: #fff;
}
.navbar .ig-megamenu.contact-menu .nav-link i.far.fa-envelope {
  margin-right: 0.3em;
  margin-top: 2px;
  color: #fff;
}
.navbar .contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:focus,
.navbar .contact-menu .nav-item.show .nav-link {
  color: #f79c2e;
  background: #fff;
  outline: none;
}
.navbar .contact-menu .nav-link:hover,
.navbar .ig-megamenu.contact-menu .nav-link:hover,
.navbar .contact-menu .nav-item.show .nav-link {
  color: #f79c2e !important;
  background: #fff !important;
  outline: none;
}
.navbar .contact-menu .nav-link:hover i.far.fa-envelope,
.navbar .ig-megamenu.contact-menu .nav-link:hover i.far.fa-envelope,
.navbar .contact-menu .nav-item.show .nav-link i.far.fa-envelope {
  color: #f79c2e;
}
.navbar .ig-megamenu.contact-menu .nav-link::before {
  display: none;
}
.navbar .contact-menu .nav-link.active {
  color: #fff;
  background: #f79c2e;
}
.navbar .ig-megamenu img {
  max-width: 100%;
}
.navbar .ig-megamenu .nav-link {
  color: #2d2f3c;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0.5em 1em;
  transition: 0.3s ease-in-out;
  position: relative;
  /*margin-top: 10px;
*/
}
.navbar .ig-megamenu .nav-link .fa {
  display: none;
}
.navbar .ig-megamenu .nav-link:hover {
  color: #f79c2e;
}
.navbar .ig-megamenu .nav-link:before {
  content: "";
  position: absolute;
  transition: transform 0.5s ease;
  left: 0;
  bottom: -0.85em;
  width: 100%;
  height: 2px;
  background: #f79c2e;
  transform: scaleX(0);
}
.navbar .ig-megamenu .nav-link:hover:before {
  transform: scaleX(1);
}
.navbar .ig-megamenu li {
  position: static;
}
.navbar .ig-megamenu .ig-menu-li.show > a {
  color: #f79c2e;
  display: flex;
  justify-content: space-between;
}
.navbar .ig-megamenu .ig-menu-li.show > a:before {
  transform: scaleX(1);
}
.navbar .ig-megamenu .back {
  display: none;
}
.navbar .ig-megamenu .dropdown-menu {
  font-size: 1em;
  width: 100%;
  border-color: #f3f0f0;
  margin-top: 0;
  box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  padding: 1.563em 0;
  max-height: calc(100vh - 50px);
  overflow: auto;
}
.navbar .ig-megamenu .megamenu-header {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
  color: #f79c2e;
  font-size: 1em;
}
.navbar .ig-megamenu .megamenu-header .fa {
  display: none;
}
.navbar .ig-megamenu .megamenu-header:after {
  display: none;
}
.navbar .ig-megamenu .megamenu-header:hover {
  text-decoration: none;
}
.navbar .ig-megamenu .ig-menu-content .menu-image {
  max-width: 100%;
  height: auto;
}
.navbar .ig-megamenu .ig-menu-content .menu-header {
  font-size: 2.125em;
  font-weight: 700;
  color: #2d2f3c;
  text-transform: uppercase;
  margin: 0.5em 0;
}
.navbar .ig-megamenu .ig-menu-content ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 1.25em;
}
.navbar .ig-megamenu .ig-menu-content ul li {
  padding: 0.188em 0;
  margin: 0;
}
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header) {
  font-size: 0.875em;
  color: #2d2f3c;
  font-weight: 600;
}
.dpcontactBanner {
  position: relative;
  margin: 20px 0px;
}
.dpcontactBanner > .btn {
  position: absolute;
  left: 50px;
  bottom: 20px;
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 20px;
}
.navbar .navbar-nav.contact-menu > li.dropdown > a {
  /* position: relative;
*/
  color: #f79c2e;
}
.navbar .navbar-nav.contact-menu > li.dropdown > a:hover {
  color: #ffffff;
}
.navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header):hover {
  text-decoration: none;
  color: #f79c2e;
}
.navbar .navbar-nav.contact-menu > li.dropdown > a {
  /* position: relative;
*/
  color: #f79c2e;
}
.navbar .navbar-nav.contact-menu > li.dropdown > a:hover {
  color: #ffffff;
}
/* .navbar .navbar-nav .dropdown-menu.contact-tel-list {
position: absolute;
width: auto;
right: 0;
left: auto;
min-width: 180px;
background: #ffffff;
border-radius: 4px;
border: none;
z-index: 1;
box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.1);
padding-left: 12px;
padding-right: 12px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a {
padding: 8px 0px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a>.flag-icon {
width: 24px;
height: auto;
vertical-align: middle;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a>span {
vertical-align: middle;
padding-left: 4px;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a:hover {
background-color: transparent;
color: #000000;
}
.navbar .navbar-nav .dropdown-menu.contact-tel-list a+a {
border-top: 1px solid rgb(245, 245, 245);
color: #2d2f3c: 
}
*/
.banner-section {
  position: relative;
}
.banner-section .btn-outline-primary {
  color: #fff;
  border-width: 0.125em;
  padding: 0.375em 1.2em;
}
/* Novak */
.slider-icon {
  position: relative;
}
.slider-icon::after {
  box-shadow: 0 0 0 0.188em rgba(247, 156, 46, 0.1);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.563em 0 0 -1.563em;
  width: 3.125em;
  height: 3.125em;
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
}
li.active .slider-icon::after {
  -webkit-animation: anim-effect-tamara 0.5s ease-out forwards;
  animation: anim-effect-tamara 0.5s ease-out forwards;
}
@-webkit-keyframes anim-effect-tamara {
  0% {
    box-shadow: 0 0 0 3px #f79c2e;
    opacity: 1;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(247, 156, 46, 0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-effect-tamara {
  0% {
    box-shadow: 0 0 0 3px #f79c2e;
    opacity: 1;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(247, 156, 46, 0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.banner-heading {
  font-size: 3.75em;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.banner-desc {
  font-size: 1.375em;
  color: #fff;
  margin-bottom: 1.818em;
  max-width: 56.25em;
  white-space: normal !important;
  text-align: center;
  margin: 0 auto 1.818em;
}
.banner-thumbnail {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 25;
  overflow: hidden;
}
.banner-thumbnail ul {
  padding: 0;
  margin: 0;
}
.banner-thumbnail ul .slick-slide {
  background: #fff;
  list-style-type: none;
  padding: 0.938em;
  cursor: pointer;
  position: relative;
}
.banner-thumbnail ul .slick-slide .slide-number {
  font-size: 0.875em;
  font-weight: 600;
  margin-bottom: 0.357em;
  display: block;
}
.banner-thumbnail ul .slick-slide .slider-icon {
  width: 1.923em;
  height: 1.923em;
  font-size: 1.625em;
  line-height: 1.923em;
  text-align: center;
  background: #2d2f3c;
  color: #ffffff;
  border-radius: 360px;
  display: block;
}
.banner-thumbnail ul .slick-slide .slider-text {
  width: calc(100% - 10em);
  color: rgba(102, 102, 102, 0.6);
}
.banner-thumbnail ul .slick-slide .slider-text strong {
  color: #2d2f3c;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.banner-thumbnail ul .slick-slide .slider-text span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.banner-thumbnail ul .slick-slide.slick-current {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.banner-thumbnail ul .slick-slide.slick-current .tp-bannertimer {
  display: block;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-icon {
  color: #fff;
  background: #f79c2e;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-text {
  color: #fff;
}
.banner-thumbnail ul .slick-slide.slick-current .slider-text strong {
  color: #fff;
}
/*.banner-thumbnail ul .slick-slide.slick-current:after {
position: absolute;
left: 0;
top: 0;
width: 0;
animation: ProgressDots 10s both;
content: "";
height: 5px;
background: #f79c2e;
}*/
@-webkit-keyframes ProgressDots {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}
@keyframes ProgressDots {
  from {
    width: 0px;
  }
  to {
    width: 100%;
  }
}
.heading {
  padding-top: 1em;
}
.heading .heading-info {
  color: #2d2f3c;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  margin-bottom: 0.5em;
}
.heading .section-heading {
  font-size: 2.875em;
  color: #f79c2e;
  font-weight: 800;
  text-align: center;
  line-height: 1em;
  margin-bottom: 0.217em;
}
.heading .section-heading span {
  color: #2d2f3c;
}
.heading .heading-desc {
  font-size: 1.125em;
  color: #8b8b8b;
  text-align: center;
  line-height: 1.556em;
  max-width: 80%;
  margin: auto;
  margin-bottom: 1.667em;
}
.heading.heading-inverse .heading-info {
  color: #fff;
}
.heading.heading-inverse .section-heading span {
  color: #fff;
}
.heading.heading-inverse .section-heading span sup {
  top: -1.5em;
  font-size: medium;
}
.heading.heading-inverse .heading-desc {
  color: #fff;
}
.home-section {
  padding: 2.813em 0 3.75em;
}
.logo-placeholder {
  background-image: url(../img/logo-gray.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.service-box {
  background-color: #ababab;
  position: relative;
  border-radius: 0.938em;
  -webkit-border-radius: 0.938em;
  -moz-border-radius: 0.938em;
  -ms-border-radius: 0.938em;
  margin: 0.938em 0;
  overflow: hidden;
  padding-bottom: 66%;
  display: block;
}
.service-box img {
  width: 100%;
  height: auto;
}
.service-box .service-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: 0.5s ease-in-out;
}
.service-box .service-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: 0.5s ease-in-out;
}
.service-box .service-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.938em 1.25em;
  transition: all 0.3s ease;
}
.service-box .service-info .service-title {
  color: #f6f8fa;
  font-size: 1.5em;
  font-weight: 900;
}
.service-box .service-info p {
  color: #f6f8fa;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease;
}
.service-box:hover .service-img {
  transform: scale(1.1);
}
.service-box:hover .service-img:after {
  background: rgba(0, 0, 0, 0.5);
}
.service-box:hover p {
  position: relative;
  opacity: 1;
}
.service-box:hover .service-info {
  transform: translateY(-1em);
  bottom: 0;
}
.portfolio {
  background: #333543 url(../img/portfolio.jpg) center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
}
.explore {
  text-align: right;
}
.explore a {
  color: #ffffff;
  text-decoration: none;
}
.explore a span {
  margin-left: 0.5em;
}
.explore a:hover {
  color: #f79c2e;
}
.portfolio-slider .portfolio-item {
  width: 25%;
  float: left;
}
.portfolio-slider .slick-list {
  overflow: visible;
}
.portfolio-slider .slick-slide:not(.slick-active) {
  pointer-events: none;
  opacity: 0.2;
  transition: 0.5s all;
}
.portfolio-slider .portfolio-box {
  display: block;
  margin: 0.938em;
  border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  -moz-border-radius: 0.625em;
  -ms-border-radius: 0.625em;
  overflow: hidden;
  transition: 0.3s all ease-in-out;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap {
  overflow: hidden;
  background-color: #ababab;
  position: relative;
  padding-bottom: 84%;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: 0.5s all;
  min-height: 100%;
}
.portfolio-slider .portfolio-box .portfolio-img-wrap .portfolio-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.portfolio-slider .portfolio-box .portfolio-info {
  background: #fff;
  padding: 1.25em;
}
.portfolio-slider .portfolio-box .portfolio-info .portfolio-title {
  color: #2d2f3c;
  font-size: 1.125em;
  font-weight: 600;
  margin-bottom: 0.278em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio-slider .portfolio-box .portfolio-info .portfolio-desc {
  color: rgba(45, 47, 60, 0.7);
  font-weight: 400;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.813em;
  display: -webkit-box;
  margin-bottom: 1em;
}
.portfolio-slider .portfolio-box:hover {
  box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
  text-decoration: none;
}
.slick-arrow {
  position: absolute;
  bottom: -2.607em;
  top: auto;
  left: 50%;
  display: block;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: #fff;
  font-size: 1.75em;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev {
  margin-left: -0.786em;
}
.slick-next {
  margin-left: 0.786em;
}
.slick-prev.slick-arrow.slick-disabled {
  opacity: 0.5;
}
.slick-next.slick-arrow.slick-disabled {
  opacity: 0.5;
}
.our-brands .client-logos > div {
  padding: 0.938em;
}
.our-brands .client-logos .logo-wrap {
  border: 1px solid #eeeeee;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.938em;
  border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  -moz-border-radius: 0.625em;
  -ms-border-radius: 0.625em;
  transition: 0.3s ease-in-out;
}
.our-brands .client-logos .logo-wrap:hover {
  box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.2);
  border-color: #fabf78;
}
.our-brands .client-logos .logo-wrap:hover img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.our-brands .client-logos .logo-wrap img {
  max-width: 100%;
  height: auto;
  transition: 0.5s;
}
.tech-blogs {
  background: #f1f4fb;
  overflow: hidden;
}
.tech-blogs .explore a {
  color: #2d2f3c;
}
.tech-blogs .explore a:hover {
  color: #f79c2e;
}
.blogs-slider {
  margin-bottom: 1em;
}
.blogs-slider .slick-slide:not(.slick-active) {
  pointer-events: none;
  opacity: 0.2;
  transition: 0.5s all;
}
.blogs-slider .slick-list {
  overflow: visible;
}
.blogs-slider .blog-item {
  width: 25%;
  float: left;
}
.blogs-slider .blog-box {
  display: block;
  margin: 0.938em;
  border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  -moz-border-radius: 0.625em;
  -ms-border-radius: 0.625em;
  overflow: hidden;
  position: relative;
  transition: 0.3s ease-in-out;
  outline: none;
}
.blogs-slider .blog-box .blog-img-wrap {
  overflow: hidden;
  background-color: #ababab;
  position: relative;
  padding-bottom: 56.5%;
}
.blogs-slider .blog-box .blog-img-wrap img {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: 0.5s all;
  min-height: 100%;
}
.blogs-slider .blog-box .blog-img-wrap .blog-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.blogs-slider .blog-box .blog-info {
  background: #fff;
  padding: 1.875em 1.563em 3.125em;
}
.blogs-slider .blog-box .blog-info .blog-title {
  color: #2d2f3c;
  font-weight: 400;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 5.625em;
  display: -webkit-box;
  margin-bottom: 2em;
}
.blogs-slider .blog-box .blog-info .blog-category {
  background: #ccc;
  color: #fff;
  font-size: 0.875em;
  background: #ababab;
  position: absolute;
  bottom: 1em;
  left: 0;
  padding: 1px 0.714em;
}
.blogs-slider .blog-box .blog-info .blog-category:after {
  position: absolute;
  content: "";
  border-width: 0.8em 0.571em 0.8em 0.571em;
  border-style: solid;
  border-color: transparent transparent transparent #ababab;
  left: 100%;
  top: 0;
}
.blogs-slider .blog-box:hover {
  transform: scale(1.05);
  box-shadow: 0 0 1.625em rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.blogs-slider .slick-arrow {
  color: #333;
}
.slick-arrow {
  opacity: 0.5;
}
.slick-arrow:hover {
  opacity: 1;
}
.award {
  position: relative;
  background: #32327c url(../img/award-bg.png) no-repeat 5% bottom;
  background-size: 26%;
}
.award.award-section {
  padding: 2.813em 0 2.75em;
}
.award.award-section:after {
  position: absolute;
  content: "";
  width: 8.9%;
  height: 100%;
  background: url(../img/award-img.png) no-repeat 10% bottom;
  left: 13.5%;
  bottom: -2em;
  background-size: 100%;
}
.award .logobox {
  background: #fff;
  box-shadow: 0.375em 0.375em 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0.938em 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 70%;
  position: relative;
}
.award .logobox.square {
  padding-bottom: 90%;
}
.award .logobox .logo-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.award .logobox .logo-img img {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  object-fit: cover;
  max-width: 80%;
  max-height: 80%;
}
.award .ratingbox {
  padding: 0.625em;
  background: #6060b8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
  margin: 1.25em 0;
}
.award .awards-list-wrap {
  flex-direction: row;
}
.award .awards-list {
  position: relative;
  width: calc(100% - 35%);
  padding-right: 8%;
}
.award .awards-list:before {
  left: 0;
  right: 0;
  border-right: 1px solid #1b1b50;
  right: 0;
  left: 15px;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
}
.award .ratings-widget-list {
  width: 35%;
}
.award .ratings-widget {
  text-align: center;
}
.award .ratings-widget .ratingbox {
  margin: 1.25em auto;
  display: inline-block;
}
.award .ratings-widget .goodfirm-widget {
  max-width: 200px;
}
.award .ratings-wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.collabrate.home-section {
  padding: 5em 0 3.75em;
}
.collabrate .client-pic {
  width: 9.063em;
  height: 9.063em;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  overflow: hidden;
}
.collabrate .client-pic img {
  width: 100%;
  height: auto;
  min-height: 100%;
}
.collabrate .heading {
  text-align: center;
  margin: 1em 0;
}
.collabrate .heading .heading-info {
  font-size: 1.125em;
}
.collabrate .btn-primary {
  padding: 0.375em 1em;
  margin: 0.5em 0;
}
ul.list-style-1 {
  padding: 0;
}
ul.list-style-1 li {
  list-style-type: none;
}
ul.list-style-1 li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
ul.list-style-1 li a:hover {
  color: white;
}
ul.list-style-1 li + li {
  margin-top: 10px;
}
footer {
  padding: 40px 0 0;
  margin-top: -590px;
  background: #2d2f3c;
}
footer .footer-top {
  min-height: 520px;
  /* effect-shine */
}
footer .footer-top ul.list-style-1 li a:hover {
  -webkit-mask-image: linear-gradient(
    -75deg,
    rgba(0, 0, 0, 0.6) 30%,
    #000 50%,
    rgba(0, 0, 0, 0.6) 70%
  );
  -webkit-mask-size: 200%;
  animation: shine 1.4s infinite;
  color: #f79c2e;
}
@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}
footer .footer-last {
  background: #3c3f4d;
  min-height: 70px;
  padding: 15px 0;
  overflow: hidden;
}
footer .footer-last .logo-small img {
  width: 2.313em;
}
footer .footer-last .copyright {
  color: #b2b5c4;
  white-space: nowrap;
  text-align: center;
}
footer .footer-heading {
  color: #f79c2e;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.938em;
}
footer .locations-wrap {
  margin-bottom: 2em;
  position: relative;
}
footer .locations-wrap img {
  width: 100%;
}
footer .locations-wrap .locations {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  font-size: 12px;
}
footer .locations-wrap .locations a {
  display: inline-block;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  min-width: 18%;
  padding-top: 0.2em;
}
footer .locations-wrap .locations a:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #f79c2e;
  left: 0;
  top: 1.5em;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  margin-top: -0.188em;
}
footer .locations-wrap .locations a:after {
  position: absolute;
  content: "";
  width: calc(50% - 1.15em);
  height: 1px;
  background: #f79c2e;
  left: 0;
  top: 1.5em;
  z-index: 1;
}
footer .locations-wrap .locations a span {
  width: 2.3em;
  height: 2.3em;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  overflow: hidden;
  display: block;
  margin: 0 auto 0.1em;
  background: #f79c2e;
  line-height: 2.5em;
  /* box-shadow: -0.438em 0.438em 0.5em 0.313em rgba(0, 0, 0, 0.5);
*/
  z-index: 1;
  position: relative;
}
footer .locations-wrap .locations a.mumbai {
  top: 51.9%;
  left: 67.6%;
}
footer .locations-wrap .locations a.dallas {
  top: 44.3%;
  left: 20%;
}
footer .locations-wrap .locations a.singapore {
  top: 61.2%;
  left: auto;
  right: 23.8%;
}
footer .locations-wrap .locations a.singapore:before {
  right: 0;
  left: auto;
}
footer .locations-wrap .locations a.singapore:after {
  right: 0;
  left: auto;
}
footer .locations-wrap .locations a.sydney {
  top: 79.7%;
  left: auto;
  right: 11.5%;
}
footer .locations-wrap .locations a.sydney:before {
  right: 0;
  left: auto;
}
footer .locations-wrap .locations a.sydney:after {
  right: 0;
  left: auto;
}
.popover {
  border-radius: 6px;
  font-size: 1em;
}
.popover-body {
  padding: 0.8rem 0.5rem;
}
.bloguserframe {
  float: left;
  margin: 0 10px 10px 0;
  background: #efefef;
  padding: 5px;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  width: 135px;
}
.addressbox {
  color: #2d2f3c;
  font-size: 0.8em;
  padding-left: 1.958em;
  font-weight: 600;
  padding-right: 0.5em;
}
.addressbox .address {
  position: relative;
}
.addressbox .address .fas {
  position: absolute;
  left: -1.563em;
  top: 0.2em;
  font-size: 1.01em;
  color: #f5b63d;
}
.addressbox .telephone {
  margin-top: 0.714em;
  position: relative;
}
.addressbox .telephone .fas {
  position: absolute;
  left: -1.786em;
  top: 0.2em;
  font-size: 1.01em;
  color: #f5b63d;
}
.social-icons {
  padding: 0;
  margin: 0;
  display: flex;
}
.social-icons li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}
.social-icons li a {
  width: 2.222em;
  height: 2.222em;
  text-align: center;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  line-height: 2.222em;
  display: block;
  background: #2d2f3c;
  color: #9699ae;
  font-size: 1.125em;
  transform: scale(1);
  transition: 0.5s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.social-icons li a:hover {
  background: #f79c2e;
  color: #fff;
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
}
.social-icons li + li {
  margin-left: 0.938em;
}
/* ==== Main CSS === */
.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}
.img-fill .clouds {
  width: 100%;
}
/* ==== Slider Style === */
.banner-Slider .item .img-fill {
  height: 100vh;
  background: #000;
  min-height: 700px;
}
.banner-Slider .item .img-fill .info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
}
.side-panel {
  background: #f79c2e;
  position: fixed;
  top: 50%;
  transform: translate(100%, -50%);
  z-index: 100;
  right: 0;
  transition: 0.5s ease-in-out;
  border-radius: 0 0 0 0.625em;
}
.side-panel .side-panel-handle {
  cursor: pointer;
  font-size: 1.6em;
  color: #fff;
  background: #f79c2e;
  padding: 0.4em 0.75em 0.4em 0.6em;
  border-radius: 1.25em 0 0 1.25em;
  position: absolute;
  right: 100%;
  top: 0;
}
.side-panel.active {
  transform: translate(0, -50%);
}
.side-panel .side-content {
  padding: 15px;
}
.side-panel .side-content a {
  padding: 5px;
  color: #fff;
  text-align: center;
  display: block;
  white-space: nowrap;
}
.side-panel .side-content a span {
  font-size: 12px;
  font-weight: 600;
}
.side-panel .side-content a span.circle-box {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 360px;
  border-radius: 360px;
  -webkit-border-radius: 360px;
  -moz-border-radius: 360px;
  -ms-border-radius: 360px;
  line-height: 45px;
  border: 2px solid #fff;
  font-size: 22px;
  margin: auto;
  margin-bottom: 6px;
  transition: 0.3s ease-in-out all;
}
.side-panel .side-content a:hover {
  text-decoration: none;
}
.side-panel .side-content a:hover span.circle-box {
  background: #fff;
  color: #f79c2e;
}
.project-box {
  background-color: #ababab;
  position: relative;
  border-radius: 0.938em;
  -webkit-border-radius: 0.938em;
  -moz-border-radius: 0.938em;
  -ms-border-radius: 0.938em;
  margin: 0.938em 0;
  overflow: hidden;
  padding-bottom: 77%;
  display: block;
}
.project-box img {
  width: 100%;
  height: auto;
}
.project-box .project-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: 0.5s ease-in-out;
}
.project-box .project-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: 0.5s ease-in-out;
}
.project-box .project-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.938em 1.25em;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: left;
  align-items: center;
  transition: 0.5s all;
  min-height: 55px;
  justify-content: center;
}
.project-box .project-info .project-title {
  color: #f6f8fa;
  font-size: 1.125em;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-box .project-info p {
  color: #f6f8fa;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-box:hover .project-info {
  min-height: 100%;
  justify-content: center;
}
.project-box:hover .project-img {
  transform: scale(1.1);
}
.project-box:hover .project-img:after {
  background: rgba(0, 0, 0, 0.5);
}
.view-btn {
  margin: 1.25em 0;
  display: inline-block;
  color: #2d2f3c;
}
.view-btn span {
  display: inline-block;
  vertical-align: middle;
  color: #666666;
}
.view-btn:hover {
  color: #f79c2e;
}
.view-btn:hover span {
  color: #f79c2e;
}
/* Defalt Page Css */
.content {
  padding: 2.5em 0;
}
.content a:not(.btn) {
  color: #df690a;
  font-size: 0.875em;
}
.content h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: #df690a;
  margin: 1.3em 0 1em;
}
.content h3 {
  font-size: 1.4em;
  font-weight: 600;
  color: #000;
  margin: 1.125em 0 1em;
}
.content h4 {
  font-size: 1.3em;
  font-weight: 600;
  margin: 1em 0 1em;
}
.content h6 {
  font-size: 1.25em;
  margin: 0 0 1em 0;
}
.content h6 {
  font-size: 1.25em;
  margin: 0 0 1em 0;
}
.content p {
  font-size: 1.125em;
  line-height: 1.65em;
  margin: 1em 0;
}
.content p strong {
  font-weight: 700;
}
.content p a,
.content p a:not(.btn) {
  font-size: 1em;
}
.content ul li {
  font-size: 1.125em;
  padding: 0.188em 0;
}
.content strong {
  font-weight: 700;
}
.inner-banner-section {
  margin-top: 4.688em;
}
.inner-banner-section .item {
  position: relative;
  margin-bottom: 1.875em;
}
.inner-banner-section .banner-category {
  font-size: 1.25em;
  font-weight: 600;
  text-transform: uppercase;
  color: #f79c2e;
  margin-bottom: 0.5em;
}
.inner-banner-section .banner-heading {
  font-size: 2.875em;
  font-weight: 800;
  margin-bottom: 0.217em;
  text-transform: none;
}
.inner-banner-section .banner-desc {
  font-size: 1.25em;
  margin-bottom: 0;
  max-width: 38.25em;
}
.inner-banner-section .lets-talk {
  position: absolute;
  top: 99%;
  padding: 10px 0;
  display: inline-block;
  transform: translate(-50%, -69%);
  z-index: 1;
  left: 50%;
}
.inner-banner-section .lets-talk:after {
  position: absolute;
  content: "";
  background: #fff;
  left: 25px;
  right: 25px;
  top: 0;
  height: 100%;
}
.inner-banner-section .lets-talk img {
  height: 57%;
  width: auto;
  position: absolute;
  top: 0;
}
.inner-banner-section .lets-talk .lefttalk {
  right: calc(100% - 26px);
}
.inner-banner-section .lets-talk .righttalk {
  left: calc(100% - 26px);
}
.inner-banner-section .lets-talk a {
  padding: 0.5em 2em;
  position: relative;
  z-index: 1;
  border-radius: 22.5rem;
  -webkit-border-radius: 22.5rem;
  -moz-border-radius: 22.5rem;
  -ms-border-radius: 22.5rem;
}
.inner-banner-section .img-fill {
  background: url(../img/service-page-banner.jpg) center center no-repeat;
  background-size: cover;
}
.inner-banner-section .img-fill .info {
  position: static;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5em 0.938em 5.625em;
}
.tabs {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 1em;
}
.tabs .nav-link {
  font-size: 18px;
  color: #2a2e3a;
  font-weight: 700;
  text-align: center;
  padding: 0.6em 1.389em;
}
.tabs .nav-link small {
  display: block;
  color: #959ab1;
  font-size: 0.778em;
  font-weight: 400;
}
.tabs .nav-link.active {
  color: #f79c2e;
  position: relative;
  /* border-bottom: 3px solid;
*/
}
.tabs .nav-link.active small {
  color: #f79c2e;
}
.tabs .nav-item.tab_selected .nav-link {
  color: #f79c2e;
}
.content {
  padding: 2.5em 0;
}
.content .subheading {
  font-size: 1.5em;
  font-weight: 400;
  color: #f79c2e;
}
.content ul li {
  padding: 0.188em 0;
}
/*===== Mobile App CSS===== */
.mobileAppCont {
  padding: 15px;
}
.mobileAppCont h4 {
  font-size: 30px;
  color: #2d2f3c;
}
.mobileAppCont h4 b {
  display: block;
}
.mobileAppCont p {
  font-size: 1.125em;
  margin-top: 40px;
  line-height: 26px;
}
#scrollable-tab .slick-track {
  display: flex;
  justify-content: center;
}
/*===== END Mobile App CSS===== */
/*===== Form ===== */
.formDiv {
  padding: 1.875em 1.875em;
  border: 3px solid #878e9a;
  border-radius: 0.5em;
  position: relative;
  margin-bottom: 1.25em;
}
.formPlane {
  position: absolute;
  top: 3em;
  left: -7em;
  width: 8.4em;
}
.formDiv h4 {
  color: #2d2f3c;
  font-size: 1.875em;
  font-weight: 800;
  margin: 0;
}
.formDiv h4 b {
  display: block;
  font-weight: 800;
}
.form .formGroup {
  position: relative;
  margin: auto;
  width: 100%;
  display: flex;
  margin-top: 20px;
}
.form .formGroup .label {
  position: absolute;
  top: 13px;
  left: 0;
  font-size: 18px;
  color: #2d2f3c;
  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
}
.form .formGroup .bottomLine {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #2d2f3c;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all 0.15s ease;
}
.form .formGroup .formControl {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  height: 48px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #454650;
  background: none;
  border-radius: 0;
  color: #2d2f3c;
  transition: all 0.15s ease;
}
.form .formGroup .formControl:hover {
  background: rgba(34, 50, 84, 0.03);
}
.form .formGroup .formControl:not(:placeholder-shown) + span,
.form .formGroup.input-filled .label {
  color: #2d2f3c;
  transform: translateY(-26px) scale(0.85);
}
span.wpcf7-not-valid-tip {
  transform: none !important;
  position: absolute;
  top: 100%;
  color: #f00 !important;
}
.form .formGroup .formControl:focus {
  background: none;
  outline: none;
  box-shadow: none;
}
.form .formGroup .formControl:focus + span {
  color: #8b8b8b;
  transform: translateY(-26px) scale(0.85);
}
.wpcf7-form-control-wrap {
  width: 100%;
  display: block;
}
.form .formGroup .wpcf7-form-control-wrap:focus + span {
  color: #8b8b8b;
  transform: translateY(-26px) scale(0.85);
}
.form .formGroup .formControl:focus + span + .bottomLine {
  transform: scaleX(1);
}
.form .textAreaCustom {
  margin-top: 30px;
}
.form .textAreaCustom label {
  font-size: 18px;
  color: #8b8b8b;
}
.form .textAreaCustom textarea {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #454650;
  padding: 5px 0;
  font-weight: bold;
  height: 100px;
  resize: none;
  font-size: 20px;
}
.form .formGroup .formControl::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
  color: #2d2f3c;
  font-weight: 500;
  opacity: 1;
  /* Firefox */
}
.form .formGroup .formControl:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px;
  font-weight: 500;
  color: #2d2f3c;
}
.form .formGroup .formControl::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 18px;
  font-weight: 500;
  color: #2d2f3c;
}
.form .checkBoxCustom {
  margin-top: 30px;
}
.form .checkBoxCustom .custom-control-label::before,
.form .checkBoxCustom .custom-control-label::after {
  width: 20px;
  height: 20px;
  box-shadow: none;
}
.form .checkBoxCustom .custom-control-label {
  font-size: 18px;
  padding: 0 8px;
}
.form .btnCustom {
  margin-top: 30px;
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 18px;
}
/*===== END Form ===== */
/*==== Contact US ==== */
.contact-box {
  margin-bottom: 2em;
}
.contact-box h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.contact-box p {
  margin-top: 0;
  margin-bottom: 0.625em;
  font-size: 1em;
  color: #000;
}
.contact-box p.contact-icon {
  position: relative;
  color: #000;
  margin-bottom: 0.125em;
}
.contact-box p.contact-icon a {
  color: #000;
}
.contact-box p.contact-icon a:hover {
  color: rgba(0, 0, 0, 0.7);
}
.contact-box p.contact-icon i {
  position: absolute;
  left: -50px;
  color: #999;
  top: 50%;
  transform: translateY(-50%);
}
.contactLocDetImg {
  border-radius: 10px;
  width: 70px;
  height: 70px;
  /* filter: grayscale(100%);
*/
}
.iconDivConLoc {
  text-align: center;
}
.iconDivConLoc i {
  color: #b5bbc6;
}
.txtDivConLoc p {
  color: #8c94a4;
  font-weight: 600;
  margin-bottom: 6px;
}
.locDetCon {
  padding: 25px;
}
.locDetCon h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.locDetCon p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1em;
}
/*==== END Contact US ==== */
.project-demo {
  justify-content: center;
}
.project-demo > div {
  display: none;
}
/* ======== Microsoft Office 365======*/
.whyParaDeta h3 {
  color: #f79c2e;
  margin-bottom: 30px;
}
.whyParaDeta p {
  line-height: 28px;
  font-size: 18px;
  margin-bottom: 28px;
  margin-top: 0;
}
.offSpeDetails {
  padding: 40px 0 0;
}
.whyOff365 {
  background-color: #e7e9ed;
  padding: 25px;
  border-radius: 5px;
}
.whyOff365 h3 {
  font-size: 32px;
}
.whyOff365 ul li {
  line-height: 35px;
}
.getOfficeBtn button {
  background-color: transparent;
  color: #f79c2e;
  border: 2px solid #f79c2e;
  border-radius: 5px;
  padding: 12px 35px;
  margin: 15px;
  outline: none;
}
.getOfficeBtn button:hover {
  background-color: #f79c2e;
  color: white;
}
.getOfficeBtn button i {
  margin-left: 5px;
}
.mb-60 {
  margin-bottom: 60px;
}
/* ========END Microsoft Office 365======*/
/* ========Microsoft Dynamic Nav====*/
.dynamicNavTabsBlu > h3,
.tabsMicroAzu h3 {
  color: #434343;
  font-size: 2em;
  margin: 20px 0;
  font-weight: 500;
  text-align: center;
}
.dynamicNavTabsBlu .boxesAX {
  background-color: #f1f4fb;
  border-radius: 5px;
  padding: 10px;
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.dynamicNavTabsBlu .boxesAX h4 {
  margin-bottom: 0;
  font-size: 16px;
  display: inline-block;
  padding: 5px 15px;
}
.dynamicNavTabsBlu .boxesAX img {
  background-color: #00b3c0;
  border-radius: 100%;
  padding: 4px;
  display: inline-block;
}
.microsoftStack .heading h2.section-heading {
  margin: 0px 0 50px;
}
.dynamicNavOverviewBoxes {
  margin-top: 50px;
  margin-bottom: 32px;
}
.dynamicNavOverviewBoxes h3 {
  font-size: 1.9em;
  color: #2d2f3c;
  font-weight: 800;
  margin-bottom: 0.7em;
}
.dynamicNavBoxes {
  text-align: center;
  padding: 20px 30px 10px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  margin-top: 10px;
}
.dynamicNavBoxes h5 {
  font-size: 30px;
  font-weight: bold;
  color: #54565e;
  margin-top: 20px;
  margin-bottom: 0;
}
.dynamicNavBoxes p {
  color: #54565e;
  padding: 0 10px;
}
/* ========END Microsoft Dynamic Nav====*/
/* =======Microsoft Dynamic AX===*/
.dynamicAxBox {
  text-align: center;
  padding: 12px;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  margin-top: 20px;
}
.dynamicAxBox img {
  margin-top: 10px;
}
.dynamicAxBox h6 {
  margin-top: 10px;
  font-size: 1em;
}
/* =======END Microsoft Dynamic AX===*/
/* =====Microsoft CRM====*/
.crmBox {
  width: 20%;
  float: left;
  padding: 8px;
}
.crmBox .dynamicAxBox {
  margin-top: 10px;
}
/* =====END Microsoft CRM====*/
/* ========Vision Mission && Values====*/
.valueMissionVision {
  margin-top: 60px;
  margin-bottom: 50px;
}
.visionBoxes {
  text-align: center;
  padding: 32px;
  background-color: #f1f4fb;
  border-radius: 15px;
  margin-bottom: 20px;
}
.visionBoxes:hover {
  background-color: white;
  box-shadow: 0px 5px 20px 3px #d8d8db;
}
.visionBoxes h3 {
  font-size: 30px;
  color: #2d2f3c;
  margin: 20px 0 30px;
  font-weight: 600;
}
.visionBoxes h3 span {
  color: #f79c2e;
}
.visionBoxes p {
  color: #2d2f3c;
  line-height: 30px;
}
/* ========END Vision Mission && Values====*/
/* =======Microsoft Azure ======*/
.tabsMicroAzu .tab-content .tab-pane {
  padding: 20px;
}
.tabsMicroAzu .tab-content .tab-pane ul li {
  line-height: 30px;
}
.tabsMicroAzu .nav-tabs .nav-link.active,
.tabsMicroAzu .nav-tabs .nav-item.show .nav-link {
  color: #ffffff;
  background-color: #f79c2e;
  border: none;
}
.azureImg {
  text-align: center;
  padding: 20px;
}
.azureTabs {
  margin-top: 60px;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs {
  justify-content: center;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item {
  padding-bottom: 0;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item .nav-link.active {
  border: none;
  border-bottom: 3px solid;
  color: #f79c2e;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item a {
  color: #2a2e3a;
  font-size: 18px;
  padding-bottom: 17px;
}
.dynamicNavOverviewBoxes .tabsMicrosoft .nav-tabs .nav-item a:hover {
  border: none;
}
/* =======END Microsoft Azure ======*/
/* =======QuickBook Accounting =====*/
/*QuickBook*/
.quickBookTopDiv {
  text-align: center;
}
.quickBookTopDiv p {
  color: #8b8b8b;
  line-height: 1.875em;
}
.quickBookTopDiv .heading h2.section-heading {
  margin: 1.25em 0;
}
.quickBookTopDiv .cusQuickBook {
  margin: 4.375em 0 2.5em;
}
.quickBookTopDiv .cusQuickBook h3 {
  font-weight: 700;
  margin-bottom: 0.9em;
  font-size: 1.875em;
}
.quickBookTopDiv .cusQuickBook p {
  font-weight: 600;
}
.quickBookTopDiv .cusQuickBookSolu {
  margin: 4.375em 0 2.5em;
}
.quickBookTopDiv .cusQuickBookSolu h3 {
  font-weight: 700;
  margin-bottom: 0.9em;
  font-size: 1.875em;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox {
  text-align: center;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox img {
  padding: 1.25em;
}
.quickBookTopDiv .cusQuickBookSolu .cqsBox p {
  margin-top: 0.938em;
}
.cqsItems {
  margin: 1.875em 0;
  text-align: center;
}
/* ======Time and Material=======*/
.timeAndMaterialPoints h3 {
  font-size: 30px;
  color: #2d2f3c;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
}
.timeAndMaterialPoints ul li {
  font-size: 18px;
}
/* ======END Time and Material=======*/
/* ================murgancy page2================ */
.murgancy_info .banner-heading {
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.murgancy_info .banner-heading span {
  font-size: 0.75em;
  display: block;
  font-weight: 500;
}
.inner-banner-section .img-fill .info.murgancy_info {
  padding-bottom: 0;
}
.mockup_banner {
  margin-top: -5.625em;
}
.mockup_banner img {
  width: auto;
  height: auto;
  min-height: auto;
  min-width: auto;
}
.murgencyAppCont {
  padding-bottom: 4.1em;
  padding-top: 1em;
}
/*.murgencyAppCont p {
font-size:1.125em;
color:#000;
font-weight:600;
margin-top:0
}
.murgencyAppCont p.paraCONT {
margin-bottom:2em;
}
.feature-LIST ul {
list-style:none;
padding:0;
}
.feature-LIST ul li {
font-size:1em;
color:#000;
padding:0 0 0 1.5em;
position:relative;
line-height: 1.4em;
margin-bottom:0.875em;
}
.feature-LIST ul li:before {
content: "•";
font-size: 1.4em;
color: #000;
position:absolute;
left:0;
margin-bottom: 0.875em;
padding:0 0.775em 0 0em 
}
*/
.murgencyAppCont img.img-fill {
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .timeAndMaterialPoints h3 {
    font-size: 26px;
  }
  .timeAndMaterialPoints ul li {
    font-size: 16px;
  }
}
.quickBookTopDiv p,
.cusQuickBook p,
.cusQuickBookSolu p,
.cusQuickBook p,
.cusQuickBookSolu p {
  font-size: 17px;
}
/* =======END QuickBook Accounting =====*/
/*Career*/
.CareerWrap .card {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.21);
  border-top: 0px;
  margin: 0.938em auto;
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}
.CareerWrap .card .ProgrammingBox {
  padding: 1.25em;
  position: relative;
  background: transparent;
  border: 0px;
}
.CareerWrap .card .ProgrammingBox .accordion-icon {
  font-size: 3.125em;
}
.CareerWrap .card .ProgrammingBox .accordion-icon .icon-plus-1 {
  color: #f79c2e;
  border: solid rgba(255, 255, 255, 0) 8px;
  border-radius: 360px;
}
.CareerWrap
  .card
  .ProgrammingBox
  [aria-expanded="true"]
  .accordion-icon
  .icon-plus-1 {
  border: solid rgba(247, 156, 43, 0.38) 8px;
}
.CareerWrap
  .card
  .ProgrammingBox
  [aria-expanded="true"]
  .accordion-icon
  ::before {
  content: "";
}
.CareerWrap .card .ProgrammingBox .programming img {
  width: 4.375em;
}
.CareerWrap .card .PostRequirements {
  padding-left: 6em;
}
.CareerWrap .card .PostRequirements h2 {
  margin: 0px;
  font-weight: bold;
}
.CareerWrap .card .PostRequirements h5 {
  font-size: 1em;
  font-weight: 700;
}
.CareerWrap .card-body {
  padding: 0em 1.25em;
}
/* =======Awards ===========*/
.awardsBox {
  box-shadow: inset 0px 0px 0.563em 0.188em #bdbdbb;
  margin: 0.938em 0;
  position: relative;
  padding-bottom: 100%;
}
.awardsBox:after {
  border: 0.375em solid #4e4e4d;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
}
.awardsBoxSub {
  position: absolute;
  left: 1.563em;
  right: 1.563em;
  top: 1.563em;
  bottom: 1.563em;
  text-align: center;
  border: 1px solid #bdbdbb;
  box-shadow: inset 0px 0px 5px 2px #bdbdbb;
  background-color: #f2f2f0;
  z-index: 1;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.awardsBoxSub img {
  padding: 0 1.5em;
}
.awardsBoxSub h6 {
  font-size: 1.25em;
  text-transform: uppercase;
  margin-top: 1.75em;
  line-height: 1.2em;
  font-family: "Cardo", serif;
  max-height: 3.5em;
  overflow: hidden;
}
/* =======END Awards ===========*/
/* =======Image Sprite IOT=====*/
.iotmainimg1,
.iotmainimg2,
.iotmainimg3 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/IotMain.png");
}
.iotmainimg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.iotmainimg2 {
  background-position: 0 50%;
  background-size: 100%;
}
.iotmainimg3 {
  background-position: 0 100%;
  background-size: 100%;
}
.iotboximg1,
.iotboximg2,
.iotboximg3 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/IotBox.png");
}
.iotboximg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.iotboximg2 {
  background-position: 0 50%;
  background-size: 100%;
}
.iotboximg3 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite IOT=====*/
/* =======Image Sprite Dynamic Nav=====*/
.igdynamicnavboximg1,
.igdynamicnavboximg2,
.igdynamicnavboximg3,
.igdynamicnavboximg4,
.igdynamicnavboximg5,
.igdynamicnavboximg6,
.igdynamicnavboximg7,
.igdynamicnavboximg8 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/dynamicNav.png");
}
.igdynamicnavboximg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.igdynamicnavboximg2 {
  background-position: 0 14.285714%;
  background-size: 100%;
}
.igdynamicnavboximg3 {
  background-position: 0 28.571429%;
  background-size: 100%;
}
.igdynamicnavboximg4 {
  background-position: 0 42.857143%;
  background-size: 100%;
}
.igdynamicnavboximg5 {
  background-position: 0 57.142857%;
  background-size: 100%;
}
.igdynamicnavboximg6 {
  background-position: 0 71.428571%;
  background-size: 100%;
}
.igdynamicnavboximg7 {
  background-position: 0 85.714286%;
  background-size: 100%;
}
.igdynamicnavboximg8 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite Dynamic Nav=====*/
/* =======Image Sprite Dynamic AX=====*/
.axdynamicaxboximg1,
.axdynamicaxboximg10,
.axdynamicaxboximg11,
.axdynamicaxboximg2,
.axdynamicaxboximg3,
.axdynamicaxboximg4,
.axdynamicaxboximg5,
.axdynamicaxboximg6,
.axdynamicaxboximg7,
.axdynamicaxboximg8,
.axdynamicaxboximg9 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/dynamicAXBox.png");
}
.axdynamicaxboximg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.axdynamicaxboximg10 {
  background-position: 0 10%;
  background-size: 100%;
}
.axdynamicaxboximg11 {
  background-position: 0 20%;
  background-size: 100%;
}
.axdynamicaxboximg2 {
  background-position: 0 30%;
  background-size: 100%;
}
.axdynamicaxboximg3 {
  background-position: 0 40%;
  background-size: 100%;
}
.axdynamicaxboximg4 {
  background-position: 0 50%;
  background-size: 100%;
}
.axdynamicaxboximg5 {
  background-position: 0 60%;
  background-size: 100%;
}
.axdynamicaxboximg6 {
  background-position: 0 70%;
  background-size: 100%;
}
.axdynamicaxboximg7 {
  background-position: 0 80%;
  background-size: 100%;
}
.axdynamicaxboximg8 {
  background-position: 0 90%;
  background-size: 100%;
}
.axdynamicaxboximg9 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite Dynamic AX=====*/
/* =======Image Sprite Dynamic CRM=====*/
.CRMdynamiccrmboximg1,
.CRMdynamiccrmboximg10,
.CRMdynamiccrmboximg2,
.CRMdynamiccrmboximg3,
.CRMdynamiccrmboximg4,
.CRMdynamiccrmboximg5,
.CRMdynamiccrmboximg6,
.CRMdynamiccrmboximg7,
.CRMdynamiccrmboximg8,
.CRMdynamiccrmboximg9 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/dynamicCRM.png");
}
.CRMdynamiccrmboximg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.CRMdynamiccrmboximg10 {
  background-position: 0 11.111111%;
  background-size: 100%;
}
.CRMdynamiccrmboximg2 {
  background-position: 0 22.222222%;
  background-size: 100%;
}
.CRMdynamiccrmboximg3 {
  background-position: 0 33.333333%;
  background-size: 100%;
}
.CRMdynamiccrmboximg4 {
  background-position: 0 44.444444%;
  background-size: 100%;
}
.CRMdynamiccrmboximg5 {
  background-position: 0 55.555556%;
  background-size: 100%;
}
.CRMdynamiccrmboximg6 {
  background-position: 0 66.666667%;
  background-size: 100%;
}
.CRMdynamiccrmboximg7 {
  background-position: 0 77.777778%;
  background-size: 100%;
}
.CRMdynamiccrmboximg8 {
  background-position: 0 88.888889%;
  background-size: 100%;
}
.CRMdynamiccrmboximg9 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite Dynamic CRM=====*/
/* =======Image Sprite Dynamic Sharepoint=====*/
.shsharepointimg1,
.shsharepointimg2,
.shsharepointimg3,
.shsharepointimg4,
.shsharepointimg5,
.shsharepointimg6,
.shsharepointimg7 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/sharePoint.png");
}
.shsharepointimg1 {
  background-position: 0 0%;
  background-size: 100%;
}
.shsharepointimg2 {
  background-position: 0 16.666667%;
  background-size: 100%;
}
.shsharepointimg3 {
  background-position: 0 33.333333%;
  background-size: 100%;
}
.shsharepointimg4 {
  background-position: 0 50%;
  background-size: 100%;
}
.shsharepointimg5 {
  background-position: 0 66.666667%;
  background-size: 100%;
}
.shsharepointimg6 {
  background-position: 0 83.333333%;
  background-size: 100%;
}
.shsharepointimg7 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite Dynamic Sharepoint=====*/
/* =======Image Sprite Dynamic 365=====*/
.dyna365img1,
.dyna365img2,
.dyna365img3,
.dyna365img4,
.dyna365img5,
.dyna365img6,
.dyna365img7 {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../img/microsoft365.png");
}
.dyna365img1 {
  background-position: 0 0%;
  background-size: 100%;
}
.dyna365img2 {
  background-position: 0 16.666667%;
  background-size: 100%;
}
.dyna365img3 {
  background-position: 0 33.333333%;
  background-size: 100%;
}
.dyna365img4 {
  background-position: 0 50%;
  background-size: 100%;
}
.dyna365img5 {
  background-position: 0 66.666667%;
  background-size: 100%;
}
.dyna365img6 {
  background-position: 0 83.333333%;
  background-size: 100%;
}
.dyna365img7 {
  background-position: 0 100%;
  background-size: 100%;
}
/* =======END Image Sprite Dynamic 365=====*/
.members-list .member-wrap {
  position: relative;
  padding-left: 10.313em;
  padding-right: 15px;
  min-height: 8.75em;
  margin-bottom: 4.375em;
  background: #fff;
  width: 33.33%;
}
.members-list .member-wrap .member-pic {
  width: 8.75em;
  height: 8.75em;
  overflow: hidden;
  border-radius: 22.5rem;
  -webkit-border-radius: 22.5rem;
  -moz-border-radius: 22.5rem;
  -ms-border-radius: 22.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.members-list .member-wrap .member-pic img {
  width: 100%;
  min-height: 100%;
  height: auto;
}
.members-list .member-wrap .member-info .member-name {
  font-size: 1.125em;
  font-weight: 800;
}
.members-list .member-wrap .member-info .member-name .member-post {
  font-size: 0.875em;
  display: block;
  color: #8c90a9;
  font-weight: 400;
}
.members-list .member-wrap .member-info .more-info {
  color: #2d2f3c;
}
.members-list .member-wrap .member-info .more-info span {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
}
.members-list .member-wrap .member-info .more-info:hover {
  color: #f79c2e;
  text-decoration: none;
}
.members-list .member-wrap .member-info .full-info {
  display: none;
}
.members-list .member-wrap .member-info .full-info p:first-child {
  margin-top: 0;
}
.members-list .member-wrap .member-info .full-info p:last-child {
  margin-bottom: 0;
}
.client_wrap {
  display: flex;
  flex-wrap: wrap;
}
.client_wrap .logo_wrap {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 0.625em;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  padding-bottom: 13%;
  box-sizing: border-box;
}
.client_wrap .client_logo {
  border-top: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  /* min-height: 200px;
*/
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
}
.client_wrap .client_logo img {
  max-width: 100%;
  height: auto;
  transition: 0.3s all ease-in-out;
  max-height: 100%;
  width: auto;
}
.client_wrap .client_logo:hover img {
  transform: scale(1.1);
}
.client_wrap .logo_wrap:nth-child(1) .client_logo,
.client_wrap .logo_wrap:nth-child(2) .client_logo,
.client_wrap .logo_wrap:nth-child(3) .client_logo,
.client_wrap .logo_wrap:nth-child(4) .client_logo,
.client_wrap .logo_wrap:nth-child(5) .client_logo {
  border-top-width: 0;
}
.client_wrap .logo_wrap:nth-child(5n + 1),
.client_wrap .logo_wrap:nth-child(5n + 2),
.client_wrap .logo_wrap:nth-child(5n + 3),
.client_wrap .logo_wrap:nth-child(5n + 4) {
  border-right: 1px solid #d4d4d4;
}
.UXSense-main {
  padding-bottom: 4.5em;
}
.UXSense-main .heading .section-heading {
  font-weight: 400;
}
.UXSense-main .heading .section-heading small {
  font-size: 50%;
}
.UXSense-main .heading .section-heading small sup {
  color: rgba(45, 47, 60, 0.5);
  top: -1em;
  font-weight: 500;
}
.UXSense-main .project-box {
  border-radius: 0px;
  border-top-right-radius: 0.938em;
  border-top-left-radius: 0.938em;
}
.UXSense-main .project-boxhoverafter {
  background: transparent;
}
.UXSense-main .project-box .project-img {
  width: 100%;
}
.UXSense-main .project-box .project-info {
  min-height: inherit;
  position: static;
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}
.UXSense-main .project-box .project-info .lets-talk {
  position: absolute;
  bottom: 0;
  padding: 0;
  background: #fff;
  display: inline-block;
  right: 5%;
}
.UXSense-main .project-box .project-info .lets-talk .righttalk {
  left: calc(100% - 1px);
}
.UXSense-main .project-box .project-info .lets-talk a {
  color: #2d2f3c;
  padding: 0 1px 0 0;
  transition: 0.5s;
}
.UXSense-main .project-box .project-info .lets-talkhover {
  text-decoration: none;
}
.UXSense-main .project-box .project-info .lets-talkhover span {
  padding: 0 5px 0 0;
}
.UXSense-main .project-box .project-info .lets-talk .lefttalk {
  right: 100%;
}
.UXSense-main .project-box .project-info .lets-talk img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
}
.UXSense-main .project-contact {
  color: #2d2f3c;
}
.UXSense-main .project-contact p {
  font-size: 1.125em;
}
.UXSense-main .project-contact small {
  color: rgba(45, 47, 60, 0.65);
  font-size: 0.778em;
  display: block;
  line-height: normal;
}
/* new uxsense css*/
/* =============== supply chain management page start ================= */
.supplychainWRAp {
}
.greywrap {
  background: #f8f8f8;
}
/*.supplychainWRAp.inner-banner-section .img-fill {
background-size:95% auto;
}
*/
.supplychainWRAp.inner-banner-section .img-fill .info {
  color: #fff;
  font-size: 1.125em;
  text-align: left;
  position: relative;
  z-index: 2;
  margin-bottom: -4em;
  padding-bottom: 1em;
  padding-top: 2em;
}
.supplychainWRAp.inner-banner-section .img-fill .info p {
  padding-right: 1em;
}
.supplychainWRAp .info h2 {
  text-align: left;
  font-weight: 800;
  margin-bottom: 0.814em;
  font-size: 2.25em;
  color: #fff;
  text-transform: capitalize;
}
.supplychainWRAp .info h2 span {
  text-align: left;
  display: block;
  color: #ffcc4c;
}
.supplychainContent {
  padding: 3.125em 0 0;
}
.supplychainContent h3 {
  font-size: 2.375em;
  color: #000;
  margin-bottom: 0.526em;
  padding: 0;
  z-index: 2;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
}
.supplychainContent h3 span {
  color: #ffcc4c;
}
.supplychainContent p {
  font-size: 1.125em;
  color: #000;
}
.supplychainContent ul {
  list-style: none;
  margin: 0;
  padding: 1.25em 0 0;
}
.supplychainContent ul li {
  font-size: 1.086em;
  color: #000;
  padding-left: 1.875em;
  margin-bottom: 0.875em;
  position: relative;
}
.supplychainContent ul li:before {
  width: 0.611em;
  height: 0.611em;
  background: #ffcc4c;
  top: 0.5em;
  left: 0;
  border-radius: 360px;
  content: "";
  position: absolute;
}
.mt_3em {
  margin-top: -3em;
}
.supplierWRAP {
  position: relative;
  padding: 2em 0;
}
.suppliersHEAD {
  color: rgba(0, 0, 0, 0.05);
  font-weight: 900;
  position: absolute;
  line-height: 1em;
  font-size: 2.316em;
  text-transform: uppercase;
  top: -0.5em;
  z-index: -1;
}
.suppliesrIMG {
  width: 100%;
  margin-bottom: -6em;
}
/*shipping - logistics */
.shippingContent {
  position: relative;
  background: #727377;
  border-radius: 15px;
  padding: 3.063em 2.813em;
  margin: 0em 0 6em;
  color: #fff;
}
.shippingContent .logisticsIMG {
  margin: -10.5em 0 -12em;
}
.shippingContent h3 {
  color: #fff;
  font-size: 2.375em;
  margin-bottom: 0.526em;
  padding: 0;
  text-transform: capitalize;
  font-weight: 700;
}
.shippingContent h3 span {
  color: #ffcc4c;
}
.fedex {
  position: absolute;
  bottom: 0;
}
/* ================= stock trading platform ======================== */
.stockWRAp {
}
.stockWRAp.inner-banner-section .img-fill .info {
  color: #000;
  text-align: left;
  position: relative;
  z-index: 2;
  padding-bottom: 1em;
  padding-top: 1em;
}
.stockWRAp .info h2 {
  text-align: left;
  font-weight: 800;
  margin-bottom: 0.814em;
  font-size: 3.5em;
  color: #000;
  text-transform: capitalize;
}
.stockWRAp .info h2 span {
  text-align: left;
  display: block;
  color: #f59a2e;
}
.stockWRAp .img-fill img {
  max-width: 100%;
  height: auto;
}
.playBTN {
  background: rgba(47, 64, 80, 0.96) url(../images/stockplay.png) 1em center
    no-repeat;
  color: #fff;
  padding: 1em 0.875em 1em 5em;
  text-transform: capitalize;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 21em;
  margin: 0 auto;
}
.playBTN:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(47, 64, 80, 1);
}
.stockWRAp .img-fill img.playICON {
  max-width: 1.125em;
  height: auto;
  min-width: auto;
  margin-left: 1em;
}
.featureContent h3 {
  text-align: left;
  font-weight: 800;
  margin-bottom: 0.814em;
  font-size: 2.125em;
  color: #000;
  text-transform: capitalize;
}
.featureContent h3 span {
  text-align: left;
  display: inline-block;
  color: #ff8d00;
}
.featureContent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.featureContent ul li {
  font-size: 1.125em;
  color: #000;
  padding: 0.778em 5em 0.778em 0;
  display: inline-flex;
}
.featureContent ul li img {
  margin-right: 1.667em;
  width: 1.556em;
  height: 1.556em;
}
/*academicContent*/
.acadmic_WRAP {
  position: relative;
}
.acadmic_WRAP:before {
  background: url(../images/stock_bg2.png) right top no-repeat;
  position: absolute;
  z-index: -1;
  top: -5.625em;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  padding-bottom: 8.125em;
}
.acadmic_WRAP:after {
  position: absolute;
  bottom: -2px;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -1;
  background: url(../images/stock_bg4.png) bottom center no-repeat;
}
.academicContent {
  padding-bottom: 8em;
}
.academicContent img {
  width: auto;
  height: 7.5em;
}
.academicContent h3 {
  margin-top: 0.658em;
}
.supplychainContent.academicContent p {
  font-size: 1em;
  padding-right: 5.2em;
  line-height: 1.6em;
}
/* ========= IOS Developer =======*/
.DevDetail {
  padding: 0.625em 1.25em;
}
.DevDetail a {
  color: #7e8392;
  font-size: 1.125em;
}
.DevDetail a i {
  vertical-align: middle;
  margin-left: 5px;
}
.DevDetail a:hover {
  text-decoration: none;
  color: #42454e;
}
.DevDetail img.iosImg {
  margin-top: 0;
  max-width: 70%;
  display: none;
}
.DevDetail h3 {
  font-size: 1.875em;
  margin-top: 1.5em;
}
.DevDetail h3 h3 b {
  display: block;
}
.DevDetail p {
  margin-top: 1.875em;
  line-height: 1.563em;
}
.moreTabs {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 1.25em;
}
.moreTabs h4 {
  color: #2a2e3a;
  font-weight: bold;
  border-right: 1px solid #dbdbdb;
  margin-bottom: 0;
  padding-bottom: 0.625em;
  padding-top: 1.875em;
  line-height: 1.875em;
}
.moreTabs .lightText {
  display: block;
  color: #7e8392;
}
/* ======== Microsoft Office 365======*/
.whyParaDeta h3 {
  color: #df690a;
}
.whyParaDeta ul li {
  line-height: 35px;
}
.partner-wrap {
  margin-top: 35px;
  margin-bottom: 70px;
}
.partner-wrap .partnerinfo {
  border-radius: 10px;
  border: 1px solid #f1f4fb;
  text-align: center;
}
.partner-wrap .partnerinfo .partnerlogo {
  padding: 15px;
}
.partner-wrap .partnerinfo .partnername {
  background: #f1f4fb;
  font-weight: 600;
  font-size: 18px;
  padding: 25px 15px;
  min-height: 90px;
}
.partner-wrap .partnerinfo .partnername span {
  font-size: 16px;
  color: #f79c2e;
  display: block;
  position: relative;
  line-height: 30px;
  margin-top: 8px;
}
.partner-wrap .partnerinfo .partnername span:before {
  position: absolute;
  content: "";
  border-top: 1px solid #f79c2e;
  width: 50px;
  top: 0;
  left: 50%;
  margin-left: -25px;
}
.content .heading .section-heading {
  margin-top: 0;
}
.imgCusMarTop {
  margin-top: 60px;
}
/* Hire Tabs Section */
.morebtn {
  background: url(../img/more_border.png) bottom left no-repeat;
  background-size: 100% 50%;
  font-size: 18px !important;
  padding: 8px 35px;
  position: absolute;
  transform: translateY(-50%);
  right: 0;
  top: 100%;
  margin-top: -1px;
  color: #2a2e3a !important;
  font-weight: 700;
}
.morebtn:hover {
  text-decoration: none;
  color: #1b1e27 !important;
}
.morebtn .fas {
  margin-left: 15px;
}
.morebtn .more {
  display: block;
}
.morebtn .less {
  display: none;
}
.morebtn.active .more {
  display: none;
}
.morebtn.active .less {
  display: block;
}
.hireTabs {
  border-bottom: 1px solid #dbdbdb;
  margin-top: -1.875em;
}
.hireTabs .hireDevelopersSec {
  width: 150px;
  float: left;
}
.hireTabs .hireDevelopersSec h4 {
  font-size: 24px;
  font-weight: 800;
  line-height: 29px;
  padding-top: 19px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.hireTabs .hireDevelopersSec h4 span {
  color: #7e8392;
  display: block;
}
#portfolioLinks .tabsSection,
.hireTabs .tabsSection {
  position: relative;
  width: calc(100% - 150px);
  float: left;
  border-left: 1px solid #dbdbdb;
  padding-top: 38px;
}
#portfolioLinks .tabsSection .tabs,
.hireTabs .tabsSection .tabs {
  margin-bottom: 0;
  border: none;
  transition: 0.1s ease-in-out all;
  overflow: hidden;
}
#portfolioLinks .tabsSection .tabs ul,
.hireTabs .tabsSection .tabs ul {
  overflow: hidden;
}
#portfolioLinks .tabsSection .tabs .nav-link,
.hireTabs .tabsSection .tabs .nav-link {
  font-weight: 500;
}
#portfolioLinks .tabsSection {
  width: 100%;
  float: none;
  border-left: 0;
}
/* END Hire Tabs Section */
/* ==========Digital Marketing Services ======*/
.video-sec {
  position: relative;
  background-color: black;
  height: 90vh;
  width: 100%;
  overflow: hidden;
}
.video-sec video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.video-sec-wrap {
  width: 1110px;
  margin: 0 auto;
}
.seo-banner-text {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 1;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  max-width: 1110px;
}
.category {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  z-index: 111;
  font-family: "botonregular";
  max-width: 1110px;
  margin: 0 auto;
}
.seo-banner-text .heading {
  width: 100%;
  color: #fff;
  font-size: 40px;
  text-align: center;
  text-shadow: 5px 0px 5px rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.category {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  z-index: 111;
  font-family: "botonregular";
  max-width: 1110px;
  margin: 0 auto;
}
.seo-banner-text .heading h1 {
  font-size: 48px;
}
.category .category-box {
  width: 33.33%;
  text-align: center;
  float: left;
  padding: 15px 80px;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.clear {
  clear: both;
}
.category .category-box .category-heading {
  font-size: 22px;
  color: #fff;
}
.helping-campaigns {
  padding: 50px 0;
}
.wrap {
  position: relative;
  max-width: 1110px;
  margin: 0 auto;
}
.helping-campaigns p {
  font-size: 26px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}
.helping-campaigns .button {
  background: #f79c2c;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border-radius: 4px;
  font-size: 20px;
  border: 0px;
  color: #fff;
  max-width: 150px;
}
.seo-results {
  background: #f5f5f5;
}
.seo-results .heading {
  color: #000000;
  padding: 80px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  max-width: 400px;
  font-size: 36px;
}
.seo-results .heading::before {
  content: "";
  position: absolute;
  left: 55px;
  width: 70%;
  background: #f79c2c;
  height: 3px;
  bottom: 60px;
}
.seo-results .heading::after {
  content: "";
  position: absolute;
  background-image: url(images/seo-page/dots.png);
  background-repeat: no-repeat;
  background-position: center center;
  bottom: 55px;
  right: 0;
  height: 15px;
  width: 55px;
}
.results-category {
  position: relative;
  padding-bottom: 20px;
}
.results-category .results-category-post {
  width: calc(50% - 30px);
  float: left;
  margin: 15px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}
.results-category .results-category-post .category-heading {
  color: #9e9e9e;
  font-weight: 400;
}
.results-category .results-category-post .sub-heading {
  color: #000;
  font-weight: 400;
}
.results-category .results-category-post .sub-heading {
  font-size: 22px;
  margin: 0 0 15px 0;
}
.category-post-wrap {
  width: 100%;
  display: table;
}
.category-post-logo {
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
}
.categoryBox .category-heading {
  font-size: 22px;
  color: #fff;
  margin-top: 15px;
}
.videoBanner {
  position: relative;
  background-color: black;
  height: calc(100vh - 55px);
  min-height: 300px;
  width: 100%;
  overflow: hidden;
  margin-top: 55px;
}
.videoBanner video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.videoBanner .container {
  position: relative;
  z-index: 2;
}
.videoBanner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
.videoHeadline {
  font-size: 40px;
}
.dmsContent p {
  font-size: 24px;
  line-height: 42px;
  font-weight: 400;
  text-align: center;
  margin-top: 43px;
}
.dmsContent {
  margin-bottom: 25px;
}
.resultMatter {
  background: #f5f5f5;
}
.resultMatter .headerMatter {
  text-align: center;
  margin: 20px 0;
}
.resultMatter .headerMatter h1 {
  text-align: center;
  font-size: 36px;
  padding: 25px 0 10px;
  display: inline-block;
  border-bottom: 3px solid #f79c2c;
}
.resultMatter .resultMatterWrap {
  padding-bottom: 2em;
}
.resultMatter .resultMatterBox {
  padding: 12px;
  background: white;
  border-radius: 6px;
  margin-top: 20px;
}
.resultMatter .resultMatterBox span {
  color: #9e9e9e;
  margin: 10px;
}
.resultMatter .resultMatterBox h4 {
  margin: 10px;
}
.popUpBtn button {
  background: #f79c2c;
  border: 0;
  box-shadow: 5px 2px 5px rgba(99, 99, 99, 0.23);
  display: block;
  text-align: center;
  padding: 12px;
  border-radius: 5px;
  margin: 15px auto 0;
  outline: none;
}
.resultMatterBox .col-8 img {
  padding: 10px;
}
/* ==========END Digital Marketing Services ======*/
/* ==========Modal Popup ===========*/
.modal-content {
  border-radius: 10px;
}
.modal-body .form-group {
  margin-bottom: 20px;
}
.modal-body .form-group .form-control:hover,
.modal-body .form-group .form-control:focus {
  box-shadow: none;
}
.modal-header {
  border-bottom: none;
}
.modal-header .close {
  position: absolute;
  top: 2px;
  right: 0px;
  font-size: 14px;
  background-color: black;
  opacity: 1;
  text-shadow: none;
  color: white;
  padding: 9px;
  border-radius: 100%;
}
.modal-header .close:not(:disabled):not(.disabled):hover,
.modal-header .close:not(:disabled):not(.disabled):focus {
  opacity: 0.9;
  outline: none;
}
.modal-footer {
  border-top: none;
  padding: 0px 10px 20px 10px;
}
#get_a_quote_popup .modal-title {
  font-weight: 600;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 415px;
  }
}
/* ==========END Modal Popup ===========*/
/* ==========Cloud Migration ==========*/
.cloudContent {
  text-align: center;
  padding-bottom: 40px;
}
.cloudContent h3 {
  font-size: 32px;
  font-weight: 800;
  padding: 80px 0 30px;
}
.cloudContent p {
  font-size: 17px;
  line-height: 24px;
}
.cloud-services-bg {
  background: url(https://www.intelegain.com/wp-content/themes/intelegain/images/cloud/xcloud-services-bg.jpg.pagespeed.ic.UkXrHaLu7R.webp)
    center center no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
}
.services-heading h1 {
  font-size: 44px;
  color: #fff;
  font-weight: 500;
  padding: 1.136em 0;
  margin: 0 12px;
}
.process-services.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 10px;
  margin-left: -10px;
}
.cloud-devops {
  background: #0db3e3;
}
.cloud-devops.active:after {
  border-top-color: #48c2e9;
}
.recovery-services {
  background: #10b387;
}
.recovery-services.active:after {
  border-top-color: #4cc29f;
}
.migraton {
  background: #396cfe;
}
.migraton.active:after {
  border-top-color: #628afe;
}
.computing-security {
  background: #5d47cf;
}
.computing-security.active:after {
  border-top-color: #7d6ed8;
}
.readiness-assesment {
  background: #67b930;
}
.readiness-assesment.active:after {
  border-top-color: #86c75f;
}
.hybrid-computing {
  background: #ea553d;
}
.hybrid-computing.active:after {
  border-top-color: #ee7865;
}
.process-services {
  border-radius: 4px;
  background-image: url(https://www.intelegain.com/wp-content/themes/intelegain/images/cloud/xprocess-services-bg.png.pagespeed.ic.tdi20pUGpV.webp);
  background-position: left bottom;
  background-repeat: no-repeat;
  position: relative;
  margin: 10px;
  min-height: 210px;
  display: block;
}
.process-services .services-icon {
  position: absolute;
  bottom: 15px;
  left: 30px;
}
.process-services .services-text h4 {
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
  padding: 20px 12px;
  font-size: 16px;
  display: block;
}
.process-services .services-text span {
  display: block;
}
.process-services .services-text strong {
  font-weight: 800;
  display: block;
}
.cloud-services-contant {
  padding-bottom: 50px;
}
.CloudBannerWrap .content {
  padding: 0;
}
.CloudBannerWrap .content h2 {
  margin: 40px 0 30px;
}
.CloudBannerWrap .img-fill .cloud-process {
  padding-bottom: 20px;
}
.tabsMain {
  position: relative;
}
.tabsContent {
  position: absolute;
  z-index: 10;
  margin: 0px 23px 0 10px;
  top: 395px;
}
.tabsContent .services-contant-body {
  padding: 20px;
  color: white;
  border-radius: 7px;
}
.tabsContent .services-contant-body .process-services-head .close {
  top: 8px;
  right: 10px;
  position: absolute;
  opacity: 1;
}
.tabsContent .services-contant-body .process-services-head .close a {
  color: white;
}
/* Cloud Page*/
.CloudBannerWrap .img-fill .process-icon img {
  min-height: inherit;
  min-width: inherit;
}
.CloudBannerWrap .content h2 {
  font-size: 3em;
  color: #f89c2d;
}
.CloudBannerWrap .content .cloud-process ul li {
  float: left;
  width: 16.6%;
  list-style: none;
}
.CloudBannerWrap .content .cloud-process ul li a {
  display: block;
}
.CloudBannerWrap .content .cloud-process ul li a .process-text {
  color: #fff;
}
.CloudBannerWrap .content .cloud-process ul li a .process-text strong {
  display: block;
}
.CloudBannerWrap .content .cloud-process ul li a :hover {
  text-decoration: none;
}
.cloud-services a:hover {
  text-decoration: none;
}
.services-contant-body {
  display: none;
}
.services-contant-body.active {
  display: block;
}
.case-study-heading {
  font-size: 44px;
  font-weight: 500;
  padding: 1em 0 0.5em;
  margin: 0;
}
.client-header h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: 10px 0;
}
.client-logo {
  text-align: center;
  padding: 15px 15px 25px;
}
.client-header {
  padding: 20px 20px 10px;
}
.case-study-wrap {
  border: 1px solid #f1f1f1;
}
.case-study-main {
  padding-bottom: 15px;
}
.clientInfo {
  margin: 10px 0;
}
.client-desc {
  background: #f3f3f3;
  padding: 5px 20px 20px;
  position: relative;
  overflow: hidden;
  min-height: 227px;
}
.client-desc p {
  color: inherit;
  margin: 20px 0;
  line-height: 22px;
}
.clearfix:before,
.clearfix:after {
  display: table;
  clear: both;
  content: " ";
}
.client-desc .tags span {
  float: left;
  white-space: nowrap;
  font-size: 12px;
  margin: 4px;
  padding: 4px 10px;
  background: #f3f3f3;
  border: 1px solid #d0d0d0;
  border-radius: 25px;
}
.services-contant-body .process-services-head {
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.services-contant-body .process-services-head .heading {
  font-size: 36px;
  color: #fff;
  margin-right: 36px;
}
/* ==========END Cloud Migration ==========*/
/* ==========Life At Intelegain ==========*/
.eventbox {
  overflow: hidden;
  width: 25%;
}
.box-25 {
  width: 25%;
}
.box-50 {
  width: 50%;
}
.box-75 {
  width: 75%;
}
.box-33 {
  width: 33.33%;
}
.box-66 {
  width: 66.66%;
}
.life-content p {
  font-size: 1.125em;
  line-height: 1.778em;
}
.life-content {
  background-color: #f1f4fb;
  min-height: 100%;
}
.trainingIcon {
  margin-bottom: 1em;
}
.IconBox {
  background-color: #f1f4fb;
  min-height: 100%;
}
.IconBox h4 {
  color: black;
  font-size: 1.25em;
}
.mt-21 {
  margin-top: 21px;
}
.mr-16 {
  margin-right: 16px;
}
.life-content {
  padding: 15px;
  overflow: auto;
  height: 100%;
}
.responsive-1by2 {
  padding-bottom: 200%;
  position: relative;
}
.responsive-1by1 {
  padding-bottom: 100%;
  position: relative;
}
.responsive-2by1 {
  padding-bottom: 50%;
  position: relative;
}
.responsive-1by2 .middlebox,
.responsive-1by1 .middlebox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.box-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 10px;
  display: block;
}
.festiveImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contentbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}
.lifeBoxes {
  margin: 0 -10px;
}
/* ==========END Life At Intelegain ==========*/
.compare_box {
  text-align: center;
  border: solid 1px #e7e9ed;
  padding: 20px;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.5s;
  margin: 2em 0 0;
  min-height: 100%;
}
.compare_box h3 {
  padding-top: 15px;
  color: #181527;
  min-height: 65px;
  font-size: 1.25em;
}
.mfp-content {
  max-width: 415px;
}
.mfp-close-btn-in .mfp-close {
  position: absolute;
  top: 12px;
  right: 15px;
  background-color: #fff;
  opacity: 1;
  text-shadow: none;
  color: #333 !important;
  padding: 0px;
  border: 1px solid #b6b6b6;
  /* font-size: 35px; */
  border-radius: 100%;
  line-height: 27px;
  width: 26px;
  height: 26px;
}
.mfp-close-btn-in .mfp-close:hover {
  opacity: 0.8;
}
.error_msg_wrap {
  position: relative;
}
.error_msg_wrap .error_msg {
  background-color: #f36c51;
  border-radius: 5px;
  color: #fff;
  display: none;
  font-size: 13px;
  padding: 7px 10px;
  position: absolute;
  right: -25px;
  top: -24px;
}
.error_msg_wrap .error_msg::after {
  border-color: #f36c51 transparent transparent;
  border-style: solid;
  border-width: 6px;
  bottom: -12px;
  content: "";
  left: 10px;
  position: absolute;
}
.loader-animation {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1055;
  display: none;
}
.loader_img {
  position: relative;
  top: 50%;
  left: 50%;
}
.alertmsgformail {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  padding: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: none;
  width: 280px;
  box-shadow: 0 0 5px #000;
}
.alertmsgformail.successmsg {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}
.alertmsgformail.errormsg {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}
.alertmsgformail.infosmsg {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}
.imgholder {
  text-align: center;
  margin-top: 2em;
}
.portfolio_content {
  background-color: #181527;
  padding: 20px;
  min-height: 240px;
  margin-top: 35px;
  position: relative;
}
.portfolio_content h5 {
  font-size: 1.45em;
  color: #f79c2e;
  margin: 0;
  text-align: center;
}
.portfolio_content p {
  color: #fff;
  margin: 20px 0 0;
  text-align: center;
}
.portfolio_content:after {
  border-color: transparent transparent #181527 transparent;
  border-style: solid;
  border-width: 17px;
  right: 50%;
  content: "";
  position: absolute;
  top: -34px;
  margin-right: -17px;
}
.moreportfolio {
  position: absolute;
  background: url(../img/portfolio-more.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 127px;
  font-size: 16px;
  color: #2d2f3c;
  bottom: 0;
  right: 0;
  text-align: center;
  padding: 5px;
}
.portfolio_detail h1,
.portfolio_detail h2 {
  font-size: 2.5em;
  color: #303940;
  line-height: normal;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 300;
}
.desk_portfolio .section_a h1 {
  font-weight: 500;
}
.portfolio_detail p {
  font-size: 1.5em;
  color: #7a7d7f;
  line-height: normal;
  text-align: center;
  font-weight: 300;
}
.portfolio_detail .points li {
  color: #7a7d7f;
  font-size: 1.5em;
  margin-bottom: 15px;
  padding-left: 40px;
  position: relative;
}
.portfolio_detail .points li:before {
  background: rgba(0, 0, 0, 0) url(../img/points.png) no-repeat scroll 0 3px;
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: 0;
  top: 0;
}
.portfolio_detail .points li:nth-child(5n + 1):before {
  background-position: 0 7px;
}
.portfolio_detail .points li:nth-child(5n + 2):before {
  background-position: 0 -26px;
}
.portfolio_detail .points li:nth-child(5n + 3):before {
  background-position: 0 -58px;
}
.portfolio_detail .points li:nth-child(5n + 4):before {
  background-position: 0 -90px;
}
.portfolio_detail .points li:nth-child(5n + 5):before {
  background-position: 0 -122px;
}
.portfolio_detail img {
  max-width: 100%;
}
.mob_portfolio h1 {
  font-size: 2.875em;
  color: #404040;
  line-height: normal;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 200;
  padding: 100px 0 30px;
  /* margin-top: 40px;
*/
}
.mob_portfolio .wrap {
  padding-bottom: 90px;
}
.white_txt {
  color: #fff !important;
}
.creamwhite {
  background-color: #eee !important;
}
.white_dark {
  background-color: #efefef !important;
}
.mob_portfolio section p {
  color: #b0b1b6;
  font-size: 1.25em;
  text-align: center;
  font-weight: 200;
  padding-top: 30px;
}
.whitebg {
  background-color: #fff !important;
}
.wrap {
  max-width: 1110px;
  margin: 0 auto;
}
.wrap {
  position: relative;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
.footer_portfolio {
  background-color: #fefcfd !important;
}
.footer_portfolio .wrap {
  padding: 58px 0 40px;
  text-align: center;
}
.footer_portfolio h4 {
  font-size: 2.5em;
  font-weight: 700;
  color: #22262f;
  margin-bottom: 20px;
  line-height: 33px;
}
.footer_portfolio p {
  font-size: 1.5em;
  color: #7a7d7f;
  text-align: center;
  line-height: 33px;
}
/* .mart_mins257 {
margin-top: -257px;
}
*/
#footer {
  background-color: #181527;
  clear: both;
  text-align: left;
  margin-top: -403px;
  height: auto;
  font-weight: 300;
  overflow: hidden;
}
.backbtn {
  position: fixed;
  bottom: 20px;
  left: 15px;
  color: #fff;
  z-index: 1000;
}
.backbtn img {
  width: 15px;
  height: 15px;
  vertical-align: middle;
  padding: 3px 5px 0 0;
  margin-bottom: 8px;
}
.desk_portfolio {
  min-height: 500px;
  font-weight: 300;
  margin-top: 70px;
}
.desk_portfolio .section_a {
  background-color: #eee;
  text-align: center;
  padding: 25px 0 0 0;
}
.desk_portfolio .section_b {
  background-color: #eee;
  padding: 32px 0;
}
.desk_portfolio .section_c {
  background-color: #2b3449;
  padding-top: 57px;
  color: #fff;
  text-align: center;
}
.desk_portfolio .section_d {
  background-color: #eee;
  height: 720px;
}
.desk_portfolio .project_points {
  float: left;
  padding-top: 150px;
  width: 45%;
}
.desk_portfolio .comp_img {
  float: right;
  width: 55%;
}
.desk_portfolio .comp_img img {
  max-width: 100%;
}
.desk_portfolio .section_c h2,
.desk_portfolio .section_c p {
  color: #fff;
}
.desk_portfolio .section_c img {
  vertical-align: middle;
  margin-top: 50px;
}
.desk_portfolio .circles_wrap {
  background-color: #eee;
  padding: 4% 0 4%;
}
.desk_portfolio .circles_wrap .circles {
  margin: 6% auto 0;
}
.circles_wrap .circles .circle1,
.circles_wrap .circles .circle2,
.circles_wrap .circles .circle3 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  overflow: hidden;
  padding: 1px;
  position: relative;
}
.circles_wrap .circles .circle1,
.circles_wrap .circles .circle3 {
  width: 28%;
  height: 60%;
  padding: 1px;
}
.circles_wrap .circles .circle2 {
  height: auto;
  width: 42%;
  z-index: 1;
  margin: 0 -3%;
}
.circles_wrap .circles .circle1:before,
.circles_wrap .circles .circle3:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 10px solid #fff;
  border-radius: 50%;
}
.circles_wrap .circles .circle2:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 20px solid #fff;
  border-radius: 50%;
}
.circles_wrap .circles img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 100%;
  height: auto;
}
.tab_portfolio h1 {
  font-size: 2.5em;
  color: #fff;
  line-height: normal;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
  padding: 52px 0 30px;
}
.tab_portfolio .section_a img {
  margin-bottom: -100px;
}
.tab_portfolio {
  background-color: #eee;
  margin-top: 50px;
}
.tab_portfolio .section_b {
  padding: 100px 0 45px;
  background-color: #eee;
}
.tab_portfolio .zoom {
  padding-top: 50px;
}
.tab_portfolio .zoom h2 {
  color: #fff;
}
.tab_portfolio .circles_wrap {
  margin: 3% auto 5%;
}
.uxSenseWrap {
  overflow: hidden;
  padding: 40px 0;
}
.uxSenseWrap h2 {
  font-weight: 800;
  font-size: 40px;
}
#slideImageHolder {
  position: absolute;
  top: 1%;
  left: 2%;
  z-index: -1;
  overflow: hidden;
  bottom: 5%;
  width: 95%;
  height: 99.2%;
  border-radius: 30px;
}
.uxSenseWrapWeb .sliderImageWrap {
  padding-top: 0;
}
.uxSenseWrapWeb #slideImageHolder {
  top: 6.2%;
  left: 11.1%;
  width: 77.9%;
  height: 85%;
  border-radius: 0;
}
.uxSenseWrapTab .sliderImageWrap {
  padding-top: 0;
}
.uxSenseWrapTab #slideImageHolder {
  top: 6%;
  left: 11.2%;
  width: 77.8%;
  height: 85%;
  border-radius: 0;
}
#slideImageHolder img {
  width: 100%;
  height: auto;
}
.sliderWrap {
  position: relative;
  /*padding-left: 310px;
*/
  /*margin-bottom: 25px;
*/
  /*margin-left: 8%;
*/
  width: 2000px;
  padding-left: none !important;
}
.customPagination {
  font-size: 25px;
  margin: 35px 30px 0 30px;
}
.customPagination div {
  width: 50%;
  float: left;
}
.prevLink {
  /*display: flex;
justify-content: flex-end;
*/
}
.customPagination span {
  display: block;
  margin-bottom: 15px;
  color: #2d2f3c;
}
.customPagination a.bold {
  font-weight: bold;
}
.customPagination a:hover {
  text-decoration: none;
}
.customPagination img {
  border-radius: 20px;
}
.prevLink {
  text-align: right;
}
.prevLink .text {
  margin-right: 25px;
}
.nextLink {
  border-left: 1px solid #ababab;
  text-align: left;
}
.prevLink p.img {
  margin-right: 30px;
  float: right;
  margin-left: 25px;
}
.nextLink img {
  margin-left: 30px;
}
.nextLink p {
  float: left;
}
.nextLink .textb {
  margin-left: 25px;
}
/* <span class="icon-right-arrow"></span> <span class="icon-left-arrow"></span> .prevLink .text {
position:relative;
margin-left:35px;
}
.nextLink .textb {
margin-right:35px;
}
.nextLink .icon-right-arrow {
position: absolute;
bottom: 5px;
right: -32px;
}
.prevLink .icon-left-arrow {
position: absolute;
left: -33px;
width: 35px;
bottom:5px;
}
*/
.sliderImageWrap {
  overflow-x: hidden;
  padding: 0 0 13px 0;
}
.middleLayer {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
}
.middleLayer img {
  display: block;
  width: 100%;
  height: 100%;
}
.image-container {
  width: 250px;
  height: 540px;
  display: inline-block;
  margin: 10px 20px;
  overflow: hidden;
  background-size: 100%;
  background-image: url(./img/phone-image.svg) no-repeat;
  /* -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-moz-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-ms-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
-o-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
*/
  border-radius: 25px;
  border: 1px solid #e8e8e8;
}
.svg-normal-mask {
  mask: url(./img/phone-image.svg) no-repeat;
  -webkit-mask: url(./img/phone-image.svg) no-repeat;
  width: 250px;
  -webkit-mask-size: contain;
}
ul.list-inline {
  display: flex;
}
.slide-images {
  transition: 0.3s all ease-in-out;
}
.slide-images li:not(.active) img {
  -webkit-filter: grayscale(0);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0);
  width: 100%;
  height: auto;
}
.notfound {
  text-align: center;
  margin: 100px 0;
}
/* Case Study ================================================== */
.case_challenge {
  position: relative;
}
.case_challenge h1 {
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 0.833em 0 0.833em 0;
  position: relative;
}
.case_challenge:after {
  background: url(../img/web_bg.png) no-repeat bottom;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
}
.case_challenge:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 78%;
  background: #252e4f;
}
.web_casestudy .banner_img {
  float: left;
  width: 74%;
  max-width: 50em;
  margin-bottom: -6.25em;
  position: relative;
}
.web_casestudy .box_rignt {
  background: rgba(254, 138, 2, 0.92);
  display: inline-block;
  width: 46%;
  margin-left: -20%;
  float: right;
  z-index: 1;
  right: 0;
  margin-top: 3.75em;
  position: relative;
  color: #fff;
  padding: 3% 4%;
}
.tech_tools {
  padding: 2.5em 0;
}
.tech_text {
  width: 45%;
  float: left;
  padding-top: 3.125em;
}
.tech_text h2 {
  font-size: 2.75em;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.341em;
}
.tech_logo {
  width: 45%;
  float: right;
}
.box_wrap {
  display: table;
  width: auto;
}
.box_wrap .box1 {
  display: table-cell;
  height: 100px;
}
.box_wrap .box1 {
  display: table-cell;
  height: 100px;
}
.box_wrap .box1 .logo_box {
  width: 130px;
  height: 130px;
  vertical-align: middle;
  overflow: hidden;
  background: #fff;
  margin: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.12);
}
.solution {
  position: relative;
}
.solution_box {
  background: rgba(0, 203, 206, 0.92);
  width: 50%;
  max-height: 37.5em;
  display: inline-block;
  padding: 3% 4%;
  position: relative;
  margin: 4.375em 0 0 0;
}
.solution_box h2 {
  font-size: 2.75em;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.341em;
}
.solution_box p {
  color: #fff;
  line-height: 1.7em;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: 300;
}
.result {
  text-align: center;
}
.result_wrap {
  padding: 4.375em;
}
.result_wrap h2 {
  font-size: 2.75em;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}
.result_wrap p {
  color: #000;
  line-height: 1.7em;
  font-size: 1.1em;
  margin-bottom: 10px;
  font-weight: 300;
  text-align: center;
}
.result_box {
  position: relative;
  margin: 3.75em 0;
}
.result_box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 85%;
  background: #252e4f;
}
.result_img {
  margin-top: -3.875em;
  display: inline-block;
}
.demo {
  text-align: center;
  margin-bottom: 3.75em;
}
.demo a {
  background: #f89b2e;
  color: #fff;
  font-size: 1.5em;
  -webkit-border-radius: 5px;
  display: inline-block;
  line-height: none;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 25px;
  text-align: center;
}
/* Case Study ================================================== */
/* Case Study Mobile ================================================== */
/* Case Study Mobile Set */
.web_casestudy.case_study_mobile .banner_img {
  max-width: inherit;
  width: auto;
  overflow: hidden;
  max-height: 33.125em;
  left: 3%;
  top: 30px;
  margin: 0 auto;
  z-index: 1;
}
.web_casestudy.case_study_mobile .banner_img .mobile {
  position: absolute;
  height: 30em;
  overflow: hidden;
  margin: 20px auto;
  text-align: center;
  border-radius: 20px;
  padding: 0px 0px 0 0px;
  width: 13.875em;
  top: 0;
  right: 0;
  left: 0;
}
.web_casestudy.case_study_mobile .banner_img .mobile img {
}
.case_study_mobile .banner_img.app_challenge1 {
  top: 8.438em;
  left: 30px;
}
.case_study_mobile .banner_img.app_challenge2 {
}
.web_casestudy.case_study_mobile .case_challenge {
  padding-bottom: 2.813em;
}
.web_casestudy.case_study_mobile .tech_text {
  padding-top: 8.125em;
}
.case_study_mobile {
}
.case_study_mobile .box_wrap .box1 .logo_box {
  margin: 2.188em 0.938em 0 0.938em;
}
.case_study_mobile .solution {
  margin-bottom: 4.375em;
}
.case_study_mobile .solution .solution_box {
  margin: 0 auto;
  top: 4.375em;
}
.case_study_mobile .result_box {
  max-height: 24.063em;
}
.case_study_mobile .result_box:before {
  background-color: transparent;
}
.case_study_mobile .result_img {
  position: relative;
  margin-left: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.21);
  margin-top: -5.938em;
}
.case_study_mobile .result_img img {
  border-radius: 22px;
}
.case_study_mobile .result_img .mobile {
  position: absolute;
  height: 30.125em;
  overflow: hidden;
  margin: 1.25em 1.813em;
  text-align: center;
  border-radius: 20px;
  padding: 0px 0px 0 0px;
  width: 13.75em;
  top: 0;
  right: 0;
  left: 0;
}
.case_study_mobile .food_app {
  top: 0px;
  box-shadow: none;
}
.case_study_mobile .demo a {
  font-size: 2.125em;
  padding: 0.971em 1.471em;
}
.case_study_mobile .result_wrap {
  padding: 4.375em 4.375em 7.5em 4.375em;
}
.case_study_mobile .result_box .wrap {
  text-align: center;
}
.case_study_mobile .demo {
  margin: 9.125em 0 3.75em 0;
}
/* Case Study Mobile ================================================== */
/* Posts Grid ================================================== */
.post-inner {
  position: relative;
  width: 100%;
}
.post-inner::after {
  content: "";
  margin: 0 30px;
  height: 1px;
  background: #eee;
}
.post:not(.has-post-thumbnail) .post-inner::after {
  margin: 0;
}
.post-media {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #eee;
  border-radius: 5px;
}
.post-image {
  padding-bottom: 52.65%;
  background-position: center;
  background-size: cover;
}
.post-cats {
  margin-bottom: 0.4em;
  font-size: 0.6em;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(55, 55, 55, 0.5);
}
.post-cats i {
  margin: 0 3px;
}
.post-cat {
  position: relative;
  padding: 2px 0;
}
.post-cat::before {
  margin-right: 5px;
}
.post-cats a {
  transition: all 0.2s;
  background-position: 120%, 122%, 0 130%;
  background-size: 100% 3px;
  font-size: 10px;
  color: #4d4d4d;
}
.post-cats a:hover {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
.post-title {
  margin: 0;
  font-size: 1.3em;
  line-height: 1.2;
  letter-spacing: -1px;
  color: #242424;
  word-wrap: break-word;
  font-weight: bold;
}
.post-content {
  position: relative;
  z-index: 2;
  margin: -10px 10px 0 10px;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
}
.post:not(.has-post-thumbnail) .post-content {
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.post-content p {
  margin: 0;
  margin-bottom: 0.7em;
  font-size: 0.9em;
  line-height: 1.5;
}
.post-content p:last-of-type {
  margin-bottom: 0;
}
.post-title + p {
  margin-top: 1em;
}
.post-footer {
  position: relative;
  padding: 0.6em 30px;
  padding-bottom: 15px;
  color: rgba(55, 55, 55, 0.5);
  font-size: 0.6em;
  text-transform: uppercase;
  font-weight: bold;
}
.post:not(.has-post-thumbnail) .post-footer {
  padding-left: 0;
  padding-right: 0;
}
.post-footer span {
  display: inline-block;
  margin-right: 1em;
}
.post-footer span a {
  color: #a9a9a9;
}
.post-footer span a:hover {
  text-decoration: none;
}
.post-footer span:last-of-type {
  margin-right: 0;
}
.post-date {
}
.post-read-time::before,
.post-date::before {
  margin-right: 5px;
}
.column {
  min-height: 0;
  min-width: 0;
  width: 100%;
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.post-featured-link {
  align-items: center;
}
/*-------------- inspirepos -----------------------*/
.inspirepos-container {
  max-width: 1600px;
  margin: 0 auto;
}
.inspirepos-wrap {
  font-size: 24px;
  padding-top: 0;
  /* font-family: 'botonregular';
*/
}
.inspirepos-bg {
  background: url(../images/banner/inspirepos-banner.jpg) top center no-repeat;
  background-size: cover;
  padding: 4.25em 0 5em 0;
}
.inspirepos-integration-wrap {
  position: relative;
}
.inspirepos-banner .heading {
  color: #fff;
  padding-top: 0;
  text-transform: uppercase;
  font-size: 2.417em;
  text-align: center;
  margin-bottom: 0.948em;
  font-weight: 700;
}
.inspirepos-banner .inspirepos-banner-btn {
  margin-bottom: 1.292em;
  text-align: center;
}
.inspirepos-banner .quote_btn {
  background: #f89b2e;
  border-radius: 360px;
  color: #1d2029;
  font-size: 0.833em;
  margin: 0 auto;
  padding: 0.625em 0;
  transition: 0.5s;
  /* font-family: 'SegoeUI-Regular';
*/
  font-weight: bold;
  max-width: 185px;
  display: block;
}
.inspirepos-banner .quote_btn:hover {
  color: #fff;
}
.inspirepos-banner .inspirepos-service {
  width: 100%;
  display: block;
  max-width: 615px;
  margin: 0 auto;
  list-style: none;
}
.inspirepos-banner .inspirepos-service li {
  width: 50%;
  float: left;
  text-align: left;
  padding: 0.2em 0;
}
.inspirepos-banner .inspirepos-service li a {
  cursor: default;
  color: #fff;
  position: relative;
  /*font-family: 'SegoeUI-Regular';
*/
  padding: 0 0 0 21px;
  transition: 0.5s;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.inspirepos-banner .inspirepos-service li a img {
  position: absolute;
  right: calc(100% - 0.708em);
  width: 0.667em;
  top: 0.375em;
}
.inspirepos-banner .inspirepos-service li a:aftre {
  position: absolute;
}
.inspirepos-banner-left,
.inspirepos-banner-right {
  width: 50%;
  float: left;
  margin-bottom: 2em;
  position: relative;
  z-index: 1;
  padding: 0 0.5em;
}
.inspirepos-banner-right {
  padding: 0 0.625em;
}
.inspirepos-ipad {
  position: relative;
}
.inspirepos-ipad img {
  max-width: 100%;
}
.inspirepos-ipad .inspirepos-ipad-img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cup-back {
  margin-top: -3.125em;
}
.pattern-circle {
  width: 100%;
}
.inspirepos-circle {
  position: relative;
  vertical-align: middle;
  display: table-cell;
}
.inspirepos-circle .inspirepos-circle-inner {
  position: absolute;
  top: 8%;
  bottom: 5%;
  left: 5%;
  right: 5%;
  overflow: hidden;
  border-radius: 360px;
}
.inspirepos-circle-inner img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.inspirepos-circle .circle-img {
  transition: 0.2s;
  -moz-animation: spinoffPulse 10s infinite linear;
  -webkit-animation: spinoffPulse 10s infinite linear;
}
.inspirepos-option {
  width: 100%;
  position: relative;
  padding-bottom: 3.125em;
}
.inspirepos-option:after {
  background-image: url(../images/coffee.jpg);
  background-repeat: no-repeat;
  display: none;
  background-position: left bottom;
  content: "";
  width: 212px;
  height: 196px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.inspirepos-option:before {
  background-image: url(../images/cup1.png);
  background-repeat: no-repeat;
  display: none;
  background-position: right top;
  background-size: 100%;
  content: "";
  width: 45%;
  height: 100%;
  position: absolute;
  right: 0;
  top: -20%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 1%, black 6%);
  mask-image: linear-gradient(to bottom, transparent 1%, black 6%);
}
.inspirepos-option .wrap {
  display: table;
}
.inspirepos-circle-text .heading {
  color: #3a332f;
  font-size: 1.83em;
  /*font-family: 'botonregular';
*/
  font-weight: 700;
  padding-bottom: 1em;
}
.inspirepos-circle-text p {
  color: #333;
  font-size: 1.03em;
  line-height: 1.688em;
  /*font-family: 'SegoeUI-Regular';
*/
}
.inspirepos-option .inspirepos-circle-text {
  padding-left: 2.375em;
  width: calc(70% - 4.375em);
  display: table-cell;
  vertical-align: middle;
}
.inspirepos-service-wrap {
  padding-top: 1.083em;
  display: table;
  position: relative;
  z-index: 11;
}
.inspirepos-service-wrap .inspirepos-service-box {
  width: 33.33%;
  float: left;
  text-align: center;
  margin: 0 auto;
  padding: 0 2.083em;
}
.inspirepos-service-wrap .inspirepos-service-box {
  transition: 0.9s;
}
.inspirepos-service-wrap .inspirepos-service-box:hover {
  transform: scale(1.1);
}
.inspirepos-service-wrap .inspirepos-service-box img {
  transition: 0.9s;
}
.inspirepos-service-wrap .inspirepos-service-box:hover img {
  transform: rotate(360deg);
}
.inspirepos-service-box .inspirepos-service-contant {
  text-align: center;
  margin-bottom: 2.292em;
  padding: 0;
}
.inspirepos-service-box .inspirepos-service-contant .heading {
  font-weight: 700;
  font-size: 1.5em;
  color: #3a332f;
}
.inspirepos-service-box .inspirepos-service-contant p {
  text-align: center;
  margin: 1.083em auto;
  font-size: 1.03em;
  line-height: 1.688em;
  /*font-family: 'SegoeUI-Regular';
*/
  color: #333;
}
.analytics {
  background-image: url(../images/bg-img.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #fff;
  background-size: cover;
  padding: 3.75em 0 10.417em 0;
}
.analytics .heading {
  font-size: 2.083em;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.analytics p {
  font-size: 1.25em;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding-top: 0.875em;
  padding-bottom: 2.792em;
}
.analytics .analytics-box {
  width: calc(33.33% - 30px);
  float: left;
  text-align: center;
  margin: 0 15px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}
.analytics .analytics-box .imgwrap {
  object-fit: initial;
  max-height: 11.808em;
  overflow: hidden;
  height: auto;
  max-width: 100%;
}
.analytics .analytics-box .heading {
  font-size: 1.2em;
  line-height: 1.577em;
  padding: 1.731em 0 0 0;
  color: #3a332f;
}
.analytics .analytics-box p {
  font-size: 1.01em;
  line-height: 1.688em;
  color: #333;
  padding-bottom: 0px;
  /*font-family: 'SegoeUI-Regular';
*/
  font-weight: normal;
}
.analytics .analytics-box .analytics-box-content {
  width: 80%;
  margin: -3.154em auto 0;
  box-shadow: 3px 0px 7px rgba(0, 0, 0, 0.18);
  position: relative;
  background: #fff;
  height: 100%;
  padding: 0 0.769em 2.154em 0.769em;
  transition: 0.9s;
}
.analytics .analytics-box .analytics-box-content:hover {
  transform: scale(1.1);
}
.report {
  padding: 2.708em;
  background: #f5f5f7;
}
.report .heading {
  color: #3a332f;
  font-size: 1.583em;
  font-weight: 700;
  padding: 0.974em 0;
}
@media only screen and (max-width: 1509px) {
  .report p {
    color: #333;
    font-size: 1em;
    line-height: 1.722em;
  }
}
/*skslider */
.skdslider .slide img {
  width: auto;
  height: auto;
}
.skdslider .slide {
  width: auto !important;
}
@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
  }
  50% {
    -moz-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}
@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/*new css for banner 1st slide */
.Outsourced-banner {
  text-align: left !important;
  margin-left: 42px;
}
.Outsourced-banner p {
  color: white;
  margin: 0;
}
.Outsourced-banner .banner-icons {
  margin-top: 0;
}
.Outsourced-banner .width-one {
  width: 45%;
  margin-bottom: 1rem;
  font-size: 1.375em;
}
.Outsourced-banner .width-two {
  width: 29%;
  font-size: 1.375em;
}
.banner-icons .banner-icons-items.leaf {
  width: 20%;
  display: flex;
  margin: 0 2%;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
.lets-talk {
  margin-top: 2.5em;
  margin-bottom: 1.818em;
}
.leaf .text {
  position: relative !important;
  padding: 0 20px;
  color: #ffc650;
  text-align: center;
  display: flex;
  height: 54px;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}
.banner-icons .banner-icons-items.leaf:first-child {
  display: FLEX;
  align-items: flex-start;
  flex-direction: column;
  margin-left: 0;
}
.banner-icons .banner-icons-items.leaf:last-child {
  margin-right: 0;
}
.leaf .text::before {
  background: url("../img/left-leaf.png") no-repeat center center;
  width: 28px;
  height: 54px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 99;
}
.leaf .text::after {
  background: url("../img/right-leaf.png") no-repeat center center;
  width: 28px;
  height: 54px;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  z-index: 99;
}
@media only screen and (max-width: 1509px) {
  .Outsourced-banner .width-one {
    width: 55%;
  }
  .lets-talk {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .inspirepos-container {
    max-width: 100%;
  }
  .inspirepos-service-wrap .inspirepos-service-box {
    width: 33%;
  }
}
@media only screen and (max-width: 1210px) {
  .inspirepos-circle img {
    /*width: 100%;*/
  }
  .inspirepos-option .inspirepos-circle-text {
    padding-left: 2em;
  }
  .inspirepos-wrap {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .inspirepos-wrap {
    font-size: 20px;
  }
  .section-content {
    padding: 0;
  }
  .analytics {
    padding: 1.75em 0.75em 2.417em 0.75em;
  }
  .analytics p {
    padding-bottom: 1.792em;
  }
  .inspirepos-service-wrap .inspirepos-service-box img {
    width: 30%;
  }
}
@media (min-width: 990px) {
  .mobile-portfolio-div {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .inspirepos-option:before {
    top: -12%;
  }
  .inspirepos-circle {
    display: table;
    margin: 0 auto;
  }
  .inspirepos-option .inspirepos-circle-text {
    display: table;
    width: 100%;
    padding: 2em;
  }
  .inspirepos-service-wrap .inspirepos-service-box {
    padding: 0 1.5em;
  }
  .inspirepos-service-wrap .inspirepos-service-box img {
    width: 45%;
  }
  .navbar .ig-megamenu .main-nav > li.show:hover {
    /* border-bottom: 1px solid rgba(0,0,0,0.07); */
    background-color: #fff2e2;
  }
  .mobile-portfolio {
    justify-content: space-between;
    gap: 8px;
    padding: 10px;
  }
  .mobile-portfolio a {
    display: inline-flex;
    flex: 1 1 100%;
    justify-content: center;
    background-color: #f1f1f1;
    border-radius: 5px;
    position: relative;
    align-items: center;
    padding: 0.5em 0.75em;
  }
  .mobile-portfolio a i {
    font-size: 17px;
    padding-right: 10px;
  }
  .mobile-portfolio .case-study-btn {
    min-width: 120px;
  }
  .mobile-portfolio span {
    color: #2d2f3c;
    font-weight: 700;
    font-size: 13px;
  }
  .navbar .ig-megamenu .ig-menu-content ul {
    margin-bottom: 8px;
  }
  .navbar .ig-megamenu .nav-link:hover {
    color: #000000;
  }
  .mobile-portfolio-div {
    display: block;
  }
  .side-panel {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .cup-back {
    margin-top: 0;
  }
  .inspirepos-wrap {
    font-size: 18px;
  }
  .inspirepos-banner-left,
  .inspirepos-banner-right {
    width: 100%;
  }
  .inspirepos-service-wrap .inspirepos-service-box {
    width: 100%;
  }
  .inspirepos-option:after {
    opacity: 0.1;
  }
  .analytics .analytics-box {
    width: auto;
    float: none;
    margin: 15px 15px;
  }
  .analytics .analytics-box {
    background: transparent;
  }
  .analytics .analytics-box .imgwrap img {
    width: 100%;
  }
  .analytics .analytics-box .analytics-box-content {
    width: auto;
    margin: 0 auto;
  }
  .inspirepos-option:before {
    width: 100%;
    top: -5%;
  }
  .inspirepos-service-wrap .inspirepos-service-box:hover {
    transform: rotate(360deg);
    transform: scale(1);
  }
  .analytics .analytics-box .analytics-box-content:hover {
    transform: rotate(360deg);
    transform: scale(1);
  }
  .inspirepos-service-box .inspirepos-service-contant .heading {
    padding-top: 0;
  }
  .analytics .analytics-box p,
  .inspirepos-circle-text p,
  .inspirepos-service-box .inspirepos-service-contant p,
  .report p {
    font-size: 1.1em;
  }
  .analytics .analytics-box .heading {
    font-size: 1.4em;
  }
  .inspirepos-service-wrap .inspirepos-service-box img {
    margin-bottom: 1.5em;
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .inspirepos-banner .inspirepos-service li {
    width: 100%;
    padding: 0.625em;
  }
  .navbar .ig-megamenu.mobile-menu {
    top: 56px;
  }
}
/* --------------- end inspirepos ------------------- */
@media print, screen and (min-width: 1200px) {
  .column {
    padding: 20px;
  }
}
/* New Case Study Page */
/* New Case Study Page */
/*================================================================================================== 5. Pages ================================================================================================= */
/* Homepage ================================================== */
.posts-featured {
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
  padding-top: 85px;
  padding-bottom: 30px;
}
.posts-featured-row {
}
.posts-featured-row > .column {
}
.post-featured {
}
.posts-featured-sidebar {
}
.post-featured .post-inner::after {
  display: none;
}
.post-featured .post-content {
  background: #f5f5f5;
  border: none;
}
.post-featured .post-title {
}
.post-featured .post-content p {
}
.post-featured .post-footer {
  padding: 0.6em 30px;
}
.posts-container {
}
.posts-container .post {
  width: 100%;
  margin-bottom: 20px;
}
.featured-tabs {
  margin-bottom: 1em;
}
.featured-tabs .nav-tabs {
  border: 0px;
}
.featured-tab {
  position: relative;
  padding-bottom: 0.6em;
  margin-right: 0.5em;
  color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: bold;
}
.featured-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #f79c2e;
  /*box-shadow: 0 2px 7px 2px rgba(0,0,0,.07);
*/
  opacity: 0;
}
.featured-tabs .nav-tabs .nav-link {
  border: 0px;
  color: #242424;
}
.featured-tabs .nav-tabs .nav-link:hover,
.featured-tabs .nav-tabs .nav-link:focus {
  border-color: transparent;
}
.featured-tab.active {
  color: #d93f7e;
  background-color: transparent !important;
  border: 0px;
}
.post-content a {
  text-decoration: none;
  display: block;
  color: #939cad;
}
.post-content .post-title:hover {
  -webkit-mask-image: linear-gradient(
    -75deg,
    rgba(0, 0, 0, 0.6) 30%,
    #000 50%,
    rgba(0, 0, 0, 0.6) 70%
  );
  -webkit-mask-size: 200%;
  animation: shine 1.4s infinite;
  color: #333;
}
.featured-tab.active::after {
  opacity: 1;
}
.post-featured-title a {
  color: #242424;
  font-weight: bold;
}
.post-featured-title a:hover {
  -webkit-mask-image: linear-gradient(
    -75deg,
    rgba(0, 0, 0, 0.6) 30%,
    #000 50%,
    rgba(0, 0, 0, 0.6) 70%
  );
  -webkit-mask-size: 200%;
  animation: shine 1.4s infinite;
  color: #333;
  text-decoration: none;
}
.featured-panel {
  display: none;
  counter-reset: featured;
}
.featured-panel.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.featured-panel {
  margin: -10px;
}
.featured-panel .sticky.post,
.featured-panel > .column {
  padding: 10px;
}
.post-featured-link {
  width: 100%;
}
.post-featured-media {
  width: 30%;
  counter-increment: featured;
}
.post-featured-medias::after {
  content: counter(featured);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.post-featured-image {
  padding-bottom: 70%;
  height: 100%;
  padding-bottom: 55%;
  background-size: 100% !important;
}
.post-featured-content {
  width: 70%;
  padding: 0.6em;
  padding-left: 0;
  padding-right: 0;
  font-size: 95%;
}
.post-featured-media + .post-featured-content {
  padding-left: 1em;
}
.post-featured-cats {
  margin-bottom: 0.3em;
  font-size: 10px !important;
}
.post-featured-title {
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  color: #4d4d4d;
  word-wrap: break-word;
}
.post-featured-footer {
  padding: 0;
  margin-top: 0.65em;
  font-size: 10px !important;
}
.post-featured-footer .post-author a {
  color: #939cad;
}
.categoryList {
  position: relative;
  margin: 1em 0;
}
.categoryList a {
  display: inline-block;
  border: 1px solid #cfcccc;
  padding: 8px 6px;
  margin-right: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
  text-transform: capitalize;
}
.categoryList a span.cat_count {
  font-size: 15px;
  padding-left: 10px;
}
@media print, screen and (min-width: 460px) {
  .post-featured-media {
    width: 30%;
  }
  .post-featured-content {
    width: 70%;
  }
}
@media print, screen and (min-width: 610px) {
  .post-featured-link {
    width: 50%;
  }
}
@media print, screen and (min-width: 700px) {
  .posts-container .post {
    width: 50%;
  }
  .post-featured .post-title {
    font-size: 1.8em;
    font-weight: 700;
  }
  .post-featured-content {
    font-size: 92%;
  }
  .post-featured-cats,
  .post-featured-footer {
    font-size: 0.55em;
  }
  .post-featured-media {
    width: 30%;
  }
  .post-featured-content {
    width: 70%;
  }
}
@media print, screen and (min-width: 870px) {
  .post-featured {
    width: 66.666667%;
  }
  .posts-featured-sidebar {
    width: 33.33333334%;
  }
  .post-featured .post-title {
    color: #444;
  }
  .post-featured .post-content {
    margin: -20px 20px 0 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .post-featured .post-content p {
    font-size: 1em;
  }
  .post-featured .post-footer {
    padding: 0.6em 40px;
  }
  .post-featured-link {
    width: 100%;
  }
  .posts-container .post {
    width: 33.3333334%;
  }
  .featured-tabs {
    margin-top: -0.5em;
  }
}
@media print, screen and (min-width: 1125px) {
  .posts-featured {
    padding-bottom: 40px;
  }
  .post-featured {
    width: 66.6666678%;
  }
  .posts-featured-sidebar {
    width: 33.33333334%;
  }
  .post-featured-media {
    width: 40%;
  }
  .post-featured-content {
    width: 60%;
  }
  .post-featured-title {
    font-size: 0.95em;
  }
}
/* Single Posts ================================================== */
.article-heading {
  position: relative;
  overflow: hidden;
  padding: 32px;
  background: #f5f5f5;
}
.article-heading-container {
  align-items: flex-start;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-container {
  margin: 0 auto;
  max-width: 780px;
}
.article-heading-content-wrapper {
  width: 100%;
  position: relative;
  padding: 30px 20px;
}
.article-heading-content {
  position: relative;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
  width: 100%;
  padding: 30px 20px;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content {
  max-width: 100%;
}
.article-cats {
}
.article-title {
  margin: 0;
  color: #333;
  font-size: 1.6em;
  font-weight: 700;
  word-wrap: break-word;
}
.article-heading-content p {
  margin: 0;
  margin-top: 1em;
  font-size: 1em;
  line-height: 1.5;
}
.article-heading-footer {
  margin-top: 1em;
  padding: 0;
  font-size: 10px;
}
.article-heading-image-wrapper {
  width: 100%;
  padding: 0;
}
.article-heading-image-wrapper .post-media {
  display: inline;
}
.article-heading-image {
  width: 100%;
  max-height: 250px;
  background-position: center;
  background-size: cover;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.article-heading-image .post-single-image {
  width: 100%;
  display: block;
  /*padding-bottom: 56.25%;
*/
  padding-bottom: 50%;
  height: 100%;
  border-radius: 5px;
  background-size: 100% !important;
}
.article-heading-dropcap {
  position: absolute;
  top: 45%;
  left: -20px;
  color: #555;
  opacity: 0;
  font-size: 350px;
  line-height: 0.65;
  font-weight: bold;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.singlepageblogcontent h2,
.singlepageblogcontent h3 {
  padding: 10px 0px;
}
.singlepageblogcontent .featured-tabs .post-title {
  font-size: 1.5em;
}
.singlepageblogcontent .post-media {
  margin: 0 auto;
}
.singlepageblogcontent img {
  max-width: 100%;
  height: auto;
}
.singlepageblogcontent iframe {
  width: 100%;
}
/* .singlepageblogcontent > .post-featured > div > .article-content > p > a > img{
width: 100%;
height: auto;
}
*/
@media print, screen and (min-width: 630px) {
  .article-heading-image {
    max-height: 350px;
  }
}
.article-heading-content-wrapper {
  padding: 40px 30px;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
  padding: 0 20px;
}
.article-heading-image-wrapper .post-media {
  max-width: 100%;
}
.article-heading-content-wrapper {
}
.article-heading-content {
  margin: 0;
}
.article-heading-image-wrapper {
  padding-left: 20px;
}
.article-heading-image {
  max-width: 530px;
  height: 100%;
  min-height: 245px;
  max-height: none;
  margin-left: auto;
  border-radius: 10px;
}
@media print, screen and (min-width: 900px) {
  .single-post .post:not(.has-post-thumbnail) .article-heading-container {
    max-width: 700px;
  }
}
@media print, screen and (min-width: 960px) {
  .article-heading {
  }
  .article-heading-image {
    min-height: 320px;
  }
  .article-heading-content-wrapper {
    padding-left: 40px;
  }
  .article-title {
    font-size: 2em;
    font-weight: 700;
    color: #444;
  }
}
@media print, screen and (min-width: 1025px) {
  .single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
    padding-top: 10px;
  }
}
.article-title {
  font-size: 2.4em;
}
.article-heading-image {
  min-height: 320px;
}
.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
  padding-top: 20px;
}
@media print, screen and (min-width: 870px) {
  .singlepageblogcontent .sidebarpost {
    padding-top: 40px;
    width: 33.33%;
  }
  .singlepageblogcontent .sidebarpost .posts-featured-sidebar {
    width: 100%;
  }
}
.post-media {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #eee;
  border-radius: 5px;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* Content */
.article-content-wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 780px;
  padding: 30px 20px;
}
.single-meta {
  margin-top: 2em;
}
.single-meta::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #e5e5e5;
  margin-bottom: 0.5em;
}
.single-meta-title {
  margin-top: 0;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #d93f7e;
}
.single-tags {
  margin-top: 2em;
}
.single-tags::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background: #e5e5e5;
  margin-bottom: 0.5em;
}
.tags-title {
  margin-bottom: 0.6em;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  color: #d93f7e;
}
.single-tags a {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
  display: inline-block;
  background: #eee;
  color: #d93f7e;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
}
.post-related {
  background: #f5f5f5;
  padding: 40px 0 40px 0;
}
.post-related .posts-container {
  margin-bottom: 0;
}
.post-related .post-content {
  background: #f5f5f5;
}
.post-related .post {
  width: 100%;
  margin-bottom: 0;
}
.post-related .post-content p {
  display: none;
}
.section-title {
  margin: 0;
  margin-bottom: 1.2em;
  color: #d93f7e;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: -1px;
}
.post-comments-section .section-title {
  margin-bottom: 0.875em;
}
.post-comments-section .featured-tabs {
  margin-top: 1em;
}
#get_a_quote_popup .modal-header {
  padding-bottom: 0;
}
#discuss_with_us_popup .modal-header {
  padding-bottom: 0;
}
#get_a_quote_popup .modal-title {
  font-size: 2em;
}
.modal-body .form-group .form-control {
  font-size: 14px;
}
#discuss_with_us_popup .modal-title {
  font-size: 2em;
}
#discuss_with_us_popup .wpcf7-spinner {
  display: none;
}
#discuss_with_us_popup .wpcf7 form .wpcf7-response-output {
  margin: 0;
}

.az-model-bgs {
  background-repeat: no-repeat;
  background-size: cover;
}
@media print, screen and (min-width: 610px) {
  .post-related .post-featured-link {
    width: 50%;
  }
}
@media print, screen and (min-width: 870px) {
  .post-comments-section .featured-tabs {
    margin-top: -0.5em;
  }
}
@media print, screen and (min-width: 900px) {
  .article-content-wrapper {
    max-width: 700px;
  }
}
@media print, screen and (min-width: 1000px) {
  .post-related .post-featured-link {
    width: 33.333333%;
  }
}
@media print, screen and (min-width: 1200px) {
  .article-content-wrapper {
    padding: 50px 20px;
  }
  /* .singlepageblogcontent > .post-featured > div > .article-content > p > a > img{
width: auto;
height: auto;
}
*/
}
/* -------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1499.98px) {
  .members-list .member-wrap {
    width: 50%;
  }
  .tech_tools {
    padding: 30px;
  }
}
@media (max-width: 1199.98px) {
  html {
    font-size: 15.5px;
  }
  header .navbar-brand img {
    height: 140px;
  }
  .body-scroll header .navbar-brand img {
    height: 140px;
  }
  .navbar-light .navbar-nav.main-nav .nav-link {
    font-size: 12px;
    padding: 0.5em 0.75em;
  }
  .body-scroll .navbar-light .navbar-nav.main-nav .nav-link {
    padding: 0.1em 0.75em;
  }
  .award {
    background-size: 20%;
    background-position: 1% bottom;
  }
  .award .awards-list {
    padding-right: 15px;
  }
  .award.award-section:after {
    width: 6.9%;
    left: 7.5%;
    background-position: 10% bottom;
  }
  .form .btnCustom,
  .form .checkBoxCustom .custom-control-label,
  .form .textAreaCustom label,
  .form .formGroup .label {
    font-size: 16px;
  }
  .form .formGroup .formControl {
    font-size: 18px;
  }
  /* .formDiv h4 {
font-size: 28px;
}
.formDiv h4 b {
font-size: 32px;
}
*/
  .crmBox {
    width: 25%;
  }
  .client_wrap .logo_wrap {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .client_wrap .logo_wrap:nth-child(5) .client_logo {
    border-top-width: 1px;
  }
  .client_wrap .logo_wrap:nth-child(5n + 1),
  .client_wrap .logo_wrap:nth-child(5n + 2),
  .client_wrap .logo_wrap:nth-child(5n + 3),
  .client_wrap .logo_wrap:nth-child(5n + 4) {
    border-right: 0;
  }
  .client_wrap .logo_wrap:nth-child(4n + 1),
  .client_wrap .logo_wrap:nth-child(4n + 2),
  .client_wrap .logo_wrap:nth-child(4n + 3) {
    border-right: 1px solid #d4d4d4;
  }
  .width-res-100 {
    width: 100%;
  }
  .width-res-50 {
    width: 50%;
  }
  .article-heading-container {
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 15px;
  }
  .navbar-light .navbar-nav.contact-menu {
    margin-left: auto;
  }
  .navbar-light .navbar-nav.main-nav .nav-link {
    font-size: 16px !important;
    padding: 15px 10px !important;
    display: flex;
    justify-content: space-between;
  }
  .navbar-light .navbar-nav.main-nav .nav-link.contact-link {
    padding: 4px 5px !important;
    justify-content: space-between;
    display: flex;
    align-items: center;
    font-size: 12px !important;
  }
  header .navbar-brand img,
  .body-scroll header .navbar-brand img {
    height: 140px;
  }
  header .navbar-collapse .navbar-nav {
    margin-top: 4px;
  }
  .award.award-section {
    background: #32327c;
  }
  .award.award-section:after {
    display: none;
  }
  footer .footer-last .copyright {
    padding-top: 1.25em;
    display: block;
    justify-content: center;
    width: 100%;
  }
  .navbar .ig-megamenu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    overflow: auto;
    transform: translateX(-100%);
    transition: 0.4s all ease-in-out;
    display: block;
  }
  .navbar .ig-megamenu.mobile-menu {
    position: fixed;
    left: 0;
    top: 66px;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    overflow: auto;
    transform: translateX(-100%);
    transition: 0.4s all ease-in-out;
    display: block;
    z-index: 999;
  }
  .navbar .ig-megamenu.show {
    transform: translateX(0);
  }
  .navbar .ig-megamenu .ig-menu-li > a:before {
    display: none;
  }
  .navbar .ig-megamenu .ig-menu-li .show > a:before {
    display: none;
  }
  .navbar .ig-megamenu .slider {
    transition: 0.5s all;
    padding: 0 10px 0 10px;
  }
  .navbar .ig-megamenu .nav-link .fa {
    display: inline-block;
    margin-top: 4px;
    pointer-events: none;
  }
  .navbar .ig-megamenu .nav-link:hover::before {
    display: none;
  }
  .navbar .ig-megamenu .ig-menu-content {
    /* position: absolute;
top: 0;
left: 100%;
padding: 0;
box-shadow: none;
border: 0;
overflow: visible;
display: none;
width: 100%; */
    max-height: 100%;
  }
  .navbar .ig-megamenu .dropdown-menu {
    border-color: none;
    box-shadow: none;
    padding: 0 0;
  }
  .dropdown-menu {
    border: none;
  }
  .navbar .ig-megamenu .ig-menu-content.show {
    display: block;
  }
  .navbar .ig-megamenu .ig-menu-content .megamenu-header {
    text-transform: none;
    font-weight: 700;
    color: #2d2f3c;
    font-size: 16px;
  }
  .navbar .ig-megamenu .ig-menu-content .megamenu-header .fa {
    display: inline-block;
  }
  .navbar .ig-megamenu .ig-menu-content .megamenu-header:after {
    display: none;
  }
  .navbar .ig-megamenu .ig-menu-content .megamenu-header:hover {
    text-decoration: none;
  }
  .dropdown-menu.ig-menu-content ul:not(.ig-menu-content) {
    margin-top: 10px;
  }
  .navbar .ig-megamenu .ig-menu-content ul li {
    padding-top: 8px;
    position: relative;
  }
  .navbar .ig-megamenu .ig-menu-content ul li:after {
    padding-top: 8px;
    position: relative;
  }
  #ringButton {
    z-index: 98 !important;
  }
  /* li.test.col-menu.ig-menu-li:not(:last-child):after {
content: "";
width: 100%;
height: 5px;
position: absolute;
background: linear-gradient(150deg, #ffffff 12%, #f7f4e8 56%, #e6edf2 87%, #ededf4 100%);
} */
  .dropdown-menu.ig-menu-content ul.row > li:not(:last-child) {
    border-bottom: 4px solid #fff2e2;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
  .dropdown-menu.ig-menu-content ul.row > li:first-child {
    padding-top: 0;
  }
  .navbar .ig-megamenu .ig-menu-content ul li a,
  .navbar .ig-megamenu .ig-menu-content ul li a.nav-link,
  .navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header) {
    font-size: 14px;
    padding: 5px 10px;
    margin: 0;
    font-weight: 600;
    display: block;
    color: #81828a;
  }
  .navbar .ig-megamenu .ig-menu-content ul li a:hover,
  .navbar .ig-megamenu .ig-menu-content ul li a.nav-link:hover,
  .navbar .ig-megamenu .ig-menu-content ul li a:not(.megamenu-header):hover {
    color: #f79c2e;
  }
  .navbar .ig-megamenu .ig-menu-content ul li.back {
    display: block;
  }
  .navbar .ig-megamenu .ig-menu-content ul li.back a {
    text-transform: uppercase;
    font-weight: 700;
    color: #f79c2e;
    font-size: 16px;
    display: block;
  }
  .navbar-light .navbar-nav.contact-menu {
    margin-left: auto;
    transform: unset;
    position: relative;
    background: transparent;
    box-shadow: none;
    display: inline-block;
    width: auto;
    padding: 0px;
  }
  .navbar-light .navbar-nav.contact-menu li {
    display: inline-block;
  }
  .navbar-light .navbar-nav.contact-menu li a {
    margin-top: 0px;
  }
  .navbar .ig-megamenu.contact-menu .ig-menu-content {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 56px;
    height: 100vh;
    overflow: auto;
  }
  .whyParaDeta h3 {
    margin-top: 20px;
  }
  .whyOff365 {
    margin-bottom: 20px;
  }
  .dynamicNavTabsBlu ul li {
    width: 50%;
  }
  .whyParaDeta {
    margin-top: 20px;
  }
  .crmBox {
    width: 33.33%;
  }
  .client_wrap .logo_wrap {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .client_wrap .logo_wrap:nth-child(4) .client_logo {
    border-top-width: 1px;
  }
  .client_wrap .logo_wrap:nth-child(4n + 1),
  .client_wrap .logo_wrap:nth-child(4n + 2),
  .client_wrap .logo_wrap:nth-child(4n + 3) {
    border-right: 0;
  }
  .client_wrap .logo_wrap:nth-child(3n + 1),
  .client_wrap .logo_wrap:nth-child(3n + 2) {
    border-right: 1px solid #d4d4d4;
  }
  .members-list .member-wrap {
    padding-left: 6.313em;
    margin-bottom: 1.375em;
  }
  .members-list .member-wrap .member-pic {
    width: 4.75em;
    height: 4.75em;
  }
  .CloudBannerWrap .content .cloud-process ul li {
    width: 33.33%;
  }
  .box-50 {
    width: 100%;
  }
  .box-25 {
    width: 50%;
  }
  .box-50.float-left {
    width: 50%;
  }
  .responsive-1by2,
  .responsive-2by1 {
    padding-bottom: 100%;
  }
  .box-75 {
    width: 50%;
  }
  .box-33.float-left,
  .box-66.float-left {
    width: 100%;
  }
  .life-content-wrap.responsive-1by1 {
    padding: 0;
  }
  .life-content-wrap.responsive-1by1 .contentbox {
    position: static;
  }
  .middlebox img {
    max-width: 50%;
    height: auto;
    width: 100%;
    margin: auto;
  }
  .web_casestudy.case_study_mobile .tech_text {
    padding-top: 0px;
  }
  .web_casestudy.case_study_mobile .banner_img {
    top: 0;
    left: 0;
  }
  .web_casestudy.case_study_mobile .banner_img {
    width: 50%;
    text-align: center;
  }
  .web_casestudy.case_study_mobile .banner_img img {
    max-width: 100%;
  }
  .case_study_mobile .result_img img {
    max-width: 100%;
    width: 150px;
  }
  .ig-megamenu .container {
    max-width: 100% !important;
  }
}
@media (max-width: 767.98px) {
  html {
    font-size: 14.5px;
  }
  .award .awards-list-wrap {
    flex-direction: column;
  }
  .award .awards-list {
    width: 100%;
  }
  .award .awards-list:before {
    border-bottom: 1px solid #1b1b50;
    border-right: 0;
  }
  .award .ratings-widget-list {
    width: 100%;
  }
  .collabrate-btn {
    width: 100%;
  }
  .locDetCon {
    padding: 10px;
  }
  .contactLocDetImg {
    width: 50px;
    height: 50px;
  }
  .whyParaDeta p {
    font-size: 16px;
  }
  .members-list .member-wrap {
    width: 100%;
  }
  .videoHeadline {
    font-size: 32px;
  }
  .categoryBox .category-heading {
    font-size: 18px;
  }
  .CloudBannerWrap .content h2 {
    font-size: 2em;
  }
  .cloudContent h3 {
    font-size: 26px;
  }
  .cloudContent p {
    font-size: 15px;
  }
  .services-heading h1 {
    font-size: 36px;
  }
  /* Case Study ================================================== */
  .web_casestudy {
    font-size: 95%;
  }
  .web_casestudy .banner_img {
    width: 100%;
  }
  .web_casestudy .box_rignt {
    width: auto;
    float: none;
    margin: 0 10px;
    padding: 20px;
  }
  .tech_text {
    width: auto;
  }
  .tech_logo {
    width: 100%;
    float: none;
  }
  .box_wrap .box1 .logo_box {
    width: 100px;
    height: 100px;
    margin: 10px 5px;
  }
  .box_wrap .box1 .logo_box img {
    width: 100%;
  }
  .solution_box {
    width: 90%;
    margin: 20px auto;
    display: block;
  }
  .case_study_mobile .result_img {
    width: 150px;
  }
  .web_casestudy.case_study_mobile .banner_img {
    width: 150px;
  }
  .web_casestudy.case_study_mobile .banner_img .mobile {
    height: calc(306px - 48px);
    width: calc(154px - 32px);
    margin: 11px auto;
    border-radius: 10px;
  }
  .result_img.food_app .mobile {
    height: calc(306px - 48px);
    width: calc(154px - 32px);
    margin: 11px auto;
    border-radius: 10px;
  }
  .case_study_mobile .solution .solution_box {
    width: 95%;
    margin: 0 2%;
    padding: 20px;
    max-height: none;
  }
  .web_casestudy.case_study_mobile .box_rignt {
    margin: -25% 0px 0 0;
  }
  .case_study_mobile .food_app {
    top: -25px;
  }
  .case_study_mobile .result_img {
    width: 150px;
  }
  footer .locations-wrap .locations a.sydney {
    right: 14.5%;
  }
  .article-heading-image .post-single-image {
    padding-bottom: 50%;
  }
  .article-heading-image-wrapper {
    padding-left: 0px;
  }
  .article-heading {
    padding: 32px 15px;
  }
  .article-heading-content-wrapper {
    padding: 40px 0px;
  }
  /* Case Study ================================================== */
}
@media (max-width: 768px) {
  .navbar .ig-megamenu.mobile-menu {
    top: 62px;
  }
}
@media (max-width: 575.98px) {
  html {
    font-size: 14px;
  }
  .Outsourced-banner .width-one,
  .Outsourced-banner .width-two {
    font-size: 1.1em;
  }
  .banner-section {
    font-size: 90%;
    margin-top: 55px;
  }
  .banner-section .banner-heading {
    font-size: 2.7em;
  }
  .banner-section .slick-slider {
    margin-bottom: 0;
  }
  .banner-Slider .item .img-fill {
    height: auto;
    min-height: initial;
  }
  .banner-Slider .item .img-fill > img {
    height: 250px;
  }
  .img-fill img {
    width: 100%;
    height: auto;
    min-height: initial;
  }
  .banner-thumbnail {
    display: none;
  }
  .heading .section-heading {
    font-size: 2.3em;
  }
  .award .logobox.square {
    padding-bottom: 49%;
  }
  .collabrate-btn {
    width: auto;
  }
  .inner-banner-section .banner-heading {
    font-size: 2em;
  }
  .form .btnCustom {
    float: none !important;
    margin-top: 30px;
  }
  .contactLocDetImg {
    display: block;
    margin: 10px auto;
  }
  .crmBox {
    width: 50%;
  }
  .CloudBannerWrap .content .cloud-process ul li {
    width: 50%;
  }
  .hireTabs .hireDevelopersSec {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  #portfolioLinks .tabsSection,
  .hireTabs .tabsSection {
    border-left: 0;
    padding: 10px 0;
    border-top: 1px solid #dbdbdb;
    width: 100%;
  }
  /* .navbar-light .navbar-nav.main-nav .nav-link {
font-size: 9px;
padding: 0.35em 0.35em !important;
} */
}
@media (max-width: 480px) {
  html {
    font-size: 13px;
  }
  .banner-section {
    font-size: 70%;
  }
  .banner-section .banner-heading {
    font-size: 2em;
  }
  footer .footer-last .copyright {
    white-space: normal;
  }
  .form .btnCustom,
  .form .checkBoxCustom .custom-control-label,
  .form .textAreaCustom label,
  .form .formGroup .label {
    font-size: 14px;
  }
  .form .formGroup .formControl {
    font-size: 16px;
  }
  /* .formDiv h4 {
font-size: 24px;
}
.formDiv h4 b {
font-size: 28px;
}
*/
  .form .formGroup {
    margin-top: 40px;
  }
  .dynamicNavTabsBlu ul li {
    width: 100%;
  }
  .crmBox {
    width: 100%;
  }
  .videoHeadline {
    font-size: 24px;
  }
  .categoryBox .category-heading {
    font-size: 14px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .portfolio_detail .wrap {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 991px) {
  .desk_portfolio .project_points {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 800px) {
  .portfolio_detail {
    font-size: 95%;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio_detail {
    font-size: 90%;
  }
  .desk_portfolio .project_points {
    width: 100%;
    float: none;
    padding-top: 50px;
  }
  .desk_portfolio .comp_img {
    width: 100%;
    float: none;
  }
  .tab_portfolio section:first-child {
    min-height: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  .mob_portfolio h1 {
    font-size: 2em;
    padding: 30px 0;
    margin-top: 40px;
  }
  .mob_portfolio section {
    padding-bottom: 20px;
  }
  .tab_portfolio h1 {
    font-size: 2em;
  }
}
/*# sourceMappingURL=layout.css.map */
/* =============Index Banner New ===========================*/
.banner-heading {
  margin-bottom: 0.3em;
}
.banner-midline {
  margin-bottom: 15px;
}
.banner-midline span {
  font-size: 22px;
  color: #fff;
  background-color: #000;
  padding: 1px 10px 0px;
  position: relative;
  display: inline-block;
}
.banner-midline span::before {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  border-style: solid;
  border-width: 17.5px 9px 17.5px 9px;
  border-color: transparent black black transparent;
}
.banner-midline span::after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0;
  border-style: solid;
  border-width: 17.5px 9px 17.5px 9px;
  border-color: #000 transparent transparent #000;
}
.banner-icons > .container {
  width: 80%;
}
.banner-icons {
  margin: 40px 0 20px;
}
.banner-icons .banner-icons-items {
  width: 25%;
  float: left;
  display: inline-block;
}
.banner-icons .banner-icons-items i {
  color: white;
  font-size: 52px;
  margin-bottom: 10px;
  display: inline-block;
}
.banner-icons .banner-icons-items p {
  color: white;
  font-size: 16px;
}
/*=========Banner 2=============*/
.img-fill .ourworkImg {
  max-width: 100%;
  top: 0;
  left: -104px;
}
.work-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
}
.flex-btn {
  width: 150px;
}
.cusBanner2 .banner-desc {
  text-align: left;
}
.cusBanner2 .work-item {
  text-align: left;
}
.cusBanner2 .banner-heading span.text-primary {
  color: #ffea6d !important;
}
.cusBanner2 .banner-desc a {
  color: #ffea6d !important;
}
.cusBanner2 .btn-outline-primary {
  color: #fff;
  border-color: #ffea6d;
}
.cusBanner2 .btn-outline-primary:hover {
  color: #000;
  background-color: #ffea6d;
  border-color: #ffea6d;
}
/* ================Banner 3=================*/
.cusBanner3 .clientSpeakImg {
  min-width: 50%;
  top: 120px;
  max-width: 100%;
}
.cusBanner3 .banner-heading {
  position: relative;
}
.cusBanner3 .banner-desc {
  text-align: left;
}
.cusBanner3 .work-item {
  padding-left: 100px;
}
.cusBanner3 .csInvComas {
  position: absolute;
  right: 105%;
  top: -10px;
  width: auto;
  min-width: auto;
  min-height: auto;
  max-width: 100%;
}
/* ================Banner 4=================*/
.cusBanner4 .banner-desc {
  text-align: left;
}
.banner4form .form {
  width: 385px;
  margin: 0 auto;
  padding-bottom: 89px;
}
.banner4form .form .formGroup .formControl,
.banner4form .form .formGroup .label,
.banner4form .form .formGroup .formControl:focus + span,
.banner4form .form .textAreaCustom label,
.banner4form .form .checkBoxCustom .custom-control-label {
  color: #fff;
}
.banner4form .form .formGroup .bottomLine {
  background: white;
}
.banner4form .form .formGroup .formControl {
  border-bottom-color: white;
}
.banner4form .form .textAreaCustom textarea {
  border-bottom-color: white;
  background: transparent;
  color: white;
  height: 80px;
  min-height: 80px;
}
.banner4form .form .checkBoxCustom .custom-control-label::before,
.banner4form .form .checkBoxCustom .custom-control-label::after {
  background-color: transparent;
}
.banner-thumbnail ul .slick-slide .slider-text {
  font-size: 83%;
  padding-left: 5px;
}
.banner-thumbnail ul .slick-slide .col-auto {
  padding-right: 5px;
}
@media only screen and (max-width: 1199px) {
  .img-fill .ourworkImg {
    max-width: 140%;
  }
  .murgencyAppCont img.img-fill {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .banner-heading {
    font-size: 2.75em;
  }
  .banner-midline span {
    font-size: 18px;
  }
  .banner-midline span::before {
    border-width: 14.5px 8px 14.5px 8px;
  }
  .banner-midline span::after {
    border-width: 15.5px 8px 14.5px 8px;
  }
  .banner-icons .banner-icons-items i {
    font-size: 42px;
    margin-bottom: 5px;
  }
  .banner-icons .banner-icons-items p {
    font-size: 14px;
  }
  .banner-desc {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .cusBanner3 .clientSpeakImg {
    top: 0;
  }
  .cusBanner4 .main {
    display: none;
  }
  .cusBanner4 .form .formGroup {
    margin-top: 20px;
  }
  .banner4form .form .textAreaCustom textarea {
    min-height: 20px;
  }
  .banner-icons > .container {
    width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-section .banner-heading {
    font-size: 1.75em;
  }
  .banner-midline {
    margin-bottom: 0;
  }
  .banner-icons {
    margin: 20px 0 10px 0;
  }
  .banner-icons .banner-icons-items i {
    font-size: 24px;
    margin-bottom: 0;
  }
  .banner-icons .banner-icons-items p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .banner-midline span {
    font-size: 16px;
  }
  .banner-midline span::before {
    border-width: 12.5px 6px 12.5px 6px;
  }
  .banner-midline span::after {
    border-width: 13.5px 6px 13.5px 6px;
  }
  .banner-Slider .item .img-fill.cusBanner2 .info {
    justify-content: flex-start;
  }
  .img-fill.cusBanner2 img {
    min-height: 100%;
  }
  .img-fill .ourworkImg {
    max-width: 156%;
    width: auto;
    left: -16px;
  }
  .cusBanner2 .banner-desc {
    font-size: 0.9em;
    margin: 0 auto 1em;
  }
  .flex-btn {
    width: 120px;
  }
  .cusBanner3 .banner-desc {
    font-size: 1em;
  }
  .cusBanner3 .clientSpeakImg {
    min-width: auto;
    top: 58px;
  }
  .cusBanner3 .csInvComas {
    height: 100%;
  }
  .cusBanner3 .work-item {
    padding-left: 0px;
  }
  .banner-Slider
    .item.slick-slide.slick-current.slick-active
    .img-fill.cusBanner4,
  .banner-Slider
    .item.slick-slide.slick-current.slick-active
    .img-fill.cusBanner4
    img {
    min-height: 450px;
  }
  .cusBanner3 .banner-desc {
    font-size: 0.9em;
  }
  .cusBanner4 .form .formGroup .label {
    top: 10px;
    font-size: 11px;
  }
  .cusBanner4 .form .formGroup .formControl {
    height: 30px;
  }
  .cusBanner4 .form .formGroup {
    margin-top: 22px;
  }
  .cusBanner4 .form .textAreaCustom,
  .cusBanner4 .form .checkBoxCustom {
    margin-top: 12px;
    margin-bottom: 5px;
  }
  .cusBanner4 .form .textAreaCustom label {
    margin-bottom: 3px;
    font-size: 11px;
  }
  .cusBanner4 .form .btnCustom {
    margin-top: 8px;
    font-size: 11px;
    padding: 5px 12px;
  }
  .cusBanner4 .form .checkBoxCustom .custom-control-label::before,
  .cusBanner4 .form .checkBoxCustom .custom-control-label::after {
    width: 15px;
    height: 15px;
  }
  .cusBanner4 .form .checkBoxCustom .custom-control-label {
    font-size: 11px;
    padding-left: 0px;
    padding-top: 3px;
  }
  .banner4form .form {
    padding-bottom: 20px;
  }
  .banner4form .form {
    width: 100%;
  }
  .banner4form .form .textAreaCustom textarea,
  .banner4form .form .formGroup .formControl {
    font-size: 11px;
  }
}
@media only screen and (max-width: 480px) {
  .img-fill img {
    /*height: 250px;
*/
    height: auto;
  }
  .banner-midline span {
    font-size: 12px;
  }
  .banner-midline span::before {
    border-width: 10.5px 5px 10.5px 5px;
  }
  .banner-midline span::after {
    border-width: 11.5px 5px 10.5px 5px;
  }
  .banner-icons .banner-icons-items p {
    font-size: 10px;
  }
  .img-fill img.ourworkImg {
    height: auto;
  }
  .cusBanner2 .banner-desc {
    font-size: 1.375em;
    margin: 0 auto 1.818em;
  }
  .cusBanner3 .clientSpeakImg {
    height: auto;
  }
  .cusBanner3 .clientSpeakImg {
    top: 0;
  }
  .banner-Slider .item .img-fill.cusBanner2 .info {
    justify-content: center;
  }
  .cusBanner2 .banner-desc {
    font-size: 1.1em;
  }
  .cusBanner3 .banner-desc {
    font-size: 1.1em;
  }
}
/*----===========MENU CODE===========-----*/
.aboutUS-blog h4 {
  text-align: left;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 16px;
}
.aboutUS-blog .blog-box {
  box-shadow: 0px 0px 7px 3px #e4e4e4;
  border-radius: 5px;
  height: 100%;
}
.aboutUS-blog .blog-box img {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
}
.aboutUS-blog .blog-box h6 {
  color: #f79c2e;
  font-size: 0.875em;
  text-align: left;
  text-transform: uppercase;
  margin: 1em;
  line-height: 1.45em;
}
.aboutUS-blog .blog-box p {
  text-align: left;
  margin-left: 0.75em;
  padding-bottom: 0.75em;
  margin-right: 0.75em;
}
.aboutUS-blog.services-blog h4 span {
  float: right;
}
.aboutUS-blog.services-blog .blog-box p {
  padding-bottom: 25px;
}
.aboutUS-blog.services-blog .blog-box span {
  margin: 10px 12px;
  display: inline-block;
  color: #454852;
  font-size: 14px;
  opacity: 0.6;
}
.aboutUS-blog.services-blog .blog-box span i {
  margin-right: 10px;
}
.aboutUS-blog.services-blog {
  width: 88%;
}
#get_a_quote_popup .modal-header {
  padding-bottom: 0;
}
#get_a_quote_popup .modal-title {
  font-size: 2em;
}
/* =============== start power BI pagee ======================== */
.power-Service {
  margin-top: 3.438em;
}
.service_Pbox {
  margin-bottom: 2.5em;
}
.icon_service {
  background: #f5f8ff;
  border-radius: 360px;
  width: 1.933em;
  height: 1.933em;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #f79c2e !important;
  font-size: 2.813em;
  margin: 0 0 0.667em;
  line-height: 1.95em;
}
.report-service p {
  margin-top: 2em;
}
.tech_expert {
  background: #f5f8ff;
}
.expert-slider {
  margin-top: 4em;
}
.expert-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.expert-item ul li {
  display: inline-block;
  padding: 0 0.75em;
}
.expert-item ul li a {
  text-decoration: none;
}
.expert-item ul li a img {
  width: auto;
  height: auto;
  display: block;
}
.expert-item ul li a span {
  font-size: 1.125em;
  color: #333333;
  margin-top: 1.222em;
  text-align: center;
  display: block;
  font-size: 0.875em;
}
.expert-item {
  width: auto !important;
  margin: 0 2em;
}
.head-item {
  margin-bottom: 2em;
  font-size: 1.3em;
  text-align: center;
}
.expert-item ul li:first-child {
  padding-left: 0;
}
/*class="slick-dots"*/
.expert-slider .slick-dots {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin-top: 4em;
  width: 100%;
}
.expert-slider .slick-dots li {
  display: inline-block;
  margin: 0 0.2em;
}
.expert-slider .slick-dots li button {
  background: #d0cfcd;
  border-radius: 360px;
  border: none;
  width: 0.75em;
  height: 0.75em;
  text-indent: -9999px;
}
.expert-slider .slick-dots li.slick-active button {
  background: #f79c2e;
}
/* supply chain management */
.supplychainContent.mt_3em {
  margin-top: 0;
}
.supplychainWRAp .info h2 {
  font-size: 1.95em;
}
.supplychainWRAp .img-fill img {
  max-width: 100% !important;
}
@media only screen and (max-width: 1199) {
  .aboutUS-blog.services-blog {
    width: 100%;
  }
  /* supply-chain-management */
  .supplychainContent.mt_3em {
    margin-top: 0;
  }
  .supplychainContent {
    font-size: 92%;
  }
  /* stock trading platform page */
  .playBTN {
    font-size: 82%;
  }
  .featureContent ul li {
    padding-right: 0;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
}
.icon_service:hover {
  color: #d17608 !important;
}
/* ================ end power Bi page ======================*/
@media only screen and (max-width: 1200px) {
  .Outsourced-banner .width-one {
    width: 61%;
  }
  .Outsourced-banner .width-two {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  /* ============== power bi page ================= */
  .service_Pbox {
    text-align: center;
  }
  .icon_service {
    text-align: center;
    margin: 0 auto 0.667em;
  }
  /* ============== power BI page end ================*/
}
/*----=====Extra Code=====------*/
/* ================= UXSense tab and web css start ======================= */
.navbar .ig-megamenu .dropdown-menu.pl-20 {
  padding-left: 20px;
}
.uxSenseWrapWeb .image-container {
  width: 731px;
  height: 418px;
}
.uxSenseWrapWeb #slideImageHolder img {
  /* width: 112%;
*/
}
.uxSenseWrapWeb #slideImageHolder {
  top: 5.7%;
}
.uxSenseWrapWeb .sliderWrap {
  padding-left: 810px;
}
/* supply chain management */
.supplychainContent.mt_3em {
  margin-top: 0;
}
.supplychainWRAp .info h2 {
  font-size: 1.95em;
}
.supplychainWRAp .img-fill img {
  max-width: 100% !important;
}
@media only screen and (max-width: 1499px) {
  .sliderWrap {
    margin-left: -3%;
  }
  .mockup_banner img {
    width: 100%;
    height: auto;
    min-width: 100%;
  }
  .academicContent {
    padding-bottom: 12em;
  }
}
@media only screen and (max-width: 991px) {
  .mockup_banner {
    margin-top: 0;
  }
  .uxSenseWrapWeb .sliderWrap,
  .uxSenseWrapTab .sliderWrap {
    padding-left: 603px;
  }
  .uxSenseWrap h2 {
    margin-bottom: 30px;
  }
  .uxSenseWrapTab .middleLayer img.tabframe,
  .uxSenseWrapWeb .middleLayer img,
  .uxSenseWrapTab .middleLayer img {
    width: 100% !important;
    height: auto;
  }
  .uxSenseWrapWeb .middleLayer,
  .uxSenseWrapTab .middleLayer {
    width: 32% !important;
  }
  .image-container {
    margin-left: 5px;
    margin-right: 8px;
    width: 100%;
    border-radius: 8px;
  }
  .uxSenseWrapWeb .image-container,
  .uxSenseWrapTab .image-container {
    width: 475px !important;
    height: auto;
  }
  /* stock-trading-platform */
  .stockWRAp {
    font-size: 100%;
  }
  .playBTN {
    background-size: 12% auto;
    width: 20em;
  }
  .featureContent {
    font-size: 95%;
  }
  .featureContent ul li,
  .supplychainContent.academicContent p {
    padding-right: 0;
  }
  /*.academicContent {
font-size:85%;
}
*/
  .featureContent ul li {
    width: 100%;
  }
  .supplychainContent h3 {
    font-size: 1.9em;
  }
  .supplychainWRAp .row.align-items-center .col-md-6 {
    margin-top: -2em !important;
    padding-bottom: 3em;
    font-size: 80%;
  }
  .supplychainWRAp .info h2 {
    font-size: 1.839em;
  }
  .supplychainWRAp .img-fill img {
    max-width: 100% !important;
  }
  /* .supplychainContent , .shippingContent {
font-size:60%;
}
*/
  .supplychainContent.mt_3em {
    margin-top: 0;
    font-size: 90%;
  }
  .fedex {
    width: 60%;
  }
  .stockWRAp .info h2 {
    font-size: 2.65em;
  }
  .academicContent h3 {
    font-size: 2em;
  }
  .supplychainContent {
    font-size: 90%;
  }
  .shippingContent {
    font-size: 75%;
  }
  .supplychainWRAp .img-fill img.bottomBG-supply {
    height: auto;
    margin-bottom: -1px;
  }
  .supplychainWRAp .row.align-items-center .col-md-6.mt-xs-0 {
    margin-top: 0 !important;
  }
  .suppliersHEAD {
    font-size: 2em;
  }
  .supplychainContent ul {
    margin-bottom: 2.5em;
  }
  /*.shippingContent .logisticsIMG {
margin: 0;
}
*/
  .supplychainContent.academicContent {
    font-size: 100%;
  }
}
@media (max-width: 767.98px) {
  .sliderWrap {
    margin-left: 0;
  }
  .inner-banner-section .img-fill .info.murgancy_info {
    font-size: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .uxSenseWrap h2 {
    font-size: 32px;
  }
  .uxSenseWrapTab .middleLayer img.tabframe,
  .uxSenseWrapWeb .middleLayer img,
  .uxSenseWrapTab .middleLayer img {
    width: 100% !important;
    height: auto;
  }
  .uxSenseWrapWeb .middleLayer,
  .uxSenseWrapTab .middleLayer {
    width: 28% !important;
  }
  .uxSenseWrapWeb .sliderWrap,
  .uxSenseWrapTab .sliderWrap {
    padding-left: 415px;
  }
  .uxSenseWrapWeb .image-container,
  uxSenseWrapTab .image-container {
    width: 415px !important;
    height: auto;
  }
  .uxSenseWrapWeb .image-container img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .shippingContent .logisticsIMG {
    margin: 0;
  }
  .supplychainWRAp .btn.btn-primary.btn-lg.btn-rounded {
    margin: 0 auto;
    display: block;
    width: 150px;
  }
}
@media only screen and (max-width: 640px) {
  .uxSenseWrapWeb .middleLayer {
    width: 27% !important;
  }
  .uxSenseWrapTab .middleLayer {
    width: 28% !important;
  }
  .banner-icons .banner-icons-items.leaf.hidemob {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
  .uxSenseWrapWeb .middleLayer {
    width: 19% !important;
  }
  .uxSenseWrapTab .middleLayer {
    width: 22.5% !important;
    left: -34px;
  }
  .uxSenseWrapWeb .sliderImageWrap {
    left: -10px;
    position: relative;
  }
  .uxSenseWrap h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .uxSenseWrapWeb .middleLayer img {
    width: 100%;
  }
  .uxSenseWrapWeb .sliderWrap {
    padding-left: 250px;
  }
  .uxSenseWrapWeb .image-container {
    width: 295px !important;
    height: auto;
  }
  /*.middleLayer img {
width: 100%;
height: auto;
}
*/
  /* supply-chain-management */
  .supplychainContent.mt_3em {
    margin-top: 0;
  }
  .supplychainContent {
    font-size: 100%;
  }
  .supplychainContent h3 {
    font-size: 2.15em;
  }
  .logisticsLEFT p {
    font-size: 1.4em;
  }
  .suppliersHEAD {
    font-size: 1.5em;
  }
  /* ========= stock-trading-platform ================== */
  .stockWRAp .info h2 {
    font-size: 2.5em;
  }
  .stockWRAp {
    font-size: 100%;
  }
  .stockWRAp .img-fill img {
    height: auto;
  }
}
@media only screen and (max-width: 400px) {
  .uxSenseWrapTab .middleLayer {
    width: 22% !important;
    left: -20px;
  }
  .uxSenseWrapMobile .middleLayer {
    width: 14.5% !important;
  }
  .uxSenseWrapMobile .sliderImageWrap {
    position: relative;
    left: 25px;
  }
}
@media only screen and (max-width: 375px) {
  /*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
  .uxSenseWrapWeb .middleLayer {
    width: 17% !important;
  }
  .uxSenseWrapWeb .sliderImageWrap {
    left: -8px;
    position: relative;
  }
  .uxSenseWrapTab .middleLayer {
    width: 20% !important;
    left: -32px;
  }
  .uxSenseWrapWeb .image-container {
    width: 258px !important;
    height: auto;
  }
}
@media only screen and (max-width: 358px) {
  .uxSenseWrapMobile .middleLayer {
    width: 14.5% !important;
  }
  .uxSenseWrapMobile .sliderImageWrap {
    position: relative;
    left: 80px;
  }
  /*.uxSenseWrapTab .middleLayer img {
width: 252px;
}
*/
  .uxSenseWrapWeb .middleLayer {
    width: 15% !important;
  }
  .uxSenseWrapWeb .sliderImageWrap {
    left: -5px;
    position: relative;
  }
  .uxSenseWrapTab .middleLayer {
    width: 18% !important;
    left: -34px;
  }
  .uxSenseWrapWeb .image-container {
    width: 232px !important;
    height: auto;
  }
  #slideImageHolder {
    border-radius: 22px;
  }
}
/* ================= UXSense tab and web css start ======================= */
@media only screen and (max-width: 768px) {
  .stockWRAp .info h2 {
    font-size: 2.5em;
  }
  .customPagination {
    float: left;
    margin-left: 30px;
  }
  .customPagination img {
    max-width: 100%;
    height: auto;
  }
  .Outsourced-banner {
    margin-left: 0;
  }
  .lets-talk {
    margin: 15px 0;
  }
  .Outsourced-banner .width-one {
    width: 100%;
  }
  .Outsourced-banner .width-two {
    width: 100%;
  }
  element.style {
    animation-delay: 0.9s;
  }
  .banner-icons .banner-icons-items.leaf {
    width: 42%;
    margin: 10px;
  }
  .Outsourced-banner.width-one {
    margin-bottom: 0;
  }
  .banner-icons .banner-icons-items.leaf {
    margin: 2px 4px 10px 4px;
  }
}
@media only screen and (max-width: 576px) {
  .banner-icons {
    margin: 0;
  }
  .Outsourced-banner .width-one,
  .Outsourced-banner .width-two {
    font-size: 1.1em;
  }
  /*.banner-Slider .item .img-fill > img {
height: 300px;
}
*/
  .banner-icons .banner-icons-items.leaf {
    display: inline-block;
    width: 46%;
  }
  .leaf .text {
    height: 34px;
  }
  .leaf .text::before {
    background-image: url("../img/leftnew.png");
    height: 34px;
  }
  .leaf .text::after {
    background-image: url("../img/rightnew.png");
    height: 34px;
  }
}
/*azure mvp css*/
.Industriesul {
  margin-top: 2.5em;
}
.Industriesul li {
  display: inline-block;
  width: 30%;
}
.Industriesul li .wrapli {
  border: 1px solid #e9e9e9;
  border-radius: 1.875em;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  height: 142px;
  text-align: center;
}
.Industriesul li .wrapli .thumb {
  background: #035bda;
  color: white;
  margin-top: 1.875em;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.Industriesul li .wrapli .thumb > span {
  font-size: 20px;
}
.Industriesul li .wrapli .text {
  color: #3b3b3b;
  font-size: 0.938em;
  margin-top: 15px;
}
.Industriesul li.bar {
  margin: 0 10px 25px 10px;
}
.minusmargin {
  margin-top: -80px;
}
.cmn-padding {
  padding: 2.5em 0;
}
.first-banner {
  background: #f1f8ff;
  padding-bottom: 100px;
}
.first-banner h1 {
  font-size: 2.188em;
  font-weight: 700;
  text-transform: capitalize;
  color: #2e2c2d;
}
.first-banner h1 span {
  color: orange;
  display: block;
}
.first-banner h6 {
  color: #035bda;
  margin: 30px 0 20px 0;
  font-size: 1.75em;
  font-weight: 700;
}
.first-banner .logo {
  margin-bottom: 25px;
  display: block;
}
.first-banner .click {
  font-size: 1.125em;
  font-weight: 600;
  border-radius: 0.833em;
  width: 10.278em;
  height: 3.111em;
  border: 0;
  background: #035bda;
  color: white;
  display: block;
}
.first-banner .thumb {
  margin-top: 20px;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
  flex-wrap: nowrap;
}
.first-banner .thumb li {
  display: inline-block;
  flex: 0 0 16.67%;
  max-width: 16.67%;
  padding-left: 5px;
  padding-right: 5px;
}
.first-banner .thumb li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
}
.first-banner .thumb li.bar {
  margin: 0 5px;
}
.azure-content {
  width: 97%;
  margin: 0 auto;
}
.azure-content h5 {
  font-size: 1.688em;
  font-weight: 700;
  color: #4b4b4b;
}
.azure-content p {
  color: #4b4b4b;
  font-size: 16px;
}
.casestudies h2 {
  font-size: 2.125em;
  font-weight: 700;
  color: #01204d;
}
.bgwhite {
  background: white;
  border-radius: 15px;
}
.bgblue {
  background: #f1f8ff;
  border-radius: 20px;
}
.part02 p {
  margin-bottom: 27px;
}
.part03 h3 {
  margin-bottom: 30px;
  font-size: 2em;
  font-weight: 700;
  color: #4b4b4b;
}
.part03 h5 {
  color: #035bda;
  margin-bottom: 0.741em;
}
.casestudies {
  border-bottom: 4px solid #f1f8ff;
}
.casestudies .left {
  width: 87%;
  margin-top: 30px;
}
.casestudies .left li {
  background: url("../images/azure-images/dot.png") no-repeat top left;
  padding-left: 20px;
  margin-bottom: 15px;
  list-style: none;
  color: #01204d;
}
.casestudies .right {
  margin-top: 30px;
}
.casestudies .right li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #d1d1d1;
  list-style: none;
}
.casestudies .right li p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  margin-left: 20px;
  color: #5e5e5e;
}
.casestudies .right li:last-child {
  border: 0;
}
.img-ico {
  font-size: 57px;
}
.dev-tech h5 {
  font-size: 1.688em;
  font-weight: 700;
  color: #01204d;
}
.dev-tech .Industriesul {
  display: flex;
}
.dev-tech .Industriesul li {
  width: 19%;
}
.dev-tech .Industriesul li .wrapli {
  height: 180px;
}
.dev-tech .Industriesul li .wrapli .ico {
  margin-top: 20px;
}
.dev-tech .Industriesul li .wrapli .text {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  padding: 0 5px;
  color: #000;
}
.dev-tech .Industriesul li.bar {
  margin: 0 10px;
}
.modal-dialog {
  max-width: 700px;
}
.modal-body {
  text-align: center;
}
.modal-header {
  padding: 1.4rem 2.6rem;
  border: 0;
}
.thumb.nav-tabs {
  border-bottom: none;
}
.thumb.nav-tabs .nav-link {
  padding: 0px;
  border: none;
  display: initial;
}
.az-service-tab-content .tab-pane {
  transition: all 0.2s ease-in-out;
}

.az-modal-desc {
  text-align: left;
  font-size: 13px;
}
/* responsive azure app mvp */
@media (max-width: 991px) {
  .mobcenter {
    text-align: center;
    display: block;
  }
  .mob-top {
    margin-top: 32px;
  }
  .casestudies .left {
    width: 100%;
  }
  .casestudies .right li {
    justify-content: start;
  }
  .dev-tech .Industriesul li {
    width: 29%;
  }
  .dev-tech .Industriesul {
    display: inline-block;
    text-align: center;
  }
  .dev-tech .Industriesul li.bar {
    margin-bottom: 20px;
  }
  .azure-content {
    width: 100%;
  }
  .azure-content p {
    font-size: 14.625px;
  }
  .part02 p {
    font-size: 14.625px;
  }
  .Industriesul li .wrapli .text {
    font-size: 14.625px;
  }
  .Industriesul li .wrapli .text {
    font-size: 14.625px;
  }
  .Industriesul li .wrapli .text {
    font-size: 14.625px;
  }
  .dev-tech .Industriesul li .wrapli .text {
    font-size: 14.625px;
  }
  .dev-tech .Industriesul li .wrapli .text {
    font-size: 14.625px;
  }
  .casestudies .right li:last-child {
    padding-bottom: 0px;
  }
  .casestudies .left li:last-child {
    margin-bottom: 0px;
  }
  .azure-case-study-col {
    padding-top: 2.5em;
  }
  .Industriesul li.bar:last-child {
    margin-bottom: 0px;
  }
  .first-banner .logo {
    text-align: left;
  }
  .first-banner h1 {
    font-size: 2em;
  }
  .first-banner h1,
  .first-banner h6 {
    text-align: left;
  }
  .first-banner .click {
    margin-left: 0px;
    margin-right: 0px;
  }
  .first-banner .logo img {
    max-height: 3em;
    width: auto;
  }
  .casestudies h2 {
    font-size: 2em;
  }
}
@media (max-width: 576px) {
  .casestudies {
    width: 100%;
    margin: 0 auto;
  }
  .dev-tech .Industriesul li {
    width: 50%;
    margin: 0px;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding: 0 5px 0px 5px;
  }
  .dev-tech .Industriesul li .wrapli {
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0;
  }
  .dev-tech .Industriesul li.bar {
    margin: 0 0 10px 0;
  }
  .casestudies h2 {
    font-size: 1.688em;
  }
  .azure-content h5 {
    font-size: 1.5em;
  }
  .part03 h3 {
    font-size: 1.688em;
  }
  .casestudies .right {
    margin-top: 10px;
  }
  /* .first-banner .thumb li {
margin-bottom:10px ;
}
*/
  .first-banner .thumb li.bar {
    margin: 0 0 10px 0;
  }
  .first-banner h1 {
    font-size: 2em;
  }
  .dev-tech .Industriesul {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    margin: 2.5em -5px 0px;
  }
  .casestudies .left li {
    font-size: 14.625px;
  }
  .Industriesul {
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    flex-wrap: wrap;
  }
  .Industriesul li {
    margin: 0 0px 10px 0px;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .Industriesul li.bar {
    margin: 0px;
  }
  .casestudies .left {
    margin-top: 25px;
  }
  .first-banner .logo img {
    max-height: 3.25em;
    width: auto;
  }
  .part03 h5 {
    margin-bottom: 0.541em;
  }
  .first-banner .thumb li {
    padding-left: 3px;
    padding-right: 3px;
  }
  .first-banner .thumb {
    margin-left: -3px;
    margin-right: -3px;
  }
  .first-banner .click {
    margin: 0 auto;
  }
}
.Industriesul li .wrapli .thumb img {
  width: 22px;
  height: 22px;
}
.Industriesul li .wrapli .thumb.i6 img {
  height: 17px;
}
/*ms dynamics css */
.ms-dynamic-banner-video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.inner-banner-section .banner-desc.small-desc {
  font-size: 1.125em;
  max-width: 30.278em;
}
.mb-40 {
  margin-bottom: 2.5rem !important;
}
/*.ms-dynamic-inner-banner-section .img-fill {
background: url(../images/ms-dynamics/ms-dynamic-banner.png) center center no-repeat;
background-size: cover;
}
*/
.ms-dynamic-inner-banner-section .img-fill .info {
  padding: 5em 0.938em 12.625em;
}
.ms-dynamic-service-section {
  margin-top: -8em;
}
.ms-dynamic-service-section ._service-box {
  background-color: var(--white);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.18);
  border-radius: 0.625em;
  padding: 1em 1.875em 1.75em 1.25em;
}
.ms-dynamic-service-section ._service-box-head ._img-wrap img {
  max-height: 3.125em;
}
.ms-dynamic-service-section ._service-box-head ._title {
  font-size: 1.375em;
  color: #000000;
  margin-left: 1em;
}
.ms-dynamic-service-section ._service-box-head {
  margin-bottom: 1.813em;
  align-items: center;
}
.ms-dynamic-service-inner {
  padding: 0px 0.938em;
}
.our-clients.our-brands .client-logos .logo-wrap {
  padding: 1.75em 1.25em;
  min-height: 5.875em;
  max-height: 5.875em;
}
.heading .section-heading.section-heading-md {
  font-size: 2.5em;
}
.ms-client-section {
  padding: 3.188em 0px 2.625em;
}
.case-study-box {
  background-color: #fff;
  border-radius: 0.625em;
  box-shadow: 0px 0px 15px rgba(145, 149, 155, 0.16);
  padding: 1em 1.25em;
}
.case-study-box-head {
  margin-bottom: 0.875em;
}
.case-study-box-head > div {
  min-height: 5.188em;
}
.case-study-box-head ._sub-title {
  font-size: 0.938em;
  color: #f79c2e;
  border-bottom: 1px solid #f79c2e;
  margin-bottom: 0.8em;
  line-height: 1.5;
}
.case-study-box-head ._title {
  font-size: 1.375em;
  font-weight: bold;
  color: #2d2f3c;
  margin-bottom: 0.227em;
}
.case-study-box-head ._firm {
  color: #2d2f3c;
}
.ms-case-row > div {
  padding-top: 0.938em;
  padding-bottom: 0.938em;
}
.ms-case-studies {
  padding-bottom: 3em;
}
.bottom-pitch-fold {
  background: url(../images/ms-dynamics/bottom-pitch-img.png) center center
    no-repeat;
  background-size: cover;
}
.bottom-pitch-fold ._info {
  position: static;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.125em 0px 1.875em;
}
.btn-white,
.btn-white:hover {
  background-color: #fff;
  color: #f79c2e;
  border-color: #fff;
}
.img-fill img.banner-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  height: 100%;
}
/*contact us page css*/
.contact-us-banner .img-fill {
  background: url(../images/ms-dynamics/contact-banner1-img.png) center center
    no-repeat;
  background-size: cover;
}
.contact-us-banner .img-fill .info {
  padding: 6.65em 0.938em 6.65em;
}
.lets-talk-wrap {
  margin: 3.125em 0px 4.625em;
}
.lets-talk-wrap .btn {
  padding: 0.5em 2em;
}
.contact-us-loc-col {
  padding: 0px 0.625em 2.813em 6.25em;
}
.contact-us-loc-row > div {
  margin-bottom: 5.063em;
}
.contact-us-loc-head {
  margin-bottom: 2.313em;
}
.contact-us-loc-head h3 {
  font-size: 1.875em;
  font-weight: 800;
  color: #000000;
}
.location-col img {
  max-height: 1.375em;
  margin-bottom: 0.875em;
}
.location-col h4 {
  font-size: 1.375em;
  color: #2d2f3c;
  font-weight: 600;
  margin-bottom: 0.227em;
}
.location-col p {
  color: #000000;
  margin-bottom: 0.5em;
}
.contact-mail-col {
  background-color: rgba(235, 243, 247, 0.46);
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.03);
  border-radius: 0.375em;
  padding: 0.938em;
}
.contact-mail-col img {
  margin-bottom: 1.188em;
  color: #33373e;
}
.contact-mail-col a {
  color: #33373e;
}
.location-col-contact {
  display: flex;
  align-items: center;
}
.location-col-contact i {
  font-size: 0.813em;
  width: 0.813em;
  color: #8c919a;
}
.location-col-contact a {
  color: #33373e;
  margin-left: 0.875em;
}
.contact-us-box {
  background-color: #042048;
  border: 1px solid #707070;
}
.contact-us-box-inner {
  padding: 3.375em 5.688em 2.5em;
}
.contact-us-box-head {
  margin-bottom: 3.75em;
}
.contact-us-box-head img {
  max-height: 2.5em;
}
.contact-us-box-head h3 {
  font-size: 1.875em;
  font-weight: 800;
  color: #ffffff;
  padding-left: 0.667em;
}
.contact-us-box-form .form-group {
  margin-bottom: 2.625em;
}
.contact-us-box-form label {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0px;
}
.contact-us-box-form .form-control {
  font-size: 1.125em;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 1em 0.222em;
  background-color: transparent;
  border-radius: 0px;
  height: 3em;
  color: #ffffff;
}
.contact-us-box-form .form-control::placeholder {
  color: #ffffff;
}
.contact-us-box-form .form-control:focus {
  box-shadow: none;
}
.captcha-wrap {
  margin-top: 0.5em;
  margin-bottom: 1.75em;
}
.contact-us-loc-col > p,
.contact-us-loc-col ~ p {
  display: none;
}
.contactus1 {
  color: #fff !important;
  border: 2px solid #ffffff;
  border-radius: 28px;
}
.contact-us-banner .img-fill .info {
  margin-bottom: -50px !important;
}
.inner-banner-section .banner-desc {
  margin-bottom: 6px;
}
.mail a {
  height: 47px;
  width: 47px;
  background: white;
  position: relative;
  border-radius: 360px;
  top: 11px;
  font-size: 1.125em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.mail i {
  color: #2d2f3c !important;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .mail a {
    line-height: 3;
  }
}
.contact-us-section {
  margin-bottom: 100px;
}
.inner-banner-section .lets-talk {
  position: absolute;
  top: 99%;
  padding: 10px 0;
  display: inline-block;
  transform: translate(-50%, -50%);
  left: 50%;
}
.inner-banner-section .lets-talk .lefttalk {
  right: calc(100% - 26px);
}
.inner-banner-section .lets-talk img {
  height: 57%;
  width: auto;
  position: absolute;
  top: 0;
}
.inner-banner-section .lets-talk a {
  padding: 0.5em 2em;
  position: relative;
  z-index: 1;
  border-radius: 22.5rem;
  -webkit-border-radius: 22.5rem;
  -moz-border-radius: 22.5rem;
  -ms-border-radius: 22.5rem;
}
.inner-banner-section .lets-talk .righttalk {
  left: calc(100% - 26px);
}
.inner-banner-section .lets-talk:after {
  position: absolute;
  content: "";
  background: #fff;
  left: 25px;
  right: 25px;
  top: 0;
  height: 100%;
}
@media only screen and (max-width: 1509px) {
  .lets-talk {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
.mail .fa-envelope:before {
  content: "\f0e0";
  color: #000 !important;
}
/*customer portal css*/
.cp-inner-banner-section {
  position: relative;
}
.cp-inner-banner-section .img-fill {
  background: url(../images/customer-portal/customer-portal-banner-bg@2x.png)
    center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  height: 74vh;
}
.cp-inner-banner-section .img-fill > .container {
  position: relative;
  z-index: 1;
}
.img-fill .ms-banner-logo {
  max-height: 3.25em;
  margin-bottom: 0.875em;
  min-width: auto;
  width: auto;
}
.cp-content-section {
  background: url(../images/customer-portal/cp-cust-feature-bg.png) center
    center no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  /* position: absolute;
*/
  bottom: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
}
/*.cp-content-section > img{
width: 100%;
position: absolute;
bottom: 0;
top: 0;
height: 100%;
object-fit: cover;
}
*/
.cp-top-fold {
  background: transparent
    linear-gradient(
      90deg,
      rgba(57, 55, 55, 1) 0%,
      rgba(190, 190, 190, 0.34) 51%,
      rgba(48, 47, 47, 1) 100%
    )
    0% 0% no-repeat padding-box;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 1.125em 0px;
}
.cp-top-fold-inner {
  display: flex;
  align-items: center;
}
.cp-top-fold-inner ._img-wrap img {
  max-height: 3.813em;
}
.cp-top-fold-inner ._content {
  padding-left: 2.25em;
}
.cp-top-fold-inner ._content p {
  font-size: 1.5em;
  color: #ffffff;
  margin-bottom: 0px;
  line-height: 1.35;
}
.cp-top-fold-inner ._content p span {
  color: #f79d2f;
}
.cp-features {
  padding-top: 12.375em;
}
.cp-features-col {
  display: flex;
  align-items: center;
}
.cp-features-col ._icon-wrap {
  flex: 0 0 3em;
  max-width: 3em;
}
.cp-features-col ._icon-wrap i {
  font-size: 3em;
}
.cp-features-col p {
  font-size: 1.5em;
  font-weight: 600;
  color: #ffffff;
  padding-left: 1em;
  margin-bottom: 0px;
}
.cp-overlay {
  background: transparent
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.8) 100%,
      rgba(0, 0, 0, 0.8) 100%
    )
    0% 0% no-repeat padding-box;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
}
.cp-features-row > div {
  margin-bottom: 2.813em;
}
.cp-cust-busi-central-section {
  /*background: url(../images/customer-portal/cp-cust-busi-central-bg.png) center center no-repeat;
background-size: cover;
*/
  padding: 9em 15px;
  position: relative;
}
.cp-cust-busi-central-section > img {
  position: absolute;
  width: 100%;
  top: -1px;
  left: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.cp-buss-central-col {
  max-width: 85%;
  padding-left: 1.875em;
}
.cp-buss-central-col > h2 {
  font-size: 2.125em;
  font-weight: bold;
  color: #f79d2f;
  margin-bottom: 1.176em;
}
.cp-buss-central-col > p {
  font-size: 1.125em;
  color: #ffffff;
  margin-bottom: 0px;
}
.cp-buss-central-col > p + p {
  margin-top: 2.222em;
}
.cp-buss-central-left-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background: transparent
    linear-gradient(91deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%) 0% 0%
    no-repeat padding-box;
}
.cp-bottom-pitch {
  background-color: #121212;
  padding: 2.188em 0px;
  position: relative;
  margin-top: -1px;
}
.cp-bottom-pitch-inner h2 {
  font-weight: 800;
  font-size: 2.5em;
  color: #f79c2e;
  margin-bottom: 0.5em;
}
.cp-let-talk-btn {
  border-radius: 0.625em;
  width: 8.563em;
}
.cp-banner-overlay {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  background: transparent
    linear-gradient(
      360deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.43) 69%,
      rgba(0, 0, 0, 0) 100%
    )
    0% 0% no-repeat padding-box;
}
.cp-testimonial-section {
  background: url(../images/customer-portal/testimonial.png) center center
    no-repeat;
  background-size: cover;
  padding: 52px 0px;
  position: relative;
  top: -1px;
}
.cp-testimonial-head h2 {
  color: #f79d2f;
  font-size: 2.688em;
  text-align: center;
  opacity: 1;
  font-weight: bold;
}
.cp-testimonial-section .line1 {
  display: block;
  background-color: #f79d2f;
  text-align: center;
  width: 64px;
  height: 3px;
  margin: auto;
}
.cp-testimonial-overlay {
  position: absolute;
  width: 100%;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.72);
}
.cp-testimonial-container {
  max-width: 1055px;
  padding: 0px 15px;
  position: relative;
  margin: 0 auto;
}
.cp-testimonial-slider {
  text-align: center;
}
.cp-testimonial-slider .item .tm-img {
  display: flex;
  margin-top: 71px;
  justify-content: center !important;
  height: 72px;
}
.cp-testimonial-slider .tm-body {
  margin-top: 41px !important;
  max-width: 671px;
  margin-left: auto;
  position: relative;
  margin-right: auto;
}
.cp-testimonial-slider .tm-body img {
  display: flex;
}
.cp-testimonial-slider .tm-body span {
  color: #ffffff !important;
  font-size: 1.125em;
  letter-spacing: 0px;
  font-weight: 100;
}
.cp-testimonial-slider .q-left img {
  position: absolute;
  left: -55px;
  top: -22px;
}
.cp-testimonial-slider .q-right img {
  position: absolute;
  right: -57px;
  bottom: 0;
}
.cp-testimonial-slider .rounded-slider-btn {
  display: flex;
  position: absolute;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn {
  background-color: transparent !important;
}
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn {
  background-color: transparent !important;
}
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
  color: #fff;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn {
  top: 135px;
  bottom: 0;
  left: 0;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 61px;
  outline: none;
  z-index: 1;
  background-color: #ffffff;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-testimonial-slider .NextArrow.rounded-slider-btn {
  top: 135px;
  bottom: 0;
  right: 0;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 55px;
  outline: none;
  background-color: #ffffff;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn i {
  color: #000000;
  font-size: 12px;
}
.cp-testimonial-slider .NextArrow.rounded-slider-btn i {
  color: #000000;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp-testimonial-slider .PrevArrow.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.rounded-slider-btn i::before {
  color: #000;
}
.cp-testimonial-slider .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 12px;
}
.cp-testimonial-slider .slick-dots li {
  margin: 0 0.25rem;
}
.cp-testimonial-slider .slick-dots button {
  display: block;
  width: 0.625em;
  height: 0.625em;
  padding: 0;
  border: 1px solid #ffffff;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: transparent;
}
.cp-testimonial-slider .slick-dots li.slick-active button {
  background-color: #ffffff !important;
  border: none;
  color: #fff;
}
@media screen and (max-width: 991px) {
  .cp-testimonial-slider .tm-body {
    padding: 0 45px;
  }
  .cp-testimonial-slider .q-left img {
    position: absolute;
    left: 0;
    top: -26px;
  }
  .cp-testimonial-slider .q-right img {
    right: 0px;
  }
  .cp-testimonial-slider .PrevArrow.rounded-slider-btn {
    margin-left: 10px;
  }
  .cp-testimonial-slider .NextArrow.rounded-slider-btn {
    margin-right: -21px;
  }
  .cp-content-section {
    background-color: #000 !important;
    background: none;
  }
}
@media (max-width: 1200px) and (min-width: 991px) {
  .ms-dynamic-service-section ._service-box {
    padding: 1em 1.25em 1.75em 1.25em;
  }
  .ms-dynamic-service-section ._service-box-head ._img-wrap img {
    max-height: 2em;
  }
  .ms-dynamic-service-section ._service-box-head ._title {
    margin-left: 0.5em;
    font-size: 1.125em;
  }
  .contact-us-loc-col {
    padding: 0px 0.625em 2.813em 2.375em;
  }
  .cp-inner-banner-section.inner-banner-section .img-fill .info {
    font-size: 85%;
  }
  .cp-cust-busi-central-section {
    font-size: 85%;
    padding: 8em 15px;
  }
  .cp-content-section {
    font-size: 85%;
  }
  .cp-bottom-pitch-inner h2 {
    font-size: 2em;
  }
}
@media (max-width: 991px) {
  .ms-dynamic-service-row > div {
    margin-bottom: 30px;
  }
  .ms-client-section {
    padding: 1.188em 0px 2.625em;
  }
  .contact-us-loc-col {
    padding: 0px 5.688em 3.688em;
  }
  .cp-inner-banner-section .img-fill {
    height: 55vh;
  }
  .img-fill .ms-banner-logo {
    max-height: 2.25em;
  }
  .inner-banner-section .banner-heading {
    font-size: 2em;
  }
  .cp-top-fold-inner ._content {
    padding-left: 1.25em;
  }
  .cp-top-fold-inner ._content p {
    font-size: 1.25em;
  }
  .cp-top-fold-inner ._img-wrap img {
    max-height: 2.813em;
  }
  .cp-features-col p {
    font-size: 1.25em;
  }
  .cp-features-col ._icon-wrap i {
    font-size: 2.5em;
  }
  .cp-features {
    padding-top: 9.375em;
  }
  .cp-buss-central-col {
    padding-left: 0px;
  }
  .cp-cust-busi-central-section {
    padding: 3.2em 15px;
    position: relative;
  }
  .cp-buss-central-col {
    max-width: 100%;
    font-size: 80%;
  }
  .cp-content-section {
    font-size: 80%;
  }
  .cp-bottom-pitch-inner h2 {
    font-size: 2em;
  }
}
@media (max-width: 767px) {
  .ms-dynamic-inner-banner-section .img-fill .info {
    padding: 2em 0px 10.625em;
  }
  .ms-dynamic-inner-banner-section .banner-heading {
    margin-bottom: 0.625em !important;
  }
  .ms-dynamic-service-inner {
    padding: 0px;
  }
  .ms-dynamic-service-row > div {
    margin-bottom: 0px;
  }
  .ms-dynamic-service-row > div + div {
    margin-top: 15px;
  }
  .ms-client-section {
    padding: 3.188em 0px 2.625em;
  }
  .lets-talk-wrap {
    margin: 2em 0px 2em;
  }
  .contact-us-loc-col {
    padding: 0px 0px 2.813em 0px;
  }
  .contact-us-loc-row > div {
    margin-bottom: 3.063em;
  }
  .contact-us-box-inner {
    padding: 2.5em 0px 2.5em;
  }
  .cp-inner-banner-section .img-fill {
    height: auto;
  }
  .img-fill .ms-banner-logo {
    max-height: 2.25em;
  }
  .cp-top-fold-inner ._img-wrap img {
    max-height: 2.813em;
  }
  .cp-top-fold-inner ._content {
    padding-left: 1.25em;
  }
  .cp-top-fold-inner ._content p {
    font-size: 1.125em;
  }
  .cp-features-col ._icon-wrap i {
    font-size: 2.5em;
  }
  .cp-features-col p {
    font-size: 1.125em;
    padding-left: 1em;
  }
  .cp-buss-central-col {
    max-width: 100%;
  }
  .cp-buss-central-col > h2 {
    font-size: 2em;
  }
  .cp-cust-busi-central-section {
    padding: 3em 15px;
  }
  .cp-buss-central-col,
  .cp-content-section {
    font-size: 100%;
  }
}
@media (max-width: 768px) {
  .article-content .tek-1 {
    width: 60px;
  }
}
@media (max-width: 540px) {
  .article-content .tek-1 {
    width: 61px;
  }
}
@media only screen and (max-width: 414px) {
  .article-content .tek-1 {
    width: 56px;
  }
}
.pi-view-btn {
  margin-bottom: 0px;
}
@media (min-width: 1600px) {
  .inner-banner-section .lets-talk {
    top: 92%;
  }
}
/* new uxsense css*/
.uxsense-sec {
  margin-top: 7.5rem;
}
.uxsense-slider .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 35px;
}
.uxsense-slider .slick-dots li {
  margin: 0 0.25rem;
}
.uxsense-slider .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: transparent;
}
.uxsensem-slider1 .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 10px;
}
.uxsensem-slider1 .slick-dots li {
  margin: 0 0.25rem;
}
.uxsensem-slider1 .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 2px solid #000;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: transparent;
}
.uxsense-slider .slick-prev.slick-arrow {
  display: none !important;
}
.uxsense-slider .slick-next.slick-arrow {
  display: none !important;
}
.uxsensem-slider .slick-prev.slick-arrow {
  display: none !important;
}
.uxsensem-slider .slick-next.slick-arrow {
  display: none !important;
}
.uxsensem-slider1 .slick-prev.slick-arrow {
  display: none !important;
}
.uxsensem-slider1 .slick-next.slick-arrow {
  display: none !important;
}
.uxsense-slider .slick-dots li.slick-active button {
  background-color: #ffffff !important;
  border: none;
  color: #fff;
}
.uxsensem-slider1 .slick-dots li.slick-active button {
  background-color: #000 !important;
  border: none;
  color: #000;
}
.uxsense-slider {
  width: 100%;
  height: auto;
}
.uxsense-slider .slick-slider {
  max-width: 1220px;
}
.uxsensem-slider .slick-slider {
  max-width: 1016px;
}
.uxsensem-slider1 .slick-slider {
  max-width: 1016px;
}
.ux-desktop {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  max-width: 1220px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.ux-mobile1 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
}
.ux-mobile {
  position: relative;
  z-index: 1;
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
}
.ux-mobile .middleLayer {
  left: 50%;
  transform: translateX(-50%);
}
.uxsense-slider .slick-slide img {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.ux-desktop .middleLayer {
  height: calc(100% - 79px);
  width: 100%;
}
.ux-desktop .middleLayer img {
  width: 100% !important;
}
.uxsensem-slider1 {
  width: 100%;
  height: auto;
}
.uxsensem-slider {
  width: 100%;
  height: auto;
}
.uxsensem-slider .slick-slide {
  padding: 0px 43px;
}
.uxsensem-slider1 .slick-slide {
  padding: 0px 16px;
}
.uxsensem-slider .slick-slide img {
  border-radius: 28px;
  overflow: hidden;
  width: 100%;
  height: auto;
  border: 1px solid #dfe2e9;
}
.uxsensem-slider1 .slick-slide img {
  border-radius: 28px;
  overflow: hidden;
  width: 100%;
  height: auto;
  border: 3px solid #000000;
  max-width: 100%;
  max-height: 100%;
}
.uxsense-slider .slick-list.draggable {
  border-radius: 35px;
}
.uxsensem-slider .slick-list.draggable {
  padding: 0px 0px !important;
  border-radius: 35px;
}
.uxsensem-slider1 .slick-list.draggable {
  padding: 0px 0px !important;
}
.ux-mobile .middleLayer img {
  width: auto !important;
  max-width: 265px;
  max-height: 555px;
}
.uxsense-heading {
  font-weight: 700 !important;
}
/* .uxsensem-slider .slick-slider {
max-height: 631.78px;
overflow: hidden;
} */
.bg-div {
  height: 525px;
  top: 58rem;
  position: absolute;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  z-index: -1;
}
.uxsensem-sec .uxm-logo {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
}
.uxsensem-sec .uxm-logo img {
  position: relative;
}
.uxsensem-sec .uxm-main {
  padding-top: 6em;
  padding-bottom: 3.25em;
}
.uxsensem-slider1 {
  margin-top: 3.813em;
  margin-bottom: 2.113em;
}
.uxsensem-sec .gifs img {
  max-width: 100%;
  height: auto;
  max-height: 653px;
}
.uxsensem-sec {
  position: relative;
  top: -30px;
  width: 100%;
}
.uxsensem-sec .description-sec {
  top: 3px;
  left: 2.25em;
}
.uxsensem-sec .description-sec h2 {
  margin-top: 38px;
  font-weight: 700;
  font-size: 2.625em;
  color: #000000;
}
.uxsensem-sec .description-sec p {
  padding-top: 12px;
  color: #83868b;
  font-family: "Muli", Regular;
  font-size: 1em;
  justify-content: center;
  margin-right: 11.375em;
  margin-bottom: 10px;
}
.uxsensem-sec .gifs {
  max-width: 324px;
  height: auto;
  left: 21.375em;
  position: relative;
  border-radius: 49px;
  text-align: center;
  overflow: hidden;
}
.inner-banner .img-fill .uxsensem-info {
  padding-bottom: 2.75em !important;
}
.uxsensem-sec video {
  max-width: 100%;
  height: auto;
  max-height: 653px;
  padding-top: 18px;
  padding-bottom: 20px;
}
.uxsensem-sec .container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.mobile-des {
  margin-top: -24px;
}
.uxsensem-sec .uxm-main .row {
  margin-right: 0px;
  margin-left: 0px;
}
.inner-banner-section .uxm-b .back-btn {
  position: absolute;
  top: 14px;
  left: 25px;
}
.inner-banner-section .uxm-b .btn {
  border-radius: 21px;
  padding: 5px 18px;
  text-align: center !important;
  background: #ffffff;
  color: #242431 !important;
  position: relative;
  font-size: 16px;
  font-weight: 600;
}
.inner-banner-section .uxm-b .back-btn i {
  padding-right: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #242431;
}
@media (max-width: 1920px) {
  .uxsensem-sec .gifs {
    left: 33.375em;
  }
  .uxsensem-sec .description-sec {
    left: 1.25em;
  }
  .uxsensem-slider1 .slick-slide {
    padding: 0px 16px;
  }
}
@media (max-width: 1600px) {
  .uxsensem-sec .gifs {
    left: 23.375em;
  }
}
@media (min-width: 1680px) {
  .uxsensem-sec .description-sec p {
    margin-right: 21.375em;
  }
}
@media (max-width: 1440px) {
  .uxsensem-sec .gifs {
    left: 18.375em;
  }
}
@media (max-width: 1366px) {
  .uxsensem-sec .slick-slide {
    padding: 0 18px;
  }
  .bg-div {
    top: 57rem;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
  }
  .uxsensem-sec .gifs {
    left: 16.375em;
  }
  .uxsensem-slider1 .slick-slide {
    padding: 0px 11px;
  }
}
@media (max-width: 1280px) {
  .bg-div {
    top: 56rem;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }
  .uxsensem-sec .gifs {
    left: 13.375em;
  }
  .uxsensem-sec .description-sec {
    left: 1.25em;
  }
  .uxsensem-sec .slick-slide {
    padding: 0 18px;
  }
}
@media (max-width: 1024px) {
  .bg-div {
    top: 54rem;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .ux-desktop .middleLayer {
    height: calc(100% - 76px);
  }
  .uxsense-slider .slick-dots {
    margin-top: 33px;
  }
  .ux-desktop {
    margin-bottom: 33px;
  }
  .uxsensem-sec .gifs {
    left: 6.375em;
  }
  .uxsensem-sec .description-sec h2 {
    margin-right: 10px;
  }
  .uxsensem-sec .description-sec {
    left: 1.25em;
  }
  .uxsensem-sec {
    top: -28px;
  }
  @media (max-width: 768px) {
    .bg-div {
      top: 44rem;
      border-top-left-radius: 18px;
      border-top-right-radius: 18px;
    }
    .ux-desktop .middleLayer {
      height: calc(100% - 57px);
    }
    .uxsense-slider .slick-dots {
      margin-top: 15px;
    }
    .ux-desktop {
      margin-bottom: 15px;
    }
    .uxsense-sec {
      margin-top: 4.5rem;
    }
  }
  @media (max-width: 540px) {
    .bg-div {
      top: 48rem;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
    .uxsense-slider .slick-dots button {
      width: 8px;
      height: 8px;
      border: 1px solid #fff;
    }
    .uxsense-slider .slick-slide img {
      border-radius: 16px;
    }
    .uxsense-sec {
      margin-top: 4.5rem;
    }
    .ux-desktop .middleLayer {
      height: calc(100% - 51px);
    }
    .uxsense-slider .slick-dots {
      margin-top: 15px;
    }
    .ux-desktop {
      margin-bottom: 15px;
    }
  }
  @media (max-width: 414px) {
    .bg-div {
      top: 45rem;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
    .uxsense-slider .slick-list.draggable {
      border-radius: 10px;
    }
    .uxsense-slider .slick-dots button {
      width: 8px;
      height: 8px;
      border: 1px solid #fff;
    }
    .uxsense-slider .slick-slide img {
      border-radius: 16px;
    }
    .uxsense-sec {
      margin-top: 4.5rem;
    }
    .ux-desktop .middleLayer {
      height: calc(100% - 44px);
    }
    .uxsense-slider .slick-dots {
      margin-top: 10px;
    }
    .ux-desktop {
      margin-bottom: 10px;
    }
  }
  @media only screen and (max-width: 375px) {
    .bg-div {
      top: 43rem;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
    .uxsense-slider .slick-list.draggable {
      border-radius: 10px;
    }
    .uxsense-slider .slick-dots button {
      width: 8px;
      height: 8px;
      border: 1px solid #fff;
    }
    .uxsense-slider .slick-slide img {
      border-radius: 16px;
    }
    .uxsense-sec {
      margin-top: 4.5rem;
    }
    .ux-desktop .middleLayer {
      height: calc(100% - 44px);
    }
    .uxsense-slider .slick-dots {
      margin-top: 10px;
    }
    .ux-desktop {
      margin-bottom: 10px;
    }
  }
  @media (max-width: 1366px) {
    .uxsense-slider .slick-slide img {
      width: 100%;
      height: auto;
    }
  }
  @media (max-width: 1024px) {
    .uxsensem-slider .slick-slide {
      padding: 0 30px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0px 14px;
    }
  }
  @media (max-width: 912px) {
    .uxsensem-sec .gifs {
      text-align: center;
      left: 0px;
      margin: auto;
    }
    .uxsensem-sec .description-sec {
      text-align: center;
      left: 0px;
    }
    .uxsensem-sec .description-sec p {
      margin-right: 0px;
    }
    .uxsensem-sec {
      top: -27px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 7px;
    }
  }
  @media (max-width: 540px) {
    .uxsensem-slider .slick-slide {
      padding: 0 129px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 5px;
    }
    .uxsensem-sec .uxm-div {
      margin-bottom: 45px;
    }
    .uxsensem-sec .uxm-main {
      padding-bottom: 0px;
    }
    .uxsensem-slider1 {
      margin-top: 2.56em;
      margin-bottom: 2em;
    }
    .uxsensem-sec .description-sec p {
      text-align: center;
      font-size: 1.125em;
      margin-bottom: 5px;
    }
    .inner-banner-section .uxm-b .back-btn {
      top: 8px;
      left: 10px;
    }
  }
  @media (max-width: 479px) {
    .uxsensem-sec .gifs {
      text-align: center;
      left: 0px;
      margin: auto;
    }
    .uxsensem-sec .description-sec {
      text-align: center;
      left: 0px;
    }
    .uxsensem-sec .description-sec p {
      margin-right: 0px;
    }
  }
  @media (max-width: 414px) {
    .uxsensem-slider .slick-slide {
      padding: 0 66px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 22px;
    }
  }
  @media (max-width: 375px) {
    .uxsensem-slider .slick-slide {
      padding: 0 46px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 23px;
    }
  }
  @media (max-width: 320px) {
    .uxsensem-slider .slick-slide {
      padding: 0 19px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 19px;
    }
  }
  @media (max-width: 280px) {
    .uxsensem-slider .slick-slide {
      padding: 0 0px;
    }
    .uxsensem-slider1 .slick-slide {
      padding: 0 0px;
    }
    .uxsensem-slider1 video {
      max-height: 504px;
    }
    .uxsensem-slider1 .slick-slide img {
      border-radius: 35px;
    }
    .uxsensem-sec video {
      max-height: 504px;
      padding-top: 14px;
      padding-bottom: 14px;
    }
    .uxsensem-sec .gifs {
      border-radius: 38px;
    }
    .inner-banner-section .uxm-b .btn {
      padding: 2px 10px;
    }
    .inner-banner-section .uxm-b .back-btn {
      left: 8px;
    }
  }
  @media screen and (min-width: 769px) {
    .inn {
      display: block !important;
    }
    .inn1 {
      display: none !important;
    }
  }
  @media only screen and (max-width: 600px) {
    .inn1 {
      display: block !important;
    }
    .inn {
      display: none;
    }
  }
}
.software-develop {
  background: url(../images/software_dev/header-bg-image.png) center center
    no-repeat;
  height: auto;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 100px;
}
.header-logo {
  padding: 30px 0px 70px;
}
.p-r-140 {
  padding-right: 140px;
}
.soft-hd {
  font-size: 45px;
  color: #fff;
  font-weight: 800;
}
.soft-yellow {
  font-size: 20px;
  color: #f89b2d;
  font-weight: 400;
}
.soft-txt {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding: 25px 0px 15px;
}
.point-hd {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.listing {
  padding-inline-start: 0;
}
.listing li {
  color: #fff;
  font-weight: 300;
  background: url(../images/software_dev/check-icon.png) no-repeat left center;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px 7px 25px;
  list-style: none;
  vertical-align: middle;
  margin-bottom: 5px;
}
.white-box {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 25px #0000001c;
  padding: 30px 40px 0px;
  width: 32%;
  height: fit-content;
}
.white-box h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.white-box .form-group {
  margin-bottom: 20px;
}
.white-box .form-group label {
  color: #82858d;
  font-size: 14px;
}
.white-box .form-group .form-control {
  margin-top: 5px;
}
.white-box .form-group input[type="text"],
.white-box .form-group input[type="email"],
.white-box .form-group input[type="tel"],
.white-box textarea.form-control {
  background: #ecf3ff;
  border: 0;
  height: 35px;
}
/*	a.submit-btn {border-radius: 5px;height: 45px;color: #fff;background: #F79C2E; border: 1px solid #F79C2E; font-size: 22px; display: block; text-align: center; text-decoration: none; padding: 5px 0px; margin-top: 20px;}
a.submit-btn:hover {background: #fff; border: 1px solid #F79C2E; color:#F79C2E; }*/
.submit-btn {
  border-radius: 5px;
  height: 45px;
  color: #fff;
  background: #f79c2e;
  width: 100%;
  border: 0;
  font-size: 22px;
  margin-top: 15px;
}
.submit-btn:hover {
  background: #fff;
  border: 1px solid #f79c2e;
  color: #f79c2e;
}
.logo-section {
  padding: 30px 10px;
  box-shadow: 0px 5px 6px #0000001a;
  margin-bottom: 20px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #061e41;
  padding: 20px;
  z-index: 1;
}
.sticky + .content {
  padding-top: 102px;
}
.logo-client {
  text-align: center;
}
.logo-client img {
  height: 40px;
}
.our-service .card {
  border: 0;
  width: 90%;
  padding-bottom: 40px;
}
.our-service .card .card-title {
  font-size: 28px;
  color: #172154;
  font-weight: 700;
}
.our-service .card .card-body {
  padding: 10px 0px;
}
.our-service .card .card-text {
  font-size: 16px;
  color: #172154;
  line-height: 24px;
}
.our-service {
  padding: 40px 0px;
}
.our-service h1 {
  font-size: 45px;
  text-align: center;
  margin-bottom: 50px;
  color: #172154;
  font-weight: 800;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 70%;
  margin: auto;
}
.case-study {
  background: #042048;
  padding: 60px 0px;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
  content: none;
}
.border-30 {
  border: 6px solid #000;
  border-radius: 30px;
}
.case-study h1 {
  font-size: 45px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
}
.case-study h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
.case-study .case-txt {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 26px;
  margin-bottom: 50px;
  padding-right: 100px;
}
.case-study .vp-title {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
}
.case-study .carousel-indicators {
  bottom: -60px;
}
.case-study .carousel-indicators li,
.case-study .carousel-indicators .active {
  margin-right: 10px;
}
.case-title {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
.why-intelegain .image-selection img {
  margin-bottom: 20px;
}
.why-intelegain .list-unstyled .media {
  display: flex;
  margin-bottom: 80px;
}
.why-intelegain .list-unstyled .media img {
  padding: 20px;
}
.why-intelegain .list-unstyled .media .media-txt {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  padding-top: 15px;
  line-height: 26px;
}
.why-intelegain {
  padding: 60px 0px 40px;
}
.why-intelegain h1 {
  font-size: 45px;
  font-weight: 800;
  color: #172154;
  text-align: center;
}
.why-intelegain .hd-txt {
  font-size: 18px;
  color: #000;
  line-height: 28px;
  text-align: center;
  padding: 20px 90px 70px;
}
.m-l-20 {
  margin-left: -20px;
}
.ready-to {
  background: #f2f5fe;
  padding: 40px 0px 70px;
  text-align: center;
}
.ready-to h1 {
  font-size: 45px;
  font-weight: 800;
  color: #172154;
  text-align: center;
  margin-bottom: 0;
}
.ready-to p {
  font-size: 16px;
  color: #172154;
  text-align: center;
  line-height: 26px;
  padding-top: 25px;
  padding-bottom: 30px;
}
a.lets-get-btn {
  background: #f79c2e;
  border: 1px solid #f79c2e;
  border-radius: 30px;
  text-align: center;
  padding: 12px 40px;
  font-size: 22px;
  color: #fff;
  text-decoration: none;
}
a.lets-get-btn:hover {
  background: #fff;
  border: 1px solid #f79c2e;
  color: #f79c2e;
}
.so-case-study-slider .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 12px;
}
.so-case-study-slider .slick-dots li {
  margin: 0 0.25rem;
}
.so-case-study-slider .slick-dots button {
  display: block;
  width: 0.625em;
  height: 0.625em;
  padding: 0;
  border: none;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: #ffffff;
  position: relative;
  color: #fff;
}
.so-case-study-slider .slick-dots li.slick-active button:after {
  content: "";
  font-size: 1em;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: 0px;
  left: -3px;
  bottom: 0;
  right: 0px;
  margin: auto;
  transition: all 0.2s ease-in-out;
}
.contact-us-section.m-b-0 {
  margin-bottom: 0;
}
.white-box .form-group br {
  display: none;
}
.why-intelegain .p-135 {
  padding: 0px 135px;
}
.slick-slide img {
  margin: auto;
}
.contact-us-section.m-b-0 .contact-us-loc-row > div {
  margin-bottom: 2.063em;
}
.contact-us-section.m-b-0 .location-col-contact i {
  padding-top: 13px;
}
.contact-us-section.m-b-0 .contact-us-loc-col {
  padding: 3.375em 0.625em 2.813em 6.25em;
}
.contact-us-section.m-b-0 .location-col-contact .p-11 {
  padding-left: 11px;
}
@media (max-width: 1500px) {
  .why-intelegain .p-135 {
    padding: 0px 0px;
  }
  .m-l-20 {
    margin-left: -15px;
  }
}
@media (max-width: 1199px) {
  .why-intelegain .list-unstyled .media {
    display: inline-block;
    margin-bottom: 30px;
  }
  .why-intelegain .list-unstyled .media img {
    padding: 0px;
  }
  .why-intelegain .list-unstyled .media .media-txt {
    padding-top: 0px;
  }
  .why-intelegain .image-selection img {
    width: 100%;
  }
  .logo-section {
    display: none;
  }
}
@media (max-width: 991px) {
  .why-intelegain .image-selection img {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
  }
  .white-box {
    width: 90%;
    margin-top: 50px;
    margin-left: 15px;
  }
  .p-r-140 {
    padding-right: 15px;
  }
  .why-intelegain .list-unstyled .media {
    display: flex;
    margin-bottom: 30px;
  }
  .why-intelegain .list-unstyled .media img {
    padding: 10px;
  }
  .why-intelegain .list-unstyled .media .media-txt {
    padding-top: 5px;
  }
  .logo-client {
    margin-bottom: 30px;
  }
  .header-logo {
    padding: 30px 0px 20px;
  }
  .why-intelegain .list-unstyled .media {
    display: inline-block;
    margin-bottom: 30px;
  }
  .case-study h2,
  .case-study .case-txt,
  .case-study .vp-title {
    text-align: center;
  }
  .slick-slide img {
    text-align: center;
  }
  .case-study .case-txt {
    padding-right: 0;
  }
  .slick-slide img.border-30 {
    margin-bottom: 30px;
  }
  .logo-section {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-l-20 {
    margin-left: 0;
  }
  .logo-client img {
    height: 30px;
    margin-bottom: 30px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
  }
  .logo-section {
    padding: 30px 10px 15px;
  }
  .our-service .card {
    width: 100%;
  }
  .why-intelegain .list-unstyled .media {
    margin-bottom: 30px;
    display: flex;
  }
  .why-intelegain .list-unstyled .media .media-txt {
    padding-top: 15px;
    padding-left: 10px;
  }
  .case-study h2,
  .case-study .case-txt,
  .case-study .vp-title {
    text-align: left;
  }
  .case-study h2 {
    font-size: 28px;
  }
  .logo-section {
    display: none;
  }
}
@media (max-width: 575px) {
  .contact-us-loc-col,
  .contact-us-box-inner {
    padding-left: 15px;
  }
  .our-service h1,
  .case-study h1,
  .why-intelegain h1,
  .ready-to h1,
  .ready-to p,
  .ready-to,
  .why-intelegain .hd-txt,
  .case-title {
    text-align: left;
  }
  .why-intelegain .hd-txt {
    padding: 20px 15px 40px 0px;
  }
  .why-intelegain .image-selection img {
    text-align: left;
    margin: 0;
    margin-bottom: 20px;
  }
  .why-intelegain .list-unstyled .media img {
    padding-left: 0;
    padding-bottom: 0;
  }
  .why-intelegain .list-unstyled .media .media-txt {
    padding-top: 10px;
  }
  .our-service h1,
  .case-study h1,
  .why-intelegain h1,
  .ready-to h1,
  .soft-hd {
    font-size: 35px;
    line-height: 45px;
  }
  .header-logo {
    padding: 30px 0px 30px;
  }
  .logo-section {
    display: none;
  }
}
/* business-central*/
.business-adapting {
  position: relative;
  padding-top: 90px;
  padding-bottom: 75px;
}
.business-adapting p {
  color: #000000;
  font-size: 28px;
  font-weight: 800;
}
.bs-video-section {
  background-color: #fcdcb6;
  padding-top: 100px;
}
.bs-video-section .video-d {
  width: 100%;
}
.bs-video-section .embed-responsive {
  max-width: 899px !important;
  border-radius: 18px !important;
  max-height: 389px;
  margin: 0 auto;
}
.bs-video-section p {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  padding: 20px 0;
  max-width: 899px;
  margin: 0 auto;
}
.bs-video-section .play-btn {
  width: 100%;
  /* text-align: center; */
  display: flex;
  justify-content: center;
  position: relative;
  top: -35px;
  z-index: 11111;
  margin-top: 13px;
}
.bs-video-section .inner-btn {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: red;
}
.bs-video-section .video-inner {
  margin-top: -175px;
}
.bs-video-section .video-inner img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
}
.business-central-dynamics {
  background-color: #10558b;
  padding-top: 20px;
  padding-bottom: 35px;
}
.business-central-dynamics h2 {
  color: #f79c2e;
  font-size: 35px;
  font-weight: 800;
}
.business-central-dynamics p {
  color: #ffffff;
  font-size: 20px;
  padding-bottom: 18px;
}
.business-central-dynamics .dynamics-icon p {
  color: #ffffff;
  font-size: 16px;
  margin-top: -1px;
}
.business-central-dynamics .dynamics-icon i {
  font-size: 22px;
  padding-right: 14px;
}
.business-central-dynamics .contact-btn {
  text-align: center;
  width: 100%;
  padding-top: 5px;
}
.business-central-dynamics .contact-btn a {
  background-color: #f79c2e;
  border-radius: 8px;
  padding: 7px 35px;
  text-align: left !important;
  font-size: 16px;
  color: #ffffff;
}
.business-central-dynamics .contact-btn a:hover {
  color: #fff;
  cursor: pointer;
}
.business-central-dynamics1 {
  background-color: #10558b;
  padding-top: 20px;
  padding-bottom: 20px;
}
.business-central-dynamics1 h2 {
  color: #f79c2e;
  font-size: 28px;
  font-weight: 800;
  padding-bottom: 6px;
}
.business-central-dynamics1 p {
  color: #ffffff;
  font-size: 20px;
  padding-bottom: 18px;
}
.business-central-dynamics1 .dynamics-icon p {
  color: #ffffff;
  font-size: 16px;
  margin-top: -1px;
}
.business-central-dynamics1 .dynamics-icon i {
  font-size: 22px;
  padding-right: 14px;
}
.business-central-dynamics1 .contact-btn {
  text-align: center;
  width: 100%;
}
.business-central-dynamics1 .contact-btn a {
  background-color: #f79c2e;
  border-radius: 8px;
  padding: 5px 28px;
  text-align: left !important;
  font-size: 16px;
  color: #ffffff;
}
.business-central-dynamics1 .contact-btn a:hover {
  color: #fff;
  cursor: pointer;
}
.case_study_section h2 {
  font-size: 35px;
  color: #0c0d0f;
  font-weight: 800;
  text-align: center;
}
.case_study_section .case_img img {
  border-radius: 6px;
}
.case_study_section .case_line {
  display: block;
  background-color: #0b56e3;
  text-align: center;
  width: 125px;
  height: 4px;
  margin: auto;
}
.case_study_section .case_study_inner {
  padding-top: 52px;
}
.case_study_section .case_text h3 {
  color: #0c0d0f;
  font-size: 30px;
  font-weight: 800;
  max-width: 446px;
}
.case_study_section .case_text h1 {
  color: #0c0d0f;
  font-size: 18px;
  font-weight: bold;
  padding-top: 12px;
}
.case_study_section .case_text .case_ul {
  padding-left: 20px;
  max-width: 582px;
}
.case_study_section .case_text li {
  color: #0c0d0f;
  font-size: 16px;
  font-weight: 600;
}
.business_central_section {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header-logo-central {
  position: absolute;
  top: 20px;
  padding: 0 0 0 45px;
  z-index: 999;
}
.header-logo-central.sticky1 {
  position: fixed;
  top: 0;
  width: 100%;
  background: #061e41;
  z-index: 99;
  padding: 20px 0 20px 45px;
}
.business_central_section .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.video-container {
  height: 500px;
  width: 100%;
  max-width: 1000px;
  position: relative;
  overflow: hidden;
}
.business_central_section video {
  object-fit: cover;
  position: relative;
  max-height: 650px;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.video-container:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(black, 0.2);
  z-index: 1;
}
.overlay_sec p {
  color: #ffffff;
  font-size: 16px;
}
.overlay_sec {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 98px;
  z-index: 10;
  max-width: 660px;
  /*margin:auto;*/
  background: rgba(16, 85, 139, 0.7);
  text-align: left;
  align-self: flex-start;
  left: 48px;
  padding: 36px 47px 36px 47px;
}
.overlay_sec h1 {
  color: #ffffff;
  font-size: 46px;
  font-weight: 800;
}
.overlay_sec h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  padding-top: 16px;
}
.overlay_sec ul {
  list-style-type: none;
  padding-inline-start: 0;
  padding-right: 25px;
}
.overlay_sec .overlay_sec_inner {
  padding-top: 16px;
  padding-bottom: 16px;
}
.overlay_sec li {
  color: #ffffff;
  font-size: 22px;
  white-space: nowrap;
  font-weight: 400;
}
.support {
  position: fixed;
  bottom: 60px;
  right: 20px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  text-align: right;
  position: relative;
  z-index: 10;
}
.overlay_sec .contact-btn {
  text-align: left;
  width: 100%;
}
.overlay_sec .contact-btn a {
  background-color: #f79c2e;
  border-radius: 8px;
  padding: 10px 44px;
  text-align: left !important;
  font-size: 18px;
  color: #ffffff;
}
.overlay_sec .contact-btn a:hover {
  color: #fff;
  cursor: pointer;
}
.case_study_section .case_study_row {
  padding-top: 22px;
}
.case_study_section .media img {
  border-radius: 0;
  padding-right: 20px;
}
.case_study_section .case_study_col h1 {
  font-size: 20px;
  color: #0c0d0f;
  font-weight: bold;
}
.case_study_section .overlay_container {
  position: relative;
  width: 100%;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 55px 0;
}
.case_study_section .container-fluid {
  padding-right: 95px;
  padding-left: 95px;
}
.case_study_section1 {
  background: rgba(232, 239, 246, 0.45);
}
.case_study_section1 .card a {
  color: transparent;
  cursor: pointer;
}
.case_study_section1 .contain {
  padding-top: 23px;
  padding-bottom: 50px;
}
.case_study_section1 .card {
  box-shadow: 0px 3px 16px #00000017;
  border: none;
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;
}
.case_study_section1 .card h4 {
  color: #0c0d0f;
  font-size: 18px;
  font-weight: bold;
}
.case_study_section1 .card h1 {
  color: #0c0d0f;
  font-size: 16px;
  font-weight: bold;
  padding-top: 12px;
}
.case_study_section1 .case_ul {
  padding-left: 20px;
  height: 84px;
  max-height: 100%;
}
.bs_client_section .logo-wrap {
  border: 1px solid #eeeeee;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  background-color: #ffffff;
  border-radius: 5px;
}
.bs_client_section {
  /* padding: 44px 0; */
  background-color: #104873;
}
.bs_client_section .bs_client_div {
  padding-top: 44px;
  padding-bottom: 44px;
}
.bs_client_section h2 {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  padding-left: 30px;
  padding-right: 30px;
}
.bs_client_section h2 span {
  color: #fdb43f;
}
.bs_client_section .bs_client_inner {
  padding: 38px 49px 5px 49px;
}
.bs_benefits h2 {
  color: #0c0d0f;
  font-size: 35px;
  font-weight: 800;
  text-align: center;
}
.bs_benefits .bs_container span {
  display: block;
  background-color: #0b56e3;
  text-align: center;
  width: 125px;
  height: 4px;
  margin: auto;
}
.bs_benefits .bs_container {
  padding-top: 67px;
}
.bs_benefits .bs_container .benefits_row {
  padding-top: 55px;
  padding-bottom: 40px;
}
.bs_benefits .bs_container .benefits_col {
  padding-bottom: 70px;
  padding-right: 10px;
  padding-left: 10px;
  /* height: 350px; */
}
.bs_benefits .card h3 {
  color: #0c0d0f;
  font-size: 22px;
  font-weight: 800;
  padding-top: 20px;
}
/* .bs_benefits .card .card-text{
height: 118px;
} */
.bs_benefits .card {
  border-radius: 10px;
  border-bottom: 10px solid #f79c2e;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px 0px 30px #00000017;
  border-left: none;
  border-right: none;
  border-top: none;
  position: relative;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  overflow: hidden;
  transition: linear 1.5s;
  height: 312px;
  cursor: pointer;
}
.bs_benefits .card:hover {
  height: auto;
}
.bs_benefits .card .card-body {
  padding: 25px;
}
.bs_benefits .card p {
  color: #0c0d0f;
  font-size: 14px;
  line-height: 22px;
}
.bs_benefits .bs_card_span {
  width: 77px;
  height: 77px;
  border-radius: 50%;
  background-color: #fcf3e4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs_benefits .bs_card_span.da {
  background-color: #ebf4fd;
}
.bs_benefits .bs_card_span.cr {
  background-color: #ffebf2;
}
.bs_benefits .bs_card_span.sc {
  background-color: #fff1f1;
}
.bs_benefits .bs_card_span.mi {
  background-color: #f1effd;
}
.bs_benefits .bs_card_span.co {
  background-color: #e5f6fd;
}
.bs_benefits .bs_card_span i {
  font-size: 42px;
}
.case_study_section1 .case-study-slider {
  padding-bottom: 85px;
}
.case_study_section1 .case-study-slider .slick-track {
  display: flex;
}
.case_study_section1 .case-study-slider .slick-slide {
  height: auto;
}
.case_study_section1 .case-study-slider .slick-dots {
  display: none !important;
}
.case-study-slider .rounded-slider-btn {
  display: flex;
  position: absolute;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn {
  background-color: #ededed !important;
}
.case-study-slider .NextArrow.slick-disabled.rounded-slider-btn {
  background-color: #ededed !important;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before {
  color: grey;
}
.case-study-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
  color: #808080;
}
.case-study-slider .PrevArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i,
.cp-testimonial-slider .PrevArrow.slick-disabled.rounded-slider-btn i::before,
.cp-testimonial-slider .NextArrow.slick-disabled.rounded-slider-btn i::before {
  color: #808080;
}
.case-study-slider .PrevArrow.rounded-slider-btn {
  left: 50%;
  /* margin-left: 125px; */
  outline: none;
  z-index: 1;
  background-color: #f79c2e;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  transform: translateX(-70%);
}
.case-study-slider .NextArrow.rounded-slider-btn {
  left: 50%;
  /* margin-right: -45px; */
  outline: none;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f79c2e;
  bottom: 0;
  transform: translateX(70%);
}
.case-study-slider .PrevArrow.rounded-slider-btn i {
  color: grey;
  font-size: 12px;
}
.case-study-slider .NextArrow.rounded-slider-btn i {
  color: #ffffff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-study-slider .PrevArrow.rounded-slider-btn i::before {
  color: #ffffff;
}
.case-study-slider .NextArrow.rounded-slider-btn i::before {
  color: #ffffff;
}
.icon-bs_previous:before {
  color: #ffffff;
}
.icon-bs_next:before {
  color: #ffffff;
}
.business_central_section img.banner-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  height: auto;
  width: 100%;
  max-height: 650px;
}
.bs_client_section .bs_client_col {
  padding-bottom: 20px;
}
.case_study_section {
  background: rgba(232, 239, 246, 0.45);
}
.case_study_section .media i {
  padding-right: 20px;
  font-size: 25px;
}
.case_study_section .media p {
  color: #0c0d0f;
  font-size: 16px;
  font-weight: 600;
  margin-top: -9px;
}
.case_study_section .case_text {
  padding-left: 28px;
}
.case_study_section1 .case-study-slider li {
  color: #0c0d0f;
  font-size: 14px;
  font-weight: 600;
}
.business_central_section .video_overlay {
  position: relative;
}
.business_central_section .video_overlay:after {
  content: "";
  position: absolute;
  object-fit: cover;
  max-height: 650px;
  top: 0;
  left: 0;
  bottom: 6px;
  right: 0;
  width: 100%;
  height: auto;
  background: linear-gradient(178deg, #0a4e8400, #104772c7);
  z-index: 1;
}
.contact-us-section.bs_central_contact {
  margin-bottom: 0;
}
.icon-bs-bullet-point:before {
  font-size: 15px;
  padding-right: 16px;
}
@media (max-width: 1024px) {
  .overlay_sec {
    top: 80px;
  }
}
@media (max-width: 991px) {
  .overlay_sec {
    top: 73px;
    max-width: 832px;
  }
  .overlay_sec h1 {
    font-size: 43px;
  }
}
@media (max-width: 912px) {
  .business_central_section video {
    display: none;
  }
  .overlay_sec {
    position: relative;
    left: 0;
    background: rgba(16, 85, 139, 1);
    padding: 30px 20px 36px 20px;
    top: 0;
    max-width: 912px;
  }
  .header-logo-central {
    position: static;
    padding: 20px 0 0 20px;
    background: rgba(16, 85, 139, 1);
    top: 0;
  }
  .header-logo-central.sticky1 {
    padding: 20px 0 20px 20px;
  }
  .business_central_section .video_overlay:after {
    background: transparent;
    display: none;
  }
  .case_study_section .media i {
    padding-right: 5px;
  }
  .case_study_section .media img {
    padding-right: 5px;
  }
}
@media (max-width: 724px) {
  .overlay_sec {
    top: 0;
  }
  .overlay_sec {
    max-width: 596px;
  }
}
@media (max-width: 600px) {
  .business-adapting {
    padding-top: 70px;
  }
  .business-adapting p {
    font-size: 22px;
  }
  .business-central-dynamics1 .dynamics-icon i {
    padding-right: 0;
  }
  .video-section .dynamics-p p {
    padding-bottom: 20px;
  }
  .case_study_section h2 {
    font-size: 28px;
  }
  .case_study_section .case_text h3 {
    font-size: 22px;
    padding-top: 20px;
  }
  .case_study_section .case_text h1 {
    font-size: 16px;
  }
  .case_study_section .case_text li {
    font-size: 14px;
  }
  .bs_client_section h2 {
    font-size: 28px;
    padding-left: 0;
    padding-right: 0;
  }
  .bs_benefits h2 {
    font-size: 28px;
  }
  .bs_benefits .card h3 {
    font-size: 22px;
  }
  .overlay_sec {
    position: relative;
    left: 0;
  }
  .overlay_sec h1 {
    font-size: 35px;
  }
  .overlay_sec .contact-btn a {
    padding: 6px 18px;
  }
  .bs_benefits .bs_container .benefits_col {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 50px;
  }
  .case_study_section .case_study_col h1 {
    font-size: 16px;
  }
  .case_study_section .media i {
    padding-right: 10px;
  }
  .case_study_section .case_study_col {
    width: 50%;
  }
  .case_study_section .case_text {
    padding-left: 10px;
  }
  .case_study_section .case_study_inner .row {
    margin-right: 0;
    margin-left: 0;
  }
  .case-study-slider .PrevArrow.rounded-slider-btn {
    transform: translateX(-150%);
  }
  .case-study-slider .NextArrow.rounded-slider-btn {
    transform: translateX(10%);
  }
  .business_central_section video {
    display: none;
  }
  .overlay_sec {
    top: 0px;
  }
  .bs_benefits .bs_container .benefits_row {
    padding-bottom: 0;
  }
  .contact-us-section.m-b-0 .contact-us-loc-col {
    padding: 3.375em 15px 2.813em 0;
  }
  .case_study_section .row {
    margin-right: 0;
    margin-left: 0;
  }
  .case_study_section .overlay_container {
    padding: 35px 0;
  }
  .case_study_section1 .contain {
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .case_study_section .media p {
    font-size: 14px;
  }
  .case_study_section .media img {
    padding-right: 10px;
  }
  .overlay_sec ul {
    margin-bottom: 0;
  }
  .overlay_sec h2 {
    font-size: 23px;
  }
  .overlay_sec li {
    font-size: 18px;
  }
  .header-logo-central img {
    width: 191px;
  }
  .icon-bs-bullet-point:before {
    font-size: 12px;
  }
  .overlay_sec .overlay_sec_inner {
    padding-top: 6px;
  }
  .overlay_sec h2 {
    padding-top: 8px;
  }
  .business-central-dynamics1 {
    display: block !important;
  }
  .business-central-dynamics {
    display: none;
  }
}
@media (max-width: 280px) {
  .bs_client_section h2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .case_study_section .case_study_col {
    padding-right: 0;
    padding-left: 0;
  }
}
/* software-development-uxsense */
.modal.uxsense-modal .modal-dialog {
  max-width: calc(100% - 0px);
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: transparent;
  display: flex;
  align-items: center;
  position: relative;
}
.modal.uxsense-modal {
  padding-right: 0 !important;
}
.modal.uxsense-modal .modal-content {
  box-shadow: 0px 0px 50px #0000001a;
  border: none;
  border-radius: 0;
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 200px);
}
.modal.uxsense-modal .modal-body {
  padding: 0;
}
.modal.uxsense-modal .modal-header .close {
  padding: 1rem 1rem;
  position: relative;
  top: 0;
  right: 0px;
  font-size: 45px;
  text-shadow: 0 1px 0 #fff;
  color: #000000 !important;
  background-color: transparent;
  border-radius: none;
  right: 25px;
  font-weight: 400;
}
.modal.uxsense-modal .modal-header {
  padding: 1rem 1rem;
}
.modal.uxsense-modal .modal-title {
  width: 100%;
  padding-top: 12px;
  color: #042048;
  font-size: 30px;
  font-weight: 700;
}
.uxsense-modal .uxsense-sec {
  margin-top: 10px;
}
.uxsense-modal .ux-desktop {
  max-width: 592px;
  margin-bottom: 0;
}
.uxsense-modal .sd-uxsense-slider .slick-slide img {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.uxsense-modal .uxm-slider .slick-slide.slick-current {
  margin-top: 5px;
}
.sd-uxsense-slider .slick-list.draggable {
  border-radius: 35px;
}
.uxsense-modal .uxsense-modal .uxm-slider .slick-prev.slick-arrow {
  display: none !important;
}
.uxsense-modal .uxm-slider .slick-next.slick-arrow {
  display: none !important;
}
.uxsense-modal .uxm-slider .slick-slider {
  max-width: 1016px;
}
.uxsense-modal .uxm-slider {
  width: 100%;
  height: auto;
}
.uxsense-modal .uxm-slider .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 12px;
  padding: 1rem 0;
}
.uxsense-modal .uxm-slider .slick-dots li {
  margin: 0 0.25rem;
}
.uxsense-modal .uxm-slider .slick-dots li.slick-active button {
  border: 1px solid #000000;
  background-color: #000000 !important;
}
.uxsense-modal .uxm-slider .slick-dots button {
  border: 1px solid #707070;
  width: 10px;
  height: 10px;
  display: block;
  padding: 0;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: transparent;
}
.uxsense-modal .sd-uxsense-slider {
  width: 100%;
  height: auto;
}
.uxsense-modal .sduxsense-slider .slick-slider {
  max-width: 1220px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
  list-style: none !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  margin-top: 35px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots li {
  margin: 0 0.25rem;
}
.uxsense-modal .sd-uxsense-slider .slick-dots button {
  border: 1px solid #707070;
  width: 10px;
  height: 10px;
  display: block;
  padding: 0;
  border-radius: 100%;
  text-indent: -9999px;
  outline: none !important;
  background-color: transparent;
}
.uxsense-modal .sd-uxsense-slider .slick-prev.slick-arrow {
  display: none !important;
}
.uxsense-modal .sd-uxsense-slider .slick-next.slick-arrow {
  display: none !important;
}
.uxsense-modal .sd-uxsense-slider .slick-dots li.slick-active button {
  border: 1px solid #000000;
  background-color: #000000 !important;
}
.uxsense-modal .ux-desktop .middleLayer {
  height: auto;
  max-height: 397px;
}
.uxsense-modal .sd-uxsense-slider .slick-dots {
  position: relative;
  top: -6px;
  margin-top: 16px;
}
.uxsense-modal .uxm-slider .slick-dots {
  position: relative;
}
.uxsense-modal .ux-mobile .middleLayer img {
  max-width: 196px;
  max-height: calc(100% - 54px);
}
.uxsense-modal .uxm-slider .slick-slide img {
  max-width: 196px;
  max-height: 394px;
  border-radius: 18px;
  overflow: hidden;
  width: 100%;
  height: auto;
  border: 1px solid #dfe2e9;
}
.uxsense-modal .uxm-slider .slick-list.draggable {
  border-radius: 18px;
  padding: 0px 0px !important;
}
.uxsense-modal .ux-mobile {
  margin-bottom: 0;
}
@media (max-width: 1366px) {
  .uxsense-modal .sd-uxsense-slider .slick-slide img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .uxsense-modal .ux-desktop {
    margin-bottom: -20px;
  }
  .uxsense-modal .sd-uxsense-slider .slick-dots {
    top: -22px;
    margin-top: 28px;
  }
  .uxsense-modal .uxm-slider .slick-slide {
    padding: 0 30px;
  }
}
@media (max-width: 912px) {
  .uxsense-modal .ux-desktop {
    margin-bottom: 0;
  }
  .uxsense-modal .sd-uxsense-slider .slick-dots {
    top: -14px;
  }
}
@media (max-width: 600px) {
  .modal.uxsense-modal .modal-content {
    max-width: calc(100% - 30px);
  }
  .uxsense-modal .sd-uxsense-slider .slick-dots {
    top: -6px;
    margin-top: 10px;
  }
  .modal.uxsense-modal .modal-header .close {
    right: 0;
    top: 0;
    font-size: 35px;
  }
  .uxsense-modal .uxm-slider .slick-slide {
    padding: 0 129px;
  }
}
@media (max-width: 414px) {
  .uxsense-modal .modal-title {
    line-height: normal;
  }
  .modal.uxsense-modal .modal-title {
    font-size: 24px;
  }
  .uxsense-modal .uxm-slider .slick-slide {
    padding: 0 66px;
  }
  .uxsense-modal .sd-uxsense-slider .slick-list.draggable {
    border-radius: 22px;
  }
}
@media (max-width: 393px) {
  .uxsense-modal .uxm-slider .slick-slide {
    padding: 0 46px;
  }
  .uxsense-modal .sd-uxsense-slider .slick-list.draggable {
    border-radius: 16px;
  }
}
.infoKnow {
  text-align: left !important;
}
/* azure-subscription */
.azure-subs {
  background: url(../img/azure/Group_14285) no-repeat;
  width: 100%;
  background-size: 100% auto;
}
.azure-subs .header-content {
  padding-top: 95px;
}
.azure-subs .header-content .top-head {
  text-align: center;
  letter-spacing: 0;
  color: #ffffff;
  font-size: 42px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 58px;
  margin: 0 auto;
  max-width: 770px;
}
.azure-subs .header-content .top-head span {
  color: #f79c2e;
}
.offer-section .offer-h3 {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 0px;
}
.offer-section .offer-head {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 48px;
  font-weight: 800;
  margin-bottom: 4px;
}
.offer-section .offer-h5 {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 18px;
  font-weight: 700;
}
.offer-section .ass-azure {
  margin: 0 auto;
  max-width: 421px;
}
.offer-sub-head {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 16px;
  margin-bottom: 6px;
}
.azure-subs .hr-line {
  max-width: 354px;
  margin: 0 auto;
}
.azure-subs .header-content span {
  color: #f79c2e;
}
.pera-offer {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 16px;
}
.offer-head-h1 {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-top: 35px;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 42px;
}
.azure-subs .benefit-col {
  max-width: 706px;
}
.azure-subs .cost-row {
  margin-top: -10px;
}
.azure-subs .card-cntnt {
  margin-top: -45px;
}
.ofr-sec {
  background: url(../img/azure/offer_14287.png);
  height: 200px;
  background-size: 100% 100%;
  border-radius: 10px 0px 0px 0px;
}
.benifit-desc {
  letter-spacing: 0px;
  color: #5b5b5b;
  opacity: 1;
  font-size: 18px;
}
.grid-para {
  letter-spacing: 0px;
  color: #2e2929;
  opacity: 1;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}
.grid-heading {
  letter-spacing: 0px;
  color: #070707;
  opacity: 1;
  font-size: 20px;
  margin-bottom: 10px;
}
.grid-para-centre {
  letter-spacing: 0px;
  color: #cbcbcb;
  opacity: 1;
  font-size: 16px;
  font-weight: 600;
}
.grid-heading-centre {
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}
.offer-content {
  background: #fff;
  border-radius: 10px;
  margin-top: 35px;
  box-shadow: 0px 0px 15px #3b3d4329;
}
.offer-section {
  border-radius: 10px 0px 0px 0px;
}
.left-section {
  background: #fec724;
  border-radius: 10px 0px 0px 10px;
}
.nopadding {
  padding: 0 !important;
}
.nomargin {
  margin: 0 !important;
}
.centre-col-dv {
  background: #09295e;
  color: #fff;
}
.dv-round {
  border-radius: 12px;
  padding-top: 50px !important;
  box-shadow: 0px 3px 20px #00000029;
}
.centre-col-dv {
  border-radius: 12px;
  padding-top: 50px !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}
.mob-lg {
  width: 20%;
}
.mob-lg img {
  width: 100%;
  /*max-height: 35px;*/
}
.mob-lg .mob-lg-inner {
  border-radius: 8px;
  border: 1px solid #e1e1e6;
}
.form-para-head {
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
}
.offer-section .detail-form {
  margin-top: -6px;
}
.offer-section .azure-btn {
  margin-top: 35px;
  margin-bottom: 15px;
}
.offer-section .btn.azure-btn:hover {
  color: #ffffff !important;
}
.azure-subs .benefits-row {
  margin-right: 0;
  margin-left: 0;
}
.azure-from {
  padding: 15px 25px;
}
.azure-from label {
  letter-spacing: 0px;
  color: #7f7f88;
  opacity: 1;
  font-size: 14px;
}
.azure-from ::placeholder {
  letter-spacing: 0px;
  color: #83838d;
  opacity: 1;
  font-size: 14px;
}
.form-cntn {
  letter-spacing: 0px;
  color: #94949c;
  opacity: 1;
  font-size: 16px;
}
.btn-sbmt {
  background: #f79c2e 0% 0% no-repeat padding-box;
  border-radius: 6px;
  opacity: 1;
  font: normal normal 600 16px/20px Muli;
  letter-spacing: 0px;
  color: #ffffff;
}
.card-img {
  position: relative;
  top: -55px;
}
.card-img-spn {
  border-radius: 50%;
  background-color: #edf6ff;
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-2-spn {
  background-color: #fef2ee !important;
}
.card-img img {
  width: 42px;
}
.azure-subs .inner-img {
  display: flex;
  justify-content: center;
}
.card.azure-card {
  border: 0;
  box-shadow: 0px 3px 20px #00000029;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}
.centre-az {
  background: #09295e;
}
.offer-content .border-bottom {
  border-bottom: 1px solid #000000 !important;
}
.azure-subs .offer-sub-head-inner {
  color: #000000;
  font-size: 18px;
}
.azure-subs .azure-from .wpcf7-list-item.first label {
  display: flex;
  align-items: baseline;
  margin-left: -13px;
}
.azure-subs .azure-from .wpcf7-list-item-label {
  margin-left: 8px;
  position: relative;
  top: -1px;
}
.azure-subs .azure-from .has-spinner {
  white-space: break-spaces;
}
.azure-subs .azure-from .wpcf7-form-control-wrap.comunications {
  margin-bottom: -18px;
}
.azure-subs .main-contain {
  padding: 0 138px;
}
.azure-subs .azure-card:hover {
  background-color: #09295e;
}
.azure-subs .azure-card:hover .grid-heading {
  color: #ffffff;
}
.azure-subs .azure-card:hover .grid-para {
  color: #cbcbcb;
}
/*.comunications .wpcf7-list-item-label{
letter-spacing: 0px;
color: #94949C;
opacity: 1;
font-size: 16px;
}*/
.form-cntn-lb {
  letter-spacing: 0px;
  color: #7f7f88;
  opacity: 1;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .azure-subs .main-contain {
    padding: 0 115px;
  }
}
@media (max-width: 912px) {
  .azure-subs .main-contain {
    padding: 0 100px;
  }
}
@media (max-width: 820px) {
  .azure-subs .main-contain {
    padding: 0 93px;
  }
}
.azure-subs .header-content {
  padding-top: 80px;
}
.azure-subs .header-content .top-head {
  font-size: 36px;
}
@media (max-width: 767px) {
  .ofr-sec {
    border-radius: 10px 10px 0px 0px;
  }
  .offer-section {
    border-radius: 10px 10px 0px 0px;
  }
  .left-section {
    background: #fec724;
    border-radius: 10px 10px 0px 0px;
  }
  .azure-subs .header-content .top-head {
    font: normal normal bold 40px/60px Muli;
  }
  .azure-from {
    margin-top: 20px !important;
  }
}
@media (max-width: 600px) {
  .azure-subs {
    background: url(../img/azure/mobile-bg.png) no-repeat;
    width: 100%;
    background-size: 100% auto;
  }
  .azure-subs .main-contain {
    padding: 0 15px;
  }
  .azure-subs .header-content {
    padding-top: 60px;
  }
  .azure-subs .offer-content {
    margin: 30px 5px 0 5px;
  }
  .offer-section .offer-h3 {
    font-size: 22px;
  }
  .azure-subs .support-col {
    padding-right: 0;
    padding-left: 0;
  }
  .azure-subs .first-cost {
    padding-left: 20px;
    padding-right: 20px;
  }
  .azure-subs .azure-client-logo {
    margin-left: 0;
    margin-right: 0;
  }
  .azure-subs .must-col {
    padding-left: 0;
    padding-right: 0;
  }
  .azure-subs .offer-sub-head-inner {
    font-weight: 700;
  }
  .azure-subs .ofr-sec {
    background: url(../img/azure/offer-mobile-bg.png);
    background-size: 100% 100%;
    border-radius: 8px 8px 0px 0px;
  }
  .azure-subs {
    padding-top: 30px;
  }
  .azure-subs h1 {
    font-size: 25px;
  }
  .mob-lg {
    width: 50%;
  }
  .azure-subs .header-content .top-head {
    font-size: 28px;
    line-height: 45px;
  }
}
/* new dynamic 365 */
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("../fonts/Poppins-ExtraLight.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/Poppins-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/Poppins-SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}
.inner-banner-section {
  margin-top: 3.688em;
}
header .navbar-brand.sticky-nav img {
  display: none;
}
header .dynamic-sticky .navbar-brand img {
  display: none;
}
header .dynamic-sticky .navbar-brand.sticky-nav img {
  display: block;
}
.dynamic-365-landing-section {
  width: 100%;
  height: 100vh;
  position: relative;
}
.dynamic-365-landing-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.dynamic-365-landing-section video {
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
}
.dynamic-365-landing-section .video-section {
  display: flex;
  justify-content: center;
}
.dynamic-365-landing-section .video-overlay {
  position: relative;
}
.dynamic-365-landing-section .video-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.dynamic-365-landing-section .inner-video-section {
  position: absolute;
  top: 265px;
}
.dynamic-365-landing-section .inner-video-section h2 {
  font-family: Poppins-SemiBold;
  font-size: 70px;
  color: #f79c2e;
  margin: 0 auto;
  max-width: 1492px;
  text-align: center;
}
.dynamic-365-landing-section .inner-video-section p {
  font-family: Poppins-ExtraLight;
  font-size: 35px;
  color: #fff1f1;
  text-align: center;
  margin-top: 65px;
}
.dynamic-365-landing-section .inner-video-section h2 span {
  color: #ffffff;
}
.dynamic-365-landing-section .main-know-more {
  width: 100%;
  text-align: center;
  margin-top: 145px;
}
.dynamic-365-landing-section .know-more-btn {
  text-align: center;
  background-color: transparent;
  color: #f79c2e;
  border-radius: 50px;
  border: 2px solid #f79c2e;
  font-size: 22px;
  font-family: "Poppins-Light";
  padding: 10px 38px;
}
.dynamic-365-landing-section .know-more-btn img {
  width: 22px;
  height: 25px;
  margin-left: 8px;
  margin-top: -4px;
}
.dynamic-365-landing-section .microsoft-certificate img {
  position: absolute;
  bottom: 50px;
  left: 60px;
}
.dynamic-365-landing-section .microsoft-logo img {
  position: absolute;
  bottom: 82px;
  right: 85px;
}
.our-services {
  padding: 75px 120px;
  background-color: #ffffff;
  scroll-margin-top: 69px;
}
.our-services .stroked {
  color: white;
  font-size: 90px;
  font-family: "Poppins-SemiBold";
  -webkit-text-stroke: 1px rgba(255, 228, 181, 0.85);
  text-align: center;
  margin-bottom: 0;
}
.our-services h4 {
  font-size: 50px;
  font-family: "Poppins-Medium";
  margin-top: -70px;
  text-align: center;
  color: #252525;
  margin-bottom: 0;
}
.our-services h4 span {
  color: #f79c2e;
}
.our-services-tab {
  margin-top: 82px;
}
.our-services-tab .tab-content-col {
  position: static;
}
.our-services-tab .tab-content {
  padding: 0 0 0 15px;
}
.our-services-tab .nav-item .nav-link {
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  padding: 50px 30px 50px 30px;
  margin-bottom: 20px;
}
.our-services-tab .nav-item .nav-link.active {
  border: 2px solid #ff851b;
}
.our-services-tab .our-services-link-img {
  padding-right: 40px;
  max-width: 137px;
}
.our-services-tab .our-services-link-description h4 {
  font-size: 28px;
  font-family: "Poppins-Medium";
  color: #252525;
  text-align: start;
  margin-top: 0;
  margin-bottom: 12px;
}
.our-services-tab .our-services-link-description h4 span {
  color: #f79c2e;
}
.our-services-tab .our-services-link-description p {
  font-size: 20px;
  font-family: "Poppins-Light";
  color: #505050;
  text-align: start;
  margin-bottom: 0;
}
.our-services-tab .tab-pane .tab-pane-img {
  padding-bottom: 45px;
}
.our-services-tab .tab-pane h5 {
  font-size: 28px;
  font-family: "Poppins-Medium";
  color: #252525;
  margin-bottom: 0;
}
.our-services-tab .tab-pane h5:last-of-type {
  margin-top: 65px;
}
.our-services-tab .tab-pane p {
  margin-top: 20px;
  font-size: 22px;
  font-family: "Poppins-Light";
  color: #252525;
  margin-bottom: 40px;
}
.our-services-tab .tab-pane a {
  border: 1.32px solid #ff851b;
  border-radius: 40px;
  padding: 12px 35px;
  color: #252525;
  font-size: 20px;
  font-family: "Poppins-Light";
  text-decoration: none;
}
@media (min-aspect-ratio: 16/9) {
  .dynamic-365-landing-section .background-video {
    width: 100%;
    height: 100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .dynamic-365-landing-section .background-video {
    width: 100%;
    height: 100%;
  }
}
.main-dynamics-business-central {
  background: url("../images/microsoft-dynamic-365/dynamics-business-central.png")
    center no-repeat;
  padding: 165px 124px;
  text-align: start;
  background-size: 100% 100%;
}
.main-dynamics-business-central h1 {
  font-family: "Poppins-Medium";
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 600;
  max-width: 550px;
}
.main-dynamics-business-central .business-central-line {
  height: 6px;
  background-color: #fea200;
  text-align: center;
  width: 206px;
  margin-bottom: 0;
  display: none;
}
.dynamics-business-central-content {
  padding: 75px 124px;
}
.dynamics-business-central-content p span {
  font-family: "Poppins-Medium";
}
.dynamics-business-central-content p {
  color: #4b4b4b;
  font-family: "Poppins-Light";
  font-size: 20px;
}
.dynamics-business-central-content p.content-info {
  padding-top: 75px;
}
.dynamics-business-central-plans {
  display: flex;
}
.dynamics-business-central-plans .plans-yellow-right {
  background: #fda100;
  color: #fff;
  letter-spacing: 1px;
  padding: 15px 20px;
  text-align: center;
  font-size: 18px;
  font-family: "Poppins-Regular";
  width: 150px;
  font-weight: 100;
}
.plans-yellow-right img {
  width: 28px;
  height: 20px;
  vertical-align: baseline;
}
.plans-yellow-right.unchecked img {
  width: 20px;
  height: 20px;
}
.dynamics-business-central-plans .business-central-plans-tbl {
  width: 100%;
}
.dynamics-business-central-plans
  .business-central-plans-tbl
  .business-central-plans-tbody
  tr:nth-child(2)
  td:nth-child(1) {
  padding-top: 30px;
}
.dynamics-business-central-plans
  .business-central-plans-tbl
  .business-central-plans-tbody
  tr:nth-child(8)
  td:nth-child(1) {
  padding-bottom: 30px;
}
.dynamics-business-central-plans
  .business-central-plans-tbl
  .business-central-plans-tbody
  tr
  td {
  padding: 15px 0 15px 0;
}
.dynamics-business-central-plans
  .business-central-plans-tbl
  .business-central-plans-tbody
  tr
  td:nth-child(1) {
  padding: 10px 28px 10px 65px;
}
.dynamics-business-central-plans .business-central-plans-tbl tr th,
.dynamics-business-central-plans .business-central-plans-tbl tr td {
  border-right: 4px solid #fff;
  border-bottom: none !important;
}
.dynamics-business-central-plans .business-central-plans-tbl tr {
  border-bottom: none !important;
}
.dynamics-business-central-plans .plans-blue-left a:before {
  font-family: "icomoon";
  content: "\e963";
  position: absolute;
  left: -47px;
  font-size: 30px;
  margin-top: -8px;
}
.dynamics-business-central-plans .plans-blue-left {
  background: #303030;
  color: #ffffff !important;
  letter-spacing: 1px;
  font-size: 18px;
  font-family: "Poppins-Regular";
}
.dynamics-business-central-plans .plans-blue-left a {
  color: #ffffff !important;
  text-decoration: none;
  position: relative;
}
.dynamics-business-central-plans .plans-blue-left a:hover {
  color: #fda100 !important;
  text-decoration: underline;
  text-decoration-color: #fda100;
}
.dynamics-business-central-plans .plans-blue-left a:hover:before {
  content: "\e964";
}
.dynamics-business-central-plans tr td:nth-child(1) {
  border-left: none;
  border-right: 2px solid #303030;
}
.navbar.navbar-small {
  background: transparent;
  padding: 35px 30px;
}
.navbar.navbar-small .ig-megamenu .nav-link {
  color: #ffffff;
}
.navbar.navbar-small .ig-megamenu.contact-menu .nav-link {
  color: #ffffff !important;
}
.navbar.navbar-small .ig-megamenu.contact-menu .nav-link:hover {
  color: #f79c2e !important;
}
.navbar.navbar-small .ig-megamenu .nav-link:hover {
  color: #f79c2e;
}
.side-panel.small-sidepanel {
  display: none;
}
.dynamic-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff !important;
  padding: 0.5em 1em !important;
  z-index: 1;
}
.navbar.navbar-small.dynamic-sticky .ig-megamenu .nav-link {
  color: #2d2f3c;
}
.navbar.navbar-small.dynamic-sticky .ig-megamenu .nav-link:hover {
  color: #f79c2e;
}
.feature-functionality {
  padding: 60px 0 25px 0;
}
.feature-functionality h2 {
  color: #f79c2e;
  font-size: 24px;
  font-family: "Poppins-Medium";
  margin-bottom: 50px;
}
.feature-functionality table.feature-table {
  scroll-margin-top: 69px;
  width: 100%;
}
.feature-functionality table.feature-table tr,
.feature-functionality table.feature-table th,
.feature-functionality table.feature-table td {
  border: 1px solid #707070;
  vertical-align: top;
}
.feature-table tr,
th.th-main.showpc {
  width: 22%;
}
.feature-table .th-main.showpc h5 {
  color: #252525;
  font-size: 22px;
  font-family: "Poppins-Medium";
  background-color: #fff2dc;
  padding: 30px 25px;
  line-height: 42px;
}
.feature-table .th-main.showpc h5 span {
  color: #f79c2e;
}
.feature-table .th-main.showmb h5 {
  color: #252525;
  font-size: 36px;
  font-family: "Poppins-Medium";
  background-color: #fff2dc;
  padding: 45px 40px;
}
.feature-table .th-main.showmb h5 span {
  color: #f79c2e;
}
.feature-table tr td:first-child {
  padding: 30px 0px 30px 30px;
}
.feature-table tr td:last-child {
  padding: 30px 15px 30px 30px;
  width: 42%;
}
.feature-table td h6 {
  color: #252525;
  font-size: 20px;
  font-family: "Poppins-Medium";
  line-height: 46px;
}
.feature-table td p {
  font-size: 20px !important;
  font-family: "Poppins-Light" !important;
  color: #545454 !important;
}
.feature-table td ul {
  padding-inline-start: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.feature-table td ul li {
  color: #545454;
  font-size: 20px;
  font-family: "Poppins-Light";
  position: relative;
  padding-left: 32px;
  line-height: 46px;
}
.feature-table td ul li:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: #ff8012;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-align: center;
  top: 18px;
}
.main-business-central-fee {
  background: url("../images/microsoft-dynamic-365/business-central-fee.png")
    center no-repeat;
  background-size: 100% 100%;
  padding: 120px 0 282px 0;
}
.main-business-central-fee h1 {
  font-size: 46px;
  font-family: "Poppins-SemiBold";
  color: #ffffff;
  max-width: 988px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.main-business-central-fee h1 span {
  color: #ff8012;
}
.main-business-central-fee p {
  font-size: 26px;
  font-family: "Poppins-Light";
  color: #ffffff;
  margin: 0 auto;
  max-width: 1560px;
}
.main-business-central-fee h2 {
  margin: 0 auto;
  padding-top: 75px;
}
.main-business-central-fee h2 span {
  font-size: 46px;
  font-family: "Poppins-Medium";
  color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0 100px !important;
}
.main-business-central-fee h2 span:before,
.main-business-central-fee h2 span:after {
  display: inline-block;
  content: "";
  background: linear-gradient(270deg, #ff8012, #fea200);
  border-radius: 10px;
  max-width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
  height: 5px;
}
.main-business-central-fee h2 span:before {
  left: 0;
}
.main-business-central-fee h2 span:after {
  right: 0;
}
.business-central-pricing-plan {
  margin-top: -204px;
  padding: 0 95px;
}
.business-central-pricing-plan .pricing-plan-row .pricing-plan-col {
  padding-left: 12px;
  padding-right: 12px;
}
.business-central-pricing-plan .pricing-plan-card {
  background-color: #ffffff;
  border: 1px solid #f3f6ff;
  box-shadow: 0 0 15px #00000017;
  border-radius: 12px;
  padding: 18px;
  height: 100%;
}
.business-central-pricing-plan .pricing-inner-card {
  background-color: #f3f7ff;
  border-radius: 12px;
  padding: 20px 15px;
  min-height: 387px;
}
.business-central-pricing-plan h3 {
  color: #ff8012;
  font-size: 30px;
  font-family: "Poppins-Medium";
  margin-top: 14px;
  margin-bottom: 16px;
  min-height: 72px;
}
.business-central-pricing-plan h4 {
  font-size: 32px;
  color: #000000;
  font-family: "Poppins-SemiBold";
  min-height: 80px;
}
.business-central-pricing-plan h4 span {
  font-size: 33px;
  font-family: "Poppins-Medium";
}
.business-central-pricing-plan p {
  color: #252525;
  font-size: 20px;
  font-family: "Poppins-Regular";
  margin-bottom: 0;
}
.business-central-pricing-plan .pricing-inner-card.special-card {
  background-image: linear-gradient(120deg, #fea200, #ff8012);
  position: relative;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip {
  background: url("../images/microsoft-dynamic-365/cross-strip.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 82px;
  width: 102px;
  z-index: 98;
}
.business-central-pricing-plan .pricing-inner-card.special-card .cross-strip p {
  z-index: 99;
  position: absolute;
  transform: rotate(-40deg);
  color: #fe9f01;
  top: 20px;
  left: 2px;
  font-size: 18px;
  font-family: "Poppins-Medium";
}
.business-central-pricing-plan .pricing-inner-card.special-card h3 {
  color: #ffffff;
}
.business-central-pricing-plan .pricing-inner-card.special-card h4 {
  color: #ffffff;
}
.business-central-pricing-plan .pricing-inner-card.special-card p {
  color: #ffffff;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
  padding-inline-start: 0;
  list-style-type: none;
  padding-top: 15px;
  height: 56%;
}
.business-central-pricing-plan
  .pricing-plan-card
  .pricing-fee-ul
  .pricing-flex {
  display: flex;
  align-items: start;
  padding-bottom: 12px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p {
  color: #6e6e6e;
  font-size: 20px;
  font-family: "Poppins-Regular";
  text-align: start;
}
.business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img {
  padding-right: 15px;
  margin-top: 5px;
}
.business-central-pricing-plan .pricing-plan-card .pricing-bottom-line {
  border: 2px solid #ff8012;
  opacity: 63%;
  margin-top: -6px;
  margin-bottom: 18px;
}
.business-central-pricing-plan .pricing-plan-card .plan-description {
  height: 180px;
}
.business-central-pricing-plan .pricing-plan-card .customer-pricing {
  color: #6e6e6e;
  font-size: 16px;
  font-family: "Poppins-Regular";
  text-align: start;
  margin-bottom: 20px;
}
.business-central-pricing-plan .pricing-plan-card a {
  background-image: linear-gradient(203deg, #fea200, #ff8012);
  width: 100%;
  border-radius: 28px;
  padding: 10px;
  font-size: 22px;
  font-family: "Poppins-Regular";
  color: #ffffff;
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
.business-central-pricing-plan .pricing-plan-card a:hover {
  color: #ffffff;
}
.business-central-pricing-plan p.note {
  color: #8e8e8e;
  font-size: 24px;
  font-family: "Poppins-Light";
  margin: 0 auto;
  max-width: 1568px;
  padding: 70px 0;
}
.business-central-pricing-plan p.note span {
  color: #333333;
  font-family: "Poppins-Medium";
}
.dynamics-implementation-plan {
  background-color: #f8f8f8;
  padding: 90px 95px;
}
.dynamics-implementation-plan .implementation-row {
  margin-left: 0;
  margin-right: 0;
}
.dynamics-implementation-plan .implementation-row .implementation-col {
  padding: 20px;
}
.dynamics-implementation-plan
  .implementation-row
  .implementation-col:first-child {
  padding-left: 0;
}
.dynamics-implementation-plan
  .implementation-row
  .implementation-col:last-child {
  padding-right: 0;
}
.dynamics-implementation-plan .implementation-box {
  border-radius: 12px;
  background-image: linear-gradient(218deg, #fea200, #ff8012);
  padding: 30px 30px;
}
.dynamics-implementation-plan .inner-implementation {
  display: flex;
  align-items: center;
}
.dynamics-implementation-plan .implementation-box img {
  margin-right: 50px;
}
.dynamics-implementation-plan .implementation-box p {
  font-size: 30px;
  font-family: "Poppins-Regular";
  color: #ffffff;
  margin-bottom: 0;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon {
  margin-right: -16px;
}
.dynamics-implementation-plan .implementation-box .plans-right-icon i {
  font-size: 70px;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 1600px) {
  .navbar.navbar-small {
    padding: 20px 20px;
  }
  .dynamic-365-landing-section .inner-video-section {
    position: absolute;
    top: 270px;
  }
  .dynamic-365-landing-section .inner-video-section h2 {
    font-size: 50px;
    max-width: 1068px;
  }
  .dynamic-365-landing-section .inner-video-section p {
    font-size: 25px;
    margin-top: 40px;
  }
  .dynamic-365-landing-section .main-know-more {
    margin-top: 80px;
  }
  .dynamic-365-landing-section .know-more-btn {
    font-size: 20px;
    padding: 8px 28px;
  }
  .dynamic-365-landing-section .microsoft-certificate img {
    width: 130px;
    bottom: 25px;
    left: 42px;
  }
  .dynamic-365-landing-section .microsoft-logo img {
    width: 270px;
    bottom: 38px;
    right: 55px;
  }
  .our-services {
    padding: 50px 70px;
    background-color: #ffffff;
  }
  .our-services .stroked {
    font-size: 70px;
  }
  .our-services h4 {
    font-size: 40px;
    margin-top: -57px;
  }
  .our-services-tab {
    margin-top: 50px;
  }
  .our-services-tab .nav-item .nav-link {
    padding: 40px 30px 40px 25px;
  }
  .our-services-tab .our-services-link-img {
    padding-right: 25px;
  }
  .our-services-link-img img {
    width: 65px;
    height: 65px;
  }
  .our-services-tab .our-services-link-description h4 {
    font-size: 20px;
  }
  .our-services-tab .tab-pane .tab-pane-img {
    padding-bottom: 30px;
  }
  .our-services-tab .tab-pane p {
    margin-top: 12px;
  }
  .our-services-tab .tab-pane h5:last-of-type {
    margin-top: 45px;
  }
  .our-services-tab .our-services-link-description p {
    font-size: 16px;
  }
  .our-services-tab .tab-content {
    padding: 0 0 0 0px;
  }
  .our-services-tab .tab-pane h5 {
    font-size: 22px;
  }
  .our-services-tab .tab-pane p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .our-services-tab .tab-pane a {
    padding: 8px 25px;
    font-size: 16px;
  }
  .main-dynamics-business-central {
    padding: 120px 80px;
  }
  .main-dynamics-business-central h1 {
    font-size: 35px;
  }
  .dynamics-business-central-content {
    padding: 60px 80px;
  }
  .dynamics-business-central-content p {
    font-size: 16px;
  }
  .dynamics-business-central-content p.content-info {
    padding-top: 65px;
  }
  .plans-yellow-right img {
    vertical-align: bottom;
    width: 20px;
    height: 16px;
  }
  .dynamics-business-central-plans .plans-yellow-right {
    font-size: 16px;
    width: 136px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td {
    padding: 10px 0 10px 0;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td:nth-child(1) {
    padding: 10px 28px 10px 47px;
  }
  .dynamics-business-central-plans .plans-blue-left {
    font-size: 16px;
  }
  .dynamics-business-central-plans .plans-blue-left a:before {
    left: -36px;
    margin-top: -6px;
    font-size: 26px;
  }
  .feature-functionality {
    padding: 50px 0 30px 0;
  }
  .feature-functionality h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .feature-table tr,
  th.th-main.showpc {
    width: 24%;
  }
  .feature-table .th-main.showpc h5 {
    font-size: 20px;
    padding: 20px;
    line-height: 40px;
  }
  .feature-table tr td:first-child {
    padding: 20px 0px 20px 20px;
  }
  .feature-table tr td:last-child {
    padding: 20px 0px 20px 20px;
  }
  .feature-table td h6 {
    font-size: 18px;
    line-height: 40px;
  }
  .feature-table td p {
    font-size: 18px !important;
  }
  .feature-table td ul li {
    font-size: 18px;
    padding-left: 32px;
    line-height: 40px;
  }
  .feature-table td ul li:before {
    left: 5px;
    top: 15px;
  }
  .main-business-central-fee {
    padding: 90px 0 250px 0;
  }
  .main-business-central-fee h1 {
    font-size: 36px;
    max-width: 988px;
  }
  .main-business-central-fee p {
    font-size: 20px;
    max-width: 1106px;
  }
  .main-business-central-fee h2 {
    margin: 0 auto;
    padding-top: 72px;
  }
  .main-business-central-fee h2 span {
    font-size: 36px;
  }
  .business-central-pricing-plan {
    margin-top: -220px;
  }
  .business-central-pricing-plan {
    margin-top: -204px;
    padding: 0 60px;
  }
  .business-central-pricing-plan .pricing-plan-row .pricing-plan-col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .business-central-pricing-plan .pricing-inner-card {
    padding: 18px 0 18px 0;
  }
  .business-central-pricing-plan .pricing-inner-card img {
    width: 100px;
    height: 100px;
  }
  .business-central-pricing-plan .pricing-inner-card.special-card .cross-strip {
    top: -11px;
    left: -2px;
  }
  .business-central-pricing-plan
    .pricing-inner-card.special-card
    .cross-strip
    p {
    top: 27px;
    left: 1px;
  }
  .business-central-pricing-plan
    .pricing-inner-card.special-card
    .cross-strip
    p {
    font-size: 16px;
  }
  .business-central-pricing-plan h3 {
    font-size: 20px;
    margin-bottom: 12px;
    padding: 5px;
    min-height: 60px;
  }
  .business-central-pricing-plan h4 {
    font-size: 24px;
    margin-bottom: 0;
    min-height: 65px;
  }
  .business-central-pricing-plan h4 span {
    font-size: 26px;
    font-family: "Poppins-Medium";
  }
  .business-central-pricing-plan p {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .business-central-pricing-plan .pricing-inner-card {
    min-height: 318px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
    height: 61%;
  }
  .business-central-pricing-plan .pricing-plan-card .plan-description {
    height: 180px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p {
    font-size: 16px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-flex img {
    width: 30px;
    height: 21px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img {
    padding-right: 12px;
    margin-top: 2px;
  }
  .business-central-pricing-plan .pricing-plan-card .customer-pricing {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .business-central-pricing-plan .pricing-plan-card a {
    background-image: linear-gradient(203deg, #fea200, #ff8012);
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .business-central-pricing-plan p.note {
    font-size: 18px;
    padding: 30px 0;
  }
  .dynamics-implementation-plan {
    padding: 50px 60px;
  }
  .dynamics-implementation-plan .implementation-box {
    padding: 30px 25px;
  }
  .dynamics-implementation-plan .implementation-box img {
    width: 90px;
    height: 90px;
  }
  .dynamics-implementation-plan .implementation-box p {
    font-size: 22px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon {
    margin-right: -22px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon i {
    font-size: 55px;
  }
  .dynamics-implementation-plan .implementation-row .implementation-col {
    padding: 0 18px;
  }
  .dynamics-implementation-plan .implementation-box img {
    margin-right: 35px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td:nth-child(1) {
    padding: 10px 28px 10px 47px;
  }
}
@media (min-width: 911px) {
  .ds-pricing-plan {
    display: block;
  }
  .mb-pricing-plan {
    display: none;
  }
  .mobile-portfolio-div {
    display: none;
  }
}
@media (max-width: 912px) {
  .navbar.navbar-small {
    padding: 0.5em 1em;
  }
  .navbar.navbar-small .ig-megamenu.contact-menu .nav-link {
    border-radius: 0 !important;
  }
  .dynamic-365-landing-section {
    height: 405px;
  }
  .dynamic-365-landing-section .background-video {
    width: 100%;
    height: 405px;
  }
  .dynamic-365-landing-section .inner-video-section {
    position: absolute;
    top: 112px;
  }
  .dynamic-365-landing-section .inner-video-section h2 {
    font-size: 28px;
    max-width: 620px;
  }
  .dynamic-365-landing-section .inner-video-section p {
    font-size: 16px;
    margin-top: 28px;
  }
  .dynamic-365-landing-section .main-know-more {
    margin-top: 48px;
  }
  .dynamic-365-landing-section .know-more-btn {
    font-size: 16px;
    padding: 8px 20px;
    border: 1px solid #f79c2e;
  }
  .dynamic-365-landing-section .know-more-btn img {
    width: 12px;
    height: 11px;
    margin-left: 4px;
    margin-top: -2px;
  }
  .dynamic-365-landing-section .microsoft-certificate img {
    width: 52px;
    height: 54px;
    bottom: 18px;
    left: 32px;
  }
  .dynamic-365-landing-section .microsoft-logo img {
    width: 150px;
    bottom: 22px;
    right: 32px;
  }
  .our-services {
    padding: 40px 40px;
    scroll-margin-top: 66px;
  }
  .our-services .stroked {
    font-size: 40px;
  }
  .our-services h4 {
    font-size: 28px;
    margin-top: -36px;
  }
  .our-services-tab {
    margin-top: 30px;
  }
  .our-services-tab .nav-item .nav-link {
    padding: 20px 15px 20px 15px;
    margin-bottom: 12px;
  }
  .our-services-link-img img {
    width: 36px;
    height: 36px;
  }
  .our-services-tab .our-services-link-img {
    padding-right: 15px;
  }
  .our-services-tab .our-services-link-description h4 {
    font-size: 13px;
    margin-bottom: 4px;
  }
  .our-services-tab .our-services-link-description p {
    font-size: 10px;
  }
  .our-services-tab .our-services-link-col {
    padding-right: 5px;
  }
  .our-services-tab .tab-pane .tab-pane-img {
    padding-bottom: 25px;
  }
  .our-services-tab .tab-pane h5 {
    font-size: 14px;
  }
  .our-services-tab .tab-pane h5:last-of-type {
    margin-top: 40px;
  }
  .our-services-tab .tab-pane p {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 6px;
  }
  .our-services-tab .tab-pane a {
    padding: 6px 20px;
    font-size: 11px;
  }
  .main-dynamics-business-central {
    padding: 80px 20px;
  }
  .main-dynamics-business-central h1 {
    font-size: 26px;
    max-width: 270px;
  }
  .main-dynamics-business-central .business-central-line {
    height: 4px;
    width: 244px;
  }
  .dynamics-business-central-content {
    padding: 20px 20px;
  }
  .dynamics-business-central-content p {
    font-size: 14px;
    padding-bottom: 18px;
  }
  .dynamics-business-central-plans .plans-yellow-right {
    font-size: 14px;
    width: 44px;
    padding: 12px 18px;
  }
  .plans-yellow-right img {
    width: 20px;
    height: 15px;
    vertical-align: middle;
  }
  .plans-yellow-right.unchecked img {
    width: 17px;
    height: 17px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr:nth-child(2)
    td:nth-child(1) {
    padding-top: 30px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr:nth-child(8)
    td:nth-child(1) {
    padding-bottom: 30px;
  }
  .dynamics-business-central-plans
    .dynamics-business-central-plans
    .plans-blue-left {
    font-size: 14px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td {
    padding: 8px 0 8px 0;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td:nth-child(1) {
    padding: 8px 15px 8px 35px;
  }
  .dynamics-business-central-plans .plans-blue-left a:before {
    left: -30px;
    margin-top: -6px;
    font-size: 22px;
  }
  .feature-functionality {
    padding: 30px 0 0 0;
  }
  .feature-functionality h2 {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .feature-table .th-main.showpc h5 {
    font-size: 15px;
    padding: 12px 12px;
    line-height: 22px;
  }
  .feature-table tr td:first-child {
    padding: 15px 5px 15px 12px;
  }
  .feature-table tr td:last-child {
    padding: 15px 5px 15px 12px;
  }
  .feature-table td h6 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }
  .feature-table td p {
    font-size: 14px !important;
  }
  .feature-table td ul li {
    font-size: 14px;
    padding-left: 15px;
    line-height: 22px;
  }
  .feature-table td ul li:before {
    left: 3px;
    top: 9px;
    width: 4px;
    height: 4px;
  }
  .main-business-central-fee {
    padding: 55px 0 145px 0;
  }
  .main-business-central-fee h1 {
    font-size: 26px;
    margin-bottom: 25px;
  }
  .main-business-central-fee p {
    font-size: 14px;
    max-width: 644px;
  }
  .main-business-central-fee h2 {
    padding-top: 50px;
  }
  .main-business-central-fee h2 span {
    font-size: 30px;
    padding: 0 88px !important;
  }
  .main-business-central-fee h2 span:before,
  .main-business-central-fee h2 span:after {
    width: 56px;
  }
  .business-central-pricing-plan {
    margin-top: -106px;
  }
  .business-central-pricing-plan p.note {
    font-size: 16px;
    padding: 50px 0;
  }
  .dynamics-implementation-plan {
    padding: 60px 80px;
  }
  .dynamics-implementation-plan .implementation-box {
    padding: 20px 25px;
    position: relative;
  }
  .dynamics-implementation-plan .inner-implementation {
    display: block;
  }
  .dynamics-implementation-plan .implementation-row .implementation-col {
    padding: 0 8px;
  }
  .dynamics-implementation-plan .implementation-box img {
    width: 59px;
    height: 59px;
  }
  .dynamics-implementation-plan .implementation-box p {
    font-size: 14px;
    margin-top: 14px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon i {
    font-size: 28px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon {
    position: absolute;
    bottom: 15px;
    right: 34px;
  }
  .ds-pricing-plan {
    display: none;
  }
  .mb-pricing-plan {
    display: block;
  }
  .pricing-plan-slider .slick-list {
    padding: 0 20% 0 0;
  }
  .business-central-pricing-plan .pricing-plan-row .pricing-plan-col {
    padding-left: 6px;
    padding-right: 6px;
  }
  .business-central-pricing-plan
    .pricing-plan-row
    .pricing-plan-col:first-child {
    padding-left: 0;
  }
  .business-central-pricing-plan
    .pricing-plan-row
    .pricing-plan-col:last-child {
    padding-right: 0;
  }
  .business-central-pricing-plan {
    padding: 0 0 0 40px;
  }
  .business-central-pricing-plan .slick-track {
    display: flex;
  }
  .business-central-pricing-plan .slick-track .slick-slide {
    height: auto;
  }
  .business-central-pricing-plan .pricing-plan-card {
    padding: 12px;
  }
  .business-central-pricing-plan .pricing-inner-card {
    padding: 18px 12px;
    min-height: 240px;
  }
  .business-central-pricing-plan .pricing-inner-card img {
    width: 85px;
    height: 85px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
    height: 57%;
  }
  .business-central-pricing-plan h3 {
    font-size: 18px;
    margin-bottom: 12px;
    min-height: 30px;
  }
  .business-central-pricing-plan h4 {
    font-size: 22px;
    min-height: 44px;
  }
  .business-central-pricing-plan h4 span {
    font-size: 22px;
  }
  .business-central-pricing-plan .pricing-plan-card .plan-description {
    height: 104px;
  }
  .business-central-pricing-plan p {
    font-size: 12px;
    margin-bottom: 0;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul li img {
    padding-right: 0;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-flex img {
    width: 15px;
    height: 15px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul p {
    font-size: 13px;
    margin-left: 8px;
  }
  .business-central-pricing-plan .pricing-plan-card .customer-pricing {
    font-size: 11px;
    margin-bottom: 12px;
  }
  .business-central-pricing-plan .pricing-plan-card a {
    font-size: 14px;
    padding: 8px;
  }
  .pricing-plan-slider .slick-dots {
    list-style: none !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 0;
    margin-top: 15px;
    margin-bottom: 0;
  }
  .pricing-plan-slider .slick-dots li {
    margin: 0 0.25rem;
  }
  .pricing-plan-slider .slick-dots li.slick-active button {
    background-color: #c7c7c7 !important;
    border: none;
    color: #fff;
    height: 15px;
    width: 34px;
    border-radius: 16px;
  }
  .pricing-plan-slider .slick-dots button {
    width: 14px;
    height: 15px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 100%;
    text-indent: -9999px;
    outline: none !important;
    background-color: #ececec;
  }
  .pricing-plan-slider .slide {
    padding: 0 10px;
  }
  .business-central-pricing-plan p.note {
    font-size: 16px;
    padding: 40px 40px 10px 0;
  }
  .dynamics-implementation-plan {
    padding: 45px 80px;
  }
}
@media (min-width: 601px) {
  .desktop-our-services {
    display: block;
  }
  .mobile-our-services {
    display: none;
  }
  .feature-table .th-main.showmb {
    display: none;
  }
}
@media (max-width: 600px) {
  .inner-banner-section {
    margin-top: 4.688em;
  }
  .feature-table .th-main.showpc h5 {
    display: none;
  }
  .dynamic-365-landing-section {
    height: 571px;
  }
  .dynamic-365-landing-section .background-video {
    height: 571px;
  }
  .dynamic-365-landing-section .inner-video-section {
    top: 148px;
  }
  .dynamic-365-landing-section .inner-video-section h2 {
    font-size: 22px;
    max-width: 281px;
    text-align: center;
    font-family: "Poppins-Medium";
  }
  .dynamic-365-landing-section .inner-video-section p {
    font-size: 12px;
    margin-top: 35px;
    text-align: center;
    max-width: 284px;
  }
  .dynamic-365-landing-section .main-know-more {
    margin-top: 70px;
  }
  .dynamic-365-landing-section .know-more-btn {
    font-size: 14px;
    padding: 8px 20px;
  }
  .dynamic-365-landing-section .know-more-btn img {
    margin-left: 4px;
  }
  .dynamic-365-landing-section .microsoft-certificate img {
    width: 37px;
    height: 39px;
    bottom: 20px;
    left: 20px;
  }
  .dynamic-365-landing-section .microsoft-logo img {
    height: 28px;
    width: 95px;
    bottom: 22px;
    right: 22px;
  }
  .our-services {
    padding: 30px 20px;
  }
  .our-services .stroked {
    font-size: 26px;
  }
  .our-services h4 {
    font-size: 20px;
    margin-top: -25px;
  }
  .desktop-services {
    display: none;
  }
  .desktop-our-services {
    display: none;
  }
  .mobile-our-services {
    display: block;
  }
  .microsoft-services-accordion {
    padding-top: 30px;
  }
  .microsoft-services-accordion .card {
    margin-bottom: 10px;
    border: 0;
    border: 1px solid #d1d1d1 !important;
    border-radius: 8px !important;
  }
  .microsoft-services-accordion .card .card-header {
    border: 0;
    border-bottom: 1px solid #d1d1d1;
    padding: 15px 12px;
    position: relative;
    background-color: transparent;
  }
  .microsoft-services-accordion .card .card-header .btn-header-link {
    text-align: left;
    color: #222;
    padding: 0;
  }
  .microsoft-services-accordion .card .card-header .btn-header-link:focus {
    box-shadow: none;
  }
  .microsoft-services-accordion .card .card-header .btn-header-link:after {
    content: "\e962";
    font-family: "icomoon";
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    top: 23px;
    right: 10px;
    width: 29px;
    height: 29px;
    background-color: #efefef;
    display: flex;
    justify-content: center;
    color: #b4b4b4;
    align-items: center;
    border-radius: 50%;
  }
  .microsoft-services-accordion
    .card
    .card-header
    .btn-header-link.collapsed:after {
    content: "\e963";
  }
  .microsoft-services-accordion .card .collapsing {
    line-height: 30px;
  }
  .microsoft-services-accordion .card .collapse {
    border: 0;
  }
  .microsoft-services-accordion .our-services-link-img {
    margin-right: 18px;
  }
  .microsoft-services-accordion .our-services-link-img img {
    width: 34px;
    height: 34px;
  }
  .microsoft-services-accordion .our-services-link-description h4 {
    font-family: "Poppins-Regular";
    font-size: 14px;
    margin-top: 0;
    text-align: start;
    margin-bottom: 6px;
  }
  .microsoft-services-accordion .our-services-link-description p {
    font-size: 10px;
    margin-bottom: 0;
    color: #505050;
    max-width: 254px;
  }
  .microsoft-services-accordion .card-body {
    padding: 15px 12px 30px 12px;
  }
  .microsoft-services-accordion .card-body h5 {
    font-family: "Poppins-Medium";
    font-size: 14px;
    color: #252525;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .microsoft-services-accordion .card-body p {
    font-size: 12px;
    font-family: "Poppins-Light";
    color: #252525;
    margin-bottom: 24px;
  }
  .microsoft-services-accordion .card-body a {
    font-size: 14px;
    color: #252525;
    font-family: "Poppins-Light";
    border: 1px solid #ff851b;
    border-radius: 40px;
    padding: 6px 18px;
    text-decoration: none;
  }
  .microsoft-services-accordion .card-body h5:last-of-type {
    margin-top: 36px;
  }
  .microsoft-services-accordion .card-body .tab-pane-img img {
    border-radius: 10px;
  }
  .main-dynamics-business-central {
    background: url(../images/microsoft-dynamic-365/mobile-dynamics-business-central.png)
      center no-repeat;
    background-size: cover;
    height: 495px;
    padding: 50px 15px;
    text-align: center;
    width: 100%;
  }
  .dynamics-business-central-content {
    padding: 20px 15px;
  }
  .main-dynamics-business-central h1 {
    font-size: 16px;
    max-width: 150px;
    font-weight: 600;
    margin: 0 auto;
    line-height: 25px;
  }
  .main-dynamics-business-central .business-central-line {
    height: 1px;
    width: 90px;
  }
  .dynamics-business-central-content p {
    font-size: 14px;
    padding-bottom: 16px;
  }
  .dynamics-business-central-plans .plans-yellow-right {
    font-size: 10px;
    width: 80px;
    padding: 8px 4px;
  }
  .dynamics-business-central-plans .business-central-plans-tbl tr th,
  .dynamics-business-central-plans .business-central-plans-tbl tr td {
    border-right: 2px solid #fff;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr:nth-child(2)
    td:nth-child(1) {
    padding-top: 18px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr:nth-child(8)
    td:nth-child(1) {
    padding-bottom: 18px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td:nth-child(1) {
    padding: 8px 3px 8px 39px;
  }
  .dynamics-business-central-plans
    .business-central-plans-tbl
    .business-central-plans-tbody
    tr
    td {
    padding: 8px 0 8px 0;
  }
  .dynamics-business-central-plans .plans-blue-left {
    font-size: 11px;
  }
  .dynamics-business-central-plans .plans-blue-left a:before {
    left: -22px;
    margin-top: -6px;
    font-size: 15px;
    margin-top: -2px;
  }
  .plans-yellow-right img {
    width: 11px;
    height: 8px;
    vertical-align: middle;
  }
  .plans-yellow-right.unchecked img {
    width: 9px;
    height: 9px;
  }
  .dynamics-business-central-plans tr td:nth-child(1) {
    border-left: none;
    border-right: 2px solid #303030;
  }
  .feature-functionality table.feature-table {
    scroll-margin-top: 57px;
  }
  .feature-table .th-main.showpc {
    display: none;
  }
  .feature-functionality {
    padding: 0 0 15px 0;
  }
  .feature-functionality h2 {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .feature-table .th-main.showmb h5 {
    font-size: 14px;
    padding: 15px 20px;
    text-align: center;
    margin-bottom: 0;
  }
  .feature-table td h6 {
    font-size: 12px;
  }
  .feature-table td p {
    font-size: 11px !important;
  }
  .feature-table tr td:first-child {
    padding: 12px 10px 12px 12px;
    width: 41%;
  }
  .feature-table tr td:last-child {
    padding: 12px 10px 12px 12px;
    width: auto;
  }
  .feature-table td ul li {
    font-size: 11px;
  }
  .main-business-central-fee {
    background: url("../images/microsoft-dynamic-365/mobile-business-central-fee.png")
      center no-repeat;
    padding: 40px 0 90px 0;
    background-size: cover;
  }
  .main-business-central-fee h1 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .main-business-central-fee p {
    font-size: 12px;
    max-width: 358px;
  }
  .main-business-central-fee h2 {
    padding-top: 24px;
  }
  .main-business-central-fee h2 span {
    font-size: 16px;
    padding: 0 72px !important;
  }
  .business-central-pricing-plan {
    margin-top: -60px;
    padding: 0 0 0 32px;
  }
  .pricing-plan-slider .slick-dots {
    margin-top: 25px;
  }
  .pricing-plan-slider .slick-dots button {
    width: 10px;
    height: 10px;
  }
  .pricing-plan-slider .slick-dots li.slick-active button {
    height: 10px;
    width: 21px;
  }
  .business-central-pricing-plan p.note {
    font-size: 14px;
    padding: 20px 40px 10px 0;
  }
  .dynamics-implementation-plan {
    padding: 30px 30px 20px 30px;
  }
  .dynamics-implementation-plan .implementation-row .implementation-col {
    padding: 0;
    margin-bottom: 20px;
  }
  .dynamics-implementation-plan .implementation-box img {
    width: 68px;
    height: 67px;
  }
  .dynamics-implementation-plan .implementation-box p {
    font-size: 15px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon i {
    font-size: 30px;
  }
  .dynamics-implementation-plan .implementation-box .plans-right-icon {
    bottom: 16px;
    right: 34px;
  }
  .business-central-pricing-plan h3 {
    font-size: 18px;
    min-height: 52px;
  }
  .business-central-pricing-plan h4 {
    font-size: 20px;
    min-height: 35px;
  }
  .business-central-pricing-plan .pricing-inner-card {
    min-height: 252px;
  }
  .business-central-pricing-plan .pricing-plan-card .pricing-fee-ul {
    height: 58%;
  }
  .dynamics-business-central-content p.content-info {
    padding-top: 25px;
    padding-bottom: 5px;
    font-size: 12px;
  }
}
@media (max-width: 375px) {
  .microsoft-services-accordion .our-services-link-description p {
    max-width: 255px !important;
  }
}
@media (max-width: 360px) {
  .microsoft-services-accordion .our-services-link-description p {
    max-width: 212px !important;
  }
}

/* Dynamic 365 Case Studies Css----Shaad */
.msq-wrapper {
  padding: 30px 0px 30px 80px;
}
.msq-wrapper-secondary {
  padding: 20px 120px 15px 80px;
}
.msq-text-orange {
  color: #ff7a00;
}
/* Landing Page */
.msq-landing-page-container {
  /* font-family: "Poppins", sans-serif; */
  height: 100vh;
  /* background-image: url(assets/main-landing-bg.png); */
  background-image: url(../images/case-studies/main-landing-bg.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.msq-intelegain-logo-wrapper img {
  width: 320px;
}
.msq-proceed-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 55px;
  border-radius: 50%;
}
/* Right side menu */
.msq-menu {
  /* padding: 5px 5px; */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: rgba(255, 255, 255, 0.685);
  z-index: 9;
  position: fixed;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  width: 32px;
  max-width: 32px;
  text-align: center;
}
.msq-menu a {
  margin: 15px 0;
  text-decoration: none;
}
.msq-menu-item {
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  border-radius: 50%;
  font-size: 11px;
}
.msq-menu .msq-menu-item.active {
  width: 35px;
  height: 34px;
  color: white;
  font-weight: bold;
  margin-left: -2px;
  background-image: linear-gradient(#ff5c00, #fe9f2d);
}
.msq-menu-item:hover {
  /* background-color: #333333af; */
  /* color: white; */
  /* transform: scale(1.2); */
}
.msq-menu-title {
  display: none;
  z-index: -1;
}
.active .msq-menu-title {
  display: block;
  position: absolute;
  width: 214px;
  right: -5px;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.678);
  letter-spacing: 1px;
  background-color: #ffffff87;
  padding: 5px 46px 5px 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 42px;
  border-radius: 50px;
  z-index: -1;
}
/* Content Page */
.msq-content-page {
  height: 100vh;
  width: 100%;
  background-image: url(../images/case-studies/content-bg.png);
  background-size: cover;
}
.msq-content-title {
  font-size: 48px;
  font-weight: bold;
}
.msq-list-of-content {
  margin-top: 68px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
}
.msq-content-details {
  padding: 3px 62px 3px 3px;
  border-radius: 50px 0 0 50px;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: rgb(82, 172, 255);
  background: linear-gradient(
    90deg,
    rgba(82, 172, 255, 1) 0%,
    rgba(82, 172, 255, 1) 0%,
    rgba(175, 217, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.msq-content-number {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 55px;
  background-color: white;
  border-radius: 50%;
}
.msq-content-title-text {
  letter-spacing: 1px;
}
.msq-content-intelegain-logo {
  position: absolute;
  right: 100px;
  width: 240px;
}
/* Case Study page */
.msq-landing-bg {
  position: relative;
  height: 100vh;
  background-image: url(../images/case-studies/landing-bg.png);
  background-size: cover;
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.msq-landing-intelegain-logo {
  width: 50px;
  position: absolute;
  top: 80px;
  right: 80px;
}
.msq-landing-logo {
  width: 320px;
}
.msq-landing-heading {
  font-size: 42px;
  color: #1546c6;
}
.msq-section-wrapper {
  position: relative;
  height: 100vh;
}
.msq-section-top-container {
  height: 100px;
}
.msq-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.msq-logo-wrapper {
  background-color: white;
  padding: 0 10px;
}
.msq-header-logo {
  /* margin-top: -10px; */
  width: 115px;
}
.msq-header-dynamic-logo {
  width: 210px;
}
.msq-custom-hr {
  /* top: 60px; */
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff9021;
}
.msq-content-intelegain-logo {
  position: absolute;
  right: 100px;
  bottom: 90px;
  width: 240px;
}
.msq-section-bottom-container {
  height: calc(100vh - 100px);
  display: grid;
  grid-template-rows: min-content 1fr;
}
.msq-section-heading {
  font-size: 22px;
  /*  display: flex;*/
  align-items: center;
}
.msq-problem-wrapper {
  min-height: 50%;
  max-height: fit-content;
}
.msq-solution-wrapper {
  min-height: 50%;
  max-height: fit-content;
  background-color: #242424;
}
.msq-problem-heading {
  font-size: 20px;
  font-weight: 500;
}
.msq-problem-heading img {
  width: 20px;
  margin-right: 10px;
}
.msq-list-item {
  display: flex;
  align-items: start;
  gap: 20px;
}
.msq-solution-wrapper .msq-list-item {
  color: white;
}
.msq-solution-heading {
  color: white;
  font-size: 20px;
}
.msq-solution-heading img {
  width: 20px;
  margin-right: 10px;
}
.msq-right-img-wrapper {
  position: absolute;
  top: 160px;
  right: 120px;
}
.msq-right-img-wrapper img {
  width: 400px;
}
.msq-header-title {
  position: absolute;
  top: 134px;
  right: 125px;
}
/* Contact Us page */
.msq-contact-us-section {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.msq-contact-us-section .msq-contact-us-top {
  background-image: url(../images/case-studies/contact-us-bg.png);
  background-size: cover;
  height: 55%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.msq-contact-us-title {
  color: white;
  font-size: 36px;
  font-weight: bold;
}
.msq-contact-us-email-wrapper {
  color: white;
  font-size: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.msq-contact-us-email-wrapper img {
  width: 26px;
}
.msq-our-locations-wrapper {
  color: white;
  font-size: 32px;
}
.msq-contact-us-section .contact-us-bottom {
  height: 45%;
  width: 100%;
}
.msq-locations-container {
  padding: 0 30px;
  display: flex;
  justify-content: space-around;
}
.msq-location-wrapper {
  width: 211px;
  padding-top: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.msq-location-img {
  position: absolute;
  width: 75px;
  top: -35px;
}
.msq-location-title {
  color: #ff5c00;
  font-size: 17px;
}
.msq-location-address {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  line-height: 25px;
  font-size: 14px;
  /* height: 125px; */
}
.msq-country-info-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1400px) {
  .msq-right-img-wrapper {
    right: 60px;
  }
  .msq-right-img-wrapper img {
    width: 370px;
  }
  .msq-header-title {
    /* width: 274px; */
    position: absolute;
    top: 133px;
    right: 62px;
    /* left: 855px; */
  }
  .msq-wrapper-secondary {
    padding: 28px 60px 15px 80px;
  }
}
@media screen and (max-width: 992px) {
  .msq-right-img-wrapper {
    display: none;
  }
  /* Landing Section */
  .msq-landing-intelegain-logo {
    width: 40px;
    top: 40px;
    right: 40px;
  }
  .msq-landing-logo {
    width: 230px;
  }
  .msq-landing-heading {
    font-size: 22px;
    text-align: center;
  }
  /* Main Sections */
  .msq-wrapper {
    padding: 25px 49px 25px 25px;
  }
  .msq-wrapper-secondary {
    padding: 25px;
  }
  .msq-menu-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 16px;
  }
  .msq-header-dynamic-logo {
    width: 150px;
  }
  .msq-header-logo {
    width: 100px;
  }
  .msq-logo-wrapper {
    padding: 0 5px;
  }
  .msq-header-title {
    display: none;
  }
  .msq-list-item div {
    font-size: 16px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 16px;
  }
  .msq-list-item {
    gap: 15px;
  }
}
@media screen and (max-width: 576px) {
  .msq-right-img-wrapper {
    display: none;
  }
  .msq-menu a {
    margin: 2px 0px 3px -1px;
  }
  /* Landing Section */
  .msq-landing-intelegain-logo {
    width: 40px;
    top: 40px;
    right: 40px;
  }
  .msq-landing-logo {
    width: 230px;
  }
  .msq-landing-heading {
    font-size: 22px;
    text-align: center;
  }
  /* Main Sections */
  .msq-landing-bg {
    background-image: url(../images/case-studies/section-landing-mobile-bg.png);
  }
  .msq-wrapper {
    padding: 20px 49px 20px 20px;
  }
  .msq-wrapper-secondary {
    padding: 20px;
  }
  .msq-menu-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 14px;
  }
  .msq-header-dynamic-logo {
    width: 150px;
  }
  .msq-header-logo {
    width: 69px;
  }
  .msq-logo-wrapper {
    padding: 0 5px;
  }
  .msq-header-title {
    display: none;
  }
  .msq-list-item div {
    font-size: 14px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 16px;
  }
  .msq-list-item {
    gap: 10px;
  }

  /* Landing page */
  .msq-landing-page-container {
    background-image: url(../images/case-studies/landing-mobile-bg.png);
    gap: 30px;
  }
  .msq-intelegain-logo-wrapper img {
    width: 220px;
  }
  .msq-landing-page-title {
    font-weight: bold;
    font-size: 24px;
  }
  .msq-tile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .msq-tile-container img {
    width: 240px;
  }
  /* Content Page */
  .msq-content-title {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
  }
  .msq-content-details {
    padding: 3px 20px 3px 3px;
    font-size: 16px;
    gap: 13px;
  }
  .msq-content-title-text {
    letter-spacing: 0px;
  }
  .msq-content-number {
    height: 35px;
    width: 40px;
  }
  .msq-list-of-content {
    margin-top: 45px;
    gap: 30px;
  }
  .msq-content-intelegain-logo {
    right: 35px;
    bottom: 36px;
    width: 170px;
  }
  .active .msq-menu-title {
    display: none;
  }
  /* Contact us page */
  .msq-contact-us-section .contact-us-top {
    background-image: url(../images/case-studies/contact-us-bg.png);
    background-size: cover;
    height: 17%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .msq-location-title {
    color: #ff5c00;
    font-size: 14px;
  }
  .msq-contact-us-title {
    font-size: 27px;
  }
  .msq-contact-us-email-wrapper {
    font-size: 18px;
    gap: 10px;
  }
  .msq-our-locations-wrapper {
    font-size: 25px;
    display: none;
  }
  .msq-locations-container {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 15px;
  }
  .msq-location-wrapper {
    width: fit-content;
    padding-top: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    text-align: center;
    padding: 10px 0;
  }
  .msq-location-img {
    position: relative;
    width: 75px;
    top: 0px;
  }
  .msq-location-address {
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 380px) {
  .msq-menu-item {
    font-size: 14px;
  }
  .msq-section-heading {
    font-size: 14px;
  }
  .msq-list-item div {
    font-size: 12px;
  }
  .msq-section-top-container {
    height: 75px;
  }
  .msq-section-bottom-container {
    height: calc(100vh - 75px);
    display: grid;
    grid-template-rows: min-content 1fr;
  }
  .msq-problem-heading img {
    width: 18px;
  }
  .msq-problem-heading,
  .msq-solution-heading {
    font-size: 14px;
  }

  /* Landing page */
  .msq-landing-page-container {
    background-image: url(../images/case-studies/landing-mobile-bg.png);
    gap: 10px;
  }
  .msq-intelegain-logo-wrapper img {
    width: 200px;
  }
  .msq-landing-page-title {
    font-size: 22px;
  }
  .msq-tile-container {
    gap: 0px;
  }
  .msq-tile-container img {
    width: 200px;
  }
}
/* Dynamic 365 Case Studies Css----Endd*/

/* Responsive UI fixes Shaad-Mansi START*/
.msq-custom-partner-img img {
  width: 100%;
}

@media screen and (min-width: 1509px) and (max-width: 1599px) {
  .lets-talk {
    top: 91% !important;
  }
}

.custom-service-heading h1 {
  color: #2d2f3c !important;
}

/*.lets-talk {
  top: 97% !important;
}*/

.hire-developer-form-col .formGroup {
  margin: 0 !important;
}

@media (max-width: 600px) {
  .inspirepos-circle .circle-img {
    width: 280px;
  }
}
.hire-developer-form-col {
  display: flex;
  align-items: end;
}
.hire-developer-form-col p {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .analytics .analytics-box .analytics-box-content {
    max-height: fit-content !important;
  }
  .analytics .analytics-box .imgwrap {
    max-height: 100% !important;
  }

  .uxsensem-slider .slick-slide img {
    width: 56% !important;
  }
}
/* Responsive UI fixes Shaad-Mansi END*/

/* CSS add by Arbaz */
@media screen and (max-width: 575px) {
  #scrollable-tab .nav {
    display: flex;
    flex-direction: column;
    margin-top: 3em !important;
  }
  .CloudBannerWrap .img-fill .process-icon img {
    height: inherit !important;
    width: inherit !important;
  }
  .inspirepos-circle .circle-img {
    width: 280px;
  }
  .work-item {
    position: relative !important;
  }
  .pcol2 .alignnone {
    max-width: 160px;
  }
  .featureContent img {
    width: 100%;
  }
  .cloud-services-wrap .services-heading h1 {
    color: #2d2f3c;
  }
  .singlepageblogcontent iframe {
    height: 250px !important;
  }
}

.rc-anchor .rc-anchor-invisible .rc-anchor-light .rc-anchor-invisible-hover {
  display: none !important;
}

/* Microsoft logo mobile fix */
@media screen and (max-width: 768px) {
  .microsoft-logo {
    margin-top: 60px;
  }
}
/* Fix: logo size on small screens */
@media (max-width: 767.98px) {
  header .navbar-brand img,
  .body-scroll header .navbar-brand img {
    height: 80px !important;
    width: auto !important;
  }
}
@media (max-width: 575.98px) {
  header .navbar-brand img,
  .body-scroll header .navbar-brand img {
    height: 140px !important;
    width: auto !important;
  }
}