:root {
  --text-color: #1b1c19;
  --dark-blue: #5c64fe;
  --light-blue: #cbd3ff;
  --light-light-blue: #b0defe;
  --pink: #ff748f;
  --light-pink: #fbc5d5;
  --yellow: #ffc807;
  --light-yellow: #ffda71;
  --green: #9fda00;
  --section-padding: 80px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: lightgray;
}

::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: var(--dark-blue);
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

select {
  background: transparent;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  overflow-x: hidden;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.y-rowGap {
  row-gap: calc(var(--bs-gutter-x) * 0.5);
}

.y-rowGap-2 {
  row-gap: var(--bs-gutter-x);
}

h1:not(.default-font),
h2:not(.default-font),
h3:not(.default-font) {
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
}

p:last-of-type {
  margin-bottom: 0;
}

section {
  position: relative;
}

.bg-dark-blue {
  background: var(--dark-blue) !important;
}

.bg-light-blue {
  background: var(--light-blue) !important;
}

.bg-pink {
  background: var(--light-pink) !important;
}

.bg-dark-pink {
  background: var(--pink) !important;
}

.bg-yellow {
  background: var(--yellow) !important;
}

.bg-light-yellow {
  background: var(--light-yellow) !important;
}

.bg-green {
  background: var(--green) !important;
}

.bg-transparent {
  background: transparent !important;
}

.bg-white {
  background: #fff !important;
}

/*a.bg-dark-blue,*/
/*a.bg-dark-pink {*/
/*  color: #fff !important;*/
/*}*/

.color-dark-blue {
  color: var(--dark-blue) !important;
}

.color-light-blue {
  color: var(--light-blue) !important;
}

.color-pink {
  color: var(--pink) !important;
}

.color-yellow {
  color: var(--yellow) !important;
}

.color-green {
  color: var(--green) !important;
}

.border-dark-blue {
  border-color: var(--dark-blue) !important;
}

.border-light-blue {
  border-color: var(--light-blue) !important;
}

.border-pink {
  border-color: var(--pink) !important;
}

.border-yellow {
  border-color: var(--yellow) !important;
}

.border-green {
  border-color: var(--green) !important;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px 0px;
  z-index: 1000;
  transition: all 0.4s;
}

.header.scrolled {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.125);
}

.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding: 5px 0px;
}

.menu > li {
  padding: 0 7px;
}

.menu > li:last-child {
  padding-right: 0;
}

.menu > li > a {
  font-size: 15px;
  position: relative;
  color: var(--text-color);
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  padding: 7px 5px;
  transition: all 0.4s;
}


/* body:has(.dark-banner) .header:not(.scrolled) .menu > li > a {
  color: #fff;
} */

.menu > li:hover > a,
.menu > li > a.active {
  color: var(--dark-blue);
}

.menu > li.icons-li > a > i {
  font-size: 90%;
  margin-right: 3px;
  color: var(--dark-blue);
}

/* .menu > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0%;
  height: 3px;
  background: var(--yellow);
  border-radius: 5px;
  transition: all 0.4s;
} */

.menu > li > a > svg > path {
  stroke: var(--yellow);
}

.menu > li > a > svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transform: translate(-50%, 50%);
  width: 60px;
  height: 9px;
  transition: all 1s;
}

.menu > li > a:hover > svg,
.menu > li > a.active > svg {
  stroke-dashoffset: 0;
}

.hasDropDown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.mega-menu-area {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 100%);
  width: 100%;
  max-width: 890px;
  display: none;
}

.hasDropDown:hover .mega-menu-area {
  z-index: 10;
}

.mega-menu-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  transform: translate(0%, -100%);
}

.mega-menu {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 20px 15px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  gap: 5px;
  width: 100%;
  border: 1px solid var(--dark-blue);
  border-bottom-width: 3px;
  overflow: hidden;
}

.mega-menu-area.industry-menu {
  max-width: 955px;
}

.mega-menu-area.industry-menu > .mega-menu {
  padding: 12px 15px 15px;
  gap: 26.6px;
  z-index: 1;
}

.mega-menu-area.industry-menu .mega-menu::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 47px;
  background: #e8f5ff;
  border-bottom: 1px solid #d7d7d7;
  z-index: -1;
}

/* .hasDropDown:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
} */

.mega-menu > li {
  width: calc(33.33% - 10px);
}

.mega-menu-area.industry-menu > .mega-menu > li {
  width: calc(25% - 20px);
  position: relative;
}

.mega-menu-area.industry-menu > .mega-menu > li:not(:last-child)::before {
  content: '';
  position: absolute;
  right: -13px;
  bottom: 10px;
  width: 0px;
  height: calc(100% - 68px);
  border-right: 1px solid #d9d9d9;
}

.mega-menu-area.industry-menu > .mega-menu > li > ul {
  margin: 0;
  padding: 0;
}

.mega-menu > li > a, .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a {
  display: flex;
  text-decoration: none;
  color: var(--text-color);
  padding: 7px 10px;
  background: transparent;
  border-radius: 10px;
  transition: background .4s;
}

.mega-menu-area.industry-menu > .mega-menu > li > ul > li > a {
  padding: 10px 7px;
  align-items: center;
}

.mega-menu > li > a:hover, .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a:hover {
  background: #5c64fe24;
}

.mega-menu > li > a img, .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a img{
  width: 100%;
  height: 100%;
  max-height: 52px;
  object-fit: contain;
}

.mega-menu-area.industry-menu > .mega-menu > li > ul > li > a img {
  max-height: 30px;
}

.mega-menu-image {
  width: 100%;
  max-width: 52px;
}

.mega-menu-area.industry-menu > .mega-menu .mega-menu-image {
  max-width: 25px;
}

.mega-menu-detail {
  width: calc(100% - 52px);
  padding-left: 15px;
}

.mega-menu-area.industry-menu > .mega-menu .mega-menu-detail {
  position: relative;
  padding-left: 33px;
  width: 100%;
}

.mega-menu-area.industry-menu > .mega-menu .mega-menu-detail::before {
  content: '';
  position: absolute;
  left: 0;
  top: 55%;
  transform: translate(0%, -50%);
  background: var(--icon) no-repeat center center;
  background-size: contain;
  width: 25px;
  height: 25px;
}

.mega-menu-detail > h2, .mega-menu-area.industry-menu > .mega-menu > li > h2 {
  font-size: 18px;
  margin-bottom: 5px;
}

.mega-menu-area.industry-menu > .mega-menu > li > h2 {
  margin-bottom: 25px;
  padding-left: 7px;
}

.mega-menu-area.industry-menu > .mega-menu .mega-menu-detail > h2 {
  font-size: 15px;
  margin: 0;
}

.mega-menu-detail > p {
  font-size: 13px;
}

/* .menu > li > a:hover::before {
  width: 60%;
} */

.logo a {
  display: inline-block;
  width: 100%;
}

.logo a > img {
  max-height: 40px;
}

.link-area.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.link-area > a,
.banner-input-area > button,
.pricing-links > a,
.schedule-popup-left button,
.get-a-quote-body button,
.get-proposal-buttons > button,
.get-proposal-toggle > button {
  position: relative;
  padding: 10px 25px;
  border-radius: 50px;
  background: var(--yellow);
  text-align: center;
  text-decoration: none;
  color: var(--text-color);
  display: inline-block;
  font-weight: 600;
  border: 0;
  top: 0;
  left: 0;
  transition: top 0.3s, left 0.3s, background 0.3s, color 0.4s;
  z-index: 1;
  overflow: hidden;
}

.link-area > a.bg-light-blue:hover,
.banner-input-area > button.bg-light-blue:hover,
.pricing-links > a.bg-light-blue:hover,
.schedule-popup-left button.bg-light-blue:hover,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link:hover,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link.active,
.get-proposal-content > ul > li > :checked + label,
.get-proposal-content > ul > li > label:hover,
.link-area > a.bg-pink:hover,
.banner-input-area > button.bg-pink:hover,
.pricing-links > a.bg-pink:hover,
.schedule-popup-left button.bg-pink:hover,
.get-proposal-buttons > button.bg-light-blue:hover {
  color: #fff;
}

.link-area > a::after,
.banner-input-area > button::after,
.pricing-links > a::after,
.schedule-popup-left button::after,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link::before,
button.step-form-submit::before,
.get-a-quote-body button::before,
.get-proposal-buttons > button::after,
.get-proposal-content > ul > li > label::after,
.get-proposal-toggle > button::after,
.case-study-carousel.owl-carousel .owl-nav button::after, 
.features-carousel.owl-carousel .owl-nav button::after, 
.team-carousel.owl-carousel .owl-nav button::after, 
#scrollable-tabs > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  border-radius: 50px;
  background: transparent;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.link-area > a:hover::after,
.banner-input-area > button:hover::after,
.pricing-links > a:hover::after,
.schedule-popup-left button:hover::after,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link:hover::before,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link.active::before,
.get-proposal-content > ul > li > :checked + label::after,
.get-proposal-content > ul > li > label:hover::after,
button.step-form-submit:not(:disabled):hover:before,
.get-a-quote-body button:hover::before,
.get-proposal-buttons > button:hover::after,
.get-proposal-toggle > button:hover::after,
.case-study-carousel.owl-carousel .owl-nav button:hover::after, 
.features-carousel.owl-carousel .owl-nav button:hover::after, 
.team-carousel.owl-carousel .owl-nav button:hover::after, 
#scrollable-tabs > div:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

.link-area > a.bg-light-blue:hover::after,
.banner-input-area > button.bg-light-blue:hover::after,
.pricing-links > a.bg-light-blue:hover::after,
.schedule-popup-left button.bg-light-blue:hover::after,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link:hover::before,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link.active::before,
.get-proposal-content > ul > li > :checked + label:after,
.get-proposal-content > ul > li > label:hover:after,
.get-proposal-buttons > button.bg-light-blue:hover::after,
.case-study-carousel.owl-carousel .owl-nav button:hover::after, 
.features-carousel.owl-carousel .owl-nav button:hover::after, 
.team-carousel.owl-carousel .owl-nav button:hover::after, 
#scrollable-tabs > div:hover::after {
  background: var(--dark-blue) !important;
}

.link-area > a.bg-light-yellow:hover::after,
.banner-input-area > button.bg-light-yellow:hover::after,
.pricing-links > a.bg-light-yellow:hover::after,
.schedule-popup-left button.bg-light-yellow:hover::after,
button.step-form-submit:not(:disabled):hover:before,
.get-a-quote-body button:hover::before,
.get-proposal-buttons > button:hover::after,
.get-proposal-toggle > button:hover::after {
  background: var(--yellow) !important;
}

.link-area > a.bg-pink:hover::after,
.banner-input-area > button.bg-pink:hover::after,
.pricing-links > a.bg-pink:hover::after,
.schedule-popup-left button.bg-pink:hover::after,
.portfolio-page-tabs.technology-tabs.case-study-tabs
  .nav-item
  .nav-link.active::before,
.portfolio-page-tabs.technology-tabs.case-study-tabs
  .nav-item
  .nav-link:hover::before {
  background: var(--pink) !important;
}

.border-yellow .link-area > a.bg-white:hover::after,
.pricing-links > a.bg-white:hover::after {
  background: var(--light-yellow) !important;
}

.border-dark-blue .link-area > a.bg-white:hover::after,
.border-dark-blue .pricing-links > a.bg-white:hover::after {
  background: var(--light-blue) !important;
}

.border-pink .link-area > a.bg-white:hover::after,
.border-pink .pricing-links > a.bg-white:hover::after {
  background: var(--light-pink) !important;
}

.link-area > a > i,
.banner-input-area > button > i {
  margin-right: 7px;
  font-size: 80%;
}

.link-area > a::before,
.banner-input-area > button::before,
.pricing-links > a::before,
.schedule-popup-left button::before,
.get-a-quote-body button::after,
.get-proposal-buttons > button::before,
.get-proposal-toggle > button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50px;
  border: 1px solid var(--text-color);
  border-bottom-width: 3px;
  border-right-width: 2px;
  transition: all 0.3s;
}

/* .link-area > a:hover,
.banner-input-area > button:hover,
.pricing-links > a:hover {
  top: -2px;
  left: -2px;
} */

/* .link-area > a:hover::before,
.banner-input-area > button:hover::before,
.pricing-links > a:hover::before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-bottom-width: 5px;
  border-right-width: 4px;
} */

.home-banner {
  position: relative;
  height: 100vh;
  background: linear-gradient(var(--light-light-blue) 30%, #fff 70%);
  overflow: hidden;
  min-height: 700px;
  max-height: 760px;
}

.home-banner::before,
.home-banner::after,
.inner-banner::before,
.inner-banner::after,
.step-form::before,
.step-form::after {
  content: "";
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/home/banner/cloud.webp?format=webp") no-repeat center center;
  background-size: contain;
  width: 350px;
  height: 200px;
  opacity: 0.8;
  mix-blend-mode: lighten;
}

.home-banner::before,
.inner-banner::before,
.step-form::before {
  top: 32%;
  left: 7%;
  transform: translate(-10%, -50%);
  animation: cloudLeft 180s linear infinite;
}

.home-banner::after,
.inner-banner::after,
.step-form::after {
  top: 43.5%;
  right: 7%;
  transform: translate(10%, -50%);
  animation: cloudRight 180s linear infinite;
}

.inner-banner.no-clouds::before,
.inner-banner.no-clouds::after {
  display: none;
}

.home-banner .water-effect {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 70%;
  max-height: 335px;
  background-position: center 125%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, 0);
  z-index: 2;
  /*max-width: 1200px;*/
}

.center-container {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.banner-input-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.banner-input {
  position: relative;
  width: 100%;
  max-width: 325px;
}

.banner-input::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 47%;
  width: 20px;
  height: 20px;
  background: url("https://appxide.imglab-cdn.net/assets/images/home/banner/pencil.png?format=png") no-repeat center center;
  background-size: contain;
  transform: translate(0, -50%);
}

.banner-input input,
.subscriptionArea > input {
  padding: 8px 25px;
  padding-left: 50px;
  border-radius: 50px;
  background: transparent;
  border: 1px solid var(--text-color);
  border-bottom-width: 3px;
  border-right-width: 2px;
  width: 100%;
  outline: 0;
}

.banner-bottom-img {
  position: absolute;
  width: 104%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 17%);
  z-index: 1;
}

.section-padding {
  padding: var(--section-padding) 0;
}

.banner-heading {
  text-align: center;
  position: relative;
}

.banner-heading > h1,
.section-heading > h2 {
  font-size: 50px;
  margin-bottom: 15px;
  line-height: 1.2;
}

.banner-heading > h1.small-heading {
  font-size: 46px;
}

.banner-heading > h1.width-90-per {
  max-width: 90%;
}

.banner-heading > h1 > small {
  font-size: 57%;
}

.section-heading > h2 {
  font-size: 43px;
  padding-bottom: 15px;
}

.banner-heading > p {
  font-size: 18px;
}

.section-heading.text-center {
  margin-bottom: 40px;
}

.banner-heading > h1 span,
.section-heading > h2 span {
  color: var(--dark-blue);
}

.banner-heading > h1 span:last-of-type,
.section-heading > h2 span:last-of-type {
  color: var(--pink);
}

.banner-heading > h1 > b,
.section-heading > h2 > b,
.company-detail-area > h6 > b,
.company-detail-area > h2 > b,
.single-case-study-detail > h3 > span,
.awards-left-area > h2 > b,
.single-testimonial-detail > h3 > span,
.case-study-tabs .nav-item .nav-link,
.service-detailed-area > h3 > b {
  position: relative;
}

.banner-heading > h1 > b > svg,
.section-heading > h2 > b > svg,
.company-detail-area > h6 > b > svg,
.company-detail-area > h2 > b > svg,
.single-case-study-detail > h3 > span > svg,
.awards-left-area > h2 > b > svg,
.single-testimonial-detail > h3 > span > svg,
.case-study-tabs .nav-item .nav-link > svg,
.service-detailed-area > h3 > b > svg,
.pricing-price > h6 > svg {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -19px;
  transform: translate(-50%, 0);
  width: 110%;
  height: 20px;
  object-fit: contain;
}

.case-study-tabs .nav-item .nav-link > svg {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  height: 13px;
  bottom: -15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.case-study-tabs .nav-item .nav-link.active > svg,
.case-study-tabs .nav-item .nav-link:hover > svg {
  opacity: 1;
  visibility: visible;
}

.company-detail-area > h6 > b > svg,
.company-detail-area > h2 > b > svg{
  height: 17px;
  bottom: -12px;
}

.banner-heading > h1 > b > svg,
.case-study-tabs .nav-item .nav-link:hover > svg {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: fillScratch 1.5s linear forwards;
  animation-delay: 0.6s;
}

.case-study-tabs .nav-item .nav-link.active:not(:hover) > svg {
  stroke-dashoffset: 0;
}

.yellow-scratch > svg > path,
.banner-heading > h1 > b > svg > path,
.case-study-tabs .nav-item .nav-link > svg > path {
  stroke: var(--yellow);
}

.pink-scratch > svg > path,
.company-detail-area > h6 > b > svg > path,
.company-detail-area > h2 > b > svg > path {
  stroke: var(--pink);
}

.blue-scratch > svg > path {
  stroke: var(--dark-blue) !important;
}

.section-heading.text-center > p {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.single-service {
  position: relative;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.125);
  border: 2px solid var(--text-color);
  border-right-width: 3px;
  border-bottom-width: 4px;
  padding: 30px 30px;
  top: 0;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 1;
}

.contact-detail-box {
  padding: 15px 15px;
}

.contact-detail-box:not(.right-link-service) {
  height: 100%;
}

.contact-detail-box.single-service > img {
  margin: 0;
}

.contact-detail-box:not(.right-link-service) > .right-detail-area > h4 {
  margin: 0;
}

.right-link-service > a {
  display: flex;
  background: #fff;
  text-decoration: none;
  white-space: nowrap;
  color: var(--text-color);
  font-weight: 600;
  padding: 15px;
  font-size: 14px;
  margin: -15px -15px -15px 0;
  align-items: center;
  gap: 5px;
}

.single-service.right-link-service > .right-detail-area {
  padding-right: 15px;
}

div:not(.item) > .single-service:hover {
  top: -10px;
}

.single-service::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
}

.single-service.border-yellow::before {
  background: var(--yellow);
}

.single-service.border-pink::before {
  background: var(--pink);
}

.single-service.border-dark-blue::before {
  background: var(--dark-blue);
}

.single-service:hover::before {
  opacity: 0.1;
}

.single-service > img {
  max-height: 75px;
  height: 100px;
  margin-bottom: 15px;
}

.single-service-bottom-img > img {
  height: 200px;
  max-height: 183px;
  width: 100%;
  margin: 15px 0 0 0;
  object-fit: contain;
  object-position: bottom center;
}

.single-service > h4,
.single-service > h2,
.single-service > .right-detail-area > h4 {
  font-weight: 700;
  color: #000;
  font-size: 20px;
}

.single-service > .right-detail-area {
  padding-left: 15px;
}

.single-service > .link-area,
.single-service > .right-detail-area > .link-area {
  margin-top: 20px;
}

.single-service > .link-area > a,
.final-label > .link-area > a,
.single-service > .right-detail-area > .link-area > a {
  font-size: 14px;
  padding: 7px 20px;
}

.company-detail-area {
  text-align: center;
}

.company-detail-area > p {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.company-detail-area > h6,
.company-detail-area > h2 {
  font-size: 26px;
  padding: 15px 0;
}

.company-detail-area > p img {
  max-height: 25px;
  margin-left: 5px;
}

.companies-carousel {
  margin-top: 30px;
  text-align: center;
}

.companies-carousel .owl-item img {
  display: inline-block;
  max-height: 44px;
  width: auto;
}

.single-stats {
  position: relative;
  text-align: center;
}

.col-6:not(:last-child) .single-stats::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  width: 35px;
  height: 100%;
  background: url("https://appxide.imglab-cdn.net/assets/images/lines.svg?format=webp") no-repeat center center;
  background-size: contain;
  transform: translate(80%, -50%);
}

.single-stats > p {
  font-size: 20px;
}

.single-stats > p > b,
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-size: 75px;
  line-height: 1;
  font-family: "Catamaran", sans-serif;
  font-weight: 800;
  /* letter-spacing: 6px; */
}

.single-stats > p > b > small {
  font-size: 70%;
}

.letter-spacing-6 {
  letter-spacing: 6px;
}

.team-carousel {
  margin: 40px 0;
}

.team-carousel .owl-item {
  text-align: center;
  padding: 55px 0;
  transition: all 0.4s;
}

.team-carousel .owl-item img {
  display: inline-block;
  max-height: 150px;
  width: auto;
  -webkit-filter: drop-shadow(2px 3px 0px #666);
  filter: drop-shadow(2px 3px 0px #666);
  transition: all 0.4s;
}

.team-carousel .owl-item .team-circle {
  text-decoration: none;
  display: inline-block;
  position: relative;
  transition: all 0.4s;
  color: var(--text-color);
}

.team-carousel .owl-item.center img {
  -webkit-filter: drop-shadow(2px 3px 0px #080046);
  filter: drop-shadow(2px 3px 0px #080046);
}

.team-carousel .owl-item.center .team-circle {
  transform: scale(1.5);
}

.team-circle-details {
  position: absolute;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #fff;
  /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);*/
  opacity: 0;
  transform: translate(-25%, -25%) scale(0);
  border-radius: 50%;
  transition: all 0.4s;
}

.team-carousel .owl-item .team-circle:hover .team-circle-details {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.single-case-study,
.single-testimonial {
  position: relative;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 95px;
  border: 2px solid var(--text-color);
  border-right-width: 3px;
  border-bottom-width: 4px;
}

.single-case-study-image {
  width: 100%;
  max-width: 295px;
  background: var(--yellow);
  border-radius: 7px;
  text-align: right;
}

.hand-holder {
  position: relative;
  width: 110%;
  margin-top: -110px;
  margin-left: 35px;
}

.hand-holder > img {
  position: relative;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}

.hand-images-holder {
  position: absolute;
  right: 13.5%;
  top: 1.5%;
  width: 54%;
  height: 71%;
  background: var(--dark-blue);
  border-radius: 10px;
  overflow: hidden;
}

.single-testimonial {
  overflow: hidden;
}

.single-case-study-detail,
.single-testimonial-detail {
  width: 100%;
  max-width: calc(100% - 295px);
  padding: 30px 30px 30px 80px;
}

.single-testimonial-detail {
  max-width: 50%;
}

.single-case-study-detail > h3,
.single-testimonial-detail > h3 {
  font-size: 30px;
  padding-bottom: 15px;
}

.single-case-study-detail .link-area,
.single-testimonial-detail .link-area {
  margin-top: 20px;
}

.testimonials-carousel.owl-carousel
  .owl-item
  .single-testimonial-detail
  > h3
  > img {
  width: auto;
  height: 70px;
  display: inline-block;
  margin-right: 15px;
}

.testimonial-hand-area {
  width: 100%;
  max-width: 50%;
  padding: 180px 30px 60px;
}

.single-testimonial {
  margin: 0;
}

.testimonial-hand-holder {
  background: var(--yellow);
  border: 7px;
  height: 100%;
  max-height: 150px;
  border-radius: 7px;
  position: relative;
  z-index: 1;
}

.testimonials-carousel.owl-carousel .owl-nav,
.services-carousel.owl-carousel .owl-nav,
.caseStudyFinal-carousel.owl-carousel .owl-nav {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 100px);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.caseStudyFinal-carousel.owl-carousel .owl-nav {
  width: calc(100% + 70px);
  top: 45%;
}

.testimonials-carousel.owl-carousel .owl-nav button,
.services-carousel.owl-carousel .owl-nav button,
.caseStudyFinal-carousel.owl-carousel .owl-nav button {
  background: #d9defe;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.testimonials-carousel.owl-carousel .owl-nav button > img,
.services-carousel.owl-carousel .owl-nav button > img,
.caseStudyFinal-carousel.owl-carousel .owl-nav button > img {
  position: absolute;
  top: 50%;
  height: 17px;
}

.testimonials-carousel.owl-carousel .owl-nav button.owl-prev > img,
.services-carousel.owl-carousel .owl-nav button.owl-prev > img,
.caseStudyFinal-carousel.owl-carousel .owl-nav button.owl-prev > img {
  left: 0;
  transform: translate(-50%, -50%);
}

.testimonials-carousel.owl-carousel .owl-nav button.owl-next > img,
.services-carousel.owl-carousel .owl-nav button.owl-next > img,
.caseStudyFinal-carousel.owl-carousel .owl-nav button.owl-next > img {
  right: 0;
  transform: translate(50%, -50%) scaleX(-1);
}

.caseStudyFinal-carousel.owl-carousel .step-label > a > img,
.caseStudyFinal-portfolio img {
  width: 100%;
  height: 525px;
  object-fit: cover;
  object-position: top;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.15));
  border-radius: 6px;
}

.testimonials-carousel.owl-carousel
  .single-testimonial
  .testimonial-hand-holder
  > img,
.testimonial-hand-holder > img {
  position: relative;
  transform: translate(-14%, -29%);
  width: 140%;
}

.testimonial-images-holder {
  position: absolute;
  top: -84%;
  left: 20.5%;
  width: 60%;
  height: 117%;
  background: #fff;
  z-index: -1;
  overflow: hidden;
}

.testimonial-images-holder * {
  height: 100%;
  object-fit: cover;
  object-position: top left;
}

.case-study-carousel.owl-carousel .owl-nav {
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: flex;
  gap: 7px;
}

.features-carousel.owl-carousel .owl-nav,
.team-carousel.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 125px);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  z-index: -1;
}

.case-study-carousel.owl-carousel .owl-nav button,
.features-carousel.owl-carousel .owl-nav button,
.team-carousel.owl-carousel .owl-nav button,
#scrollable-tabs > div {
  position: relative;
  border-radius: 50%;
  background: #e1e7ff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--text-color);
  border-right-width: 2px;
  border-bottom-width: 3px;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s;
}

.case-study-carousel.owl-carousel .owl-nav button:hover,
.features-carousel.owl-carousel .owl-nav button:hover,
.team-carousel.owl-carousel .owl-nav button:hover,
#scrollable-tabs > div:hover {
  color: #fff;
}

.case-study-carousel.owl-carousel .owl-nav button {
  background: var(--yellow);
}

.awards-row {
  position: relative;
  padding: 20px 0;
  z-index: 1;
}

.awards-row::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(#fff 0%, var(--light-light-blue) 200%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  width: 83.333%;
  height: 100%;
  border-radius: 10px;
  z-index: -1;
}

.awards-left-area {
  background: var(--dark-blue);
  padding: 60px 37px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
}

.awards-left-img {
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.awards-left-img > img {
  max-height: 100px;
  margin-bottom: 15px;
}

.awards-left-area > h2 {
  font-size: 32px;
  padding-bottom: 15px;
}

.awards-left-area > .link-area {
  margin-top: 20px;
}

.single-award {
  padding: 15px 10px;
}

.single-award > img {
  max-height: 100px;
  margin-bottom: 15px;
}

.single-award > h6,
.single-award > h3 {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding-left: 10px;
}

.single-award > h6::before,
.single-award > h3::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  border-radius: 5px;
  left: 0;
  background: var(--dark-blue);
}

.case-study-tabs, .get-proposal-content > ul {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  /* margin-bottom: 40px; */
}

.case-study-tabs .nav-item .nav-link, .get-proposal-content > ul > li > label {
  position: relative;
  text-align: center;
  text-decoration: none;
  color: var(--text-color);
  display: inline-block;
  font-weight: 600;
  border: 0;
  top: 0;
  padding: 0 21px;
  transition: all 0.4s;
}

.case-study-tabs .nav-item .nav-link img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  object-fit: contain;
}

.case-study-tabs .nav-item .nav-link p,
.case-study-tabs .nav-item .nav-link h2 {
  font-size: 18px;
  color: #666;
  font-weight: 600;
  transition: all 0.4s;
}

.case-study-tabs .nav-item .nav-link:hover p,
.case-study-tabs .nav-item .nav-link.active p,
.case-study-tabs .nav-item .nav-link:hover h2,
.case-study-tabs .nav-item .nav-link.active h2 {
  color: var(--text-color);
}

.single-features {
  text-align: center;
}

.single-features > img {
  margin-bottom: 15px;
  height: 200px;
  max-height: 140px;
  object-fit: contain;
  object-position: bottom center;
}

.single-features > h4,
.single-features > h2{
  font-size: 18px;
  font-weight: 700;
}

.single-features > p {
  line-height: 1.2;
  font-size: 14px;
  padding: 0 7px;
}

.gradientBg {
  position: relative;
}

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

.gradientBg-blue-white::before {
  background: linear-gradient(var(--light-light-blue) -500%, #fff);
}

.gradientBg-white-blue::before {
  background: linear-gradient(#fff, var(--light-light-blue) 500%);
}

.gradientBg-white-blue-white::before {
  background: linear-gradient(#fff, var(--light-pink), #fff);
  opacity: 0.15;
}

.gradientBg-pink-white::before {
  background: linear-gradient(#ffe9ed, #fff);
}

.sectionBg-light-pink::before {
  background: #ffe9ed;
}

.footer {
  position: relative;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.footer-top {
  padding: var(--section-padding) 0;
}

.footer-detail {
  padding: 45px 30px;
  background: linear-gradient(#edf3ff 70%, #fff);
  border-radius: 10px;
  font-size: 14px;
  color: #000;
}

.footer-detail > p {
  line-height: 1.2;
}

.footer-bottom {
  background: #edf3ff;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: 500;
}

.footer-detail > img {
  max-height: 40px;
  margin-bottom: 20px;
}

.footer-menu > h6,
.footer-menu > h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.footer-menu > ul > li > a,
.footer-menu > p {
  position: relative;
  text-decoration: none;
  color: var(--text-color);
  display: inline-block;
  padding: 5px 0;
}

.footer-menu > ul > li > a {
  padding-left: 20px;
  font-weight: 600;
  transition: all 0.4s;
}

.footer-menu > ul.contact-info {
  margin-bottom: 10px;
}

.footer-menu > ul.contact-info > li > a {
  padding-left: 22px;
  font-weight: 400;
  position: relative;
}

.footer-menu > ul.contact-info > li > a > i {
  color: var(--dark-blue);
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 11px;
}

.footer-menu > ul.contact-info > li > a::before {
  display: none;
}

.footer-menu > ul:not(.social-links) > li > a::before {
  content: '\f0a4';
  position: absolute;
  font-family: "Font Awesome 6 Free";
  left: 0;
  top: 50%;
  font-weight: 600;
  /* width: 5px; */
  /* height: 5px; */
  /* background: var(--text-color); */
  transform: translate(0, -50%);
  border-radius: 50%;
  transition: all 0.4s;
  color: var(--dark-blue);
}

.footer-menu > ul > li > a:hover {
  color: var(--dark-blue);
}

/* .footer-menu > ul > li > a:hover::before {
  background: var(--yellow);
} */

.social-links {
  display: flex;
  flex-wrap: wrap;
}

.footer-menu > ul.social-links > li > a {
  padding: 0 5px;
  font-size: 20px;
}

.subscriptionArea {
  position: relative;
  margin-top: 15px;
}

.subscriptionArea > input {
  padding-left: 25px;
  padding-right: 50px;
  font-size: 14px;
}

.subscriptionArea > button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 43px;
  height: 43px;
  background: var(--yellow);
  border-radius: 50%;
  border: 1px solid var(--text-color);
  border-right-width: 2px;
  border-bottom-width: 3px;
}

.round-bg {
  position: relative;
  overflow: hidden;
}

.round-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 150%;
  height: 100%;
  background: #ffe9ed;
  /*opacity: 0.15;*/
  transform: translate(-50%, 0%);
  border-radius: 0 0 100% 100%;
  z-index: -1;
}

.technologies-bg::before {
  background: var(--light-light-blue);
}

.absolute-images {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  transform: translate(-50%, 0%);
  z-index: -1;
}

.absolute-images > img,
.absolute-images > svg {
  position: absolute;
}

.companies-images > img {
  top: 30%;
  left: 0;
  width: 60px;
  transform: translate(-50%, 0%);
}

.services-images > img,
.services-images > svg {
  top: 27%;
  right: 0;
  width: 70px;
  transform: translate(80%, 0);
}

.features-images > img,
.features-images > svg {
  top: 5%;
  left: 0;
  width: 90px;
  transform: translate(-80%, 0%);
}

.caseStudy-images > img,
.caseStudy-images > svg {
  top: 375px;
  left: 0;
  width: 120px;
  transform: translate(-90%, 0%);
}

.caseStudy-banner-img > img {
  width: 150%;
  transform: translate(-7%, 0);
  margin-bottom: -20%;
}

.caseStudy-banner-img.education > img {
  width: 120%;
}

.caseStudy-banner-img.transportation > img {
  width: 160%;
}

.caseStudy-banner-img.healthcare > img {
  width: 125%;
}

.caseStudy-banner-img.photography > img {
  width: 125%;
}

.caseStudy-banner-img.games > img {
  width: 160%;
}

.caseStudy-banner-img.fashion > img {
  width: 160%;
}

.caseStudy-banner-img.real_estate > img {
  width: 160%;
}

.caseStudy-banner-img.finance > img {
  width: 133%;
}

.caseStudy-banner-img.pets > img {
  width: 140%;
}

.caseStudy-banner-img.travel > img {
  width: 150%;
}

.caseStudy-banner-img.home_service > img {
  width: 150%;
}

.caseStudy-banner-img.construction > img {
  width: 170%;
}

.caseStudy-banner-img.grocery > img {
  width: 127%;
}

.industry-banner-img > img {
  width: 145%;
  transform: translate(-7%, 0%);
  margin-bottom: 0;
}

.industry-banner-img.fitness-banner > img {
  width: 171%;
  transform: translate(-16%, 0%);
}

.industry-banner-img.consultation-banner > img {
  width: 125%;
  transform: translate(-7%, 0%);
}

.industry-banner-img.education-banner > img {
  width: 150%;
  transform: translate(-7%, 3%);
}

.industry-banner-img.healthcare-banner > img {
  width: 165%;
  transform: translate(-9%, 8%);
}

.industry-banner-img.transportation-banner > img {
  width: 170%;
  transform: translate(-9%, 0);
}

.industry-banner-img.rental-banner > img {
  width: 125%;
  transform: translate(-9%, 0);
}

.industry-banner-img.real-estate-banner > img {
  width: 180%;
  transform: translate(-7%, 3%);
}

.industry-banner-img.beauty-banner > img {
  width: 200%;
  transform: translate(-7%, 7%);
}

.industry-banner-img.home-services-banner > img {
  width: 200%;
  transform: translate(-10%, 9%);
}

.industry-banner-img.logistics-banner > img {
  width: 192%;
  transform: translate(-10%, 9%);
}

.industry-banner-img.grocery-banner > img {
  width: 140%;
  transform: translate(-9%, 0);
}

.industry-banner-img.ecom-banner > img {
  width: 117%;
  transform: translate(0%, 0);
}

.industry-banner-img.pickup-delivery-banner > img {
  width: 160%;
  transform: translate(-11%, 6%);
}

.industry-banner-img.service-app-banner > img {
  width: 140%;
  transform: translate(-9%, 0);
}

.industry-banner-img.freelance-banner > img {
  width: 150%;
  transform: translate(-10%, 0);
}

.industry-banner-img.ecommerce-banner > img {
  width: 130%;
  transform: translate(-10%, 0);
}

.industry-banner-img.peer-peer-banner > img {
  width: 113%;
  transform: translate(2%, 0);
}

.awards-images > img,
.awards-images > svg {
  top: 0%;
  right: 0;
  width: 80px;
  transform: translate(120%, -20%);
}

.about-section-images > img,
.about-section-images > svg {
  top: 0%;
  left: 0;
  width: 80px;
  transform: translate(-120%, -30%) rotate(210deg);
}

.testimonials-images > img:first-child,
.testimonials-images > svg:first-child {
  top: 25%;
  left: 0;
  width: 80px;
  transform: translate(-85%, 0%);
}

.testimonials-images > img:last-child,
.testimonials-images > svg:last-child {
  bottom: 3%;
  right: 0;
  width: 60px;
  transform: translate(90%, 0%);
}

.big-images {
  width: 100%;
}

.companies-big-images > img {
  right: 0;
  bottom: 0;
  width: 100px;
  transform: translate(0, 40%);
}

.features-big-images > img {
  left: 0;
  bottom: 40px;
  width: 100px;
  transform: translate(0, 0%);
}

.caseStudy-big-images > img {
  right: 0;
  top: 40px;
  width: 100px;
  transform: translate(0, 0%);
}

.awards-big-images > img {
  left: 0;
  bottom: 40px;
  width: 100px;
  transform: translate(0, 0%);
}

.banner-objects {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner-objectsArea {
  position: absolute;
}

.banner-objects .left-spirals,
.banner-objects .right-spirals {
  width: 150px;
  height: 175px;
  z-index: 1;
}

.banner-objects .left-spirals {
  top: 33%;
  left: 0;
}

.banner-objects .right-spirals {
  top: 7%;
  right: 56px;
  transform: rotate(100deg) translate(0%, -15%);
}

.banner-objectsArea > img {
  width: 100%;
  position: absolute;
}

.banner-objectsArea > img.filled-gear {
  width: 66%;
  bottom: 6px;
  left: -25%;
  animation: rotate360 20s linear infinite;
}

.banner-objectsArea > img.outlined-gear {
  width: 46%;
  top: 0;
  right: 19%;
  /*animation: rotate360 10s linear infinite reverse;*/
}

.banner-objectsArea > img.square-img {
  width: 16%;
  bottom: 20%;
  right: 10%;
}

.inner-banner {
  position: relative;
  height: 35vh;
  overflow: hidden;
  min-height: 600px;
  z-index: 1;
}

.inner-banner .center-container {
  top: 50%;
}

.portfolio-banner .center-container {
  top: 55%;
}

.portfolio-banner {
  background: linear-gradient(#fdf0ce 60%, transparent);
}

.portfolio-banner, .inner-technology-banner {
  height: 41vh;
  min-height: 500px;
}

.portfolio-banner::before,
.team-banner::before {
  top: 30%;
}

.portfolio-banner::after,
.team-banner::after {
  top: auto;
  bottom: 0%;
}

.portfolio-banner::after {
  bottom: 15%;
}

.portfolio-page-tabs.case-study-tabs, .get-proposal-content > ul {
  justify-content: center;
  gap: 15px;
  margin: 0 0 40px 0;
}

.portfolio-page-tabs.case-study-tabs .nav-item .nav-link > svg {
  display: none;
}

.portfolio-page-tabs.case-study-tabs .nav-item .nav-link, .get-proposal-content > ul > li > label {
  padding: 7px 35px;
  background: #fff;
  border: 1px solid var(--text-color);
  border-bottom-width: 3px;
  border-right-width: 2px;
  border-radius: 50px;
  /* transform: translate(0%, -50%); */
  font-weight: 700;
  z-index: 1;
}

.get-proposal-content p.color-red {
  margin: 15px 0 -15px 0;
  color: #f00;
  font-size: 13px;
  line-height: 1;
}

.get-proposal-content .final-label > img {
  max-height: 170px;
}

.get-proposal-content .final-label > h6 {
  padding: 15px 0;
}

.get-proposal-content .steps-or {
  font-size: 35px;
}

.get-proposal-content > ul {
  flex-wrap: wrap;
  gap: 7px 7px;
  margin: 0;
}

.get-proposal-content > ul > li {
  display: inline-flex;
}

.get-proposal-content > ul > li > label {
  padding: 7px 40px;
  border: 1px solid var(--text-color);
}

.get-proposal-content > ul > li > label::before {
  display: none;
}

/* .portfolio-page-tabs.case-study-tabs .nav-item .nav-link.active {
  background: var(--dark-blue);
} */

.technology-tabs.case-study-tabs .nav-item .nav-link.active {
  background: var(--pink);
}

.portfolio-page-tabs.case-study-tabs .nav-item .nav-link p {
  color: var(--text-color);
}

.portfolio-page-tabs.case-study-tabs .nav-item .nav-link:hover p,
.portfolio-page-tabs.case-study-tabs .nav-item .nav-link.active p {
  color: #fff;
}

.technology-tabs.case-study-tabs .nav-item .nav-link p {
  font-size: 16px;
}

.portfolio-page-tabs-content .single-case-study {
  width: 90%;
}

.single-case-study + .single-case-study {
  margin-top: 160px;
}

.portfolio-page-tabs-content .single-case-study:nth-child(even) {
  margin-left: auto;
  flex-direction: row-reverse;
}

.portfolio-page-tabs-content .single-case-study:nth-child(even) .hand-holder {
  margin-left: -56px;
}

.portfolio-page-tabs-content .single-case-study:nth-child(even) .hand-holder,
.portfolio-page-tabs-content
  .single-case-study:nth-child(even)
  .hand-holder
  .hand-images-holder {
  transform: scaleX(-1);
}

.portfolio-page-tabs-content .single-case-study:before,
.single-process-area:before {
  content: url("https://appxide.imglab-cdn.net/assets/images/case-studies/spiral-img.svg?format=webp");
  position: absolute;
  top: 0;
  width: 110px;
}

.portfolio-page-tabs-content .single-case-study.border-pink:before,
.single-process-area.pink-arrows:before {
  content: url("https://appxide.imglab-cdn.net/assets/images/case-studies/spiral-pink-img.svg?format=webp");
}

.portfolio-page-tabs-content .single-case-study.border-yellow:before,
.single-process-area.yellow-arrows:before {
  content: url("https://appxide.imglab-cdn.net/assets/images/case-studies/spiral-yellow-img.svg?format=webp");
}

.portfolio-page-tabs-content .single-case-study:nth-child(even):before {
  left: 0;
  transform: translate(-130%, -60%) rotate(-32deg);
}

.portfolio-page-tabs-content .single-case-study:nth-child(odd):before {
  right: 0;
  transform: translate(130%, -60%) scaleX(-1) rotate(-32deg);
}

.portfolio-page-tabs-content .single-case-study:first-child:before {
  display: none;
}

.portfolio-page-tabs-content
  .single-case-study:nth-child(even)
  .single-case-study-detail {
  padding: 30px 80px 30px 30px;
}

.vertical-tabs.nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.vertical-tabs.nav-tabs .nav-link.active .single-service::before {
  opacity: 1;
  background: var(--app-color);
}

.vertical-tabs.nav-tabs .nav-link.active .single-service:not(.border-yellow) > .right-detail-area > h4 {
  color: var(--app-text-color);
}

.vertical-tabs.nav-tabs .nav-link.active .single-service:not(.border-yellow) > img,
.vertical-tabs.nav-tabs .nav-link.active .single-service:not(.border-yellow) > svg {
  filter: brightness(0%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg) invert(1);
}

.vertical-tabs.nav-tabs .nav-link.active .single-service.border-yellow > img {
  filter: brightness(0%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

.vertical-tabs.nav-tabs > li {
  width: 100%;
}

.vertical-tabs.nav-tabs > li + li {
  margin-top: 15px;
}

.vertical-tabs.nav-tabs .nav-link .single-service  {
  padding: 10px;
  border-width: 2px;
  border-color: var(--app-color);
}

.vertical-tabs.nav-tabs .nav-link .single-service > img,
.vertical-tabs.nav-tabs .nav-link .single-service > svg {
  max-height: 30px;
}

.vertical-tabs.nav-tabs .nav-link .single-service > .right-detail-area > h4 {
  font-size: 16px;
  font-weight: 500;
}

.vertical-tabs-content > .tab-pane {
  position: relative;
  margin-bottom: 50px;
}

.vertical-tabs-content > .tab-pane::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  z-index: 1;
}

.vertical-tabs-content > .tab-pane:has(.border-yellow) {
  --bg-color: var(--yellow);
}

.vertical-tabs-content > .tab-pane:has(.border-pink) {
  --bg-color: var(--pink);
}

.vertical-tabs-content > .tab-pane:has(.border-dark-blue) {
  --bg-color: var(--dark-blue);
}

.vertical-tabs-content > .tab-pane > img {
  width: 100%;
  height: 100%;
  height: 400px;
  max-height: 388px;
  object-fit: cover;
  border-radius: 10px;
  filter: drop-shadow(50px 50px var(--app-color));
}

.vertical-tabs-content > .tab-pane > .single-service {
  font-size: 14px;
  position: absolute;
  height: auto;
  max-width: 325px;
  background: var(--app-color);
  border-color: var(--app-color);
  left: 20px;
  bottom: 20px;
  top: auto !important;
}

.vertical-tabs-content > .tab-pane > .single-service > .right-detail-area > h4 {
  margin-bottom: 5px;
}

.vertical-tabs-content > .tab-pane > .single-service:not(.border-yellow),
.vertical-tabs-content > .tab-pane > .single-service:not(.border-yellow) > .right-detail-area > h4 {
  color: #fff;
}

.vertical-tabs-content > .tab-pane > .single-service > .right-detail-area > p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vertical-tabs-content > .tab-pane > .single-service::before {
  opacity: 1;
}

.vertical-tabs-content > .tab-pane > .single-service > .right-detail-area {
  padding: 0;
}

.inner-banner-objects > img {
  position: absolute;
  z-index: -1;
}

.inner-banner-objects > img.top-right-img {
  top: 0;
  right: 0;
  width: 27%;
  max-width: 540px;
  opacity: 0.3;
}

.inner-banner-objects > img.top-center-img {
  top: 0;
  left: 40%;
  width: 20%;
  max-width: 300px;
  opacity: 0.15;
  transform: translate(-50%, -25%);
}

.inner-banner-objects > img.bottom-left-img {
  bottom: 0;
  left: 0;
  width: 20%;
  max-width: 300px;
  opacity: 0.5;
  transform: translate(-25%, 25%);
}

.text-left {
  text-align: left !important;
}

.banner-heading .link-area {
  margin-top: 30px;
}

.team-banner {
  background: linear-gradient(#ffedf3 55%, #fff 80%);
}

.team-banner-img {
  width: 110%;
  /* max-width: 480px; */
  margin-left: auto;
  display: block;
  transform: translate(-7%, 0%);
}

.team-banner::before,
.team-banner::after {
  opacity: 1;
}

.z-index-1 {
  z-index: 1;
}

.single-service .number-holder,
.about-section-item .number-holder {
  position: relative;
  width: 70px;
  height: 70px;
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
  z-index: 1;
  border: 2px solid var(--text-color);
  background: var(--yellow);
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 3px 3px 0px var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  font-weight: 700;
  overflow: hidden;
}

.single-service .number-holder::before,
.about-section-item .number-holder::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  border-top: 70px solid transparent;
  border-left: 70px solid #fff;
  border-bottom: 0px solid transparent;
  z-index: -1;
}

.pt-0 .services-images > img,
.services-images > svg {
  top: 14%;
}

.single-team-card {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  text-align: center;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.4s;
  display: block;
  text-decoration: none;
  color: var(--text-color);
}

.single-team-card:hover {
  background: #080046;
  color: #fff;
}

.single-team-img {
  position: relative;
}

.single-team-img > img {
  border: 2px solid #080046;
  width: 100%;
  border-radius: 6px 6px 0 0;
  position: relative;
}

.single-team-card-detail,
.team-circle-details {
  padding: 15px 15px;
}

.single-team-card-detail > h4,
.team-circle-details > h4,
.team-circle-details > h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1;
}

.team-circle-details > h4,
.team-circle-details > h3 {
  font-size: 14px;
}

.single-team-card-detail > p,
.team-circle-details > p {
  font-size: 13px;
  opacity: 0.6;
}

.team-circle-details > p {
  font-size: 9px;
}

.team-circle-details > button {
  color: var(--text-color);
  padding: 5px;
  font-size: 14px;
  display: inline-block;
  border: 0;
  outline: 0;
  background: transparent;
  margin-bottom: -20px;
  transition: color 0.4s;
}


.team-carousel .owl-item .team-circle:hover .team-circle-details > button {
  color: #00ff89;
}

.team-circle-details > p:not(:last-child) {
  margin-bottom: 3px;
}

.teams-overlay {
  position: absolute;
  background: #fff;
  border-radius: 6px;
  top: 50%;
  left: 50%;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  z-index: 1;
  transform: translate(-50%, -50%);
  color: var(--text-color);
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
}

.teams-overlay > p.quote {
  font-size: 14px;
  position: relative;
}

.teams-overlay > p > i,
.team-circle-details > p > i {
  margin-right: 10px;
  color: var(--dark-blue);
}

.team-circle-details > p > i {
  margin-right: 5px;
}

.teams-overlay > p::before,
.teams-overlay > p::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  display: inline-block;
  position: relative;
  font-size: 17px;
  top: 0;
  color: var(--dark-blue);
}

.teams-overlay > p.quote::before {
  content: "\f10d";
  margin-right: 7px;
}

.teams-overlay > p.quote::after {
  content: "\f10e";
  margin-left: 7px;
}

.single-team-card:hover .teams-overlay {
  opacity: 1;
  visibility: visible;
}

.faq-banner,
.team-detail-banner,
.case-study-banner {
  background: linear-gradient(var(--light-light-blue) 0%, #fff 70%);
  min-height: 700px;
}

.case-study-banner {
  height: 55vh;
  min-height: 670px;
}

.team-detail-banner .banner-heading > p {
  color: var(--text-color);
  font-weight: 600;
  font-size: 30px;
}

.team-detail-banner .banner-heading > img {
  max-height: 275px;
  margin: 20px 0 30px;
  filter: drop-shadow(5px 6px 0 #080046);
}

/* .case-study-banner .banner-heading > h1 {
  font-size: 60px;
} */

.caseStudyBanner-holder {
  border: 6px solid var(--dark-blue);
  border-radius: 6px;
}

.caseStudyBanner-holder-area {
  width: 153%;
  transform: translate(-32%, 0%);
}

.caseStudyBanner-holder-area,
.caseStudyBanner-holder {
  position: relative;
  z-index: 1;
}

.caseStudyBanner-holder::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.caseStudyBanner-holder-area::before,
.caseStudyBanner-holder-area::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.caseStudyBanner-holder-area::after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.caseStudyBanner-holder > img {
  width: 100%;
}

.caseStudyBanner-holder-popup {
  font-size: 40px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 6px 30px 0 rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.caseStudyBanner-holder-popup i {
  position: absolute;
  top: 50%;
  left: 55%;
  font-size: 40px;
  transform: translate(-50%, -50%);
  color: var(--dark-blue);
}

.caseStudyBanner-holder-popup > .after,
.caseStudyBanner-holder-popup > .before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
}

.caseStudyBanner-holder-popup > .after {
  opacity: 0.2;
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}

.caseStudyBanner-holder-popup > .before {
  transform: scale(1);
  opacity: 0.1;
  -webkit-animation: 1.5s pulse 0.3s infinite;
  animation: 1.5s pulse 0.3s infinite;
}

.banner-tesimonial {
  position: relative;
  margin-top: 30px;
  background: #fff;
  padding: 20px;
  border: 1px solid var(--text-color);
  border-radius: 6px;
  width: 100%;
  max-width: 500px;
}

.banner-tesimonial.inner-section-testimonials::before {
  display: none;
}

.banner-tesimonial > h4 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.banner-tesimonial > img {
  max-height: 20px;
  margin-bottom: 7px;
}

.banner-tesimonial:not(.inner-section-testimonials) > p {
  font-size: 13px;
}

.banner-heading .banner-tesimonial .link-area {
  margin-top: 15px;
}

.banner-heading .banner-tesimonial .link-area > a {
  font-size: 14px;
  padding: 8px 22px;
}

.banner-tesimonial::before {
  content: "\f10e";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--pink);
  position: absolute;
  top: 0;
  right: 5%;
  font-size: 125px;
  transform: translate(0%, -35%);
  line-height: 1;
}

.banner-tesimonial::after {
  content: "";
  width: 17%;
  height: 55%;
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/case-studies/flantro.svg?format=webp") center left no-repeat;
  background-size: contain;
  top: 33%;
  right: 2px;
  transform: translate(100%, -50%);
  z-index: 2;
}

.services-banner,
.industry-banner {
  background: linear-gradient(var(--light-light-blue) 50%, #fff);
  min-height: 600px;
}

.industry-banner {
  height: 40vh;
}

.industry-banner > .center-container {
  top: 55%;
}

.industry-banner {
  min-height: 720px;
}

.industry-banner .banner-heading.text-left {
  padding-right: 20px;
}

.food-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/banner-bg.jpg") center center no-repeat;
  background-size: cover;
}

.fitness-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/fitness/background.jpg") center center no-repeat;
  background-size: cover;
  background-position: center 68%;
}

.consultation-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/consultation/background.jpg") center center no-repeat;
  background-size: cover;
  background-position: right 68%;
}

.healthcare-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/healthcare/background.jpg") center center no-repeat;
  background-size: cover;
}

.education-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/education/background.jpg") center center no-repeat;
  background-size: cover;
}

.transportation-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/transportation/background.jpg") center center no-repeat;
  background-size: cover;
}

.real-estate-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/real_estate/background.jpg") center center no-repeat;
  background-size: cover;
}

.beauty-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/beauty/background.jpeg") center center no-repeat;
  background-size: cover;
}

.ecommerce-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/ecommerce/background.jpg") center center no-repeat;
  background-size: cover;
}

.ecommerce-delivery-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/ecommerce-delivery/background.jpg") center center no-repeat;
  background-size: cover;
}

.grocery-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/grocery/background.jpg") center center no-repeat;
  background-size: cover;
}

.home-services-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/home_services/background.jpg") top center no-repeat;
  background-size: cover;
}

.laundry-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/laundry/background.png?format=png") center center no-repeat;
  background-size: cover;
}

.pharmacy-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/pharmacy/background.png?format=png") center center no-repeat;
  background-size: cover;
}

.pickup-delivery-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/pickup-delivery/background.png?format=png") center center no-repeat;
  background-size: cover;
}

.rental-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/rental/background.png?format=png") center center no-repeat;
  background-size: cover;
}

.services-app-bg {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/services/background.png?format=png") center center no-repeat;
  background-size: cover;
}

.contact-banner {
  background: linear-gradient(var(--light-light-blue) -13%, #fff);
  min-height: 600px;
}

.services-banner .center-container {
  top: 55%;
}

.services-banner::before {
  top: 37%;
}

.services-banner::after {
  top: 55.5%;
}

.faqAccordion .accordion-item {
  border: 1px solid var(--dark-blue);
  border-radius: 6px;
  margin-bottom: 15px;
}

.faqAccordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faqAccordion .accordion-button {
  background: transparent;
  outline: 0;
  box-shadow: none;
  font-weight: 500;
  color: #000;
}

.faqAccordion .accordion-button > span {
  display: inline-block;
  padding-right: 10px;
  /*color: var(--dark-blue);*/
}

.faqAccordion .accordion-body {
  background: #d7dcfe;
  margin: 0 15px 15px 15px;
  border-radius: 6px;
  display: flex;
  font-size: 14px;
}

.faqAccordion .accordion-body > img {
  width: 65px;
}

.faqAccordion .accordion-body > p {
  padding-left: 15px;
  font-weight: 500;
}

/*.faqAccordion .accordion-body > p > b {
  color: var(--dark-blue);
}*/

.faqAccordion .accordion-button::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  background: var(--dark-blue);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  transition: all 0.3s;
}

.faqAccordion .accordion-button:not(.collapsed)::after {
  background: #d7dcfe;
  color: var(--dark-blue);
}

.faq-banner-img {
  width: 135%;
  float: right;
}

.services-banner-img {
  width: 160%;
  transform: translate(-25%, 0);
}

.about-banner-img {
  width: 135%;
  transform: translate(-12.5%, 0);
}

.contact-banner-img {
  width: 117%;
  transform: translate(-12.5%, 0);
}

.about-image-holder {
  background: #fff6db;
  border-radius: 7px;
  padding: 30px 20px;
}

.about-image-holder > img {
  width: 100%;
}

.about-image-box .single-case-study-detail {
  max-width: 100%;
  padding: 30px;
}

.banner-trees {
  position: absolute;
  left: 50%;
  width: 100%;
  bottom: 0;
  transform: translate(-50%, 0%);
}

.banner-trees > img {
  position: absolute;
  bottom: 0;
}

.banner-trees > img.bottom-right-tree {
  right: 21%;
  width: 12%;
}

.banner-trees > img.bottom-center-tree {
  left: 25%;
  width: 11%;
  bottom: 38px;
}

.banner-trees > img.bottom-left-tree {
  left: 14%;
  width: 7%;
  transform: translate(0%, 20%);
}

.portfolio-page-big-imgs > img {
  top: 80px;
}

.portfolio-page-big-imgs > img.center-left-flipped {
  top: 40%;
  right: auto;
  left: 0;
  transform: scaleX(-1);
}

.portfolio-page-big-imgs > img.bottom-right-flipped {
  top: auto;
  bottom: 10%;
  transform: scaleX(-1);
}

.faq-page-big-imgs > img.bottom-left {
  top: auto;
  right: auto;
  left: 0;
  bottom: 2%;
}

.link-area > a.menu-toggler {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--dark-blue);
  font-size: 22px;
}

.link-area > a.menu-toggler > i {
  margin: 0;
}

/* .menu-toggler {
  right: 0;
  position: fixed;
  top: 50%;
  width: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 1002;
  transform: translateY(-50%);
  transition: all 0.4s;
}

.menu-toggler.menu-opened {
  filter: invert(1);
}

.menu-toggler.menu-opened .fa-bars::before {
  content: "\f00d";
}

.menu-toggler > img {
  width: 100%;
}

.menu-toggler .fa-bars {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  transform: translate(-50%, -50%);
  z-index: 1;
} */

.mobile-menu-bg,
.mobile-menu-area,
.step-other-popup-bg {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1001;
  /* opacity: 0;
  visibility: hidden; */
  transition: all 0.4s;
}

.mobile-menu .link-area > a {
  margin-left: -5px;
}

.mobile-menu-bg,
.step-other-popup-bg  {
  background: rgba(0, 0, 0, 0.6);
}

.mobile-menu-area {
  display: flex;
  flex-wrap: wrap;
  /* max-width: 275px; */
  background: #00063d;
  /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); */
  padding: 0 20px;
  color: #fff;
  transform: translate(0%, -100%);
  overflow-x: hidden;
  overflow-y: auto;
}

.mobile-menu-area > .container {
  margin: auto;
}

.mobile-menu-bg.show-this,
.mobile-menu-area.show-this {
  opacity: 1;
  visibility: visible;
  transform: translate(0%, 0%);
}

.mobile-menu-cross {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--yellow);
  color: var(--text-color);
  border: 1px solid var(--text-color);
  border-bottom-width: 3px;
  border-right-width: 2px;
  cursor: pointer;
  z-index: 1;
}

.mobile-menu {
  padding: 0 5px;
}

.mobile-menu > li:first-child {
  margin-top: 20px;
}

.mobile-menu > li > a {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 4px 30px;
  font-weight: 600;
  transition: all 0.6s;
}

.mobile-menu.big-links > li > a {
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
  font-size: 30px;
  padding: 10px 15px 10px 35px;
}

.mobile-menu.big-links > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 52%;
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: transparent;
  border: 3px solid var(--yellow);
  transform: translate(0, -50%);
  transition: all 0.3s;
}

.menu-left-side {
  position: relative;
}

.menu-left-side::before {
  content: "";
  position: absolute;
  right: 12.5%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  background: var(--dark-blue);
  transform: translate(0, -50%);
  z-index: -1;
}

.mobile-menu > li > a:hover {
  color: var(--yellow);
}

.mobile-menu.big-links > li > a:hover::before {
  background: var(--yellow);
}

.mobile-menu > li > a > i {
  color: var(--yellow);
  position: absolute;
  left: 0;
  top: 8px;
}

.mobile-menu-area .logo a > img {
  max-height: 100px;
}

.difference-li {
  margin-top: 30px !important;
}

.mobile-menu > li .link-area > a {
  padding-left: 35px;
  padding-right: 35px;
}

.mobile-menu-area .footer-menu ul.social-links {
  margin-top: 15px;
  /* justify-content: center; */
}

.mobile-menu-area .footer-menu ul.social-links > li > a {
  color: #fff;
}

.mobile-button {
  text-align: right;
  font-size: 24px;
  display: none;
  /* padding: 0 10px; */
}

.scrollable-tabs-area {
  overflow: hidden;
  position: relative;
  height: 155px;
  margin-bottom: 40px;
}

.scrollable-tabs-area ul {
  display: flex;
  padding-bottom: 20px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
}

#scrollable-tabs > div {
  position: absolute;
  transition: all 0.3s;
  cursor: pointer;
}

#scrollable-tabs > div.prev-portfolio {
  left: 0;
  opacity: 0;
  visibility: hidden;
}

#scrollable-tabs > div.next-portfolio {
  right: 0;
}

.faq-page-area .testimonials-images > svg:first-child {
  top: 16%;
  width: 55px;
  transform: translate(-100%, 0%);
}

.process-banner-img {
  width: 135%;
  transform: translate(-20%, 0);
}

.pricing-banner-img {
  width: 150%;
  transform: translate(-25%, 0);
}

.single-process-area {
  width: 93%;
  display: flex;
  background: #fff;
  border: 1px solid var(--text-color);
  box-shadow: 4px 4px 0px var(--text-color);
  border-radius: 10px;
  position: relative;
}

.single-process-imgDetail {
  display: flex;
  padding: 45px;
  gap: 30px;
  align-items: center;
}

.single-process-imgDetail > img {
  width: 125px;
}

.single-process-detail > h3 {
  font-size: 30px;
  margin-bottom: 15px;
}

.single-process-number {
  background: var(--dark-blue);
  padding: 30px 30px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 80px;
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
}

.single-process-area + .single-process-area {
  margin-top: var(--section-padding);
}

.single-process-area:nth-child(even),
.single-process-area:nth-child(even) .single-process-imgDetail {
  flex-direction: row-reverse;
}

.single-process-area:nth-child(even) {
  margin-left: auto;
  box-shadow: -4px 4px 0px var(--text-color);
}

.single-process-area:nth-child(odd) .single-process-number {
  border-radius: 0 9px 9px 0;
  border-left: 1px solid var(--text-color);
}

.single-process-area:nth-child(even) .single-process-number {
  border-radius: 9px 0 0 9px;
  border-right: 1px solid var(--text-color);
}

.single-process-area:nth-child(even)::before {
  transform: translate(60%, -84%) scaleX(-1) rotate(7deg);
  right: 0;
}

.single-process-area:nth-child(odd)::before {
  transform: translate(-60%, -84%) rotate(7deg);
  left: 0;
}

.single-process-area:first-child::before {
  display: none;
}

.single-detailed-service + .single-detailed-service {
  margin-top: var(--section-padding);
}

.single-detailed-service:nth-child(even) > .row {
  flex-direction: row-reverse;
}

.single-detailed-service:nth-child(even) .service-detailed-area {
  padding-left: 50px;
}

.single-detailed-service:nth-child(odd) .service-detailed-area {
  padding-right: 50px;
}

.service-detailed-area > h3 {
  font-size: 40px;
  padding-bottom: 15px;
}

.service-detailed-area > h3.default-font {
  font-size: 34px;
}

.service-detailed-area > .link-area {
  margin-top: 20px;
}

.service-detailed-area > p {
  line-height: 1.4;
}

.service-side-img,
.industry-side-img {
  width: 100%;
  max-height: 400px;
  object-fit: contain;
}

.industry-side-img {
  max-height: 520px;
}

.schedule-call-area {
  position: relative;
  border-radius: 10px;
  background: var(--dark-blue);
  padding: 60px;
  color: #fff;
  z-index: 91;
}

.schedule-call-area-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.schedule-call-area-shapes::before,
.schedule-call-area-shapes::after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
  width: 350px;
  height: 450px;
  z-index: -1;
  border-radius: 50%;
}

.schedule-call-area-shapes::before {
  left: 0;
  top: 0;
  transform: translate(-60%, -40%);
}

.schedule-call-area-shapes::after {
  right: 0;
  bottom: 0;
  transform: translate(40%, 60%) rotate(90deg);
}

.schedule-call-area h3,
.schedule-call-area h2 {
  font-size: 30px;
  margin-bottom: 15px;
}

.schedule-call-area .link-area {
  margin-top: 25px;
}

.schedule-call-area p {
  font-size: 14px;
}

.schedule-call-area .link-area > p {
  margin-top: 7px;
  font-size: 10px;
}

.schedule-call-area ul {
  display: flex;
  flex-wrap: wrap;
}

.schedule-call-area ul > li {
  padding-left: 30px;
  position: relative;
  width: 50%;
  font-size: 14px;
}

.schedule-call-area ul > li::before {
  content: "";
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/yellow-check.png?format=png") no-repeat center center;
  background-size: contain;
  height: 20px;
  width: 20px;
  left: 0;
  top: 2px;
}

.schedule-call-images {
  position: relative;
}

.schedule-call-images > img {
  position: absolute;
  filter: drop-shadow(2px 2px 0px #080046);
}

.schedule-call-images > img.main-img {
  position: relative;
  width: 250px;
  filter: none;
}

.schedule-call-images > img.main-img.industry-mobile-call-img {
  width: 405px;
  margin: -150px 0px -150px -90px;
  transform: rotate(32deg);
}

.schedule-call-images > img.main-img.pricing-absolute-img {
  position: absolute;
  width: 300px;
  filter: none;
  left: 0;
  top: 0;
  transform: translate(-80%, -54%);
}

.schedule-call-images > img.bottom-right-img {
  bottom: 0;
  right: 2%;
  width: 100px;
  transform: translate(0%, 90%);
}

.schedule-call-images > img.bottom-left-img {
  bottom: 0;
  left: 0;
  width: 120px;
  transform: translate(-70%, 70%);
}

.schedule-call-images > img.top-left-img {
  top: 0;
  left: 0;
  width: 110px;
  transform: translate(-40%, -90%);
}

.single-pricing {
  position: relative;
  width: 100%;
  background: #fff;
  border: 2px solid var(--yellow);
  border-top-width: 7px;
  padding: 30px 0px;
  border-radius: 10px;
  top: 0;
  transition: all 0.3s;
}

.single-pricing:hover {
  top: -10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.125);
}

.single-pricing:before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: var(--yellow);
  opacity: 0;
  transition: all 0.3s;
}

.single-pricing:hover:before {
  opacity: 0.1;
}

.pricing-head {
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
}

.pricing-price {
  width: calc(100% - 52px);
}

.pricing-price > h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.pricing-price > h4 > small {
  display: block;
  font-size: 70%;
  font-weight: 600;
}

.pricing-price > h5 {
  font-size: 18px;
  font-weight: 600;
}

.pricing-price > h6 {
  position: relative;
  font-weight: 600;
  font-size: 50px;
  color: #080046;
}

.pricing-img > img {
  height: 58px;
}

.pricing-slider {
  padding: 25px 50px 0px;
}

.pricing-slider > p {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  margin: 0 -15px;
  width: calc(100% + 30px);
}

.pricing-sliderDiv {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #eee;
  border-radius: 10px;
  margin-bottom: 15px;
}

.pricing-sliderDiv::before,
.pricing-sliderDiv::after {
  content: "";
  position: absolute;
  background: var(--yellow);
}

.pricing-sliderDiv::before {
  top: 50%;
  left: 40%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  z-index: 1;
  transform: translate(-50%, -50%);
}

.pricing-sliderDiv::after {
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.pricing-video {
  position: relative;
  padding: 0 20px;
  display: none;
}

.pricing-video > img {
  border: 2px solid var(--yellow);
  border-radius: 6px;
  width: 100%;
}

.pricing-video > a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 44px);
  height: calc(100% - 4px);
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}

.pricing-links {
  padding: 20px 20px 30px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

.pricing-links:has(.view-more-button) {
  padding: 0px 20px;
}

.pricing-links .view-more-button {
  padding: 0;
  overflow: visible;
  font-weight: 700;
}

.pricing-links .view-more-button::after {
  position: absolute;
  left: 50% !important;
  bottom: -3px;
  transform: translate(-50%, 0);
  height: 2px;
  top: auto;
  background: var(--yellow);
  max-width: 80%;
}

.border-dark-blue .pricing-links .view-more-button::after {
  background: var(--dark-blue);
}

.border-pink .pricing-links .view-more-button::after {
  background: var(--pink);
}

.pricing-links .view-more-button::before {
  display: none;
}

.pricing-links > a {
  padding: 8px 25px;
  font-size: 14px;
  background: #fff;
}

.small-link > a {
  padding: 8px 25px;
  font-size: 14px;
}

.pricing-for-area {
  /* padding: 0px 20px 0; */
  margin: 15px 0;
  width: calc(100% + 52px);
  max-width: 298px;
}

.pricing-for-area > p {
  position: relative;
  border-radius: 7px;
  padding: 6px 10px;
  font-size: 13px;
  border: 2px solid var(--yellow);
  font-weight: 500;
  z-index: 1;
  overflow: hidden;
}

.pricing-for-area > p::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--light-yellow);
  z-index: -1;
  opacity: 0.5;
}

.pricing-for-area > p > b {
  display: block;
}

.pricing-details {
  font-size: 14px;
  display: none;
  padding-top: 30px;
}

.pricing-details > p {
  background: #eff2f7;
  margin: 0;
  color: #627385;
  font-weight: 600;
  padding: 5px 20px;
}

.pricing-details > p > small {
  font-size: 12px;
  font-weight: 400;
}

.pricing-details > ul {
  padding: 20px 20px 0;
}

.pricing-details > ul > li {
  padding: 4px 0;
  position: relative;
}

.pricing-details > ul + p {
  margin-top: 20px;
}

.pricing-details > ul.features > li {
  padding-left: 25px;
}

.pricing-details > ul.features > li::before {
  content: "";
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/yellow-check.png?format=png") no-repeat center center;
  background-size: contain;
  height: 16px;
  width: 16px;
  left: 0;
  top: 8px;
}

.pricing-details > ul.features > li > span.hasInfo {
  border-bottom: 1px dashed var(--text-color);
}

.pricing-details > ul.features > li i.fa-info {
  color: #f1bc00;
  margin-left: 5px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid #f1bc00;
  font-size: 9px;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
  box-shadow: 0 0 5px #f1bc0094;
}

.single-pricing.border-dark-blue .pricing-details > ul.features > li i.fa-info {
  color: var(--dark-blue);
  border-color: var(--dark-blue);
  box-shadow: 0 0 5px #5c64fe84;
}

.single-pricing.border-pink .pricing-details > ul.features > li i.fa-info {
  color: var(--pink);
  border-color: var(--pink);
  box-shadow: 0 0 5px #ff748f94;
}

.pricing-details > ul.features > li span.info-area {
  position: absolute;
  padding: 10px 15px;
  background: #fff;
  border-radius: 10px;
  z-index: 1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  width: 100%;
  max-width: 275px;
  font-size: 12px;
  margin-left: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}

.pricing-details > ul.features > li > .info-box {
  display: inline-block;
}

.pricing-details
  > ul.features
  > li
  > .info-box:hover
  i.fa-info
  + span.info-area {
  opacity: 1;
  visibility: visible;
}

.pricing-details > ul.addons > li {
  display: flex;
  align-items: center;
}
.pricing-details > ul.addons > li > span {
  padding-left: 5px;
  font-weight: 600;
  position: relative;
  color: #7e8faa;
}

.pricing-details > ul.addons > li > span::before {
  content: "-";
  margin-right: 5px;
}

.pricing-toggle {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 20px;
  margin-right: 10px;
}

.pricing-toggle input[type="checkbox"] {
  display: none;
}

.pricing-toggle label {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 34px;
  min-width: 34px;
  transition: background-color 0.3s ease;
}

.pricing-toggle label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.3s ease;
  transform: translate(0%, -50%);
}

.pricing-toggle input[type="checkbox"]:checked + label {
  background-color: var(--yellow);
}

.pricing-toggle input[type="checkbox"]:checked + label:before {
  transform: translate(100%, -50%);
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 14px;
  color: #000;
  text-align: center;
}

.single-pricing.border-dark-blue .pricing-video > img,
.single-pricing.border-dark-blue .pricing-for-area > p {
  border-color: var(--dark-blue);
}

.single-pricing.border-dark-blue .pricing-for-area > p::before {
  background: var(--light-blue);
}

.single-pricing.border-dark-blue
  .pricing-toggle
  input[type="checkbox"]:checked
  + label,
.single-pricing.border-dark-blue::before {
  background: var(--dark-blue);
}

.single-pricing.border-dark-blue .pricing-details > ul.features > li::before {
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/blue-check.png?format=png") no-repeat center center;
  background-size: contain;
}

.single-pricing.border-dark-blue .pricing-sliderDiv::before,
.single-pricing.border-dark-blue .pricing-sliderDiv::after {
  background: var(--dark-blue);
}

.single-pricing.border-pink .pricing-video > img,
.single-pricing.border-pink .pricing-for-area > p {
  border-color: var(--pink);
}

.single-pricing.border-pink .pricing-for-area > p::before {
  background: var(--light-pink);
}

.single-pricing.border-pink
  .pricing-toggle
  input[type="checkbox"]:checked
  + label,
.single-pricing.border-pink::before {
  background: var(--pink);
}

.single-pricing.border-pink .pricing-details > ul.features > li::before {
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/pink-check.png?format=png") no-repeat center center;
  background-size: contain;
}

.single-pricing.border-pink .pricing-sliderDiv::before,
.single-pricing.border-pink .pricing-sliderDiv::after {
  background: var(--pink);
}

.single-mini-feature {
  padding: 15px 22px;
  border: 1px solid var(--dark-blue);
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.4s;
}


.single-mini-feature:hover {
  background: var(--dark-blue);
  color: #fff;
}

.inner-banner .single-mini-feature {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--text-color)
}

.inner-banner ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 25px;
}

.blue-tick-ul {
  margin-top: 20px;
}

.single-mini-feature:hover p::before {
  filter: brightness(0) invert(1);
}

.inner-banner .single-mini-feature p::before {
  filter: brightness(1);
}

.single-mini-feature > p, 
.blue-tick-ul > li > p {
  position: relative;
  padding-left: 42px;
}

.inner-banner .single-mini-feature p {
  padding-left: 36px;
}

.blue-tick-ul > li > p {
  padding: 3px 0;
  padding-left: 25px;
}

.single-mini-feature > p::before,
.blue-tick-ul > li > p::before {
  content: "";
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/blue-check.png?format=png") no-repeat center center;
  background-size: contain;
  height: 25px;
  width: 25px;
  left: 0;
  top: 0px;
  filter: brightness(1) invert(0);
  transition: all 0.4s;
}

.blue-tick-ul > li > p::before {
  top: 8px;
  height: 16px;
  width: 16px;
}

.about-carousel {
  overflow: hidden;
  position: relative;
  margin: 0 0 -80px 0
}

.about-carousel::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #fff 44%, transparent);
  z-index: 90;
}

.about-carousel .item {
  padding: 10px 0;
}

.about-section-item {
  position: relative;
  display: flex;
  padding: 20px;
  border: 2px solid var(--dark-blue);
  border-right-width: 3px;
  border-bottom-width: 4px;
  border-radius: 10px;
  align-items: center;
  transform: scale(0.8);
  transition: all 0.4s;
  cursor: grab;
  opacity: 0.6;
}

.about-section-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 0.25;
  background: var(--light-blue);
  z-index: -1;
}

.about-section-item.border-yellow::before,
button.step-form-submit::before {
  background: var(--light-yellow);
}

.about-section-item.border-pink::before {
  background: var(--light-pink);
}

.slick-active.slick-active:not(.slick-center) .about-section-item {
  transform: scale(1);
  opacity: 1;
}

.about-section-item .number-holder {
  margin: 0;
  min-width: 115px;
  min-height: 115px;
  font-size: 60px;
}

.about-section-item > img {
  max-width: 115px;
  max-height: 115px;
  object-fit: contain;
}

.about-section-item .number-holder::before {
  border-top: 115px solid transparent;
  border-left: 115px solid #fff;
}

.about-section-item-detail {
  padding: 0 0 0 40px;
}

.about-section-item-detail > h2 {
  font-size: 29px;
  font-weight: 700;
}

.about-section-item-detail > p {
  font-size: 20px;
}

.about-section-item-detail > p > b {
  color: var(--dark-blue);
}

.single-portfolio-area {
  margin: 0 4px;
  margin-bottom: 8px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.single-portfolio-area > a {
  display: inline-block;
  position: relative;
  width: 100%;
}

.single-portfolio-area a::before,
.single-portfolio-area a::after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.single-portfolio-area a::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--dark-blue);
}

.single-portfolio-area a::after {
  content: "\f055";
  font-family: "Font Awesome 6 Free";
  top: 50%;
  left: 50%;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  transform: translate(-50%, -50%);
}

.single-portfolio-area:hover a::before {
  opacity: 0.7;
  visibility: visible;
}

.single-portfolio-area:hover a::after {
  opacity: 1;
  visibility: visible;
}

.single-portfolio-area > a > img {
  width: 100%;
}

.teams-single-detail-area {
  border: 1px solid var(--dark-blue);
  border-radius: 10px;
  overflow: hidden;
}

.teams-single-detail-head {
  background: var(--dark-blue);
  padding: 20px 15px;
  color: #fff;
  text-align: center;
}

.teams-single-detail-head > h6 {
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
  font-size: 24px;
  margin: 0;
}

.teams-single-detail-head > h6::before,
.teams-single-detail-head > h6::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  opacity: 0.5;
}

.teams-single-detail-head > h6:before {
  content: "\f10d";
  margin-right: 10px;
}

.teams-single-detail-head > h6:after {
  content: "\f10e";
  margin-left: 10px;
}

.teams-single-detail-body {
  padding: 40px 45px;
  background: #fff;
}

.teams-single-detail-body h3 {
  font-size: 30px;
  margin-bottom: 15px;
}

.teams-single-detail-body p + h3,
.teams-single-detail-body ul + h3 {
  margin-top: 30px;
}

.teams-single-detail-body b {
  color: var(--dark-blue);
}

.teams-single-detail-body > ul > li {
  position: relative;
  padding-left: 45px;
}

.teams-single-detail-body > ul > li:not(:last-child) {
  margin-bottom: 15px;
}

.teams-single-detail-body > ul > li > p {
  min-height: 50px;
}

.teams-single-detail-body > ul > li > p > b {
  display: block;
}

.teams-single-detail-body > ul > li::before {
  content: "";
  position: absolute;
  background: url("https://appxide.imglab-cdn.net/assets/images/pricing/yellow-check.png?format=png") no-repeat center center;
  background-size: contain;
  height: 30px;
  width: 30px;
  left: 0;
  top: 8px;
}

.teams-single-detail-area.inner-technology-detail {
  border: 0;
}

.teams-single-detail-area.inner-technology-detail > .teams-single-detail-body {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 30px;
  text-align: center;
}

.teams-single-process + .teams-single-process {
  margin-top: var(--section-padding);
}

.row-reverse {
  flex-direction: row-reverse;
}

.schedule-popup-bg,
.schedule-popup-area,
.get-a-quote-bg,
.get-proposal-bg,
.get-proposal-area {
  position: fixed;
  width: 100%;
  z-index: 1005;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.schedule-popup-bg.show-this,
.schedule-popup-area.show-this,
.get-proposal-bg.show-this,
.get-proposal-area.show-this {
  opacity: 1;
  visibility: visible;
}

.schedule-popup-bg,
.get-a-quote-bg,
.get-proposal-bg {
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.get-a-quote-bg {
  z-index: 100;
}

.schedule-popup-area,
.get-proposal-area {
  left: 50%;
  top: 50%;
  width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  max-width: 900px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  overflow: hidden auto;
  transform: translate(-50%, -50%);
}

.schedule-popup-area:not(.contact-section) {
  transform: translate(-50%, -50%);
}

.schedule-popup-area {
  display: flex;
  min-height: 580px;
  max-width: 1076px;
  flex-wrap: wrap;
  transition: opacity 0.3s;
}

.get-proposal-area {
  background: #fff;
  max-width: 770px;
  padding: 45px 60px;
  text-align: center;
  overflow: visible;
  transition: opacity 0.3s;
}

.get-proposal-area .platform-step .step-label:not(.hybrid) .step-img-holder.big-image img,
.get-proposal-area .platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder {
  max-height: 48px;
  margin: 20px 0px;
}

.get-proposal-area .platform-step .step-label.hybrid .step-img-holder.big-image img {
  margin-left: 2px;
}

.get-proposal-area > h2 {
  font-size: 32px;
  margin-bottom: 15px;
}

.get-proposal-area .step-input {
  font-size: 14px;
  height: 46px;
}

.get-proposal-content {
  display: none;
}

.get-proposal-content.get-proposal-show {
  display: block;
}

.get-proposal-content > h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.get-proposal-content label {
  cursor: pointer;
}

.get-proposal-progressBar {
  display: flex;
  border-radius: 20px;
  transition: .5s;
  width: 75%;
  background: #e9ecef;
  margin: 30px auto;
  overflow: hidden;
}

.get-proposal-progressBar > .get-proposal-progressFill {
  background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
  background-size: 1rem 1rem;
  background-color: var(--dark-blue);
  height: 16px;
  animation: progress-bar-stripes 1s linear infinite;
  border-radius: 20px;
  transition: width 0.4s;
}

.get-proposal-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 10px 15px;
}

.get-proposal-buttons > button {
  width: 100%;
  max-width: 150px;
  background: var(--light-yellow);
}

.get-proposal-buttons > button[type="submit"],
#get-proposal-details.get-proposal-show ~ .get-proposal-buttons > .get-proposal-next-button,
#get-proposal-company-detail.get-proposal-show ~ .get-proposal-buttons > .get-proposal-back-button {
  display: none;
}

#get-proposal-details.get-proposal-show ~ .get-proposal-buttons > button[type="submit"] {
  display: block;
}



.schedule-popup-area.contact-section {
  opacity: 1;
  visibility: visible;
  position: relative;
  left: auto;
  top: auto;
  background: #fff;
  transform: none;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  z-index: 1;
}

.schedule-popup-area.contact-section .schedule-popup-right {
  display: block;
}

.schedule-popup-area.contact-section .schedule-popup-left {
  padding-left: 30px;
}

.otp-formArea {
  position: absolute;
  left: calc(var(--bs-gutter-x) * .5);
  z-index: 2;
  height: 100%;
  width: calc(100% - var(--bs-gutter-x));
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

.otp-formArea.otp-show {
  opacity: 1;
  visibility: visible;
}

.otpCode:focus{
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe !important;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.schedule-popup-left,
.schedule-popup-right {
  padding: 45px 35px;
  height: 100%;
}

.schedule-popup-right {
  background: var(--dark-blue);
  color: #fff;
}

.schedule-popup-right > iframe,
.schedule-popup-right > img,
.schedule-popup-right > #map {
  width: calc(100% + 94px);
  height: calc(100% + 94px);
  margin: -47px;
}

.schedule-popup-right .hover-area {
  position: absolute;
  top: 38%;
  right: 37%;
  width: 4%;
  height: 7%;
  cursor: pointer;
}

.schedule-popup-right .hover-dropdown {
  position: absolute;
  top: 44.5%;
  right: 39%;
  background-color: #fff;
  border-radius: 10px;
  color: var(--text-color);
  padding: 10px 15px;
  font-size: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transform: translate(50%, 0%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.schedule-popup-right .hover-dropdown::before {
  content: "";
  position: absolute;
  border-bottom: 5px solid #fff;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  top: 0;
  left: 50%;
  width: 10px;
  transform: translate(-50%, -100%);
}

.schedule-popup-right .hover-dropdown > h5 {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 18px;
}

.schedule-popup-right .hover-area:hover + .hover-dropdown {
  opacity: 1;
  visibility: visible;
}

.schedule-popup-left h4 {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 10px;
}

.otp-formArea .schedule-popup-left h4 {
  font-size: 25px;
  font-weight: 600;
  margin: 0 0 30px;
}

.otp-formArea .schedule-popup-left p {
  text-align: center;
}

.otp-formArea .schedule-popup-left p.otp-text {
  color: var(--dark-blue);
  font-weight: 600;
}

.otp-codeArea {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 25px 0 45px;
}

.otp-codeArea > li {
  width: 50px;
}

.otp-codeArea > li > input[type="number"], .otp-codeArea > li > input[type="text"] {
  padding: 8px;
  text-align: center;
  border: 2px solid var(--dark-blue);
  border-radius: 7px;
  height: 50px;
  margin: 0 !important;
}


.schedule-popup-left {
  position: relative;
  font-size: 14px;
}

.schedule-popup-left input:not([type="checkbox"]),
.schedule-popup-left select,
.schedule-popup-left textarea,
.get-proposal-content input:not(:is([type="radio"], .step-input)),
.get-proposal-content textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #8d8d8d;
  outline: 0;
  padding: 7px 0;
  font-size: 14px;
  margin-bottom: 10px;
}

.schedule-popup-left input:not([type="checkbox"]).datetime-field,
.get-proposal-content input:not([type="checkbox"]).datetime-field {
  padding-right: 25px;
}

.schedule-popup-left .datepickerHolder > i,
.get-proposal-content .datepickerHolder > i {
  position: absolute;
  right: 15px;
  top: 12px;
  color: var(--yellow);
}

.schedule-popup-left .datepickerHolder > i {
  font-size: 18px;
  top: 9px;
}

.schedule-popup-left .time-calendar-container,
.get-proposal-content .time-calendar-container {
  top: auto;
  bottom: 0;
  transform: translate(0%, 100%);
}

.schedule-popup-left input[type="number"],
.get-proposal-content input[type="number"] {
  padding-left: 46px;
  margin-bottom: 10px !important;
}

.iti--allow-dropdown .iti__flag-container {
  bottom: 10px;
}

.iti__selected-flag {
  padding-left: 0px;
}

.schedule-popup-left textarea,
.get-proposal-content textarea {
  height: 100px;
  resize: none;
}

.schedule-popup-left input[type="checkbox"] {
  margin-right: 7px;
}

.schedule-popup-left .smallText {
  text-align: center;
  font-size: 11px;
  background: #eee;
  padding: 12px;
  border-radius: 7px;
}

.schedule-popup-left .smallText > a {
  color: #000;
  font-weight: 600;
}

.otp-formArea .schedule-popup-left .smallText {
  margin-top: 35px;
}

.schedule-popup-left button {
  width: 100%;
}

.otp-formArea .schedule-popup-left button {
  width: auto;
}

.otp-formArea .schedule-popup-left button + button {
  margin-left: 7px;
}

.schedule-right-detail {
  font-size: 20px;
}

.schedule-right-detail:not(:first-child) {
  padding-top: 30px;
}

.schedule-right-detail:not(:last-child) {
  padding-bottom: 30px;
}

.schedule-right-detail > h4 {
  font-size: 18px;
  font-weight: 600;
}

.schedule-right-detail + .schedule-right-detail {
  border-top: 1px solid #3a3381;
}

.schedule-right-detail > ul > li {
  padding: 3px 0px 3px 25px;
  position: relative;
  font-size: 14px;
}

.schedule-right-detail > ul > li > i {
  position: absolute;
  left: 0;
  top: 8px;
  color: var(--yellow);
  font-size: 14px;
}

.schedule-right-detail > ul > li > a {
  text-decoration: none;
  color: #fff;
}

.schedule-right-detail > ol {
  list-style: none;
  display: flex;
  /* justify-content: center; */
  gap: 15px 40px;
  flex-wrap: wrap;
  padding: 0;
  margin: 15px 0 0 0;
}

.schedule-right-detail > ol > li > img {
  height: 30px;
  max-height: 30px;
  filter: brightness(0%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg) invert(1);
}

.schedule-right-detail > ol > li > img.big-img {
  height: 35px;
  max-height: 35px;
}

.schedule-popup-cross,
.get-proposal-cross {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50px;
  background: var(--dark-blue);
  cursor: pointer;
}

.schedule-popup-cross {
  font-size: 28px;
}

.caseStudyHolder {
  position: relative;
  width: 110%;
}

.teams-single-process:not(.row-reverse) .caseStudyHolder {
  right: -2.5%;
}

.teams-single-process.row-reverse .caseStudyHolder {
  left: -12.5%;
}

.teams-single-process .caseStudyHolder > img {
  width: 100%;
  height: 1000px;
  max-height: 510px;
  object-fit: contain;
}

.caseStudyHolder > .backImg {
  display: block;
  width: 80%;
  height: 100vh;
  max-height: 500px;
  object-fit: cover;
  border: 3px solid var(--dark-blue);
  border-radius: 10px;
}

.teams-single-process:not(.row-reverse) .caseStudyHolder > .backImg {
  margin-left: auto;
}

.caseStudyHolder > .mobile-frameHolder {
  position: absolute;
  top: 50%;
  height: 80%;
  transform: translate(0, -50%);
  z-index: 2;
}

.teams-single-process:not(.row-reverse) .caseStudyHolder > .mobile-frameHolder {
  left: 0;
}

.teams-single-process.row-reverse .caseStudyHolder > .mobile-frameHolder {
  right: 0;
}

.teams-single-process .caseStudyHolder.dashboard-frameHolder {
  right: auto;
  left: -10%;
}

.teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder {
  left: 25%;
  width: 150%;
}

.teams-single-process .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder {
  width: 100%;
  height: 90%;
  max-width: 200px;
  max-height: 382px;
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}

.teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  transform: translate(-50%, 0%);
  max-width: 175px;
  max-height: 335px;
}

.dashboard-detailHolder .single-service {
  padding: 25px 25px;
  font-size: 15px;
}

.dashboard-detailHolder .single-service .number-holder {
  width: 65px;
  height: 65px;
  font-size: 30px;
}

.caseStudyHolder > .mobile-frameHolder > img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  object-fit: contain;
}

.caseStudyHolder > .mobile-frameHolder > .mobile-inner {
  position: absolute;
  top: 2%;
  left: 5.5%;
  width: 89%;
  height: 96%;
  /* object-fit: cover; */
  /* object-position: top center; */
  border-radius: 15px;
  overflow: hidden;
  z-index: -1;
}

.caseStudyHolder > .mobile-frameHolder > .mobile-inner > img {
  width: 100%;
}

.step-dropdown-image {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 5px;
}

.step-form {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(var(--light-light-blue) -40%, #fff);
}

.step-form::after {
  top: 55%;
}

.step-footer {
  width: 100%;
  background: #fff;
  padding: 15px 0 13px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 0px 30px -13px rgb(161 161 161);
  -moz-box-shadow: 0px 0px 30px -13px rgba(161, 161, 161, 1);
  box-shadow: 0px 0px 30px -13px rgb(161 161 161);
  z-index: 2;
}

.step-form-submit-area {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

input.step-form-submit,
button.step-form-submit {
  position: relative;
  background: var(--light-yellow);
  top: 0;
  left: 0;
  outline: 0;
  padding: 9px 0px;
  border-radius: 50px;
  width: 115px;
  border: 1px solid var(--text-color);
  box-shadow: 0px 0px 0px var(--text-color);
  font-weight: 700;
  z-index: 2;
  transition: top 0.4s, left 0.4s, box-shadow 0.4s;
  color: var(--text-color);
  z-index: 1;
  overflow: hidden;
}

input.step-form-submit:not(:disabled):hover,
button.step-form-submit:not(:disabled):hover {
  top: -2px;
  left: -2px;
  box-shadow: 2px 2px 0px var(--text-color);
}

.step-container {
  width: 100%;
  position: relative;
  top: 50px;
  height: calc(100% - 125px);
  overflow: auto;
  padding: 25px 0 0 0;
  z-index: 5;
  display: flex;
}

.step-center {
  margin: auto;
  padding: 40px 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
}

.step-top-center {
  padding: 20px 0;
  margin: auto;
}

.step-top-center .step-heading {
  padding: 0;
}

.step-center.top-48-desktop {
  top: 48%;
}

.step-center.top-47-desktop {
  top: 47%;
}

.step-center.top-455-desktop {
  top: 45.5%;
}

.step-center.top-40-desktop {
  top: 40%;
}

.step-input-area {
  position: relative;
  z-index: 1;
}

.step-input-area > .row.y-rowGap {
  margin-right: calc(-0.25 * var(--bs-gutter-x));
  margin-left: calc(-0.25 * var(--bs-gutter-x));
}

.step-input,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
  padding: 8px 25px;
  outline: 0;
  border-radius: 50px;
  border: 1px solid var(--text-color);
  box-shadow: 0px 0px 0px var(--text-color);
  transition: top 0.4s, left 0.4s, box-shadow 0.4s;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 15px 17px;
}

.select2-container--default .select2-selection--single {
  height: 63px;
  background: transparent;
  border: 0;
}

.get-proposal-content .select2-container--default .select2-selection--single {
  height: 46px;
}

.get-proposal-content .select2-container {
  width: 100% !important;
  text-align: left;
}

.get-proposal-content  .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 7px 17px;
  padding-right: 37px;
}

.get-proposal-content .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 14px;
}

.step-dropdown-image.small {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 13px;
  right: 15px;
  border-radius: 50%;
  background: var(--dark-blue);
  width: 35px;
  height: 35px;
  border: 1px solid var(--text-color);
}

.select2-selection__arrow::before {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -42%);
  color: #fff;
  transition: all 0.3s;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow::before {
  transform: translate(-55%, -56%) rotate(180deg);
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none;
}

.select2-container--open .select2-dropdown--below {
  margin-top: 6px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--text-color);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--text-color);
  border-radius: 30px;
  display: none;
}

textarea.step-input {
  border-radius: 5px;
  height: 125px;
  resize: none;
}

.step-input-area > i {
  position: absolute;
  left: 20px;
  top: 47%;
  transform: translate(0, -50%);
  z-index: 1;
  transition: left 0.4s, top 0.4s;
}

i + .step-input {
  padding-left: 50px;
}

.col-sm-12:not(:last-child) .step-input-area {
  margin-bottom: 16px;
}

.step-input::placeholder {
  color: #999;
}

.step-input-area:hover > .step-input,
.step-input-area:focus > .step-input,
.step-input-area:focus-within > .step-input,
.get-a-quote-body input:focus,
.get-a-quote-body select:focus,
.get-a-quote-body textarea:focus,
.get-a-quote-body .quotePopupPhoneArea:focus-within input {
  top: -2px;
  left: -2px;
  box-shadow: 2px 2px 0px var(--text-color);
}

/* .step-input:not(:placeholder-shown) {
} */

.step-input-area:hover > i,
.step-input-area:focus > i,
.step-input-area:focus-within > i {
  left: 18px;
  top: calc(47% - 2px);
}

.step-selective {
  display: none;
}

.step-label,
.technology-ul > li {
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid var(--text-color);
  border-radius: 6px;
  width: calc(100% + calc(var(--bs-gutter-x) * 0.5));
  margin: 0 calc(var(--bs-gutter-x) * -0.25);
  box-shadow: 0 0 0 var(--text-color);
  transition: all 0.1s;
  overflow: hidden;
}

.technology-ul.technology-page-ul > li {
  max-width: calc(50% - 6px);
  padding: 30px;
}

.caseStudyFinal-carousel .step-label {
  width: calc(100% - var(--bs-gutter-x));
  margin: calc(var(--bs-gutter-x) * 0.5);
  overflow: visible;
}

.step-label:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  background-color: var(--yellow);
  top: 10px;
  left: auto;
  right: 10px;
  transform: scale(0);
  color: var(--text-color);
  display: block;
  border-radius: 50%;
  position: absolute;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.1s;
  font-weight: 900;
  font-size: 14px;
  transition: all 0.4;
  z-index: 1;
}

:checked + label:before {
  transform: scale(1);
}

:checked + .step-label,
.technology-ul > li:hover {
  top: -3px;
  left: -3px;
  box-shadow: 3px 3px 0 var(--text-color);
}

.step-label > img,
.step-label > a > img {
  width: calc(100% + 2px);
  margin: -4px -1px 0;
}

.step-label.big-image > img {
  margin-top: -20%;
}

.step-img-holder {
  padding-top: 15px;
}

.step-img-holder img {
  max-height: 75px;
}

.step-img-holder.big-image img {
  max-height: 100px;
  margin: 10px 0;
}

.step-label > h6 {
  font-size: 14px;
  font-weight: 600;
  padding: 15px 0;
  margin: 0;
}

.step-number-hidden {
  display: none;
  margin-bottom: 16px;
}

.platform-step .step-label:not(.hybrid) .step-img-holder.big-image img,
.platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder {
  height: 100px;
  max-height: 74px;
  margin: 35px 0px;
  max-width: 168px;
  object-fit: contain;
}

.platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder .step-hybrid-container > img {
  display: block;
  width: 175px;
  height: 175px;
  max-width: 50%;
  max-height: 50px;
  object-fit: contain;
  margin: 0;
}

.get-proposal-area .platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder .step-hybrid-container > img {
  width: 100px;
  height: 100px;
  max-width: 40%;
  max-height: 40px;
}

.platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder .step-hybrid-container > img:last-child {
  margin-left: auto;
}

.platform-step .step-label.hybrid .step-img-holder.big-image img {
  margin-left: 4px;
}

.platform-step .step-img-holder {
  padding-top: 10px;
}

.platform-step .step-label > h6 {
  padding: 10px 0;
}

.platform-step .step-label {
  color: #fff;
}

.platform-step .step-label.ios {
  background: #000;
}

.platform-step .step-label.android {
  background: #1cb71c;
}

.platform-step .step-label.hybrid {
  background: linear-gradient(-41deg, #1cb71c 50%, #000 50%);
}

.platform-step .step-label.web {
  background: #466ee3;
}

.final-label > h6 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
  padding-bottom: 5px;
}

.final-label > p {
  font-size: 14px;
  max-width: 250px;
  margin: 0 auto;
}

.final-label > .link-area {
  padding: 15px 0 20px;
  position: relative;
}

.final-label > img,
.final-label > .step-hand-holder-area > .step-hand-holder > img {
  padding-top: 30px;
  max-height: 275px;
  object-fit: contain;
}

.final-label.small-image > img {
  padding-left: 30px;
  padding-right: 30px;
  height: 100vh;
}

.final-label > .step-hand-holder-area > .step-hand-holder > img {
  padding-top: 20px;
}

.step-hand-holder-area {
  display: flex;
  justify-content: center;
}

.step-hand-holder-area > .step-hand-holder {
  position: relative;
  z-index: 1;
}

.step-hand-holder-area > .step-hand-holder > img {
  height: 100vh;
}

.step-hand-imageholder {
  position: absolute;
  width: 50.5%;
  height: 55%;
  right: 13%;
  top: calc(5% + 20px);
  background: #5c64fe;
  overflow: hidden;
  z-index: -1;
}

.step-hand-imageholder img {
  width: 100%;
}

.final-label > .link-area > a,
.final-label > img {
  left: 0;
  top: 0;
  background: #fff5da;
}

.final-label > img.a-bit-down {
  object-position: center 15px;
}

.final-label > .link-area > a::before {
  width: 100%;
  height: 100%;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.final-label.blue-step > img,
.final-label.blue-step > .link-area > input {
  background: #d9dbfe;
}

.final-label > .link-area > a,
.final-label.blue-step > .link-area > input {
  width: calc(100% - 60px);
}

.final-label > .link-area > input {
  font-size: 14px;
  padding: 6px 20px;
  color: var(--text-color);
}

.final-label > .link-area > input::placeholder {
  color: var(--text-color);
}

.final-label > .link-area > i {
  position: absolute;
  right: 45px;
  top: 24px;
  color: var(--dark-blue);
}

.thankyou-step .step-container {
  height: calc(100% - 50px);
}

.types-steps .step-container,
.platform-step .step-container {
  top: 0;
  padding: 0;
}

.finally-step .step-center {
  margin: 0;
  padding-top: 70px;
}

.thankyou-step .steps-or::before,
.thankyou-step .steps-or::after {
  display: none;
}

.thankyou-step .steps-or {
  padding: 0;
}

.thankyou-step .steps-or > img {
  width: 100%;
  max-width: 40px;
}

.final-step input.step-form-submit,
.final-step button.step-form-submit {
  /* background: linear-gradient(to right, var(--light-yellow) 50%, #fff 50%);
  background-position: 100% 0%;
  background-size: 200% 100%; */
  background: var(--yellow);
  width: 225px;
  max-width: 100%;
  color: var(--text-color);
  overflow: hidden;
}
.final-step input.step-form-submit:disabled,
.final-step button.step-form-submit:disabled {
  background: #ddd;
}

/* .final-step button.step-form-submit:disabled::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 10px;
  position: absolute;
  left: -100%;
  transform: rotateZ(45deg);
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  animation: fillButtonGlow 3s linear infinite;
  z-index: -1;
} */

.fillButtonAnimation::before {
  animation: fillButton 31s linear forwards;
}

.get-a-quote-area,
.get-proposal-toggle {
  left: 15px;
  position: fixed;
  bottom: -1px;
  width: 100%;
  max-width: 200px;
  z-index: 100;
  background: var(--yellow);
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transition: bottom 0.4s, box-shadow 0.4s;
}

.get-proposal-toggle  {
  max-width: 218px;
  bottom: 15px;
  background: transparent;
  box-shadow: none;
}

.get-proposal-toggle > button {
  padding: 15px 25px;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.get-a-quote-area > img,
.get-proposal-toggle > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 201px;
  object-fit: contain;
  transform: translate(0%, -110%);
  animation: upDownBounce 2.5s infinite;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s, visibility 0.4s;
}

.get-a-quote-area.active > img {
  opacity: 0;
  visibility: hidden;
}

.get-a-quote-head {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  padding: 7px 15px 5px;
}

.get-a-quote-area:not(.active) {
  bottom: -340px;
}

.get-a-quote-body {
  padding: 15px 10px;
  background: #e6eaf9;
}

.get-a-quote-area.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.get-a-quote-body h5 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 700;
}

.get-a-quote-body h5 small {
  display: block;
  font-size: 80%;
}

.get-a-quote-body input,
.get-a-quote-body select,
.get-a-quote-body textarea {
  position: relative;
  width: 100%;
  border-radius: 30px;
  border: 1px solid var(--text-color);
  padding: 5px 10px;
  font-size: 11px;
  margin: 0;
  outline: 0;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 0px var(--text-color);
  transition: top 0.4s, left 0.4s, box-shadow 0.4s;
}

.get-a-quote-body input[type="number"] {
  padding-left: 47px;
}

.get-a-quote-body select,
.get-proposal-area select.step-input {
  -webkit-appearance: none;
  appearance: none;
}

.get-a-quote-body select + i,
.get-proposal-area select.step-input + i {
  position: absolute;
  top: 5px;
  right: 6px;
  border-radius: 50%;
  background: var(--dark-blue);
  width: 20px;
  height: 20px;
  border: 1px solid var(--text-color);
  color: #ffff;
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: top 0.4s, right 0.4s, transform 0.4s;
}

.get-proposal-area select.step-input + i {
  top: 8px;
  right: 20px;
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.get-a-quote-body
  .quotePopupPhoneArea
  .iti--allow-dropdown
  .iti__flag-container {
  transition: top 0.4s, left 0.4s;
}

.get-proposal-area select.step-input + i::before {
  margin: 0;
  transition: margin 0.4s;
}

.get-a-quote-body select:focus + i {
  top: 3px;
  right: 8px;
  transform: rotate(180deg);
}

.get-proposal-area select.step-input:focus + i {
  top: 8px;
  right: 20px;
  transform: rotate(180deg);
}

.get-proposal-area select.step-input:focus + i::before {
  margin: 2px 0 0 0;
}

.get-a-quote-body
  .quotePopupPhoneArea:focus-within
  .iti--allow-dropdown
  .iti__flag-container {
  left: -2px;
  top: -4px;
}

.get-a-quote-body textarea {
  border-radius: 10px;
  height: 100px;
  resize: none;
}

.get-a-quote-body button {
  font-size: 11px;
  width: 100%;
  background: var(--light-yellow);
  padding: 7px 25px;
  overflow: visible;
}

.what-we-offer-hoverable {
  --rotate-by: 20deg;
  height: auto;
  cursor: pointer;
  overflow: visible;
}

.what-we-offer-hoverable::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background: var(--yellow);
  max-width: 95px;
  z-index: -1;
}

.what-we-offer-hoverable.border-dark-blue::after {
  background: var(--dark-blue);
}

.what-we-offer-hoverable.border-pink::after {
  background: var(--pink);
}

div[class^="col-"]:first-child .what-we-offer-hoverable::after {
  right: 0;
  transform: translate(100%, -50%);
}

div[class^="col-"]:last-child .what-we-offer-hoverable::after {
  left: 0;
  transform: translate(-100%, -50%);
}

div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)) .what-we-offer-hoverable:nth-child(2):after,
div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)) .what-we-offer-hoverable:nth-child(3):after {
  max-width: 100px;
}

div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)):first-child .what-we-offer-hoverable:nth-child(2):after {
  transform: translate(98%, 100%) rotate(var(--rotate-by));
}

div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)):last-child .what-we-offer-hoverable:nth-child(3):after {
  transform: translate(-98%, 100%) rotate(var(--rotate-by)) ;
}

div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)):first-child .what-we-offer-hoverable:nth-child(3):after {
  transform: translate(98%, 100%) rotate(calc(var(--rotate-by) * -1)) ;
}

div[class^="col-"]:has(.what-we-offer-hoverable:nth-child(4)):last-child .what-we-offer-hoverable:nth-child(2):after {
  transform: translate(-98%, 100%) rotate(calc(var(--rotate-by) * -1)) ;
}

.what-we-offer-hoverable:first-child::after,
.what-we-offer-hoverable:last-child::after {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/hover-curve-line.svg?format=webp") center center no-repeat;
  background-size: contain;
  height: 60px;
}

.what-we-offer-hoverable.border-dark-blue:first-child::after,
.what-we-offer-hoverable.border-dark-blue:last-child::after {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/hover-curve-line-blue.svg?format=webp") center center no-repeat;
  background-size: contain;
}

.what-we-offer-hoverable.border-pink:first-child::after,
.what-we-offer-hoverable.border-pink:last-child::after {
  background: url("https://appxide.imglab-cdn.net/assets/images/industry/hover-curve-line-pink.svg?format=webp") center center no-repeat;
  background-size: contain;
}

div[class^="col-"]:first-child .what-we-offer-hoverable:first-child::after {
  transform: translate(100%, -50%) scaleX(-1);
}

div[class^="col-"]:last-child .what-we-offer-hoverable:last-child::after {
  transform: translate(-100%, -50%) scaleX(-1);
}

.what-we-offer-hoverable::before {
  border-radius: 4px;
}

.what-we-offer-hoverable:hover,
.what-we-offer-hoverable.active {
  top: 0 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

.what-we-offer-hoverable:hover::before,
.what-we-offer-hoverable.active::before {
  opacity: 0.1;
}

.what-we-offer-hoverable + .what-we-offer-hoverable,
.right-link-service + .right-link-service {
  margin-top: 35px;
}

.what-we-offer-hoverable > img {
  max-height: 65px;
}

.what-we-offer-hoverable .right-detail-area > p {
  font-size: 14px;
}

.what-we-offer-hoverable .right-detail-area > p,
.right-link-service .right-detail-area > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* -webkit-box-orient: vertical; */
  overflow: hidden;
}

.single-service.right-link-service::before{ 
  opacity: 0.1;
}

.hover-images-container {
  position: relative;
  margin: 0 auto;
  max-width: 275px;
  z-index: 3;
}

.hover-images-container > img {
  width: 100%;
}

.hover-images-holder {
  background: #ddd;
  position: absolute;
  top: 2%;
  left: 5%;
  width: 90%;
  height: 96%;
  border-radius: 15px;
  overflow: hidden;
  z-index: -1;
}

.hover-images-holder > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
}

.hover-images-holder > img.active {
  opacity: 1;
  visibility: visible;
}

.iti {
  width: 100%;
}

.privacy-terms-area ul {
  list-style: disc;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.privacy-terms-area h2 {
  margin-bottom: 15px;
}

.privacy-terms-area p + h2,
.privacy-terms-area ul + h2 {
  margin-top: 30px;
}

.privacy-terms-area a {
  color: var(--dark-blue);
  text-decoration: none;
  font-weight: 600;
}

.steps-or {
  font-size: 50px;
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
  position: relative;
  text-align: center;
  margin: auto;
  padding: 0 20px;
}

.steps-or::before,
.steps-or::after {
  content: "";
  width: 13px;
  position: absolute;
  top: 55%;
  height: 80%;
  background: url("https://appxide.imglab-cdn.net/assets/images/single_line.svg?format=webp") no-repeat center center;
  background-size: contain;
  transform: translate(0%, -50%);
  border-radius: 8px;
}

.steps-or::before {
  left: 0;
  transform: translate(0%, -50%) rotate(-9deg) scaleX(-1);
}

.steps-or::after {
  right: 0;
  transform: translate(0%, -50%) rotate(9deg);
}

.step-other-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  z-index: 1001;
}

.step-other-popup,
.step-other-popup-bg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
}

.step-other-popup.show-this,
.step-other-popup-bg.show-this {
  opacity: 1;
  visibility: visible;
}

.step-other-popup.show-this {
  transform: translate(-50%, -50%);
}

.step-other-popup .step-input {
  padding-top: 13px;
  padding-bottom: 13px;
}

.step-other-popup .step-input-area > i {
  color: var(--dark-blue);
}

.step-footer-z-index {
  z-index: 2000;
  border: none;
}

.white-logo,
.step-footer-z-index .logo a > img {
  display: none;
}

.step-footer-z-index .logo a > img.white-logo {
  display: inline-block;
}

.five-in-a-row .col {
  flex: 0 0 auto;
  width: 20%;
}

.screens-step .step-label {
  background: transparent;
  overflow: visible;
}

.screens-step .step-label > a > img {
  border-radius: 6px;
}

.screens-step .step-label > h6,
.caseStudyFinal-carousel .step-label > h6 {
  background: #fff;
  margin: 10px 0;
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
}

.caseStudyFinal-carousel .step-label > h6 {
  width: calc(100% - 20px);
  margin: 10px auto;
}

.caseStudyDashboard-carousel .item {
  padding: 10px;
}

.caseStudyDashboard-carousel .item img {
  border-radius: 10px;
}

.border-radius-img {
  border-radius: 10px;
}

.screens-step
  .step-label:hover
  > h6
  .caseStudyFinal-carousel
  .step-label:hover
  > h6 {
  background: #080046;
  color: #fff;
}

.technology-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 12px;
}

.technology-ul.technology-page-ul {
  text-align: left;
}

.technology-ul > li {
  width: auto;
  margin: 0;
  padding: 14px 10px;
  width: 100%;
  max-width: 150px;
  transition: all 0.3s;
  border-radius: 25px;
}

.technology-ul.technology-page-ul > li > p {
  margin-top: 5px;
}

.technology-ul.technology-page-ul > li > p.default-font {
  font-weight: 400;
}

.technology-ul.technology-page-ul > li > p:not(.default-font) {
  font-family: "The Bold Font";
  text-transform: capitalize;
  letter-spacing: -1px;
  font-size: 24px;
  margin-bottom: 5px;
}

.technology-ul.technology-page-ul > li > .link-area {
  margin-top: 20px;
}

.technology-ul > li > img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.technology-ul.big-images > li > img {
  width: 70px;
  height: 85px;
}

.technology-ul > li > p {
  margin-top: 15px;
  font-weight: 600;
}

.click-show-hide {
  cursor: pointer;
  transition: all 0.3;
}

.click-show-hide:hover {
  color: var(--dark-blue);
}

.no-border {
  border: 0 !important;
}

.pl-30 {
  padding-left: 30px;
}

.teams-single-detail-area.no-border .teams-single-detail-body {
  background: transparent;
}

.drop-shadow {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .15));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .15));
}

.show-mob {
  display: none;
}

.no-border {
  border: none;
  box-shadow: none;
}

.max-350 {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}

.max-400 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.max-450 {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.max-500 {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.max-550 {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.max-600 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.max-636 {
  width: 100%;
  max-width: 636px;
  margin: 0 auto;
}

.max-700 {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.max-800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.max-850 {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.max-900 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.max-935 {
  width: 100%;
  max-width: 935px;
  margin: 0 auto;
}

.max-970 {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}

.max-1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: var(--section-padding);
}

.mt-default {
  margin-top: var(--section-padding);
}

.max-width-90per {
  max-width: 90%;
}

.dragndropinput {
  display: none;
}

.dragndropArea {
  align-items: center;
  background: transparent;
  border: 2px dashed #c4cbd7;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 30px;
  text-align: center;
  width: 100%;
  margin-bottom: 16px;
  color: #000;
}

.dragndropArea > p > b {
  color: var(--dark-blue);
}

.dragndropArea > p {
  margin-top: 15px;
  font-size: 16px;
}

.dragndropArea > i {
  font-size: 30px;
}

.dragndropArea > small {
  opacity: 0.6;
}

.show-on-mob {
  display: none;
}

.position-rel {
  position: relative;
}

.position-initial {
  position: initial;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fillScratch {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-name: fillScratch;
  visibility: visible !important;
}

.full-opacity {
  opacity: 1 !important;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.overflowX-hidden {
  overflow-x: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

/*@media (min-height: 1000px) {
  .home-banner .water-effect {
    max-height: 66%;
    left: 50%;
    width: 103%;
    transform: translate(-50%, 3%);
  }
  .banner-trees > img.bottom-right-tree {
    right: 20%;
    width: 12vw;
  }
}

@media (max-height: 700px) {
  .home-banner .water-effect {
    height: 60%;
  }
}*/

@media (min-width: 769px) {
  .shake-button {
    animation: shake-button 2s infinite;
  }
}

@media (min-width: 993px) {
  .banner-input input,
  .subscriptionArea > input,
  .get-proposal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .banner-input-area > button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .step-input, 
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .get-proposal-area .step-input,
  .step-other-popup .step-input {
    height: 55.59px;
  }

  .get-proposal-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
    right: 13px;
  }
}

@keyframes shake-button {
  5% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  10% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  15% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  20% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% { 
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2);
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(2);
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes upDownBounce {
  0% {
    top: 0;
  }

  50% {
    top: -10px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fillScratch {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes cloudLeft {
  0% {
    left: 7%;
    transform: translate(-10%, -50%);
  }
  50% {
    left: 15%;
    transform: translate(0%, -50%);
  }
  100% {
    left: 7%;
    transform: translate(-10%, -50%);
  }
}

@keyframes cloudRight {
  0% {
    right: 7%;
    transform: translate(10%, -50%);
  }
  50% {
    right: 15%;
    transform: translate(0%, -50%);
  }
  100% {
    right: 7%;
    transform: translate(10%, -50%);
  }
}

@keyframes fillButton {
  0% {
    left: 0;
    width: 0%;
  }
  100% {
    left: 0;
    width: 100%;
    background: var(--yellow);
  }
}

@keyframes fillButtonGlow {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1100px;
  }

  .header .container,
  .big-container .container {
    max-width: 1260px;
  }
}

@media (min-width: 1720px) {

  :root {
    --section-padding: 100px;
  }

  body {
    font-size: 20px;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1375px;
  }

  .header .container,
  .big-container .container {
    max-width: 1570px;
  }

  .header {
    padding: 15px 0px;
  }

  .home-banner .water-effect {
    max-height: 415px;
    z-index: 2;
  }

  .home-banner {
    min-height: 900px;
    max-height: 950px;
  }

  .single-service > img {
    max-height: 95px;
    margin-bottom: 20px;
  }

  .single-service {
    padding: 35px 35px;
  }

  .single-service > h4, .single-service > h2, .single-service > .right-detail-area > h4 {
    font-size: 26px;
  }

  .banner-heading > h1, .section-heading > h2 {
      font-size: 63px;
      margin-bottom: 20px;
  }

  .banner-heading > p {
    font-size: 23px;
  }

  .section-heading.text-center > p {
      max-width: 850px;
  }

  .section-heading > h2 {
      font-size: 53px;
      padding-bottom: 20px;
  }

  .link-area > a, 
  .banner-input-area > button, 
  .pricing-links > a, 
  .schedule-popup-left button, 
  .get-a-quote-body button, 
  .get-proposal-buttons > button, 
  .get-proposal-toggle > button {
    padding: 12px 30px;
  }

  .banner-input-area > button {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .banner-input input, 
  .subscriptionArea > input {
    padding: 10px 30px;
    padding-left: 60px;
  }

  .banner-input input,
  .subscriptionArea > input, 
  .get-proposal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .banner-input {
    max-width: 405px;
  }

  .banner-input-area {
    margin-top: 25px;
    gap: 15px;
  }

  .banner-input::before {
    left: 25px;
    width: 25px;
    height: 25px;
  }

  .link-area > a.menu-toggler {
    padding: 7px;
    width: 56px;
    height: 56px;
    font-size: 27px;
  }

  .menu > li > a {
    font-size: 19px;
    padding: 9px 7px;
  }

  .menu > li > a > svg {
    width: 65px;
    height: 13px;
  }

  .logo a > img {
    max-height: 50px;
  }

  .home-banner::before, .home-banner::after, .inner-banner::before, .inner-banner::after, .step-form::before, .step-form::after {
    width: 425px;
    height: 275px;
  }

  .menu > li {
    padding: 0px 8px;
  }

  .mega-menu-area {
    max-width: 1120px;
  }

  .mega-menu {
    padding: 25px 20px;
    gap: 8px;
  }

  .mega-menu > li > a, 
  .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a {
    padding: 10px 13px;
  }

  .mega-menu-image {
    max-width: 62px;
  }

  .mega-menu > li > a img, 
  .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a img {
    max-height: 62px;
  }

  .mega-menu-detail {
    width: calc(100% - 62px);
    padding-left: 20px;
  }

  .mega-menu-detail > h2, .mega-menu-area.industry-menu > .mega-menu > li > h2 {
    font-size: 22px;
    margin-bottom: 7px;
  }

  .mega-menu-detail > p {
    font-size: 17px;
  }

  .mega-menu-area.industry-menu {
    max-width: 1195px;
  }

  .mega-menu-area.industry-menu > .mega-menu {
    padding: 17px 20px 20px;
    gap: 30.6px;
  }

  .mega-menu-area.industry-menu > .mega-menu > li {
    width: calc(25% - 23px);
  }

  .mega-menu-area.industry-menu > .mega-menu > li > ul > li > a {
    padding: 13px 10px;
  }

  .mega-menu-area.industry-menu > .mega-menu .mega-menu-detail {
    padding-left: 40px;
  }

  .mega-menu-area.industry-menu > .mega-menu .mega-menu-detail::before {
    width: 28px;
    height: 28px;
  }

  .mega-menu-area.industry-menu > .mega-menu .mega-menu-detail > h2 {
    font-size: 18px;
  }

  .banner-heading > h1 > b > svg, .section-heading > h2 > b > svg, .company-detail-area > h6 > b > svg, .company-detail-area > h2 > b > svg, .single-case-study-detail > h3 > span > svg, .awards-left-area > h2 > b > svg, .single-testimonial-detail > h3 > span > svg, .case-study-tabs .nav-item .nav-link > svg, .service-detailed-area > h3 > b > svg, .pricing-price > h6 > svg {
    bottom: -23px;
    height: 24px;
  }

  .company-detail-area > p {
    font-size: 18px;
  }

  .company-detail-area > h6, .company-detail-area > h2 {
    font-size: 32px;
    padding: 20px 0;
  }

  .company-detail-area > h6 > b > svg, .company-detail-area > h2 > b > svg {
    bottom: -18px;
    height: 21px;
  }

  .companies-carousel {
    margin-top: 35px;
  }

  .companies-carousel .owl-item img {
    max-height: 56px;
  }

  .case-study-carousel.owl-carousel .owl-nav button, .features-carousel.owl-carousel .owl-nav button, .team-carousel.owl-carousel .owl-nav button, #scrollable-tabs > div {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  
  .single-features > img {
    margin-bottom: 20px;
    max-height: 190px;
  }
  
  .single-features > h4, .single-features > h2 {
    font-size: 23px;
  }

  .single-features > p {
    font-size: 18px;
    padding: 0 8px;
  }

  .team-carousel .owl-item img {
    max-height: 190px;
  }

  .single-team-card-detail, .team-circle-details {
    padding: 18px 18px;
  }

  .team-circle-details > p:not(:last-child) {
    margin-bottom: 5px;
  }

  .team-circle-details > button {
    font-size: 18px;
    margin-bottom: -24px;
  }

  .mobile-menu-area .logo a > img {
    max-height: 125px;
  }

  .difference-li {
    margin-top: 37px !important;
  }

  .mobile-menu > li > a {
    padding: 6px 42px;
  }

  .mobile-menu-area .footer-menu ul.social-links {
    margin-top: 20px;
  }

  .footer-menu > ul.social-links > li > a {
    padding: 0 7px;
    font-size: 25px;
  }

  .mobile-menu.big-links > li > a {
    font-size: 40px;
    padding: 10px 15px 10px 45px;
  }

  .mobile-menu.big-links > li > a::before {
    width: 18px;
    height: 18px;
  }

  .single-stats > p {
    font-size: 24px;
  }

  .single-stats > p > b, .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-size: 88px;
  }

  .col-6:not(:last-child) .single-stats::before {
    width: 42px;
  }

  .scrollable-tabs-area {
    height: 200px;
    margin-bottom: 50px;
  }

  .scrollable-tabs-area ul {
    padding-bottom: 50px;
  }

  .case-study-tabs .nav-item .nav-link > svg {
    height: 18px;
    bottom: -19px;
  }

  .case-study-tabs .nav-item .nav-link p, .case-study-tabs .nav-item .nav-link h2 {
    font-size: 22px;
  }

  .case-study-tabs .nav-item .nav-link, .get-proposal-content > ul > li > label {
    padding: 0 30px;
  }

  .case-study-tabs .nav-item .nav-link img {
    width: 125px;
    height: 125px;
    margin-bottom: 13px;
  }

  .single-case-study-image {
    max-width: 390px;
  }

  .single-case-study-detail, .single-testimonial-detail {
    max-width: calc(100% - 390px);
    padding: 40px 40px 40px 95px;
  }

  .single-case-study-detail > h3, .single-testimonial-detail > h3 {
    font-size: 40px;
    padding-bottom: 25px;
  }

  .about-section-item {
    padding: 30px;
  }

  .about-section-item > img {
    max-width: 135px;
    max-height: 135px;
  }

  .about-section-item-detail {
    padding: 0 0 0 50px;
  }

  .about-section-item-detail > h2 {
    font-size: 35px;
  }

  .about-section-item-detail > p {
    font-size: 24px;
  }

  .schedule-call-area {
    padding: 70px;
  }

  .schedule-call-area p {
    font-size: 18px;
  }

  .schedule-call-area h3, .schedule-call-area h2 {
    font-size: 36px;
    margin-bottom: 18px;
  }

  .schedule-call-area .link-area {
    margin-top: 30px;
  }

  .schedule-call-images > img.main-img {
    width: 290px;
  }

  .schedule-call-images > img.bottom-right-img {
    width: 130px;
  }

  .schedule-call-images > img.bottom-left-img {
    width: 150px;
  }

  .schedule-call-images > img.top-left-img {
    width: 140px;
  }

  .awards-row {
    padding: 30px 0;
  }

  .single-award {
    padding: 18px 15px;
  }

  .single-award > img {
    max-height: 120px;
    margin-bottom: 20px;
  }

  .single-award > h6, .single-award > h3 {
    font-size: 21px;
    padding-left: 15px;
  }

  .awards-left-img {
    max-width: 170px;
    margin-bottom: 25px;
  }

  .awards-left-img > img {
    max-height: 120px;
    margin-bottom: 20px;
  }

  .awards-left-area > h2 {
    font-size: 37px;
    padding-bottom: 20px;
  }

  .awards-left-area > .link-area {
    margin-top: 25px;
  }

  .awards-left-area {
    padding: 70px 40px;
  }

  .portfolio-page-tabs.case-study-tabs, .get-proposal-content > ul {
    gap: 20px;
    margin: 0 0 50px 0;
  }

  .portfolio-page-tabs.case-study-tabs .nav-item .nav-link, .get-proposal-content > ul > li > label {
    padding: 10px 40px;
  }

  .technology-tabs.case-study-tabs .nav-item .nav-link p {
    font-size: 20px;
  }

  .technology-ul > li {
    padding: 20px 17px;
    max-width: 175px;
  }

  .technology-ul > li > img {
    width: 75px;
    height: 75px;
  }

  .technology-ul > li > p {
    margin-top: 20px;
  }

  .faqAccordion .accordion-button {
    font-size: 20px;
  }

  .faqAccordion .accordion-body {
    margin: 0 20px 20px 20px;
    font-size: 18px;
  }

  .faqAccordion .accordion-body > img {
    width: 80px;
  }

  .faqAccordion .accordion-body > p {
    padding-left: 20px;
  }

  .faqAccordion .accordion-button::after {
    font-size: 18px;
    line-height: 30px;
    width: 28px;
    height: 28px;
  }

  .single-testimonial-detail {
    max-width: 50%;
  }

  .single-testimonial {
    padding: 25px;
  }

  .testimonial-hand-area {
    padding: 200px 50px 80px;
  }

  .testimonial-images-holder {
    top: -101%;
    height: 141%;
  }

  .testimonials-carousel.owl-carousel .owl-nav button, 
  .services-carousel.owl-carousel .owl-nav button, 
  .caseStudyFinal-carousel.owl-carousel .owl-nav button {
    width: 125px;
    height: 125px;
  }

  .testimonials-carousel.owl-carousel .owl-nav button > img, .services-carousel.owl-carousel .owl-nav button > img, .caseStudyFinal-carousel.owl-carousel .owl-nav button > img {
    height: 21px;
  }

  .footer-menu > ul > li > a, .footer-menu > p {
    padding: 7px 0;
  }

  .footer-menu > ul.contact-info > li > a > i {
    font-size: 18px;
    top: 14px;
  }

  .footer-menu > ul.contact-info > li > a {
    padding-left: 32px;
  }

  /* .footer-menu > ul:not(.social-links) > li > a::before {
    width: 7px;
    height: 7px;
  } */

  .footer-menu > ul > li > a {
    padding-left: 28px;
  }

  .footer-bottom {
    padding: 20px 0;
    font-size: 17px;
  }

  .footer-detail {
    padding: 55px 40px;
    font-size: 18px;
  }

  .footer-detail > img {
    max-height: 50px;
    margin-bottom: 25px;
  }

  .testimonials-carousel.owl-carousel .owl-item .single-testimonial-detail > h3 > img {
    height: 80px;
    margin-right: 20px;
  }

  .services-banner, .industry-banner {
    min-height: 730px;
  }

  .teams-single-detail-body {
    padding: 50px 55px;
  }

  .teams-single-detail-body h3 {
    font-size: 38px;
    margin-bottom: 21px;
  }

  .service-side-img, .industry-side-img {
    max-height: 500px;
  }

  .blue-tick-ul {
    margin-top: 30px;
  }

  .blue-tick-ul > li > p {
    padding: 5px 0;
    padding-left: 33px;
  }

  .blue-tick-ul > li > p::before {
    top: 12px;
    height: 19px;
    width: 19px;
  }

  .service-detailed-area > h3 {
    font-size: 49px;
    padding-bottom: 20px;
  }

  .technology-ul.technology-page-ul > li {
    padding: 40px;
  }

  .technology-ul.technology-page-ul > li > p:not(.default-font) {
    font-size: 28px;
    margin: 7px 0;
  }

  .industry-side-img {
    max-height: 640px;
  }

  .inner-banner {
    min-height: 750px;
  }

  .faq-banner, .team-detail-banner, .case-study-banner {
    min-height: 850px;
  }

  .banner-heading > h1.small-heading {
    font-size: 58px;
  }

  .single-process-imgDetail {
    padding: 45px;
    gap: 30px;
  }

  .single-process-imgDetail > img {
    width: 155px;
  }

  .single-process-detail > h3 {
    font-size: 40px;
    margin-bottom: 20px;
  }

  .single-process-number {
    padding: 40px 40px;
    font-size: 100px;
  }

  .single-service .number-holder, .about-section-item .number-holder {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    font-size: 45px;
  }

  .single-service .number-holder::before, .about-section-item .number-holder::before {
    border-top: 80px solid transparent;
    border-left: 80px solid #fff;
  }

  .teams-overlay > p.quote {
    font-size: 18px;
  } 

  .single-team-card-detail > h4, .team-circle-details > h4, .team-circle-details > h3 {
    font-size: 25px;
    margin-bottom: 8px;
  }

  .team-circle-details > h4, .team-circle-details > h3 {
    font-size: 18px;
  }
  
  .single-team-card-detail > p, .team-circle-details > p {
    font-size: 17px;
  }
  
  .team-circle-details > p {
    font-size: 14px;
  }

  .schedule-call-area ul > li {
    padding-left: 40px;
    font-size: 18px;
  }

  .schedule-call-area ul > li::before {
    height: 25px;
    width: 25px;
  }

  .schedule-call-area .link-area > p {
    font-size: 13px;
  }

  .small-link > a {
    padding: 10px 30px;
    font-size: 17px;
  }

  .schedule-call-images > img.main-img.pricing-absolute-img {
    width: 350px;
  }

  .contact-detail-box {
    padding: 20px 20px;
  }

  .right-link-service > a {
    margin: -20px -20px -20px 0;
  }

  .single-service > .right-detail-area {
    padding-left: 20px;
  }

  .single-pricing {
    padding: 40px 0;
  }

  .pricing-head, .pricing-video {
    padding: 0 30px;
  }

  .pricing-slider {
    padding: 30px 60px 0px;
  }

  .pricing-links {
    padding: 30px 30px 40px;
    gap: 10px;
  }

  .pricing-details {
    font-size: 18px;
    padding-top: 30px;
  }

  .pricing-price > h4 {
    font-size: 28px;
    margin-bottom: 25px;
  }

  .pricing-price {
    width: calc(100% - 72px);
  }
  
  .pricing-img > img {
    height: 72px;
  }

  .pricing-for-area {
    margin: 25px 0;
    width: calc(100% + 72px);
    max-width: 370px;
  }

  .pricing-for-area > p {
    padding: 8px 12px;
    font-size: 16px;
  }

  .pricing-price > h5 {
    font-size: 22px;
  }

  .pricing-price > h6 {
    font-size: 62px;
  }

  .pricing-slider > p {
    font-size: 20px;
  }

  .pricing-sliderDiv {
    height: 15px;
    margin-bottom: 20px;
  }

  .pricing-links > a {
    font-size: 18px;
  }

  .pricing-details > ul.features > li span.info-area {
    padding: 12px 17px;
    max-width: 355px;
    font-size: 16px;
    margin-left: 7px;
  }

  .industry-banner {
    min-height: 890px;
  }

  .single-service > .link-area > a, .final-label > .link-area > a, .single-service > .right-detail-area > .link-area > a {
    font-size: 18px;
    padding: 8px 24px;
  }

  .single-service-bottom-img > img {
    height: 240px;
    max-height: 235px;
    margin: 25px 0 0 0;
  }

  .service-detailed-area > h3.default-font {
    font-size: 42px;
  }

  .what-we-offer-hoverable .right-detail-area > p {
    font-size: 18px;
  }

  .hover-images-container {
    max-width: 375px;
  }

  .vertical-tabs.nav-tabs .nav-link .single-service {
    padding: 14px;
  }

  .vertical-tabs.nav-tabs .nav-link .single-service > img, .vertical-tabs.nav-tabs .nav-link .single-service > svg {
    max-height: 35px;
  }

  .vertical-tabs.nav-tabs .nav-link .single-service > .right-detail-area > h4 {
    font-size: 20px;
  }

  .vertical-tabs-content > .tab-pane > img {
    height: 500px;
    max-height: 468px;
  }

  .vertical-tabs-content > .tab-pane > .single-service {
    font-size: 18px;
    max-width: 415px;
  }

  .teams-single-process .caseStudyHolder > img {
    max-height: 640px;
  }

  .banner-tesimonial {
    margin-top: 30px;
    padding: 30px;
    max-width: 600px;
  }

  .banner-tesimonial::before {
    font-size: 140px;
  }

  .banner-tesimonial > h4 {
    font-size: 26px;
    margin: 0 0 7px 0;
  }
  
  .banner-tesimonial > img {
    max-height: 24px;
    margin-bottom: 10px;
  }

  .banner-tesimonial:not(.inner-section-testimonials) > p {
    font-size: 16px;
  }

  .banner-heading .banner-tesimonial .link-area {
    margin-top: 20px;
  }

  .banner-heading .banner-tesimonial .link-area > a {
    font-size: 18px;
    padding: 10px 25px;
  }

  .dashboard-detailHolder .single-service {
    font-size: 18px;
  }

  .single-stats {
    padding: 0 2px;
  }
}

@media (max-width: 1370px) and (min-width: 769px) {
  body {
    font-size: 15px;
  }

  .get-proposal-toggle {
    max-width: 165px;
    bottom: 15px;
    background: transparent;
    box-shadow: none;
  }
}

@media (max-width: 1370px) and (min-width: 1024px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1000px;
  }

  .get-proposal-toggle > button {
    padding: 10px 20px;
  }

  .get-proposal-toggle > img {
    height: 145px;
  }

  .single-service > h4, .single-service > h2, .single-service > .right-detail-area > h4 {
    font-size: 19px;
  }

  .single-service {
    padding: 22px 22px;
  }

  .banner-heading > h1 {
    font-size: 47px;
  }
  
  .banner-heading > p {
    font-size: 17px;
  }

  .company-detail-area > p {
    font-size: 13px;
  }

  .company-detail-area > h6, .company-detail-area > h2 {
    font-size: 24px;
  }

  .section-heading > h2 {
    font-size: 41px;
  }

  .single-features > h4, .single-features > h2 {
    font-size: 17px;
  }

  .single-features > p {
    font-size: 12.5px;
  }

  .team-carousel .owl-item img {
    max-height: 135px;
  }
  
  .single-stats > p > b, .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-size: 67px;
  }

  .single-stats > p {
    font-size: 18px;
  }

  .case-study-tabs .nav-item .nav-link p, .case-study-tabs .nav-item .nav-link h2 {
    font-size: 16px;
  }

  .case-study-tabs .nav-item .nav-link img {
    width: 90px;
    height: 90px;
  }

  .scrollable-tabs-area {
    height: 145px;
  }

  .single-case-study-detail > h3, .single-testimonial-detail > h3 {
    font-size: 28px;
  }

  .about-section-item-detail > h2 {
    font-size: 27px;
  }

  .about-section-item-detail > p {
    font-size: 18px;
  }

  .about-section-item > img {
    max-width: 100px;
    max-height: 100px;
  }

  .single-service > img {
    max-height: 70px;
  }

  .companies-carousel .owl-item img {
    max-height: 35px;
  }

  .single-service > .link-area > a, .final-label > .link-area > a, .single-service > .right-detail-area > .link-area > a {
    font-size: 13px;
  }

  .single-award > h6, .single-award > h3 {
    font-size: 16px;
  }

  .awards-left-area > h2 {
    font-size: 30px;
  }

  .technology-tabs.case-study-tabs .nav-item .nav-link p {
    font-size: 15px;
  }

  .schedule-call-area h3, .schedule-call-area h2 {
    font-size: 28px;
  }

  .schedule-call-area p {
    font-size: 13px;
  }

  .testimonials-carousel.owl-carousel .owl-item .single-testimonial-detail > h3 > img {
    height: 70px;
  }

  .footer-menu > h6,
  .footer-menu > h2 {
    font-size: 22px;
  }

  .footer-detail > img {
    max-height: 37px;
  }
  
  .footer-bottom {
    font-size: 12px;
  }

  .mobile-menu.big-links > li > a {
    font-size: 28px;
  }

  .mobile-menu-area .logo a > img {
    max-height: 80px;
  }

  .service-detailed-area > h3 {
    font-size: 38px;
  }
  
  .teams-single-detail-body h3 {
    font-size: 28px;
  }

  .single-detailed-service:nth-child(odd) .service-detailed-area {
    padding-right: 40px;
  }

  .single-detailed-service:nth-child(even) .service-detailed-area {
    padding-left: 40px;
  }

  .technology-ul.technology-page-ul > li > p:not(.default-font) {
    font-size: 22px;
  }

  .banner-heading > h1.small-heading {
    font-size: 44px;
  }

  .single-process-imgDetail {
    padding: 35px;
    gap: 25px;
  }

  .single-process-imgDetail > img {
    width: 105px;
  }

  .single-process-detail > h3 {
    font-size: 28px;
  }

  .single-process-number {
    padding: 20px 25px;
  }

  .single-service .number-holder, .about-section-item .number-holder {
    font-size: 32px;
  }

  .single-team-card-detail > h4 {
    font-size: 18px;
  }

  .single-team-card-detail > p {
    font-size: 12px;
  }

  .single-mini-feature {
    padding: 13px 17px;
  }

  .small-link > a {
    font-size: 13px;
  }

  .pricing-price > h4 {
    font-size: 22px;
    margin-bottom: 22px;
  }

  .pricing-for-area > p {
    min-height: 73px;
  }

  .pricing-price > h5 {
    font-size: 16px;
  }

  .pricing-price > h6 {
    font-size: 47px;
  }

  .schedule-popup-right > iframe, .schedule-popup-right > img {
    object-fit: cover;
  }

  .schedule-popup-right .hover-area {
    right: 35.5%;
    height: 5%;
  }

  .schedule-popup-area {
    min-height: 525px;
  }

  .schedule-popup-left h4 {
    font-size: 37px;
  }

  .otp-formArea .schedule-popup-left h4 {
    font-size: 21px;
  }

  .banner-heading > h1.width-90-per {
    max-width: 95%;
  }

  .service-detailed-area > h3.default-font {
    font-size: 30px;
  }

  .banner-tesimonial {
    margin-top: 20px;
  }

  .what-we-offer-hoverable > img {
    max-height: 60px;
  }

  .contact-detail-box {
    padding: 15px 15px;
  }

  .col-6:not(:last-child) .single-stats::before {
    width: 30px;
    transform: translate(95%, -50%);
  }
}

@media (max-width: 1370px) {
  .schedule-popup-area:not(.contact-section) {
    transform: translate(-50%, -50%);
  }

  .testimonial-images-holder {
    top: -76%;
    height: 106%;
  }
}

@media (max-width: 1024px) and (min-width: 577px) {
  .services-images > img, .services-images > svg {
    top: 11%;
    width: 50px;
    transform: translate(0%, 0);
  }

  .features-images > img, .features-images > svg {
    width: 45px;
    transform: translate(0%, 0%);
  }

  .caseStudy-images > img, .caseStudy-images > svg {
    top: 395px;
    width: 75px;
    transform: translate(0%, 0%);
  }
  .about-section-images > img, .about-section-images > svg {
    width: 40px;
    transform: translate(25%, 60%) rotate(210deg);
  }

  .awards-images > img, .awards-images > svg {
    top: 105px;
    width: 30px;
    transform: translate(0%, 0%);
  }

  .testimonials-images > img:last-child, .testimonials-images > svg:last-child {
    bottom: -3%;
    width: 40px;
    transform: translate(0%, 40%);
  }

  .faq-page-area .testimonials-images > svg:first-child {
    top: 13%;
    width: 40px;
    transform: translate(-20%, 0%);
  }

  .testimonials-images > img:first-child, .testimonials-images > svg:first-child {
    top: 20%;
    width: 40px;
    transform: translate(-50%, 0%);
  }

  .features-big-images > img,
  .companies-big-images > img,
  .awards-big-images > img,
  .caseStudy-big-images > img {
    width: 60px;
  }

  .get-proposal-toggle {
    max-width: 175px;
  }

  .get-proposal-toggle > button {
    padding: 12px 20px;
  }

  .get-proposal-toggle > img {
    height: 130px;
  }

  .portfolio-page-tabs-content .single-case-study:before, 
  .single-process-area:before,
  .testimonials-carousel.owl-carousel .owl-nav button, 
  .services-carousel.owl-carousel .owl-nav button, 
  .caseStudyFinal-carousel.owl-carousel .owl-nav button {
    display: none;
  }

  .home-banner::before, .home-banner::after, .inner-banner::before, .inner-banner::after, .step-form::before, .step-form::after {
    width: 230px;
    height: 140px;
  }
}

@media (max-width: 1024px) {
  .header {
    padding: 20px 0;
  }

  .menu {
    display: none;
  }

  .mobile-button {
    display: block;
  }

  .features-carousel.owl-carousel .owl-nav,
  .team-carousel.owl-carousel .owl-nav,
  .testimonials-carousel.owl-carousel .owl-nav {
    display: none;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .single-case-study-detail, .single-testimonial-detail {
    padding: 30px 30px 30px 65px;
  }

  .service-detailed-area > h3.default-font {
    font-size: 30px;
  }

  .what-we-offer-hoverable > img {
    max-height: 55px;
  }

  .single-service > .right-detail-area > h4 {
    font-size: 18px;
  }
  
  .team-carousel .owl-item img {
    max-height: 125px;
  }

  .home-banner {
    max-height: 860px;
  }

  .home-banner .banner-heading {
    max-width: 700px;
    margin: 0 auto;
  }

  .home-banner .banner-heading br {
    display: none;
  }
}

@media (max-width: 768px) and (min-width: 577px) {
  :root {
    --section-padding: 60px;
  }
  
  body {
    font-size: 15px;
  }

  .y-rowGap {
    row-gap: var(--bs-gutter-x);
  }

  .banner-heading > h1 {
    font-size: 43px;
  }

  .section-heading > h2 {
    font-size: 38px;
  }

  .home-banner {
    min-height: 600px;
    max-height: 660px;
  }

  .center-container {
    top: 45%;
  }

  .company-detail-area > h6, .company-detail-area > h2 {
    font-size: 24px;
  }

  .companies-carousel .owl-item img {
    max-height: 36px;
  }

  .companies-images > img {
    width: 45px;
    transform: translate(-15%, 0%);
  }
  
  .case-study-tabs .nav-item .nav-link img {
    width: 75px;
    height: 75px;
  }

  .scrollable-tabs-area {
    height: 130px;
  }

  .case-study-tabs .nav-item .nav-link p, .case-study-tabs .nav-item .nav-link h2 {
    font-size: 17px;
  }

  .case-study-tabs .nav-item .nav-link, .get-proposal-content > ul > li > label {
    padding: 0 15px;
  }

  .mobile-menu.big-links > li > a {
    font-size: 26px;
  }

  .mobile-menu-area .logo a > img {
    max-height: 75px;
  }

  .single-stats > p > b, .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-size: 60px;
  }

  .col-6:not(:last-child) .single-stats::before {
    width: 30px;
    transform: translate(90%, -50%);
  }

  .about-carousel {
    margin: 0 0 -55px 0;
  }

  .single-stats > p, .about-section-item-detail > p {
    font-size: 18px;
  }

  .about-section-item > img {
    max-width: 90px;
    max-height: 90px;
  }

  .about-section-item-detail > h2 {
    font-size: 26px;
  }

  .awards-left-area {
    margin: 0 20px 20px;
  }

  .single-award > h6, .single-award > h3 {
    font-size: 17px;
  }

  .schedule-call-images > img:not(.main-img) {
    display: none;
  }

  .schedule-call-area {
    padding: 30px;
  }

  .schedule-call-area h3, .schedule-call-area h2 {
    font-size: 28px;
  }

  .schedule-call-images > img.main-img {
    left: -30%;
  }

  .round-bg::before {
    width: 200%;
  }

  .hand-holder {
    width: 70%;
    margin-left: 15%;
  }
  
  .testimonial-hand-area {
    max-width: 100%;
    padding: 180px 30px 60px;
  }

  .testimonials-carousel.owl-carousel
    .owl-item
    .single-testimonial-detail
    > h3
    > img {
    height: 65px;
    margin-right: 7px;
  }

  .testimonial-images-holder {
    top: -110%;
    height: 153%;
  }

  .banner-heading > h1.small-heading {
    font-size: 40px;
  }

  .inner-banner {
    min-height: 700px;
  }

  .single-detailed-service:nth-child(odd) .service-detailed-area,
  .single-detailed-service:nth-child(even) .service-detailed-area {
    padding: 0;
  }

  .teams-single-process .service-side-img, .service-side-img {
    max-width: 400px;
    display: block;
    margin: 60px auto 0;
  }

  .service-detailed-area > h3 {
    font-size: 35px;
  }

  .single-process-imgDetail > img {
    width: 100px;
  }

  .single-process-imgDetail {
    padding: 30px;
    gap: 25px;
  }

  .single-stats::before {
    display: none;
  }

  .teams-single-process .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder {
    max-width: 110px;
    max-height: 212px;
  }
  
  .industry-banner-img > img {
    display: none;
  }

  .teams-single-process .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder,
  .teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder {
    top: auto;
    bottom: 0;
    max-width: 160px;
    max-height: 310px;
    transform: translate(0%, 0%);
  }

  .what-we-offer-hoverable::after {
    display: none;
  }

  .industry-side-img {
    max-height: 350px;
    margin-top: 60px;
  }

  .hover-images-container {
    margin: 40px auto;
  }

  .what-we-offer-hoverable + .what-we-offer-hoverable, .right-link-service + .right-link-service {
    margin-top: 20px;
  }

  .teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder {
    left: 0;
    width: 100%;
  }

  .schedule-right-detail > ol > li > img {
    max-height: 25px;
  }

  .schedule-popup-left .smallText {
    font-size: 10px;
  }

  .schedule-popup-left {
    font-size: 13px;
  }

  .schedule-right-detail {
    font-size: 18px;
  }

  .mt-60 {
    margin-top: 50px;
  }
}

@media (max-width: 768px) {

  .mobile-menu-area {
    padding: 20px;
  }

  .mobile-menu-cross {
    top: 20px;
    right: 20px;
  }

  .col-lg-6:not(:first-child) .mobile-menu > li:first-child {
    margin-top: 0;
  }

  .awards-row::before {
    right: 50%;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 83.333%;
    transform: translate(50%, 0);
  }

  .single-case-study-image {
    max-width: 100%;
  }

  .single-case-study-detail,
  .single-testimonial-detail {
    max-width: 100%;
    padding: 25px 5px;
  }

  .single-testimonial {
    flex-direction: column-reverse;
  }

  .single-process-area {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse !important;
  }

  .single-process-area .single-process-number {
    border-radius: 9px 9px 0 0 !important;
  }

  .single-process-area:nth-child(even) {
    box-shadow: 4px 4px 0px var(--text-color);
  }

  .single-process-number {
    padding: 5px 20px;
    font-size: 50px;
    justify-content: center;
    line-height: 1.2;
  }

  .caseStudyHolder {
    width: 100%;
  }

  .teams-single-process:not(.row-reverse) .caseStudyHolder {
    right: 0%;
  }

  .teams-single-process.row-reverse .caseStudyHolder {
    left: 0%;
  }

  .teams-single-process .caseStudyHolder.dashboard-frameHolder {
    width: 100%;
    left: 0;
  }

  .vertical-tabs-content > .tab-pane {
    margin: var(--section-padding) 15px 15px 0;
  }

  .vertical-tabs-content > .tab-pane > img {
    filter: drop-shadow(15px 15px var(--app-color));
  }

  .teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder {
    margin-top: var(--section-padding);
  }
}

@media (max-width: 576px) {
  :root {
    --section-padding: 40px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  body {
    font-size: 14px;
  }

  .show-mob {
    display: block;
  }

  .hide-mob,
  .menu-toggler {
    display: none;
  }

  .menu-left-side::before {
    right: 50%;
    transform: translate(50%, 0%);
    top: auto;
    bottom: 21px;
  }

  .mobile-menu-area .logo a > img {
    max-height: 40px;
  }

  .mobile-menu > li .link-area > a {
    width: 100%;
  }

  .mobile-menu.big-links > li > a {
    font-size: 18px;
    padding: 5px 15px 5px 30px;
  }

  .mobile-menu.big-links > li > a::before {
    width: 12px;
    height: 12px;
  }

  .difference-li {
    margin-top: 20px !important;
  }

  .logo a > img {
    max-height: 32px;
  }

  .banner-heading > h1 {
    font-size: 30px;
  }

  .section-heading > h2 {
    font-size: 25px;
    margin-bottom: 0;
  }

  .banner-heading > h1 > b > svg,
  .section-heading > h2 > b > svg,
  .company-detail-area > h6 > b > svg,
  .company-detail-area > h2 > b > svg,
  .single-case-study-detail > h3 > span > svg,
  .awards-left-area > h2 > b > svg,
  .single-testimonial-detail > h3 > span > svg {
    bottom: -8px;
    height: 9px;
  }

  .single-service {
    padding: 25px;
  }

  .single-service > img {
    max-height: 60px;
  }

  .single-service > h4,
  .single-service > h2,
  .single-service > .right-detail-area > h4 {
    font-size: 18px;
  }

  .link-area > a,
  .banner-input-area > button,
  .pricing-links > a,
  .schedule-popup-left button,
  .get-a-quote-body button,
  .get-proposal-back-button {
    font-size: 13px;
    padding: 8px 25px;
  }

  .single-service > .link-area > a,
  .final-label > .link-area > a,
  .single-service > .right-detail-area > .link-area > a {
    font-size: 12px;
  }

  .single-features > h4,
  .single-features > h2 {
    font-size: 16px;
  }

  .team-carousel .owl-item {
    padding: 25px 0;
  }

  .single-stats > p > b,
  .odometer.odometer-auto-theme,
  .odometer.odometer-theme-default {
    font-size: 50px;
  }

  .companies-carousel {
    margin-top: 10px;
  }

  .companies-carousel .owl-item img {
    max-height: 30px;
  }

  .about-section-item {
    padding: 15px;
  }

  .about-section-item > img {
    max-width: 55px;
    max-height: 55px;
  }

  .about-carousel {
    margin: 0 0 -20px 0;
  }

  .case-study-tabs .nav-item .nav-link > svg {
    bottom: -14px;
    height: 7px;
  }

  .scrollable-tabs-area {
    height: 102px;
  }

  .banner-heading > p {
    font-size: 15px;
  }

  .banner-input-area {
    width: calc(100% - 30px);
    margin: 20px auto 0;
  }

  .banner-input,
  .banner-input-area > button {
    width: 100%;
    max-width: 100%;
  }

  .banner-input > input,
  .banner-input-area > button {
    height: 46px;
  }

  .banner-input::before {
    left: 15px;
    width: 15px;
    height: 15px;
  }

  .home-banner .water-effect {
    display: none;
  }

  .center-container {
    top: 50%;
  }

  .banner-objects .left-spirals,
  .banner-objects .right-spirals {
    width: 90px;
    height: 90px;
  }

  .banner-objects .left-spirals {
    top: 70%;
    left: 0;
  }

  .banner-objects .right-spirals {
    top: 18%;
  }

  .home-banner::before,
  .home-banner::after {
    width: 150px;
    height: 100px;
  }

  .company-detail-area > p {
    font-size: 12px;
    line-height: 2;
  }

  .company-detail-area > p img {
    max-height: 22px;
    margin: 5px 0 0 0;
  }

  .company-detail-area > h6 > b > svg,
  .company-detail-area > h2 > b > svg {
    height: 11px;
    bottom: -6px;
  }

  .company-detail-area > h6,
  .company-detail-area > h2 {
    font-size: 20px;
    padding: 7px 0;
    line-height: 1.4;
  }

  .companies-images > img {
    top: auto;
    bottom: 0%;
    left: 0;
    width: 35px;
    transform: translate(50%, 0%);
  }

  .services-images > img,
  .services-images > svg {
    top: 16%;
    right: 0;
    width: 44px;
    transform: translate(-33%, 0);
  }

  .features-big-images > img,
  .companies-big-images > img,
  .awards-big-images > img {
    bottom: 0px;
    width: 50px;
  }

  .features-images > img,
  .features-images > svg {
    top: 5%;
    left: 0;
    width: 40px;
    transform: translate(10%, 0%);
  }

  .single-stats > p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .caseStudy-big-images > img {
    top: 0px;
    width: 50px;
  }

  .case-study-tabs .nav-item .nav-link {
    padding: 0 12px;
  }

  /* .case-study-tabs > li {
    width: 20%;
  } */

  .case-study-tabs {
    justify-content: initial;
    gap: 0;
  }

  .case-study-tabs .nav-item .nav-link p,
  .case-study-tabs .nav-item .nav-link h2{
    font-size: 12px;
    line-height: 1.2;
  }

  .case-study-tabs .nav-item .nav-link img {
    width: 49px;
    height: 49px;
  }

  .caseStudy-images > img,
  .caseStudy-images > svg {
    top: 34%;
    left: 0;
    width: 60px;
    transform: translate(14%, 0%);
  }

  .single-case-study-detail,
  .single-testimonial-detail {
    max-width: 100%;
    padding: 25px 0;
  }

  .single-case-study-detail > h3,
  .single-testimonial-detail > h3 {
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 1.4;
  }
  
  .hand-holder {
    width: 85%;
    margin-left: 10px;
  }

  .awards-images > img,
  .awards-images > svg {
    top: 0%;
    right: 0;
    width: 30px;
    transform: translate(-70%, 10%);
  }

  .about-section-images > img,
  .about-section-images > svg {
    top: 0%;
    left: 0;
    width: 30px;
    transform: translate(70%, 10%) rotate(210deg);
  }

  .awards-left-img > img {
    max-height: 75px;
    margin-bottom: 10px;
  }

  .awards-left-area > h2 {
    font-size: 24px;
  }

  .awards-left-img {
    max-width: 125px;
  }

  .awards-left-area {
    margin: 0 15px 20px;
    padding: 30px 18px;
  }

  .awards-row::before {
    width: calc(100% - 30px);
  }

  .single-award {
    padding: 12px 10px 12px 20px;
  }

  .single-award > img {
    max-height: 75px;
    margin-bottom: 10px;
  }

  .single-award > h6,
  .single-award > h3 {
    font-size: 12px;
  }

  .technology-tabs.case-study-tabs .nav-item .nav-link p {
    font-size: 13px;
  }

  .testimonials-images > img:first-child,
  .testimonials-images > svg:first-child {
    top: 24%;
    width: 40px;
    transform: translate(5%, 0%);
  }

  .testimonials-images > img:last-child,
  .testimonials-images > svg:last-child {
    bottom: -3%;
    width: 40px;
    transform: translate(-10%, 0%);
  }

  .testimonial-hand-area {
    max-width: 100%;
    padding: 80px 30px 10px;
  }

  .testimonials-carousel.owl-carousel
    .owl-item
    .single-testimonial-detail
    > h3
    > img {
    height: 65px;
    margin-right: 7px;
  }

  .footer-menu > ul > li > a,
  .footer-menu > p {
    padding: 3px 0;
  }

  .footer-menu > ul > li > a {
    padding-left: 20px;
  }

  .footer-menu > h6,
  .footer-menu > h2 {
    font-size: 18px;
    margin: 10px 0;
  }

  .round-bg::before {
    width: 210%;
  }

  .subscriptionArea {
    max-width: 275px;
    margin: 15px auto 0;
  }

  .banner-objects:before {
    content: "";
    position: absolute;
    background: url("https://appxide.imglab-cdn.net/assets/images/home/banner/banner-bottom.webp?format=webp") no-repeat center
      bottom;
    background-size: contain;
    width: 185%;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-58%, 0%);
    z-index: 2;
  }

  .subscriptionArea > button {
    width: 42px;
    height: 42px;
  }

  #scrollable-tabs > div {
    width: 25px;
    height: 25px;
    line-height: 23px;
    border-right-width: 1px;
    border-bottom-width: 2px;
  }

  .team-carousel .owl-item img {
    max-height: 75px;
  }

  .awards-row {
    padding: 0 0 20px;
  }

  .faqAccordion .accordion-button {
    font-size: 13px;
  }

  .faqAccordion .accordion-body {
    align-items: start;
  }

  .faqAccordion .accordion-body > img {
    width: 35px;
  }

  .faqAccordion .accordion-body {
    font-size: 12px;
  }

  .testimonial-hand-holder {
    max-height: 110px;
  }

  .testimonial-images-holder {
    top: -63%;
    height: 87%;
  }

  .footer-bottom {
    font-size: 12px;
  }

  .teams-single-detail-body {
    padding: 25px 25px;
  }

  .service-detailed-area > h3 {
    font-size: 25px;
  }

  .single-detailed-service:nth-child(odd) .service-detailed-area,
  .single-detailed-service:nth-child(even) .service-detailed-area {
    padding: 0;
  }

  .teams-single-process .service-side-img,
  .service-side-img {
    max-width: 270px;
    display: block;
    margin: 40px auto 0;
  }

  .schedule-call-area {
    padding: 20px;
  }

  .schedule-call-images > img,
  .services-banner-img,
  .process-banner-img,
  .contact-banner-img {
    display: none;
  }

  .schedule-call-images > img.main-img {
    width: 200px;
    display: block;
    margin: 0 auto 25px;
    transform: translateX(-20px);
  }

  .schedule-call-area h3,
  .single-process-detail > h3,
  .schedule-call-area h2 {
    font-size: 20px;
  }

  .schedule-popup-right {
    display: none;
  }

  .schedule-popup-cross {
    font-size: 14px;
  }

  .schedule-popup-area {
    border-radius: 10px;
  }

  .schedule-popup-left,
  .schedule-popup-right {
    padding: 20px;
  }

  .schedule-popup-left h4 {
    font-size: 26px;
  }

  .otp-formArea .schedule-popup-left h4 {
    font-size: 19px;
    margin: 0 0 20px;
  }


  .schedule-popup-right > iframe {
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    margin: -30px;
    min-height: 250px;
  }

  .banner-heading > h1.small-heading,
  .case-study-banner .banner-heading > h1 {
    font-size: 30px;
  }

  .single-case-study + .single-case-study {
    margin-top: 125px;
  }
  
  .single-process-number {
    font-size: 35px;
  }

  .portfolio-page-tabs-content .single-case-study:nth-child(even) .hand-holder {
    margin-left: auto;
    margin-right: 10px;
  }

  .single-process-area + .single-process-area {
    margin-top: 30px;
  }

  .single-process-imgDetail {
    flex-wrap: wrap;
    padding: 25px;
    gap: 15px;
  }

  .single-process-imgDetail > img {
    width: 60px;
  }

  .single-process-area::before {
    display: none;
  }

  .single-process-area:nth-child(even),
  .single-process-area:nth-child(even) .single-process-imgDetail {
    flex-direction: initial;
  }

  .portfolio-page-tabs-content .single-case-study {
    width: 100%;
  }

  .portfolio-page-tabs-content .single-case-study::before,
  .pricing-banner-img {
    display: none;
  }

  .portfolio-page-tabs.case-study-tabs {
    flex-direction: column;
    gap: 10px;
  }

  .portfolio-page-tabs.case-study-tabs > li,
  .portfolio-page-tabs.case-study-tabs .nav-item .nav-link {
    width: 100%;
  }

  .portfolio-page-tabs.case-study-tabs .nav-item .nav-link {
    padding: 10px 25px;
  }

  .portfolio-page-tabs-content
    .single-case-study:nth-child(even)
    .single-case-study-detail {
    padding: 25px 0;
  }

  .single-service .number-holder,
  .about-section-item .number-holder {
    width: 60px;
    height: 60px;
    font-size: 28px;
  }

  .single-team-card-detail > h4,
  .team-circle-details > h4,
  .team-circle-details > h3 {
    font-size: 18px;
  }

  .single-team-card-detail > p,
  .team-circle-details > p {
    font-size: 11px;
  }

  .schedule-call-images > img.main-img.pricing-absolute-img,
  .about-banner-img,
  .team-banner-img,
  .faq-banner-img {
    display: none;
  }

  .schedule-popup-right > iframe,
  .schedule-popup-right > img {
    width: calc(100% + 62px);
    height: calc(100% + 62px);
    margin: -31px;
  }

  .z-index-1-mob {
    z-index: 1;
  }

  .contact-detail-box {
    padding: 15px;
  }

  .pricing-price > h4 {
    font-size: 18px;
  }

  .pricing-price > h6 {
    font-size: 45px;
  }

  .pricing-slider > p {
    font-size: 14px;
  }

  .pricing-for-area > p {
    font-size: 12px;
  }

  .pricing-details > ul.features > li span.info-area {
    left: 0;
    bottom: 0;
    transform: translate(0, 100%);
  }

  .pl-30 {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .schedule-call-area ul > li {
    width: 100%;
    font-size: 12px;
    padding-left: 25px;
  }

  .schedule-call-area ul > li::before {
    height: 15px;
    width: 15px;
  }

  .schedule-call-area ul {
    gap: 10px;
    font-size: 12px;
    margin-bottom: 15px;
  }

  .y-rowGap-2 {
    row-gap: calc(0.5 * var(--bs-gutter-x));
  }

  .y-rowGap-mob-2 {
    row-gap: var(--bs-gutter-x);
  }

  .single-mini-feature > p::before {
    height: 20px;
    width: 20px;
    top: 1px;
  }
  .single-mini-feature > p {
    padding-left: 30px;
  }

  .single-mini-feature {
    padding: 12px 20px;
  }

  .about-image-box .single-case-study-detail {
    max-width: 100%;
    padding: 20px 0 10px;
  }

  .about-section-item .number-holder {
    min-width: 60px;
    min-height: 60px;
    font-size: 28px;
  }

  .about-section-item-detail {
    padding-left: 15px;
  }

  .about-section-item-detail > h2 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .about-section-item-detail > p { 
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .technology-ul.technology-page-ul > li {
    max-width: 100%;
    padding: 25px;
  }

  .technology-ul.technology-page-ul > li > p:not(.default-font) {
    font-size: 20px;
  }

  .what-we-offer-hoverable::after,
  .industry-banner-img > img {
    display: none;
  }

  .single-service-bottom-img > img {
    max-height: 165px;
  }

  .service-detailed-area > h3.default-font {
    font-size: 20px;
    padding-bottom: 0;
  } 

  .about-carousel .item {
    padding: 5px 0;
  }

  .services-carousel.owl-carousel .owl-nav {
    display: none;
  }

  .team-detail-banner .banner-heading > p {
    font-size: 22px;
  }
  .team-detail-banner .banner-heading > img {
    max-height: 225px;
  }
  .teams-single-detail-head > h6 {
    font-size: 20px;
  }

  .teams-single-detail-body > h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .teams-single-detail-body > ul > li {
    position: relative;
    padding-left: 35px;
  }

  .teams-single-detail-body > ul > li::before {
    height: 20px;
    width: 20px;
  }

  .team-circle-details > h4,
  .team-circle-details > h3 {
    font-size: 7px;
  }
  .team-circle-details > p {
    font-size: 5px;
  }
  .team-circle-details > p:not(:last-child) {
    margin-bottom: 2px;
  }

  .caseStudyBanner-holder,
  .banner-tesimonial::after {
    display: none;
  }

  .banner-tesimonial > h4 {
    font-size: 18px;
  }

  .banner-tesimonial::before {
    font-size: 80px;
  }

  .step-img-holder img {
    max-height: 60px;
  }

  .platform-step .step-label:not(.hybrid) .step-img-holder.big-image img {
    max-height: 55px;
    margin: 25px 0;
  }

  .five-in-a-row .col {
    width: 50%;
  }

  .steps-or {
    margin: 20px auto 30px;
  }

  .schedule-popup-cross, .get-proposal-cross {
    width: 25px;
    height: 25px;
  }

  .get-proposal-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 9px;
    width: 25px;
    height: 25px;
    font-size: 11px;
  }

  .single-stats::before,
  .get-proposal-toggle button::before,
  .get-proposal-toggle button::after {
    display: none;
  }

  .get-a-quote-area,
  .get-proposal-toggle {
    left: auto;
    right: 0;
    bottom: auto;
    top: 80px;
    display: flex;
    align-items: center;
    max-width: 255px;
    background: transparent;
    box-shadow: none;
    transition: right 0.4s;
  }

  .get-proposal-toggle {
    width: 30px;
  }

  .get-a-quote-area.active {
    box-shadow: none;
  }

  .get-a-quote-area > img,
  .get-proposal-toggle > img {
    display: none;
  }

  .get-a-quote-area:not(.active) {
    bottom: auto;
    right: -226px;
  }

  .get-a-quote-head,
  .get-proposal-toggle > button {
    font-size: 12px;
    height: 180px;
    background: var(--yellow);
    display: inline-block;
    /* writing-mode: tb-rl; */
    /* -webkit-writing-mode: vertical-rl; */
    /* writing-mode: vertical-rl; */
    /* text-orientation: mixed; */
    transform: rotate(0deg);
    padding: 30px 5px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }

  .get-proposal-toggle > button > span.show-mob {
    white-space: nowrap;
    transform: rotate(-90deg) translate(-59px, -0%);
  }

  .get-a-quote-body {
    border-radius: 10px 0 0 10px;
  }

  .get-a-quote-bg.show-this {
    opacity: 1;
    visibility: visible;
  }

  .get-proposal-area {
    padding: 35px 25px;
    overflow: auto;
  }

  .get-proposal-area > h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .get-proposal-content > h3 {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .get-proposal-area .platform-step .step-label:not(.hybrid) .step-img-holder.big-image img,
  .get-proposal-area .platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder {
    max-height: 40px;
  }

  .get-proposal-progressBar > .get-proposal-progressFill {
    height: 10px;
  }
  
  .get-proposal-progressBar {
    margin: 20px auto;
  }

  .get-proposal-content .steps-or {
    margin: 10px auto 15px;
  }

  .mt-60 {
    margin-top: 30px;
  }

  .platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder {
    margin: 15px 0px;
  }

  .platform-step .step-label.hybrid .step-img-holder.big-image .step-hybrid-holder .step-hybrid-container > img {
    width: 100px;
    height: 100px;
    max-width: 40%;
    max-height: 40px;
  }

  .teams-single-process .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder,
  .teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder > .mobile-frameHolder {
    top: auto;
    bottom: 0;
    max-width: 85px;
    max-height: 160px;
    transform: translate(0%, 0%);
  }

  .caseStudyHolder > .mobile-frameHolder > .mobile-inner {
    left: 5%;
    width: 90%;
    border-radius: 5px;
  }

  .what-we-offer-hoverable + .what-we-offer-hoverable, .right-link-service + .right-link-service {
    margin-top: 20px;
  }
  
  .hover-images-container {
    margin: 30px auto;
  }
  
  .single-service.contact-detail-box.right-link-service {
    flex-wrap: wrap;
    gap: 15px;
  }

  .single-service.right-link-service > .right-detail-area {
    padding: 0;
  }

  .right-link-service > a {
    background: transparent;
    padding: 15px 0;
  }

  .teams-single-process.industry-right-frame .caseStudyHolder.dashboard-frameHolder {
    left: 0;
    width: 100%;
  }

  .vertical-tabs-content > .tab-pane > .single-service {
    left: 15px;
    bottom: 15px;
    right: 15px;
  }

  .caseStudy-banner-img {
    display: none;
  }

  .banner-tesimonial > img {
    max-height: 17px;
  }

  .teams-single-detail-body h3 {
    font-size: 24px;
  }

  .caseStudyFinal-portfolio img {
    height: 335px;
  }

  .teams-single-process .caseStudyHolder {
    margin-top: var(--section-padding);
  }

  .get-proposal-buttons > button {
    max-width: 110px;
  }
}

@media (max-width: 330px) {
  body {
    font-size: 13px;
  }

  .header {
    padding: 15px 0;
  }

  .banner-heading > h1 {
      font-size: 27px;
  }

  .banner-heading > p {
    font-size: 14px;
  }

  .banner-input > input, .banner-input-area > button, .get-proposal-area .step-input {
    height: 40px;
  }

  .home-banner {
    min-height: 625px;
  }

  .get-proposal-area > h2 {
    font-size: 26px;
  }

  .get-proposal-content > h3 {
    font-size: 15px;
  }

  .mobile-menu-cross {
    width: 40px;
    height: 40px;
  }

  .company-detail-area > h6, .company-detail-area > h2 {
    font-size: 18px;
  }

  .section-heading > h2 {
    font-size: 23px;
  }

  .team-carousel .owl-item img {
    max-height: 70px;
  }

  .single-stats > p > b, .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
    font-size: 47px;
  }

  .case-study-tabs .nav-item .nav-link img {
    width: 43px;
    height: 43px;
  }

  .case-study-tabs .nav-item .nav-link {
    padding: 0 9px;
  }
  
  .case-study-tabs .nav-item .nav-link p, .case-study-tabs .nav-item .nav-link h2 {
    font-size: 11px;
  }

  .single-case-study-detail > h3, .single-testimonial-detail > h3 {
    font-size: 19px;
  }

  .about-section-item-detail > h2 {
    font-size: 15px;
  }

  .about-section-item-detail > p {
    font-size: 11px;
  }

  .single-service > h4, .single-service > h2, .single-service > .right-detail-area > h4 {
    font-size: 16px;
  }

  .about-section-item > img {
    max-width: 50px;
    max-height: 50px;
  }

  .about-section-item-detail,
  .faqAccordion .accordion-body > p {
    padding-left: 13px;
  }

  .awards-left-area > h2 {
    font-size: 23px;
  }

  .single-award > img {
    max-height: 70px;
  }

  .single-award > h6, .single-award > h3 {
    font-size: 11px;
  }

  .portfolio-page-tabs.case-study-tabs .nav-item .nav-link {
    padding: 8px 25px;
  }

  .technology-ul > li {
    max-width: 135px;
  }

  .technology-ul > li > img {
    width: 50px;
    height: 50px;
  }

  .round-bg::before {
    width: 300%;
  }

  .faqAccordion .accordion-body {
    font-size: 11px;
    padding: 10px;
    margin: 0 10px 10px 10px;
  }

  .faqAccordion .accordion-button {
    font-size: 12px;
    padding: 13px;
  }

  .faqAccordion .accordion-button::after {
    font-size: 10px;
  }

  .schedule-call-images > img.main-img {
    width: 175px;
  }

  .schedule-call-area h3, .single-process-detail > h3, .schedule-call-area h2 {
    font-size: 18px;
  }

  .schedule-call-area p {
    font-size: 12px;
  }

  .testimonials-carousel.owl-carousel .owl-item .single-testimonial-detail > h3 > img {
    height: 55px;
  }

  .testimonial-hand-area {
    padding: 70px 0px 10px;
  }

  .get-proposal-buttons {
    flex-direction: column-reverse;
  }
  
  .footer-detail {
    font-size: 13px;
    padding: 35px 25px;
  }
}

@media (max-width: 576px){
  .team-circle-details > button {
    color: var(--text-color);
    padding: 1px;
    font-size: 7px;
    display: inline-block;
    border: 0;
    outline: 0;
    background: transparent;
    margin-bottom: -20px;
    transition: color 0.4s;
  }
}

@media (max-width: 576px){
  .time-calendar-container{
    left: 13px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .team-banner-img{
    display: none;
  }
}