@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lexend";
  src: url(../fonts/static/Lexend-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.mumbai-banner form .form-field input {
  border-radius: 12px;
}

.mumbai-page-banner {
  /* height: 75vh; */
  /* background-image:
    linear-gradient(to right, rgb(0 0 51 / 91%), rgb(0 0 51 / 82%)),
    url(../img/mumbai-banner-image2.webp); */
  background: linear-gradient(150deg, rgb(25 44 103) 0%, rgb(2 23 55) 56%);
  height: auto !important;
  background-repeat: no-repeat;
  padding-top: 180px;
  /* background-position: right top;
     */
}
.wsmenucontainer {
  overflow: visible;
}
mumbai-banner form .form-field input:hover {
  box-shadow: rgb(255 255 255 / 54%) 0px 0px 8px 3px;
}
.blog-div {
  margin-bottom: 5px !important;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li a,
.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
  font-size: 13px;
  line-height: 15px;
  color: #161a30 !important;
  font-weight: 300 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lexend", sans-serif !important;
  font-display: swap;
}
p {
  font-weight: 300;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .wsmainwp {
    max-width: 1320px;
  }
}

.ai-solutions {
  font-size: 16px;
}
.inquiry-contact-section .row.align-items-center {
  justify-content: center;
}
.mumbai-banner form .form-field #message {
  border-radius: 12px;
  height: 72px;
}

.mumbai-banner form .form-field label {
  bottom: 33px;
}

.contact-form .form-field {
  position: relative;
  margin: 25px 0;
}

#getQuote .mumbai-banner,
.getQuoteModal .getQuoteModal-body {
  background-color: #0b112c;
  padding: 30px 20px 0;
  border-radius: 15px;
}
.getQuoteModal .getQuoteModal-body .contact-form .label {
  position: relative;
  color: #fff;
  margin-bottom: 1rem;
  bottom: auto;
}
.getQuoteModal .contact-form .form-field {
  position: relative;
  margin: 0;
}
.getQuoteModal .close {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  font-size: 3rem;
}
.getQuoteModal .custom-tab {
  background: #162942;
  color: #fff !important;
  margin: 0 5px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.getQuoteModal .custom-tab.active {
  background: #ee4865 !important;
  border-color: #ee4865 !important;
}
.getQuoteModal .input-text {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 8px;
  border-radius: 4px;
}
.getQuoteModal .custom-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px;
}
#quotebtnSubmit {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.getQuoteModal .custom-radio-group label {
  text-align: center;
  padding: 12px 10px;
  cursor: pointer;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #cbd5e0;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 0; /* Reset bootstrap margin */
}
.getQuoteModal .custom-radio-group label:hover {
  background: rgba(238, 72, 101, 0.05);
  border-color: rgba(238, 72, 101, 0.3);
  color: #fff;
}
.contact-form .hiring-model-field {
  margin-bottom: 2rem !important;
}
.hiring-model-field .form-check label {
  font-size: 0.9rem;
}
body {
  /* font-family: "Work Sans", sans-serif !important; */
  font-family: "Lexend", sans-serif !important;
  font-display: swap;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
}

.formsection .pfont,
.formsection p {
  color: #fff;
}
#accordion .panel-title a::after,
#accordion .panel-title a[aria-expanded="false"]::after {
  font-size: 1rem;
  content: "\f078";
  right: 0;
  line-height: 25px;
  top: auto;
  left: auto;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #172258de;
}
#accordion .panel-title a[aria-expanded="false"]::after {
  content: "\f054";
  font-family: fontawesome;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #333;
}

#accordion .panel-title a {
  background-color: transparent !important;
  border-style: solid;
  border-width: 1px;
  border-color: #172258;
  border-radius: 6px;
  padding: 16px 24px 16px 28px;
  transform: translate(0px, 0px) rotate(0deg);
  transition: 0.2s;
  /* box-shadow: -4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 48%); */
  color: #172258;
}
/* #accordion .panel-title a[aria-expanded="false"] {

    color: #172258;
} */
#quote-form-bottom textarea {
  height: auto;
}

#quote-form-bottom.contact-form .label {
  position: relative;
  bottom: auto;
  margin-bottom: 0;
}

#accordion .panel-title a {
  font-family: "Lexend", sans-serif;
}

#quote-form-bottom.contact-form .input-text {
  border: 1px solid #ddd;
  border-radius: 12px;
  margin-top: 6px;
}

#quote-form-bottom.contact-form .form-field {
  position: relative;
  margin: 10px 0;
}

.bannerimg video {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  width: 100%;
  height: auto;
}

.wsmenu {
  font-family: "Lexend", sans-serif;
  font-weight: 400;
}

.contact-info img {
  width: 20px;
}

.new-case-study-banner {
  height: auto;
  padding-top: 180px;
  padding-bottom: 60px;
  background-image: none;
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
}

.hire-developers-banner {
  /* background-image: radial-gradient(circle, #e51c19, #7d357c, #00008b);
background: rgb(227,4,0);
background: linear-gradient(18deg, rgba(227,4,0,1) 0%, rgba(0,0,139,1) 100%); */
}
.hire-developers-banner .verified-icons {
  /* position: absolute;
    right: 39%;
    bottom: 1%;
    transform: translateX(16%);
    z-index: 1; */
  gap: 0;
}
.hire-developers-banner .verified-icons li,
.verified-icons-banner .verified-icons li,
.innovation-service-banner .verified-icons li,
.dedicated-laravel-developers-banner .verified-icons li,
.hire-php-developer-banner .verified-icons li,
.hire-banner .verified-icons li,
.ai-agent-banner .verified-icons li {
  background-color: transparent;
  border: none;

  height: auto;
  flex-basis: auto;
  box-shadow: none;
}
.hire-developers-banner .verified-icons li:hover,
.verified-icons-banner .verified-icons li:hover,
.innovation-service-banner .verified-icons li:hover,
.dedicated-laravel-developers-banner .verified-icons li:hover,
.hire-banner .verified-icons li:hover,
.ai-agent-banner .verified-icons li:hover {
  box-shadow: 0 8px 32px 0 rgb(52 56 106 / 37%);
  backdrop-filter: blur(6px);
}
.hire-developers-banner .verified-icons li:hover img,
.innovation-service-banner .verified-icons li:hover img,
.verified-icons-banner .verified-icons li:hover img,
.dedicated-laravel-developers-banner .verified-icons li:hover img,
.hire-php-developer-banner .verified-icons li:hover img,
.hire-banner .verified-icons li:hover img,
.ai-agent-banner .verified-icons li:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1653%)
    hue-rotate(314deg) brightness(95%) contrast(105%);
}
.hire-developers-banner .verified-icons li img,
.verified-icons-banner .verified-icons li img,
.innovation-service-banner .verified-icons li img,
.dedicated-laravel-developers-banner .verified-icons li img,
.hire-php-developer-banner .verified-icons li img,
.hire-banner .verified-icons li img,
.ai-agent-banner .verified-icons li img {
  width: 74px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1653%)
    hue-rotate(314deg) brightness(95%) contrast(105%);
}
.hire-case-study-section img {
  border-radius: 12px;
  transition: 0.6s;
  width: 100%;
}
.hire-dedicated-differ {
  background-color: #0e1d31;
}
.hire-dedicated-differ .table {
  color: #fff;
  margin-bottom: 0;
}

.hire-dedicated-differ .differ-box {
  background-color: #f9fbff14;
  padding: 20px;
  border-radius: 12px;
  color: #fff !important;
}
.hire-dedicated-differ .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(246 249 255 / 8%);
}
.hire-dedicated-differ .table td,
.hire-dedicated-differ .table th {
  border: none;
}
.hire-ai-pow-dev {
  background: radial-gradient(#001f55, #0e1d31);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.hire-ai-pow-dev p.agile-desc {
  font-weight: 300;
  font-size: 1rem;
}
.hire-ai-pow-dev .icon-bx-wraper.style-2 .icon-bx {
  background-color: #34527a !important;
  background: linear-gradient(135deg, #172258 0%, #0e1d31 100%);
  box-shadow: 0 8px 32px rgb(163 147 251 / 30%);
}
.hire-ai-pow-dev .icon-bx-wraper.style-2 .icon-bx img {
  width: 35px;
}
.hire-dedicated-differ .table thead th {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.hire-differ-section th,
.hire-differ-section td {
  background: none;
}
.hire-differ-section tbody {
  font-size: 0.9rem;
  font-weight: 300;
}
.hire-approach-list {
  padding-left: 1rem;
}
.tab-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4rem;
}
.tab-wrapper .step-tabs {
  flex: 1;
  max-width: 300px;
}
.tab-wrapper .nav-tabs {
  border: none;
  display: flex;
  flex-direction: column;
}
.tab-wrapper .nav-tabs .nav-link {
  display: flex;
  align-items: center;
  background: #f9f9f98a;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 8px 30px;
  color: #fff;
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
  box-shadow:
    rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.tab-wrapper .nav-tabs .nav-link.active {
  background: radial-gradient(#001f55, #0e1d31);
  box-shadow: 0 0 12px rgba(255, 0, 220, 0.4);
  border: none !important;
  color: #fff !important;
  box-shadow:
    rgba(0, 0, 0, 0.25) 0px 12px 28px,
    #ee486563 0px 12px 10px;
}
.tab-wrapper .step-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #141b2d;
  border: 2px solid #3c475e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  margin-right: 20px;
  flex-shrink: 0;
  display: none;
}
.tab-wrapper .nav-link.active .step-circle {
  background: #fff;
  color: #000;
}
.tab-wrapper .hire-step-content h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}
.tab-wrapper .hire-client-content h5,
.hire-client-box h5 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #0e1d31;
}
.hire-client-content p {
  font-size: 1rem;
  font-weight: 400;
}
.tab-wrapper .hire-step-content p {
  margin: 0;
  font-size: 14px;
  opacity: 0.8;
}
.tab-wrapper .arrow-icon {
  margin-left: auto;
  font-size: 24px;
  color: #fff;
  opacity: 0;
}
.tab-wrapper .nav-tabs .nav-link.active .arrow-icon {
  opacity: 1;
}
.tab-wrapper .tab-content {
  flex: 1;
  padding: 30px;
  border: 1px solid #0e1d31;
  border-radius: 20px;
  box-shadow:
    rgb(0 0 0 / 29%) 0px 12px 25px,
    #ee486536 0px 12px 9px;
}
.tab-wrapper .tab-pane img {
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  filter: brightness(0) saturate(100%) invert(7%) sepia(11%) saturate(6522%)
    hue-rotate(188deg) brightness(93%) contrast(92%);
}
.cs-int-client-div {
  display: flex;
  column-gap: 15px;
  align-items: center;
}
.hire-client-box {
  margin-top: 2rem;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 12px;
}
.hire-client-box ul {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin-top: 1rem;
}
.hire-client-box ul h6 {
  font-size: 1.2rem;
  font-weight: 600;
}
.hire-client-box ul li {
  flex: 1;
  font-size: 1rem;
}
.hire-client-box ul li a:hover {
  color: #ee4865;
}
.hire-client-box ul li img {
  width: 30px !important;
  height: 30px !important;
}
.hire-internationClients {
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 99%), rgb(223 223 231 / 75%)),
    url(../img/hire-int-client-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.technologies-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 94%)),
    url(../img/tech-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: auto !important;
  text-align: center;
}
/* Optional: smooth transition */
.tab-pane.custom-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease-in-out;
}

/* When tab becomes active */
.tab-pane.custom-fade.show.active {
  opacity: 1;
  transform: translateY(0);
}
.hire-approach-list li {
  list-style-type: none;
  line-height: 2.4;
  font-size: 1rem;
  opacity: 0.8;
  font-weight: 300;
  display: flex;
  align-items: baseline;
}
.hire-approach h5 {
  font-size: 1.4rem;
  font-weight: 600;

  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}
.single-powerful .hire-approach-icon img {
  width: 36px;
  height: 36px;
  /* filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(27%) hue-rotate(328deg) brightness(107%) contrast(106%); */
  filter: brightness(0) saturate(100%) invert(9%) sepia(16%) saturate(3426%)
    hue-rotate(181deg) brightness(90%) contrast(95%);
}
.single-powerful .hire-approach-icon {
  position: relative;
  display: inline-block;
  z-index: 1;
  /* background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); */
  border-radius: 50%;
  padding: 10px;
  margin-right: 18px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  width: 60px;
  height: 60px;
  line-height: 38px;
  text-align: center;

  background: #e0e0e0;
  box-shadow:
    2px 1px 10px #bebebe,
    -3px -3px 4px #ffffff;
}
.hire-approach-section .hire-heading-txt {
  margin-bottom: 3rem;
}
/* .clientPart .single-powerful .hire-approach-icon
{
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
} */
.clientPart {
  padding-left: 4rem;
}
.hire-approach-icon:before {
  width: 70px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.08);
  left: 0;
  top: -10px;
}
.top-right-bannertxt {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  color: white;
  background: #ad5389;
  background: linear-gradient(
    0deg,
    rgba(77, 54, 208, 1) 0%,
    rgba(132, 116, 254, 1) 100%
  );
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  right: -17px;
  top: -12px;
  z-index: 1;
}
.top-right-bannertxt i {
  color: #16b70e;
  font-size: 1.2rem;
  margin-right: 4px;
}
.top-right-bannertxt2 {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  background: #ad5389;
  background: linear-gradient(0deg, rgb(165 165 165) 0%, rgb(255 255 255) 100%);
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  right: -17px;
  top: 50px;
  z-index: 1;
}
.top-right-bannertxt3 {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  background: #ad5389;
  background: linear-gradient(0deg, #ffc107 0%, rgb(255 255 255) 100%);
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 90px;
  left: -56px;
  z-index: 1;
}
.top-left-bannertxt {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  color: white;
  background: #ad5389;
  background: linear-gradient(
    0deg,
    rgba(77, 54, 208, 1) 0%,
    rgba(132, 116, 254, 1) 100%
  );
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  left: -6px;
  bottom: -12px;
  z-index: 1;
}
.top-left-bannertxt2 {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  background: #ad5389;
  background: linear-gradient(0deg, rgb(165 165 165) 0%, rgb(255 255 255) 100%);
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: center;
  position: absolute;
  left: -17px;
  bottom: 50px;
  z-index: 1;
}
p.top-left-bannertxt3 {
  font-size: 0.9rem;
  padding: 0.5em 1em 0.5em 1em;
  color: #00355f;
  background: linear-gradient(0deg, #2196f3 0%, rgb(255 255 255) 100%);
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: auto;
  border-radius: 26px;
  display: flex;
  align-items: end;
  position: absolute;
  left: -28px;
  bottom: 104px;
  z-index: 1;
}
p.top-left-bannertxt3 img {
  height: 25px !important;
  margin-top: 0;
  filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(1194%)
    hue-rotate(188deg) brightness(96%) contrast(95%);
  margin-right: 4px;
}
.top-right-bannertxt2 i {
  color: #0080e1;
  font-size: 1.2rem;
  margin-right: 4px;
}
.top-left-bannertxt2 i {
  color: #094ff9;
  font-size: 1.2rem;
  margin-right: 4px;
}
.top-left-bannertxt i {
  color: #fffb14;
  font-size: 1.2rem;
  margin-right: 4px;
}
.hire-approach-section .single-powerful {
  margin-bottom: 1.8rem;
  display: flex;
}
.hire-approach-section .single-powerful h5 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #0e1d31;
  margin-top: 1rem;
}
.hire-approach-section h4 {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  background-color: #101d3014;
  padding: 10px;
  border-radius: 10px;
}
.hire-methodologies-section .right-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.clientPart h4 {
  color: #0c5bd9;
}
.hire-dedicated-cta-section {
  position: relative;
  background: #0e1d31;
  background-image:
    linear-gradient(to top, #051533bf 0%, #101d3094 50%, #011739d9 100%),
    url(../img/background-texture.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.new-position {
  position: relative;
  background: #0e1d31;
  background-image:
    linear-gradient(to top, #051533bf 0%, #101d3094 50%, #011739d9 100%),
    url(../img/background-texture.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
}
.job-item {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
  transition:
    transform 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #e0e7ff;
}
.job-item:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
  background-color: #fcfdfe;
}
.job-details {
  flex-grow: 1;
  width: 100%;
}
.job-details h3 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #101d30;
  margin-bottom: 8px;
}
.job-details p {
  font-size: 1.2rem;
  color: #5a6b7d;
  font-weight: 400;
}
.job-actions {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}
.career-gallery .gallery {
  margin: 0;
}
.ocmmt-tile {
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 12px;
  border: 1px solid #e9e9e9;
}
.hire-dedicated-cta-section2 {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
}
.hire-php-cta2 {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.hire-dedicated-cta-section h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #fff;
}
.hire-php-cta2 h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #0e1d31;
}
.hire-php-cta2 p {
  font-size: 1.2rem;
  color: #0e1d31;
  opacity: 0.8;
  margin-bottom: 4rem;
}
.hire-dedicated-cta2 {
  position: relative;
  z-index: 1;

  text-align: center;
}
.hire-dedicated-cta2 h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #fff;
}
.hire-dedicated-cta2 p {
  font-size: 1.2rem;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 4rem;
}
.hire-dedicated-cta-shape {
  bottom: 0;
  right: 60px;
  position: absolute;
  z-index: -1;
}
.hire-php-cta2 .hire-dedicated-cta-shape {
  filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(6134%)
    hue-rotate(176deg) brightness(98%) contrast(96%);
}
.hire-dedicated-cta-section p {
  font-size: 1.4rem;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 4rem;
}
.hire-methodologies-section {
  background-image:
    linear-gradient(to right, rgb(255 243 243 / 72%), rgb(1 1 33 / 50%)),
    url(../img/aisolutions-bg2.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.hire-methodologies-section .left-column {
  flex-direction: column;
}

.hire-dedicated-cta-section .home-banner-btn2 {
  margin-left: 0;
}
.hire-methodologies-section .right-icon,
.hire-methodologies-section .right-title {
  display: inline-block;
}
.hire-methodologies-section .right-column {
  margin-left: 2rem;
  border-radius: 0.8rem;
}
.hire-approach-box {
  border: 1px solid #ddd;
  padding: 20px;
  background-color: #ffffffbd;
  border-radius: 12px;
}
.hire-methodologies-section .right-column .right-description {
  font-size: 1rem;
  opacity: 0.8;
}
.hire-dedicated-testimonial-section {
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.hire-dedicated-testimonial .testimonial {
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 8px;

  padding: 16px;
  transition: transform 0.4s ease;
  flex-grow: 1;
  height: 100%;
}
.hire-dedicated-testimonial .testimonial strong {
  color: #0239a5;
  opacity: 1;
  font-weight: 600;
}
.hire-dedicated-testimonial.owl-carousel .owl-stage {
  display: flex;
  padding: 8px;
}
.hire-testi-src {
  position: absolute;
  z-index: 1;
  bottom: 5%;
  color: #b3afaf;

  left: 0;
  right: 0;
}

.hire-testi-src a {
  border-bottom: 1px solid #ee4865;
}

.hire-dedicated-testimonial .testimonial h5 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #0e1d31;
  margin-bottom: 10px;
}
.hire-dedicated-testimonial .testimonial .rating {
  align-items: center;

  display: flex;
}
.hire-dedicated-testimonial.owl-theme .hire-test-heading {
  min-height: 92px;
  border-bottom: 1px solid #cecece;
  margin-bottom: 8px;
  padding-bottom: 7px;
}
.hire-dedicated-testimonial .testimonial .rating i {
  color: #e62415;
  margin-right: 2px;
}
.hire-developers-banner .btn {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  box-shadow:
    rgb(239 63 103) 3px 3px 6px 0px inset,
    rgb(0 0 0 / 50%) -3px -3px 6px 1px inset;
}
.hire-developers-banner .bannerBtn:hover,
.dedicated-laravel-developers-banner .bannerBtn:hover,
.hire-php-developer-banner .bannerBtn:hover {
  background: #ffffff !important;
  color: #0e1d31 !important;
}
.hire-developers-banner .btn .HomeArrowIcon {
  transform: translateX(0%);
  transition: 0.2s linear;
  animation: attention 1.2s linear infinite;
  color: #0e1d31;
}
.hire-dedicated-testimonial .testimonial .rating span {
  margin-right: 6px;
}
.hire-dedicated-testimonial .testimonial .date {
  color: #7f8c8d;
  font-size: 14px;
  margin-bottom: 15px;
}
.hire-dedicated-testimonial .testimonial p {
  font-size: 1rem;
  line-height: 1.6;
}
.hire-dedicated-testimonial.owl-theme .owl-nav {
  display: none;
}
.hire-dedicated-testimonial.owl-theme .owl-dots {
  text-align: center;
  margin-top: 20px;
}

.hire-dedicated-testimonial.owl-theme .owl-dot,
.partner-carousel.owl-theme .owl-dot {
  display: inline-block !important;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  background-color: #ccc;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.hire-dedicated-testimonial.owl-theme .owl-dots .owl-dot span,
.partner-carousel.owl-theme .owl-dots .owl-dot span {
  display: none;
}
.hire-dedicated-testimonial.owl-theme .owl-dot:hover,
.partner-carousel.owl-theme .owl-dot:hover {
  opacity: 0.9;
  background-color: #666;
}

.hire-dedicated-testimonial.owl-theme .owl-dot.active,
.partner-carousel.owl-theme .owl-dot.active {
  background-color: #ee4865;
  opacity: 1;
}
.partner-carousel.owl-theme .owl-dots {
  margin-top: 1rem;
}
.clutch-review-link {
  background-color: transparent;
  border: 0;
  color: #1b7499;
  font-size: 16px;
  position: absolute;
  right: 26px;
  bottom: 10px;
  font-weight: 500;

  line-height: 24px;
  outline: 0;
}
.clutch-review-link:hover {
  text-decoration: underline;
  color: #1b7499;
}
.hire-section {
  background: #f8f9fa;
  padding: 60px 0;
}
.hire-section h3 {
  font-weight: bold;
  margin-bottom: 30px;
  color: #343a40;
}
.Hire-Dedicated-tech-section .tab-section {
  padding: 60px 0;
}
.Hire-Dedicated-tech-section .nav-pills .nav-link {
  border-radius: 50px;
  font-weight: 400;
  color: #6b6b6b;
  border: 1px solid #0e1d31;
}
.Hire-Dedicated-tech-section .nav-pills .nav-link.active {
  background-color: #0e1d31;
  color: #fff;
}
.Hire-Dedicated-tech-section .dev-card {
  background: #101d30;
  border-radius: 12px;
  padding: 25px 20px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  height: 100%;
  border: 1px solid #ddd;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  text-align: left;
  align-items: center;
}
.Hire-Dedicated-tech-section .dev-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.Hire-Dedicated-tech-section .dev-card img {
  width: 50px;
  height: 50px;

  filter: brightness(0) saturate(100%) invert(54%) sepia(38%) saturate(6894%)
    hue-rotate(321deg) brightness(93%) contrast(100%);
}
.Hire-Dedicated-tech-section .dev-card h6 {
  font-weight: 300;
  font-size: 1.4rem;
  color: #fff;
}
.real-results-img {
  height: 300px;
  object-fit: cover;
}
.hiringModelList .list-wrap {
  position: relative;
  list-style-type: none;
  padding-left: 10px;
}
.hiringModelList .list-wrap li {
  position: relative;
  padding-left: 26px;
  font-size: 1rem;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 300;
}
.hiring-modelSection h4 {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}
.hiring-modelSection .pricingTable .pricingTable-header {
  margin: 0 0 20px 0;
  /* border-bottom: 1px solid #56657f;
    padding-bottom: 20px; */
}
.hiringModelList .list-wrap li:before {
  content: "\f00c";
  font-family: "fontawesome";
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.hiring-modelSection .badge {
  padding: 6px;
  text-align: left;
  font-weight: 300;
  text-wrap: auto;
  line-height: 1.2;
}
.hiring-modelSection .badge.badge-info {
  color: #fff;
  /* background-color: #1b7b8b; */
  background-color: #bf495e;
}
.hiring-modelSection .badge.badge-primary {
  color: #fff;
  /* background-color: #124174; */
  background-color: #124174;
}
.hiring-modelSection .badge.badge-success {
  color: #fff;
  /* background-color: #0f5243; */
  background-color: #282270;
}
.highlightHiring {
  background: #101d30 !important;
  border: 6px solid #bfd5f7 !important;
  padding: 34px 14px !important;
  box-shadow:
    rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.highlightHiring h4 {
  color: #007bff;
}
.hiring-modelSection .pricingTable {
  text-align: left;
  background: #101d30;
  padding: 40px 20px;
  color: #fff;
  transform: rotate3d(0.5, -0.866, 0, 360deg) rotate(358deg);
  box-shadow:
    2em 4em 6em -2em rgba(0, 0, 0, 0.5),
    1em 2em 3.5em -2.5em rgba(0, 0, 0, 0.5);
}
.hiring-modelSection .pricing-table:hover .pricingTable {
  transform: none;
}
.laravel-hiring {
  /* background-image: linear-gradient(to right, rgb(255 243 243 / 72%), rgb(1 1 33 / 50%)), url(../img/aisolutions-bg2.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; */
  background-color: #0e1d31;
}
.hiring-modelSection .icon-3d {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    145deg,
    rgba(96, 165, 250, 0.22),
    rgba(45, 212, 191, 0.22)
  );
  color: #cfe4ff;
  font-size: 24px;
  transform: translateZ(70px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.hire-dedicated-banner {
  background-color: #fff;
  position: relative;
  /* background-image: linear-gradient(to top, #ffffff99 0%, #ffefefad 50%, #c4d9f9 100%), url(../img/home-service-bg.webp); */
  background-image:
    linear-gradient(to top, #d6e0f1ed 0%, #e5d0d0f7 50%, #c4d9f9f2 100%),
    url(../img/case-study-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hire-dedicated-partnership {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.career-page-banner {
  position: relative;
  background:
    linear-gradient(150deg, #11235a 34%, #11235ad6 65%),
    url(../img/career-banner.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  padding-top: 160px !important;
  padding-bottom: 80px;
}
.job-list-container .btn-read-more {
  background-color: #ee4865;
  color: #fff;
  padding: 11px 20px;
  font-size: 1rem;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
  border: 0;
}
.job-list-container .btn-apply {
  color: #ee4865;
  padding: 11px 20px;
  font-size: 1rem;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
  border: 1px solid #ee4865;
}
.highlightHiring .hiringModelList .list-wrap li:before {
  color: #c6ddff;
}
.softlabs-part h5 {
  color: #ee4865;
}
.softlabs-part li i {
  color: #0e1d31;
}
.client-part h5 {
  color: #0e1d31;
}
.client-part li i {
  color: #ee4865;
}
.hire-approach-list li i {
  margin-right: 10px;
}
.hire-approach.card {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 12px;
}
.hire-approach-section .btn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  margin-top: 2rem !important;
}
.hire-differ-section tbody th {
  font-weight: 500;
}
.hire-differ-softlabs {
  background: #64c3f12e !important;
}
.differ-heading {
  color: #ee4865;
}
.hire-case-study-section {
  margin-bottom: 2rem;
}
.hire-case-study-section .image-box {
  position: relative;
}
.Hire-Dedicated-tech-section {
  background-color: #fff;
  background-image:
    linear-gradient(to top, #a7c2ff5e, #07124729),
    url(../img/hire-approach-bg2.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.hire-case-study-txt {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  width: 80%;
  margin: 0 auto;
  padding: 12px;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgb(255 255 255 / 74%);
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.3);
}
.hire-case-study-txt:hover {
  color: #ee4865;
}
.hire-case-study-txt p {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}
.case-study-center-img {
  height: 100%;
  object-fit: cover;
  max-height: 600px;
}
.hire-casestudy-cta {
  border: 0;
  padding: 10px 14px !important;
  background-color: #ee4865;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  border-radius: 100px;
  font-weight: 600;
}
.hire-caseStudySection .hire-casestudy-cta {
  border-radius: 10px;

  padding: 8px 10px 10px 4px !important;
}
.case-study-arrow {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(225deg) brightness(102%) contrast(102%);
  width: 24px;
  height: 24px;
  transform: translateX(0%);
  transition: 0.2s linear;
  animation: attention 1.2s linear infinite;
}
.hire-approach-section {
  background-color: #0e1d31;
  /* background-image: linear-gradient(to top, #072059db, #ffdce494), url(../img/hire-approach-bg2.png); */
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .hire-page-clients
{
    background-color: #0e1d31;
}
.hire-page-clients.mumbai-clients .client-title
{
    color: #fff;
} */
.ai-prod-box img {
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 10px;
}
#counter-stats .top-augmentation-img {
  width: 60%;
}
.hire-industries img {
  width: 75px;
  filter: brightness(0) saturate(100%) invert(41%) sepia(38%) saturate(4717%)
    hue-rotate(325deg) brightness(99%) contrast(89%);
  height: auto;
  background-color: unset;
}
.hire-industries .ai-prod-box {
  height: 100%;
  margin-bottom: 0;
}
.hireSrc {
  font-weight: 200;
  font-size: 0.9rem;
  color: #9f9f9f;
  padding-left: 25px;
}
.hire-industries .hire-industries-margin {
  margin-bottom: 1rem;
}
.panel-group {
  background: transparent;
  box-shadow: none;
}

.custom-sft-banner {
  padding-top: 80px;
  padding-bottom: 0;
  background: rgb(17, 35, 90);
  background: linear-gradient(
    150deg,
    rgba(17, 35, 90, 1) 0%,
    rgba(2, 0, 10, 1) 56%
  );
  /* background-image: linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)), url(../img/agile-banner-bg3.png); */
  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 80vh;
}
.custom-sft-banner .btn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.Home-page-banner {
  height: 100vh;
  min-height: 700px;
  /* background: linear-gradient(150deg, rgba(17, 35, 90, 1) 0%, rgba(2, 0, 10, 1) 56%); */
  background: linear-gradient(182deg, rgb(35 74 157) 0%, #0e1d31 56%);
  position: relative;
  padding-top: 6rem;
  display: flex;
  align-items: center;
  content-visibility: auto;
}
.ai-manufacturing-banner {
  background: linear-gradient(182deg, rgb(35 74 157) 0%, #0e1d31 56%);
  height: 80vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.ai-construction-banner {
  background: linear-gradient(131deg, rgb(8 44 91 / 88%) 0%, #101d30 56%);
  height: 80vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.agile-banner {
  /* background: radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0% 0%, radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #666b95 0px, transparent 50%) repeat scroll 0% 0%, radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 42% 20%, #007bff 0px, transparent 50%) repeat scroll 0% 0%, radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%) repeat scroll 0% 0%; */
  /* background-image:
    linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)),
    url(../img/agile-banner-bg3.webp); */
    background-image:linear-gradient(to right, rgb(2 2 28 / 97%), rgb(0 0 51 / 70%)), url(../img/agile-software-dev-banner.webp);
  height: auto;
  min-height: 700px;
  padding-top: 180px;
  padding-bottom: 80px;
}

.reactjs-banner {
  height: 100vh;
  padding-top: 180px;
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
}
.healthcare-sw-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Healthcare-Software-Development-banner.webp');
  height: auto !important;
  padding-top: 180px;
  padding-bottom: 120px;
}
.travel-app-dev-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Travel-App-Development-banner.webp');
  background-position: top;
}
.contact-banner {
  height: auto !important;
  background-image: url(../img/contact-banner-bg.jpg);
  padding-top: 150px;
  padding-bottom: 80px;
}
.sw-product-dev {
  height: auto !important;
  padding-top: 180px;
  padding-bottom: 120px;
}
.services-banner {
  height: auto !important;
  min-height: 86vh;
  padding-top: 180px;
  padding-bottom: 120px;
  /* background-image: linear-gradient(to right, rgb(0 0 51 / 61%), #0065d187), url(../img/services-banner2.webp); */
}

.web-app-banner {
  /* background-image: linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.85)), url(../img/web-application-banner.webp); */
  background-image: linear-gradient(
    to right,
    rgb(0 0 0 / 90%),
    rgba(0, 0, 51, 0.85)
  );
}
.sw-dev-startup-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.85)),
    url(../img/custom-sw-dev-banner.webp);
}
.prototype-dev-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 90%)),
    url(../img/Prototype-Development-banner.webp);
}
.diamond-ind-sw
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 72%)),
    url(../img/diamond-ind-software-company.webp);
}
.custom-sft-banner .btn:hover {
  border: 0 !important;
}
.sweden-page-banner {
  background-image:linear-gradient(to right, rgb(0 0 51 / 93%), rgb(0 0 51 / 99%));
    /* background-image:
    linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.7)),
    url(../img/sweden-canal-middle-street-buildings-daytime.webp); */
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.uk-page-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 90%)),
    url(../img/big-ben-houses-parliament-london-uk.webp);
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.usa-page-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)),
    url(../img/USA-banner.webp);
  height: auto;
  min-height: 76vh;
  padding-top: 180px;
  padding-bottom: 80px;
  background-position: 27% -17%;
}
.uk-page-banner .mplp h1,
.usa-page-banner .mplp h1 {
  font-size: 2.8rem;
  font-weight: 400 !important;
}
.recruitment-banner {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 1),
    rgb(0 0 51 / 0%)
  );
  background-color: #11235a;
  min-height: 78vh !important;
  overflow: hidden;
}
.ui-ux-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.mobile-app-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 90%)),
    url(../img/mobile-banner-bg.webp);
  background-color: #11235a;
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.services-banner .ratings-box {
  background-color: #ffffff0a;
}
.blockchain-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();

  background-color: #11235a;
  height: 80vh;
  min-height: 400px;
  padding-top: 180px;
  padding-bottom: 80px;
}
.accreditations-banner,
.other-service-banner,
.industries-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();

  background-color: #11235a;
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.logistic-software-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Logistics-Software-Development-banner.webp');
}
.other-service-banner,
.industries-banner {
  height: 80vh;
  min-height: 400px;
}
.hire-digital-solutionbanner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();

  background-color: #11235a;
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.ios-app-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.teams-page-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.android-apps-developers-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.dedicated-laravel-developers-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)),
    url(../img/hire-banner-01-background.webp);
  /* background-image: linear-gradient(to right, #000033, rgb(0 0 51 / 0%)), url(); */
  background-color: #0e1d31;
  height: 100vh;
  padding-top: 180px;
}
.xamarin-developers-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #0e1d31;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.angularjs-developer-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #0e1d31;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.inventory-tracker-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: auto;
  padding-top: 180px;
  padding-bottom: 80px;
}
.react-native-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.outsourcing-banner,
.sw-development-banner {
  height: auto !important;
  padding-top: 180px;
  padding-bottom: 120px;
}
/* .outsourcing-banner
{
    background-image: linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)), url(../img/outsourcing-banner.webp);
} */
.sw-development-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)),
    url(../img/bg-img4.webp);
}
.sw-development-banner .banner-img {
  /* transform: rotate(353deg); */
  width: 600px;
  filter: opacity(0.5);
}
.formsection {
  background-image: url(../img/formBg.webp);
  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.fintechBanner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/fintech-software-dev-banner.webp');
    background-position: top;
  height: auto !important;
  padding-top: 180px;
  padding-bottom: 120px;
}
.retail-ecomm-app-dev
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/E-commerce-App-Development-banner.webp');
    background-position: top;
}
.real-estate-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Estate-Software-Development-banner.webp');
    background-position: top;
}
.energy-mgmt-software-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Energy-Management-Software-banner.webp');
    background-position: top;
}
.gov-software-dev
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/gov-software-dev-banner.webp');
    background-position: top;
}
.manufacturing-sw-dev-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/software-dev-manufacturing-banner.webp');
    background-position: top;
}
.insurance-sw-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/Insurance-software-dev-banner.webp');
    background-position: top;
}
.elearning-sw-dev-banner
{
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 70%)), url('../img/e-Learning-sw-dev-banner.webp');
    background-position: top;
}
.asp-net-banner {
  /* background-image: linear-gradient(to right, rgb(0 0 51 / 85%), #04376dc2), url(../img/hire-banner-img4.webp); */
  height: auto;
  padding-top: 180px;
}
/* .asp-net-banner .bannerimg video
{
    background-image: linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5));
    filter: opacity(0.5);
} */
.asp-net-banner .video-bg {
  top: 117px;
}
.reactjs-banner .video-bg {
  top: 117px;
}
.dot-net-developers-banner .video-bg {
  top: 117px;
}
.cta-section {
  background-image:linear-gradient(to right, rgb(0 0 51 / 81%), #0e1d31d9), url(../img/cta-section-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 80px 0;
}

.cta-section h4 {
  color: #fff;
  font-size: 2.6rem;
  line-height: 1.5;
  font-family: "Lexend", sans-serif;
}

.cta-section .btn {
  background-color: #ffffff !important;
  border: 1px solid #172258 !important;
  color: #172258;
}

.formsection .cmn-hdng {
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
}

.formsection .tea-duties {
  color: #fff;
}

.inquiry-contact-section {
  background: transparent;
}

.sub-txt {
  margin-bottom: 2rem;
  font-weight: 300;
}

.hire-developers-banner {
  /* height: 80vh; */
  height: auto;
  box-shadow: none !important;
  padding-top: 10rem;
}
@media only screen and (min-width: 1400px) {
  .hire-banner-img {
    position: absolute;
    right: 10%;
    /* top: 0; */
    bottom: 0;
    width: 600px;
    height: auto;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
  .hire-banner-img {
    position: absolute;
    right: 10%;
    /* top: 0; */
    bottom: 0;
    width: 400px;
    height: auto;
  }
}
@media only screen and (max-width: 1440px) {
  .hire-developers-banner {
    /* height: 80vh; */
    height: auto !important;
    box-shadow: none !important;
    padding-top: 10rem;
  }
  .sw-product-dev .bg-semi-light .r-border img.entered.litespeed-loaded {
    width: 70%;
    height: auto;
  }
}
@media only screen and (max-width: 1200px) {
  .sw-development-banner img {
    width: 100%;
  }
}

.hire-php-developer-banner,
.dot-net-developers-banner {
  height: 100vh;
  padding-top: 180px;
  box-shadow: none !important;
  /* background-image: linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)), url(../img/hire-php-banner-img.webp); */
  /*background-image: linear-gradient(to right, #000033, #0e1d31); url(../img/hire-php-banner-img.webp);*/
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)), url();
  background-color: #11235a;
}

.hire-php-developer-banner .btn,
.dedicated-laravel-developers-banner .btn,
.dot-net-developers-banner .btn {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  box-shadow:
    rgb(239 63 103) 3px 3px 6px 0px inset,
    rgb(0 0 0 / 50%) -3px -3px 6px 1px inset;
}
.hire-php-developer-banner .video-bg {
  top: 110px;
}
.hire-php-developer-banner h1 {
  padding-right: 126px;
}
.dedicated-laravel-developers-banner h1,
.hire-php-developer-banner h1,
.about-us-banner h1,
.dot-net-developers-banner h1,
.hire-banner h1,
.services-banner h1 {
  font-weight: 300 !important;
}
.ai-agent-banner h1,
.n8n-banner h1 {
  font-size: 1.5rem;
  font-weight: 600 !important;
  color: #ee4865;
}
.ai-agent-banner p.subHeading,
.n8n-banner p.subHeading {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.hire-php-developer-banner .hightlight-pt,
.dedicated-laravel-developers-banner .hightlight-pt {
  font-size: 1rem;
  color: #fdb830;
  display: inline-block;
  background-color: #ffffff0a;
  padding: 10px;
  border-radius: 12px;
  font-weight: 500;
  box-shadow:
    rgb(50 50 93 / 31%) 0px 6px 12px -2px,
    rgb(0 0 0 / 79%) 0px 3px 7px -3px;
}
.bannerHeading {
  /* font-size: 48px !important; */
  font-weight: 600 !important;
  color: #f1f1f1 !important;
}

.ctaDiv {
  margin-top: 2rem;
}
.hire-php-developer-banner .ctaDiv {
  align-items: center;
}
.ctaDiv .dev-amt .HomeArrowIcon {
  transform: translateX(0%);
  transition: 0.2s linear;
  animation: attention 1.2s linear infinite;
  color: #fff;
}
.ctaDiv .dev-amt {
  font-size: 1.2rem;
  color: #fff;
  margin-bottom: 0;
  margin-right: 10px;
  /* background-color: #ffffff0a; */
  padding: 10px;
  border-radius: 12px;
}
.ctaDiv .dev-amt span {
  font-size: 1.8rem;
  margin-right: 4px;
  margin-left: 4px;
  color: #ee4865;
  font-weight: 400;
}
.mumbai-page-banner .getQuoteBtn:hover {
  background-color: #fff !important;
  border: 1px solid #252840 !important;
  color: #252840 !important;
}

.mumbai-page-banner .getQuoteBtn {
  margin-top: 1rem;
  background-color: #e40015 !important;
  border-color: #e40015 !important;
}
.ribbon-item {
     position: relative;
     padding-left: 30px;
     margin-bottom: 40px;
     text-align: left;
 }
 .ribbon-item::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 2px;
     height: calc(100% + 100px);
     background: linear-gradient(to bottom, #ee4865 0%, transparent 100%);
 }
 .ribbon-item:last-child::before { height: 100%; background: #ee4865; }
 .ribbon-dot {
     position: absolute;
     left: -6px;
     top: 0;
     width: 14px;
     height: 14px;
     background: #ee4865;
     border-radius: 50%;
     border: 3px solid #fff;
     box-shadow: 0 0 0 2px #ee4865;
 }
 .ribbon-item .lead
 {
  font-size: 1rem;
 }
 .ribbon-title { font-size: 1.4rem; color: #0e1d31; margin-bottom: 15px; }
.nuildyourteambtn {
  color: #fff !important;
  font-size: 17px !important;
  padding: 10px 40px !important;
  text-align: center !important;
  border-radius: 100px;
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.ai-manufacturing-banner .getQuoteBtn,
.ai-banner .getQuoteBtn {
  background-color: #ef3f67 !important;
  border-color: #f0587b !important;
}
.ai-banner h1 strong {
  font-size: 3rem;
  font-weight: 600;
}
.nuildyourteambtn:hover {
  background: #e40015 !important;
  color: #fff !important;
  border: 2px solid #d53231 !important;
}

.hire-developers-banner .clor {
  color: #fff;
}
.hire-developers-banner .mplp h1,
.react-native-banner .mplp h1,
.hire-banner .mplp h1,
.innovation-service-banner .mplp h1 {
  font-size: 1.5rem;
  /* font-size: 2.5rem; */
  /* text-transform: uppercase; */
  color: #ee4865 !important;
  font-weight: 600 !important;
}
.hire-developers-banner p.hireHeading,
.hire-banner .hireHeading,
.innovation-service-banner .subHeading {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.hire-developers-banner .subHeading {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5;
}
.clip-top-large-circle {
  -webkit-clip-path: ellipse(50% 45% at 50% 50%);
  clip-path: ellipse(50% 45% at 50% 50%);
}

.counter-section {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 0px;
  position: relative;
}

.blue-text {
  color: #4169e1;
}

.counter-section .card {
  background-color: transparent;
  /* border-left: 1px solid #333333 !important; */
  border-radius: 0;
}

.blue-text {
  color: #11235a;
}

.card-subtitle {
  color: #8b8b8b;
  font-size: 1.5rem;
}

.custom-text {
  color: #000000;
}

.custom-text h2 {
  color: #333;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.custom-text a {
  color: #333;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 1rem;
}

.custom-text a:hover {
  color: #e30400;
}

.custom-image img {
  border-radius: 40% 60% 70% 30% / 44% 47% 53% 56%;
  background: #ffffff38;
  padding: 50px;
}

.section-dark {
  background-image: url(img/bg-hireDev.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* background: linear-gradient(18deg, rgba(227,4,0,1) 0%, rgba(0,0,139,1) 100%); */
}

.caseStudySection {
  /* background-image: url(img/bg-case-studies.png);
            background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  position: relative;
  background: #0e1d31;
}
.hire-caseStudySection {
  position: relative;
  background-color: #fbfbfb;
}
.hire-caseStudySection .success-stories-outcome {
  font-size: 0.9rem;
  opacity: 0.8;
  font-weight: 300;
  padding-left: 1.5rem;
  width: 65%;
}
.hire-caseStudySection .probDiv h5,
.hire-caseStudySection .solDiv h5 {
  font-size: 1rem;
}
.hire-caseStudySection .cs-php-box p {
  font-size: 0.9rem !important;
}
.hire-caseStudySection .cs-php-content h6 {
  color: #101d30;
}
.section-dark .pfont {
  color: #fff;
}
.hire-checklist {
  list-style-type: none;
  padding-left: 0 !important;
}
.hire-checklist i {
  color: #03a84e;
}
.img-overlay {
  width: 100%;
  height: 100%;
  /* background: linear-gradient(18deg, rgb(28 27 27) 0%, rgb(23 34 88) 100%); */
  background: linear-gradient(18deg, rgb(28 27 27) 0%, #0e1d31 100%);
  top: 0;
  opacity: 0.7;
  position: absolute;
  z-index: 0;
}

.img-overlay2 {
  width: 100%;
  height: 100%;
  background: linear-gradient(17deg, #172258 0%, rgb(23 34 88) 100%);
  top: 0;
  opacity: 0.7;
  position: absolute;
}

.img-overlay3 {
  width: 100%;
  height: 100%;
  background: linear-gradient(1deg, #000c38 0%, #ffffff75 100%);
  top: 0;
  opacity: 0.7;
  position: absolute;
}

section {
  padding-top: 120px;
  background-color: #ededed;
  padding-bottom: 120px;
}

.footerbg {
  padding-top: 120px;
  padding-bottom: 120px;
}

.client-div {
  padding-top: 60px;
}

.section-dark .card {
  background-color: #ffffff45;
}

.section-container {
  background-color: #ededed;
}

.process-steps-section h1 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.process-steps-section .description {
  font-size: 1rem;
  margin-bottom: 30px;
}

.process-steps-section .assurance-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.process-steps-section .assurance-item {
  background-color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  margin-bottom: 10px;
  display: inline-block;
}

.process-steps-section .hire-btn {
  background-color: #222;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
}

.process-steps-section .hire-btn:hover {
  background-color: #000;
  color: #fff;
}

.process-steps-section .steps-container {
  position: relative;
}

.process-steps-section .step-container {
  background-color: #f1f1f1;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
  /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
  position: relative;
  z-index: 2;
}

.process-steps-section .step-heading {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.process-steps-section .step-title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.process-steps-section .step-description {
  font-size: 0.9rem;
}

.process-steps-section .step-icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-right: 15px;
}

.process-steps-section .step-icon {
  font-size: 2rem;
  color: #172258;
}

/* .connector {
            position: absolute;
            left: 20px;
            top: 60px;
            bottom: 60px;
            width: 2px;
            background-color: #ddd;
            z-index: 1;
        } */
.highlight-txt {
  font-weight: 600;
}

.pfont {
  font-weight: 400 !important;
  font-size: 48px;
}

.feature-box {
  padding: 30px;
  transition: background-color 0.3s ease;
  border: 1px solid #e0e0e0;
}

.feature-box:hover {
  background-color: #f8f9fa;
}

.feature-box:nth-child(1) {
  border-top: none;
  border-left: none;
}

.feature-box:nth-child(2),
.feature-box:nth-child(3) {
  border-top: none;
}

.feature-box:nth-child(3) {
  border-right: none;
}

.feature-box:nth-child(4) {
  border-left: none;
  border-bottom: none;
}

.feature-box:nth-child(5) {
  border-bottom: none;
}

.feature-box:nth-child(6) {
  border-bottom: none;
  border-right: none;
}

.feature-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.feature-subtitle {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 15px;
}

.feature-description {
  font-size: 0.9rem;
  margin-bottom: 20px;
}

.feature-list {
  list-style-type: none;
  padding-left: 0;
}

.feature-list li {
  margin-bottom: 5px;
}

.feature-list li::before {
  content: "+ ";
  color: #007bff;
  font-weight: bold;
}

.footer_box h3 {
  font-family: "Lexend", sans-serif;
  margin-bottom: 20px;
  font-size: 1.4rem;
}

.footer_box ul li a {
  color: #8d91af;
  line-height: 2;
}

.footer_box ul li a:hover {
  color: #fff;
}

.footer_box a h3 span {
  border-bottom: 1px solid #fff;
}

.social-media {
  margin-top: 20px;
  display: flex;
  float: none;
  width: 100%;
}

.social-media a:hover {
  background: #fff;
  color: #040935;
}
/* hire mern stack start */
.stack-list .stack-item {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.stack-list .stack-item + .stack-item {
  margin-top: 1.1rem;
}
.stack-tile {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background: #0e1d31;
  box-shadow: 0 6px 16px #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
.stack-text h6 {
  margin: 0;
  font-weight: 400;
  font-size: 1.2rem;
  color: #ee4865;
}
.stack-text p {
  margin: 0.15rem 0 0;
  font-size: 0.9rem;
  color: #4a4a4a;
}
.stack-item:nth-child(even) .stack-tile {
  margin-left: 2rem;
}
/* hire mern stack end */
@media (max-width: 768px) {
  .healthcare-sw-banner, .logistic-software-banner, .travel-app-dev-banner, .fintechBanner, .retail-ecomm-app-dev, .real-estate-banner, .energy-mgmt-software-banner, .gov-software-dev,
  .manufacturing-sw-dev-banner, .insurance-sw-banner, .elearning-sw-dev-banner, .diamond-ind-sw
  {
    background-image: none;
    background: linear-gradient(150deg, rgba(17, 35, 90, 1) 0%, rgba(2, 0, 10, 1) 56%);
  }
  .stack-item:nth-child(even) .stack-tile {
    margin-left: 0;
  }
  .other-service-banner,
  .industries-banner {
    height: auto;
  }
  .clutch-review-link {
    position: relative;
    bottom: auto;
    right: auto;
  }
  .hire-banner {
    height: auto;
  }
  .hire-banner-img {
    display: none;
  }
  .technologies-banner {
    text-align: left;
  }
  .cust-dev-section .modern-tech-btn {
    text-align: center !important;
  }
  .hire-pricing-section .card-pricing p {
    font-size: 1.1rem;
  }
  .hire-dedicated-cta2 h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
  .career-page-banner {
    height: auto;
    padding-top: 80px !important;
  }
  .tab-wrapper .step-tabs {
    width: 100%;
    max-width: fit-content;
  }
  .job-item {
    flex-direction: column;
  }
  .job-actions {
    justify-content: flex-start;
    margin-top: 1rem;
  }
  .tab-wrapper .nav-tabs {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    margin-bottom: 2rem;
  }
  .tab-wrapper .nav-tabs .nav-link {
    padding: 10px 16px;
    white-space: nowrap;
  }

  .tab-wrapper .tab-pane img {
    width: 30px;
    height: 30px;
  }
  .hire-client-box ul li {
    margin-bottom: 10px;
  }
  .hire-dedicated-cta-section .home-banner-btn2 {
    margin-left: 0;
    padding: 10px 16px;
  }
  .hire-client-box ul {
    display: block;
  }
  .hire-client-box {
    padding: 12px;
  }
  .hire-client-box ul h6 {
    /* width: 30%; */
    margin-bottom: 0;
  }
  .process-steps-section h2 {
    margin-bottom: 6px;
  }
  .tab-wrapper .hire-step-content h5 {
    font-size: 1rem;
  }
  .tab-wrapper .arrow-icon {
    display: none;
  }
  .features-container {
    grid-template-columns: 1fr;
  }

  .feature-box {
    border: 1px solid #e0e0e0 !important;
  }
  .sw-product-dev .muminmobile {
    margin-top: 0px;
  }
  #counter-stats .top-augmentation-img {
    width: 60%;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .hiringModelList .list-wrap li {
    font-size: 1.2rem;
  }
  .hire-case-study-txt p {
    font-size: 1.2rem;
    text-align: center;
  }
  .hire-methodologies-section .leftDiv {
    display: none;
  }
  .hire-methodologies-section .right-column {
    background-color: transparent;
    height: auto;
    padding: 0rem;
  }
  .hire-methodologies-section .right-column .right-content {
    display: block;
    text-align: center;
    padding: 20px;
    border-radius: 12px;
    background-color: #ffffffa8;
    margin-bottom: 1rem;
  }

  .hire-methodologies-section .right-icon,
  .hire-methodologies-section .right-title {
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem !important;
  }
  .hire-methodologies-section .right-column .right-description {
    font-size: 1.2rem;
  }
  .hire-dedicated-differ .table-responsive {
    height: auto;
    margin-bottom: 0;
    padding: 6px;
  }
  .single-powerful .hire-approach-icon {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    margin-right: 0;
  }
  .Hire-Dedicated-tech-section .dev-card img {
    width: 40px;
    height: 40px;
  }
  .hire-approach-section h4 {
    font-size: 1.2rem;
  }
  .hire-approach-section .single-powerful h5 {
    font-size: 1rem;
  }
  .single-powerful .hire-approach-icon img {
    width: 27px;
    height: 27px;
    filter: brightness(0) saturate(100%) invert(9%) sepia(16%) saturate(3426%)
      hue-rotate(181deg) brightness(90%) contrast(95%);
  }

}

.Esteemed-Clientele {
  padding-bottom: 120px;
}

/* client logo */
.main-content {
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;

  width: auto;
  background: #ffffff;
  border-radius: 20px;
  border: 0;
  padding: 40px;
}

.main-content .pfont {
  font-size: 2.2rem;
}

/* .logo-section {
    flex: 1;
    min-width: 300px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 60px;
} */
h1 {
  font-size: 2.5rem;
  color: #4a4a4a;
  margin-bottom: 20px;
  font-weight: 600;
}

.mplp h1 {
  font-weight: 600;
}

.subHeading {
  font-size: 1.7rem;
  line-height: 1.2;
}
@media (min-width: 1399px) and (max-width: 1625px) {
  .subHeading {
    font-size: 1.2rem !important;
  }
  .ai-agent-banner .subHeading {
    font-size: 2.4rem !important;
  }
}
.highlight {
  color: #ee4865;
}

.logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.logo {
  width: 150px;
  height: 100px;
  object-fit: contain;
  /* margin-bottom: 9px; */
  filter: grayscale(100);
}

.logo-section .logo-item .logo:hover {
  filter: grayscale(0);
}

.link {
  font-size: 0.8rem;
  color: #ff6b6b;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}
.wsmenu > .wsmenu-list > li > .wsmegamenu li .navredbtn:hover {
  background-color: #161a30 !important;
}
.navredbtn:hover {
  background-color: transparent !important;
  color: #11235a !important;
}

/* .bubble::after {
    content: '';
    border-top-left-radius: 100% 100%;
    border-top-right-radius: 100% 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: #fff;
    height: 20%;
}     */

.counterDiv .card {
  background: transparent;
}

.counterDiv .card .card-title {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}

.counterDiv .card .card-body {
  padding: 5px;
}

.card-subtitle {
  color: #f1f1f1;
  font-size: 1.1rem;
  font-weight: 400;
}

.service-cards {
  display: flex;
  flex-direction: row;
  height: 100%;
}

/* */
.hireDev .card {
  border-radius: 15px;

  border: none;
  flex-direction: row;
}

.hireDev .card-dark {
  background-color: #00008b;
  color: white;
}

.hireDev .card-light {
  border-radius: 15px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: #ededed;
  box-shadow:
    rgb(23 34 88 / 30%) 0px 6px 12px -2px,
    rgb(23 34 88 / 39%) 0px 3px 7px -3px;
}

.hireDev .tag {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  margin: 0.25rem;
  font-size: 0.9rem;
}

/* .hireDev .tag-light {
            background-color: white;
            color: #080831;
        } */
.hireDev .tag-dark,
.hireDev .tag-light {
  position: relative;
  background-color: #fff;
  color: #172258;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 6px 10px rgb(23 34 88 / 31%);
  /* box-shadow: inset 9.91px 9.91px 8px #d9dade, inset -9.91px -9.91px 10px #fff; */
}

.tag-dark:hover,
.tag-light:hover {
  transform: scale(1.05);
  color: #e30400;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.hireDev .hire-link {
  color: #3498ff;
  text-decoration: none;
  font-weight: 600;
}

.hireDev .hire-link:hover {
  text-decoration: underline;
}

.hireDev .card-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #172258;
}

.hireDev .state-of-art {
  font-size: 0.8rem;
  color: #6c757d;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.hireDev .icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.hireDev .headingred {
  color: #ffffff;
  font-weight: 700;
}

/* case studies */
.caseStudies .card {
  overflow: hidden;
  position: relative;
  height: 300px;
  margin-bottom: 20px;
}

.caseStudies .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caseStudies .card-img-overlay {
  background: #20275fd9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  height: 100%;

  top: 0;
  opacity: 0.8;
  position: absolute;
}

.caseStudies .card-category {
  background-color: #e30400;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  align-self: flex-start;
}

.caseStudies .card-date {
  font-size: 14px;
  margin-bottom: 10px;
}

.caseStudies .card-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.caseStudies .card-author {
  display: flex;
  align-items: center;
}

.caseStudies .author-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.caseStudies .author-name {
  font-size: 14px;
  font-weight: 600;
}

/* */
.caseStudies2 .card {
  border-radius: 20px;
  border: none;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  background: #f1f1f1 !important;
}

.caseStudies2 .card-1 {
  background-color: #ead1e1;
}

.caseStudies2 .card-2 {
  background-color: #fff5eb;
}

.caseStudies2 .card-3 {
  background-color: #fff;
}

.caseStudies2 .card-4 {
  background-color: #c2d9e6;
}

.caseStudies2 .card-number {
  position: absolute;
  top: 20px;
  left: 20px;
  font-weight: bold;
  color: #333;
}

.caseStudies2 .card-tag {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0.9em;
  color: #666;
}

.caseStudies2 .card-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #333;
}

.caseStudies2 .card-link {
  display: inline-block;
  margin-top: 20px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
}

.caseStudies2 .card-link:after {
  content: " ↗";
  font-size: 1.2em;
}

.caseStudies2 .card-image {
  width: 80%;
  height: auto;
  margin-top: 20px;
}

.caseStudies2 .card-3 .card-image {
  width: 80%;
  margin: 20px auto 0;
  display: block;
}

.caseStudies2 .card-link:hover {
  color: #e30400;
}

.card-content {
  padding-top: 50px;
}

.caseStudies2 .card-content {
  padding-top: 0px;
}

.caseStudySection .headingred {
  color: #ffffff;
}

.caseStudySection .pfont {
  color: #ffffff;
}

.caseStudySection .sub-txt {
  color: #ffffff;
}

.caseStudySection .navredbtn {
  background-color: #ee4865 !important;
}

.caseStudySection .navredbtn:hover {
  color: #fff !important;
  box-shadow: rgb(255 255 255 / 54%) 0px 0px 8px 3px;
  border-color: #e30400 !important;
}

.cta-section .btn:hover {
  color: #fff !important;
  box-shadow: rgb(255 255 255 / 54%) 0px 0px 8px 3px;
  border-color: #e30400 !important;
  background-color: #e30400 !important;
}

.aiCaseStudies .btn:hover {
  background-color: transparent !important;
  color: #e71f31 !important;
}

/* service section*/
.serviceSection .gallery {
  display: flex;
  height: 400px;
  gap: 10px;
}

.serviceSection .item {
  flex: 1;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  position: relative;
  overflow: hidden;
}

.serviceSection .aidevProcess .item {
  text-align: left;
}

.serviceSection .aidevProcess .item-label {
  writing-mode: horizontal-tb;
  transform: none;
}

.serviceSection .item.active {
  flex: 3;
}

.serviceSection .img-overlay3 {
  background: linear-gradient(5deg, #000c38 0%, #7e7ba5 100%);
}

.serviceSection .item-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.serviceSection .item.active .item-content {
  opacity: 1;
}

.serviceSection .item-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.serviceSection .item-description {
  font-size: 16px;
  line-height: 1.4;
}

.serviceSection .item-label {
  position: absolute;
  bottom: 20px;
  left: 20px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 22px;
  font-weight: 600;
}

.serviceSection .item:not(.active) .item-label {
  opacity: 1;
}

.serviceSection .item.active .item-label {
  opacity: 0;
}

/* service2*/
.services-section {
  padding: 5rem 0;
  position: relative;
}

.sticky-column {
  position: sticky;
  top: 2rem;
  height: calc(100vh - 4rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--primary-color);
}

.section-description {
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

.service-card {
  background-color: #f9f9f9;
  border: 1px solid #dddddd5c;
  padding: 2rem;
  border-radius: 12px;
  margin-bottom: 2rem;
  /* box-shadow: 8px 8px 15px #D1D9E6, -8px -8px 15px #FFFFFF; */
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.serviceSection .service-card p {
  margin-bottom: 0;
}
.service-card:hover {
  box-shadow:
    12px 12px 20px #d1d9e6,
    -12px -12px 20px #ffffff;
}
.serviceSection .tech-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  bottom: 3rem;
}

.serviceSection .tech-tag {
  border: 1px solid #0e1d3124;
  padding: 3px 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #0e1d31;
}
.service-cards h3 {
  color: #0e1d31;
}

.service-icon img {
  width: 60px;
}

.service-icon img {
  /* filter: invert(11%) sepia(86%) saturate(7125%) hue-rotate(15deg) brightness(94%) contrast(112%); */
  filter: brightness(0) saturate(100%) invert(37%) sepia(49%) saturate(2606%)
    hue-rotate(325deg) brightness(98%) contrast(90%);
}

.service-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: var(--primary-color);
}

.service-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--primary-color);
}

.service-description {
  font-size: 1rem;
  line-height: 1.6;
}

.scroll-indicator {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

/*testimonials */
.large-container {
  position: static;
  max-width: 1580px;
  padding: 0px 30px;
  margin: 0 auto;
}

.home-test.testimonial-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgba(0, 0, 51, 0.9), rgba(0, 0, 51, 0.5)),
    url(../img/home-testimonial-banner.webp);
  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  overflow: hidden;
}

/* .testimonial-section:before {
  position: absolute;
  left: -200px;
  top: 22%;
  background-image: url(http://t.commonsupport.com/adro/images/icons/ring-circle.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 701px;
  height: 756px;
  content: "";
  -webkit-animation: fa-spin 25s infinite alternate;
  animation: fa-spin 25s infinite alternate;
} */
.testimonial-section .sec-title {
  position: relative;
}

.testimonial-section .sec-title .title {
  margin-bottom: 20px;
}

.testimonial-section .testimonial-carousel {
  position: relative;
  max-width: 1100px;
  margin: 0 -50px;
}

.testimonial-block {
  position: relative;
  padding: 10px;
  height: 100%;
}

.testimonial-block .inner-box {
  padding: 40px;
  background-color: #ffffff;
  box-shadow: 0 0 50px rgba(226, 222, 232, 0.75);
}

.testimonial-block .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 28px;
  color: #282331;
  font-weight: 400;
  margin-bottom: 25px;
}

.testimonial-block .info-box {
  position: relative;
  padding-left: 115px;
  padding-top: 10px;
}

.testimonial-block .info-box .thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 82px;
  width: 82px;
}

.testimonial-block .info-box .thumb img {
  border: 6px solid #e5e6fa;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  width: 100%;
  box-shadow: 0 45px 45px rgba(147, 147, 147, 0.35);
}

.testimonial-block .info-box .name {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 1em;
  color: #382c4d;
  font-weight: 700;
  margin-bottom: 10px;
}

.testimonial-block .info-box .designation {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #e30400;
  font-weight: 400;
}

.testimonial-carousel .owl-nav {
  position: absolute;
  right: 75px;
  bottom: 70px;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev {
  position: relative;
  display: inline-block;
  height: 75px;
  width: 75px;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 300ms ease;
}

.testimonial-carousel .owl-next:hover,
.testimonial-carousel .owl-prev:hover {
  background-color: #00df97;
  box-shadow: 0 24px 24px rgba(187, 187, 187, 0.75);
}

.arrow-right,
.arrow-left {
  position: relative;
  display: inline-block;
  height: 9px;
  width: 43px;
  background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-left-2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.arrow-right {
  background-image: url(http://t.commonsupport.com/adro/images/icons/arrow-right-2.png);
}

.testimonial-section .thumb-layer {
  position: absolute;
  right: 30px;
  top: 120px;
}

.testimonial-section .thumb-layer .image {
  position: relative;
  margin-right: 0;
}

.testimonial-section .thumb-layer .image img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .testimonial-section .sec-title {
    margin-bottom: 50px;
  }

  .testimonial-block {
    padding: 0;
  }

  .testimonial-block .inner-box {
    box-shadow: none;
    border: 2px solid #f1f1f1;
  }
  .new-position .home-banner-btn2,
  .new-position .hire-casestudy-cta {
    padding: 11px 14px;
  }
  .testimonial-carousel .owl-nav {
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 20px;
    text-align: center;
  }

  .testimonial-carousel .owl-next,
  .testimonial-carousel .owl-prev {
    border: 2px solid #f1f1f1;
  }
  .career-gallery .gallery img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 1366px) {
  .large-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.testi-logo {
  position: absolute;
  opacity: 0.5;
  width: 100px !important;
  top: 2%;
  left: 30px;
  /* transform: translateY(0%); */
}

.DevImg {
  position: absolute;
  right: 0;
  bottom: -62px;
  width: 47%;
}

/* .headingred {
    color: #e30400;
} */
.headingred {
  color: #ee4865;
}
/*benefits div */
.benefitsDiv {
  display: flex;
  justify-content: center;
}

.benefitsDiv .card {
  display: flex;
  justify-content: space-around;
  height: 280px;
  width: 200px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0.5rem 0 1rem #bdbdbd;
  /*   margin-left: -50px; */
  transition: 0.4s ease-out;
  position: relative;
  left: 0px;
}

.benefitsDiv .card:not(:first-child) {
  margin-left: -50px;
}

.benefitsDiv .card:hover {
  transform: translateY(-20px);
  transition: 0.4s ease-out;
}

.benefitsDiv .card:hover ~ .card {
  position: relative;
  left: 50px;
  transition: 0.4s ease-out;
}

.benefitsDiv .title {
  color: #212529;
  font-weight: 500;
  height: 50px;
  /* position: absolute; */
  font-size: 1.4rem;
  /* left: 20px;
  top: 15px; */
}

/* .benefitsDiv .bar {
  position: absolute;
  top: 100px;
  left: 20px;
  height: 5px;
  width: 150px;
}

.benefitsDiv .emptybar {
  background-color: #2e3033;
  width: 100%;
  height: 100%;
}

.benefitsDiv .filledbar {
  position: absolute;
  top: 0px;
  z-index: 3;
  width: 0px;
  height: 100%;
  background: rgb(0,154,217);
  background: linear-gradient(90deg, rgba(0,154,217,1) 0%, rgba(217,147,0,1) 65%, rgba(255,186,0,1) 100%);
  transition: 0.6s ease-out;
} */

.benefitsDiv .card:hover .filledbar {
  width: 120px;
  transition: 0.4s ease-out;
}

.benefitsDiv .circle {
  position: absolute;
  top: 150px;
  left: calc(50% - 60px);
}

.benefitsDiv .stroke {
  stroke: white;
  stroke-dasharray: 360;
  stroke-dashoffset: 360;
  transition: 0.6s ease-out;
}

.benefitsDiv svg {
  fill: #17141d;
  stroke-width: 2px;
}

.benefitsDiv .card:hover .stroke {
  stroke-dashoffset: 100;
  transition: 0.6s ease-out;
}

.benefitsImg img {
  width: 50px;
  margin-bottom: 16px;
}

.benefits-section {
  background-color: #fff;
  overflow: hidden;
}

.benefits-section .card {
  height: 200px;
  justify-content: center;
  color: #fff;
  background: #172258;
  border-radius: 15px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  /* box-shadow: 8px 8px 15px #D1D9E6, -8px -8px 15px #FFFFFF; */
  box-shadow: rgb(34 46 105) 0px 36px 13px -20px;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.benefits-section .card .desc {
  max-height: 0;
  overflow: hidden;
}

.benefits-section .featureCol .card:hover .desc {
  max-height: fit-content;
}

.benefits-section .featureCol .card:hover {
  transform: translateY(-10px);
  /* height: auto; */
}

.featureCol {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/** methodology */
.Methodologies-desktopview .content {
  max-width: 1024px;
  width: 100%;
  padding: 0 4%;
  padding-top: 250px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Methodologies-desktopview .card {
  width: 100%;
  max-width: 300px;
  min-width: 200px;
  height: 250px;
  background-color: #ffffff;
  margin: 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
  border: 2px solid rgba(7, 7, 7, 0.12);
  font-size: 16px;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.3s ease;
}

.Methodologies-desktopview .icon {
  margin: 0 auto;
  width: 100%;
  height: 80px;
  max-width: 80px;
  background: linear-gradient(
    90deg,
    #ff7e7e 0%,
    #ff4848 40%,
    rgba(0, 0, 0, 0.28) 60%
  );
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: all 0.8s ease;
  background-position: 0px;
  background-size: 200px;
}

.Methodologies-desktopview .material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

.Methodologies-desktopview .card .title {
  width: 100%;
  margin: 0;
  text-align: center;
  margin-top: 30px;
  color: #252840;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.Methodologies-desktopview .card .text {
  width: 80%;
  margin: 0 auto;
  font-size: 1rem;
  text-align: center;
  margin-top: 20px;
  color: #252840;
  font-weight: 400;
  opacity: 0;
  max-height: 0;
  transition: all 0.3s ease;
}

.Methodologies-desktopview .card:hover {
  height: 270px;
  justify-content: flex-start;
}

.Methodologies-desktopview .card:hover .info {
  height: 90%;
}

.Methodologies-desktopview .card:hover .text {
  transition: all 0.3s ease;
  opacity: 1;
  max-height: 40px;
}

.Methodologies-desktopview .card:hover .icon {
  background-position: -120px;
  transition: all 0.3s ease;
}

.Methodologies-desktopview .card:hover .icon i {
  background: linear-gradient(90deg, #ff7e7e, #ff4848);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 1;
  transition: all 0.3s ease;
}

.flip-container {
  perspective: 1000px;
  margin-bottom: 30px;
}

.flip-box {
  position: relative;
  width: 100%;
  height: 200px;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-container:hover .flip-box {
  transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.flip-box-front {
  background-color: #172258;
  color: #fff;
}

.flip-box-back {
  background-color: #e30400;
  color: #fff;
  transform: rotateY(180deg);
  padding: 20px;
}

.flip-box-front h3 {
  font-weight: 600;
  font-size: 1.2rem;
}

.flip-box-back p {
  font-size: 14px;
  line-height: 1.6;
}

.left-column {
  background-color: #172258;
  background: radial-gradient(#001f55, #0e1d31);
  color: #ffffff;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.8rem;
}

.right-column {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 0rem 0.8rem 0.8rem 0;
}

.leftDiv {
  padding-right: 0;
}

.rightDiv {
  padding-left: 0;
}

.industry-item {
  flex-direction: row;
  width: 50%;
  align-items: center;
  margin-bottom: 1.5rem;
  cursor: pointer;
}

.industry-item.active {
  color: #fff;
}

.industry-item.active::after {
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  background-color: #ee4865;
}

.industry-icon {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}

.explore-all {
  color: #4eebc7;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

.explore-all::after {
  content: "□";
  margin-left: 0.5rem;
}

.right-content,
.right-content2 {
  display: none;
}

.right-content.active {
  display: block;
}

.right-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.right-title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  color: #ee4865;
  margin-bottom: 1rem;
}

.right-description {
  /* color: #4a4a4a; */
  color: #333;
  margin-bottom: 2rem;
}

.explore-button {
  background-color: #4eebc7;
  color: #0e1b31;
  border: none;
  padding: 0.5rem 2rem;
  font-weight: 600;
  cursor: pointer;
}

.counting {
  font-size: 3.5rem;
  /* color: #e30400; */
  color: #ee4865;
}

.countSection h5 {
  color: #0e1d31;
}

.stats {
  border-right: 1px solid #ddd;
}

.stats:last-child {
  border-right: 0px solid #ddd;
}

/** testimonial card */
.testimonial-card .card {
  border-radius: 1rem;
  padding: 1.5rem;
  justify-content: space-between;
  box-shadow: 0px 4px 0px #e30400;
  border: 1px solid #d9dbe4 !important;
}

@media (max-width: 767px) {
  .testimonial-card .card {
    margin: 1rem 0.7rem 1rem;
    max-width: 80vw;
  }
}

.testimonial-card img {
  width: 6.2rem;

  /* margin: 1.3rem auto 1rem auto; */
}

.card-image img {
  margin-bottom: 1.5rem;
  border-radius: 5rem;
}

.testimonial-card .card-title {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: bold;
}

.testimonial-card .card-text {
  font-size: 1rem;
  color: #282331;
  line-height: 1.7rem;
  word-break: break-all;
}

.testimonial-card .footer {
  border-top: none;
  line-height: 1.2rem;
  padding: 2rem 0 1.4rem 0;
}

.testimonial-card #name {
  font-size: 0.8rem;
  font-weight: bold;
}

.testimonial-card #position {
  font-size: 0.7rem;
}

.testimonial-card .countryName {
  color: #e30400;
  font-weight: bold;
}

.testimonial-card .countryName:hover {
  color: #e30400;
}

/** hiring modal */
.pricingTable {
  color: #222;
  background-color: #fff;
  /* padding: 20px 20px 30px; */
  border-radius: 20px;
  position: relative;
  text-align: center;
}

.pricingTable .pricingTable-header {
  margin: 0 0 20px 0;
}

.pricingTable .title {
  color: #fff;
  background: linear-gradient(#6491dd, #6469f2);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 15px 7px;
  margin: 0 0 15px;
  border-radius: 10px 10px 0 0;
  display: inline-block;
  transform-origin: top left;
  transform: rotate(-90deg);
  position: absolute;
  left: -39px;
  top: 250px;
}

.pricingTable .price-value {
  border-radius: 20px 20px 0 0;
  padding: 20px;
  color: #fff;
  background: linear-gradient(18deg, rgb(51 163 221) 0%, rgb(23 34 88) 100%);
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ccc;
}

.price-value.light {
  background: #606489;
}

.price-value.Dark {
  background: #14173c;
}

.price-value.darker {
  background: #172258;
}

.pricingTable .price-value .amount {
  line-height: 40px;
  display: inline-block;
  color: #fff;
}

.fDiv {
  margin: 10px 20px 10px 20px;
  border-bottom: 1px solid #f7f7f9;
  padding-bottom: 20px;
}

.fDiv:last-child {
  border: none;
}

.fDiv h5 {
  color: #6c757d;
  font-size: 1.2rem;
}

.fDiv p {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 0;
  color: #2e3133;
}

.pricingTable .price-value .duration {
  color: #444;
  font-size: 18px;
  font-weight: 400;
  display: block;
}

.pricingTable .pricing-content {
  text-align: left;
  padding: 0;
  margin: 0 0 25px;
  list-style: none;
  display: inline-block;
}

.pricingTable .pricing-content li {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  padding: 0 0 0 25px;
  margin: 0 0 17px;
  position: relative;
}

.pricingTable .pricing-content li:last-child {
  margin: 0;
}

.pricingTable .pricing-content li:before {
  content: "\f00c";
  color: #444;
  font-family: "Font Awesome 5 free";
  font-size: 16px;
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 0;
}

.pricingTable .pricing-content li.disable:before {
  content: "\f00d";
}

.pricingTable .pricingTable-signup a {
  color: #fff;
  background: linear-gradient(to right, #6491dd, #6469f2);
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
  padding: 6px 20px 8px;
  border: none;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.3s ease 0s;
}

.pricingTable .pricingTable-signup a:hover {
  color: #fff;
  text-shadow: 3px 3px rgba(255, 255, 255, 0.2);
  box-shadow:
    0 0 0 5px rgba(0, 0, 0, 0.1),
    0 0 0 10px rgba(0, 0, 0, 0.05);
}

.pricingTable.green .title {
  background: linear-gradient(#2eddb4, #3f857b);
}

.pricingTable.green .pricingTable-signup a {
  background: linear-gradient(to right, #2eddb4, #3f857b);
}

.pricingTable.orange .title {
  background: linear-gradient(#f9a661, #cc6c1e);
}

.pricingTable.orange .pricingTable-signup a {
  background: linear-gradient(to right, #f9a661, #cc6c1e);
}

@keyframes waveAnimation {
  from {
    background-position-x: 0%;
  }

  to {
    background-position-x: 200%;
  }
}

@media only screen and (max-width: 990px) {
  .pricingTable {
    margin: 0 0 40px 10px;
  }
}

.captcha-refresh {
  width: 40px;
  border: none;
  outline: none;
  background: #888;
  color: #eee;
  cursor: pointer;
}

.captcha .preview {
  color: #555;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  letter-spacing: 8px;
  border: 1px dashed #888;
  font-family: "monospace";
}

.captcha .preview span {
  display: inline-block;
  user-select: none;
}

.inquiry-form-blk {
  padding: 18px 12px !important;
  border-radius: 20px;
}

.whywait {
  background-color: transparent !important;
}

.whywait h3 {
  font-size: 2rem;
  color: #0e1d31;
  /* text-transform: uppercase; */
}

.whywait h4 {
  font-size: 2rem;
  letter-spacing: 5px;
  color: #0e1d31;
}

#allTestimonial .close,
#getQuote .close {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  font-size: 3rem;
}

#allTestimonial .testimonial-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

#getQuote .modal-content {
  background: #ffffffd1;
}

/* width */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*mumbai client logo*/
.logo-container {
  /* background-color: #f1f5f9; */
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}

.logo-container img {
  max-width: 100%;
  max-height: 60px;
  object-fit: contain;
}

.mumbai-clients .client-title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #172258;
}

.clientDiv {
  margin-bottom: 2rem;
}

/*Our Team Section*/
.teamSection .bg-watermark {
  color: #1f1f1f;
  font-size: clamp(6rem, 1.3333rem + 14.9333vw, 20rem);
  font-weight: 800;
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translatex(-50%) translatey(-15%);
  user-select: none;
  letter-spacing: 0.5rem;
}

/* .teamSection span {
    text-transform: uppercase;
    display: block;
    font-size: 1.2rem;
    color: #a3a3a3;
  }
  .teamSection h2 {
    font-size: clamp(3.5rem, 3rem + 1.6vw, 5rem);
    margin-top: -0.625rem;
    color: #fff;
  } */
.teamSection .cards {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
  gap: 2rem;
}

@media screen and (min-width: 51rem) {
  .teamSection .cards {
    gap: 0;
    padding-bottom: 2.5rem;
  }
}

.teamSection .cards .card {
  position: relative;
}

.teamSection .cards .card h3,
.teamSection .cards .card p {
  text-transform: capitalize;
}

.teamSection .cards .card h3 {
  font-size: clamp(1rem, 0.9167rem + 0.2667vw, 1.25rem);
  font-weight: 400;
  color: #f6f6f6;
}

.teamSection .cards .card p {
  font-size: clamp(0.85rem, 0.75rem + 0.32vw, 1.15rem);
  letter-spacing: 0.12rem;
  font-weight: 300;
  max-width: 100%;
}

.teamSection .cards .card::before {
  position: absolute;
  content: "";
  width: 5rem;
  height: 6.25rem;
  z-index: 0;
  transition: 0.3s ease-in-out;
  background: #f2709c;
  background: -webkit-linear-gradient(to left, #1a028a, #e40015);
  background: linear-gradient(to left, #1a028a, #e40015);
  top: -0.375rem;
  /* left: -0.375rem; */
}

.CEOBox {
  margin-top: 4rem;
}

.CEOImgDiv {
  position: relative;
}

.CEOImgDiv::before {
  position: absolute;
  content: "";
  width: 5rem;
  height: 6.25rem;
  z-index: 0;
  transition: 0.3s ease-in-out;
  background: #f2709c;
  background: -webkit-linear-gradient(to left, #1a028a, #e40015);
  background: linear-gradient(to left, #1a028a, #e40015);
  top: -0.375rem;
  left: -0.375rem;
  z-index: 0;
}

.CEOImgDiv::after {
  position: absolute;
  content: "";
  width: 5rem;
  height: 6.25rem;
  z-index: 0;
  transition: 0.3s ease-in-out;
  background: #f2709c;
  background: -webkit-linear-gradient(to left, #1a028a, #e40015);
  background: linear-gradient(to left, #1a028a, #e40015);
  bottom: -0.375rem;
  right: -0.375rem;
  z-index: 0;
}

.CEOImgDiv img {
  filter: grayscale(100%);
  transition: 0.5s ease;
  width: 100%;
  position: relative;
  z-index: 1;
}

.CEOImgDiv:hover img {
  filter: grayscale(0);
}

.CEOImgDiv:hover::before {
  transform: scale(1.03);
}

.CEOImgDiv:hover::after {
  transform: scale(1.03);
}

.Tdesignation {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2;
}

.teamSection .cards .card::after {
  position: absolute;
  inset: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #232526;
  background: -webkit-linear-gradient(
    to bottom,
    rgba(65, 67, 69, 0.2),
    rgba(8, 8, 8, 0.9)
  );
  background: linear-gradient(
    to bottom,
    rgba(65, 67, 69, 0.2),
    rgba(8, 8, 8, 0.9)
  );
}

.teamSection .cards .card img {
  filter: grayscale(100%);
  transition: 0.5s ease;
  height: 480px;
  width: 100%;
  object-fit: cover;
}

.teamSection .cards .card-content {
  position: absolute;
  bottom: 0;
  z-index: 99;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 1.875rem 1.25rem;
  text-align: center;
}

.teamSection .cards .card-content ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.teamSection .cards .card:hover img {
  filter: grayscale(0%);
}

.teamSection .cards .card:hover::before {
  transform: scale(1.03);
}

.teamSection .cards .card:nth-child(1)::before {
  top: -0.375rem;
  left: -0.375rem;
}

@media screen and (min-width: 31.25rem) {
  .teamSection .cards .card:nth-child(2) {
    transform: translatey(15%);
  }

  .teamSection .cards .card:nth-child(4) {
    transform: translatey(15%);
  }
}

.teamSection .cards .card:nth-child(2)::before {
  bottom: -0.375rem;
  left: -0.375rem;
  top: auto;
}

.teamSection .cards .card:nth-child(3)::before {
  top: -0.375rem;
  left: -0.375rem;
}

.teamSection .cards .card:nth-child(4)::before {
  right: -0.375rem;
  bottom: -0.375rem;
}

@media only screen and (max-width: 479px) {
  .contact-form .label {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .text-section {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .clientPart {
    padding-left: 15px;
    margin-top: 0rem;
  }
  .logo {
    width: 100%;
    height: 70px;
  }

  .borderDiv {
    border-right: 1px solid #ddd;
  }

  .borderDiv:nth-child(3),
  .borderDiv:nth-child(6) {
    border-right: 0;
  }

  .borderDiv {
    border-bottom: 1px solid #ddd;
  }

  .borderDiv:nth-child(4),
  .borderDiv:nth-child(5),
  .borderDiv:nth-child(6) {
    border-bottom: 0;
  }

  .text-section .pfont {
    text-align: center;
  }

  .DevImg {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 47%;
  }

  .hire-developers-banner {
    height: 90vh !important;
  }

  .hire-php-developer-banner {
    height: 90vh !important;
    background-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 1),
      rgb(0 0 51 / 0%)
    );
  }

  .hire-php-developer-banner h1 {
    padding-right: 0;
  }

  section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .counting {
    font-size: 1.5rem;
    color: #e30400;
  }

  .countSection {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hireDev .tag {
    font-size: 0.9rem;
    margin: 0.1rem;
    margin-bottom: 10px;
  }

  .service-icon img {
    width: 40px;
    height: auto;
  }
  .hire-case-study-section .image-box {
    margin-bottom: 2rem;
    height: auto !important;
  }
  .service-cards h3 {
    font-size: 1.4rem;
  }
  .phpCombinations .service-title {
    font-size: 1.4rem;
  }
  .service-cards p,
  .countSection p {
    font-size: 1.1rem;
  }
  .countSection h5 {
    font-size: 1.4rem;
  }
  .industry-item {
    width: 100%;
  }

  .right-title {
    font-size: 1.7rem;
    word-wrap: normal;
  }

  .hireDev .card-light {
    text-align: center;
  }

  .service-cards {
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  .service-card {
    padding: 1.5rem;
  }

  .hire-developers-banner .mplp h1 {
    font-size: 2.5rem !important;
  }

  .counter-section .pfont {
    font-size: 30px;
  }

  .caseStudies2 .card-content {
    padding-top: 0px;
  }

  .hiringSection .pricingTable {
    margin: 0;
    height: auto;
    margin-bottom: 19px;
  }

  .fDiv {
    padding: 5px 20px;
  }

  .process-steps-section .step-heading {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .process-steps-section .step-description {
    font-size: 1.1rem;
  }

  .testimonial-card .card {
    max-width: 100%;
    margin: 0;
    margin-bottom: 20px;
    height: auto;
  }

  .caseStudies2 .card-content span {
    font-size: 14px;
  }

  .caseStudies2 .card-title {
    word-wrap: normal;
    font-size: 1.2em;
  }

  .pfont {
    font-size: 35px;
  }
}

ul.top-head-contact li {
  border-right: 1px solid #ddd;
  padding-right: 8px;
  padding-left: 8px;
}

ul.top-head-contact li:last-child {
  border-right: 0;
  padding-right: 0px;
}

.bannerList {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 2;
  color: #fff;
  padding-left: 1.2rem;
  font-size: 15px;
}
.hire-developers-banner .bannerList,
.hire-banner .bannerList,
.private-llm-banner .bannerList,
.ai-bfsi-banner .bannerList {
  list-style-type: none;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 300;
}
.hire-developers-banner .bannerList i,
.hire-banner .bannerList i,
.private-llm-banner .bannerList i,
.ai-bfsi-banner .bannerList i {
  color: #03a84e;
}
/*mumbai contact Section*/
.global-details {
  background-image: url(../img/contactWithUs-bg.webp);
  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.global-details.contact-section {
  padding: 80px 0;
}

.global-details .contact-info {
  background-color: #ffffffe0;
  color: #11235a;
  border-radius: 10px 0px 0px 10px;
  padding: 40px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.global-details .contact-info:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.global-details .contact-info h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  color: #2c3e50;
}

.global-details .contact-item {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.global-details .contact-item a:hover {
  color: #e30501;
}

.global-details .contact-item i {
  font-size: 30px;
  color: #11235a;
  margin-right: 15px;
  width: 30px;
}

.global-details .contact-item p {
  margin-bottom: 0;
}

.global-details .map-container {
  height: 100%;
  min-height: 400px;

  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.global-details .map-container iframe {
  border-radius: 0 10px 10px 0;
}

.contactDiv {
  padding-right: 0;
}

.mapDiv {
  padding-left: 0;
}

@media (max-width: 768px) {
  .global-details .map-container {
    margin-top: -18px;
    height: 300px;
  }

  .global-details .map-container iframe {
    border-radius: 10px;
    height: 100%;
  }
  .hire-developers-banner p.hireHeading {
    font-size: 1.6rem;
  }
  .hire-developers-banner .bannerList,
  .private-llm-banner .bannerList {
    font-size: 1.1rem;
  }
  .contactDiv {
    padding-right: 15px;
  }
  .hire-developers-banner .subHeading {
    font-size: 1rem;
    line-height: 1.5;
  }
  .global-details .contact-info {
    border-radius: 10px;
  }

  .mapDiv {
    padding-left: 15px;
  }

  .global-details .map-container {
    box-shadow: 10px 5px 15px rgb(0 0 0 / 30%);
  }

  .bg-semi-light {
    width: 100% !important;
  }

  .rating-section .r-border {
    margin-bottom: 0;
  }
  .stats:first-child,
  .stats:nth-child(2) {
    border-bottom: 1px solid #ddd;
  }

  .stats:nth-child(2) {
    border-right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .bannerList li {
    line-height: 2;
    color: #fff;
  }

  .mumbai-cmn-hdng {
    font-size: 28px;
    line-height: 40px;
  }

  .pfont {
    font-size: 30px;
    text-align: center !important;
  }

  .sub-txt {
    text-align: center !important;
  }

  .benefits-section .card {
    box-shadow: rgb(34 46 105 / 58%) 0 36px 13px -20px;
  }

  .hireDev .tag {
    font-size: 0.85rem;
    margin: 0.1rem;
    margin-bottom: 10px;
  }

  .hire-developers-banner .mplp h1 {
    font-size: 1.4rem !important;
    line-height: 1.3;
    margin-bottom: 1rem;
  }
  .hire-developers-banner p.hireHeading {
    font-size: 1.6rem;
  }
  .hire-developers-banner .subHeading {
    font-size: 1rem;
    line-height: 1.5;
  }
  .DevImg {
    display: none;
  }

  .hire-developers-banner {
    height: 85vh !important;
    padding-top: 40px !important;
  }

  .hire-php-developer-banner {
    height: auto !important;
    padding-top: 120px !important;
    padding-bottom: 40px;
  }

  .benefits-section .card .desc {
    max-height: fit-content;
  }

  .featureCol .card .title {
    margin-bottom: 14px;
  }

  .benefits-section .featureCol .card,
  .featureCol {
    height: 100%;
  }

  .benefits-section .featureCol:hover .card {
    transform: none;
  }

  .footerbg {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .countBox {
    padding: 10px 10px;
  }

  .stats:first-child,
  .stats:nth-child(2) {
    border-bottom: 1px solid #ddd;
  }

  .stats:nth-child(2) {
    border-right: 0;
  }

  .counting {
    font-size: 2.2rem;
    color: #e30400;
  }
  .mumbai-page-banner {
    background-image: linear-gradient(to right, rgb(0 0 0), rgb(0 0 51));
  }
}
@media only screen and (max-width: 390px) {
  .hire-developers-banner {
    height: 100vh !important;
    padding-top: 90px !important;
  }
}

.scroll-watcher {
  position: fixed;
  top: 0;
  height: 10px;
  width: 100%;
  z-index: 1000;
  background-color: aqua;
  scale: 0 1;
  transform-origin: left;
  animation: scroll-watcher linear;
  animation-timeline: scroll();
}

@keyframes scroll-watcher {
  to {
    scale: 1 1;
  }
}

#timeline-content {
  margin-top: 50px;
  text-align: center;
  margin-left: 20%;
}

/* Timeline */
.journeySection {
  background-color: #11235a;
  background-image: url(../img/softlabs-img-blur.webp);
  background-position: center;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.journeySection .pfont {
  color: #ffffff;
}

.timeline {
  border-left: 4px solid #172258;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.8);

  margin: 50px auto;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 50px;

  list-style: none;
  text-align: left;
  font-weight: 100;
}

.timeline h1 {
  letter-spacing: 1.5px;
  font-weight: 100;
  font-size: 1.4em;
}

.timeline h2,
.timeline h3 {
  letter-spacing: 1.5px;
  font-weight: 400;
  font-size: 1.4em;
}

.timeline .event {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  padding-bottom: 18px;
  margin-bottom: 30px;
  position: relative;
}

.timeline .event:hover h3 {
  color: #172258;
}

.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .event:before {
  left: -200px;
  color: rgba(255, 255, 255, 0.65);
  content: attr(data-date);
  text-align: right;
  font-weight: 600;
  font-size: 0.9em;
  min-width: 120px;
}

.timeline .event:after {
  box-shadow: 0 0 0 4px #172258;
  left: -57.85px;
  background: #fff;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}

/*softlab group HQ*/
.screenshot_slider .owl-item .item img {
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.5);
  height: 450px;
  object-fit: cover;
  border-radius: 2%;
}

.screenshot_slider .owl-item.center .item img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.25);
  object-fit: contain;
  box-shadow: none;
}

@media screen and (max-width: 1500px) and (min-width: 1250px) {
  .screenshot_slider .owl-item .item img {
    height: 350px;
  }
}

@media screen and (max-width: 1250px) and (min-width: 900px) {
  .screenshot_slider .owl-item .item img {
    height: 300px;
  }
}

@media screen and (max-width: 900px) and (min-width: 750px) {
  .screenshot_slider .owl-item .item img {
    height: 200px;
  }
}

.screenshot_slider .owl-nav {
  text-align: center;
}

.screenshot_slider .owl-nav button {
  font-size: 24px !important;
  margin: 10px;
  color: #033aff !important;
}

.journeyTimeline {
  padding-bottom: 0;
}
.journeyTimeline .pfont {
  position: relative;
  margin-bottom: 4rem;
}

/* Timeline - Years */
.timelines-years {
  /* position: absolute; */
  top: 100px;
  /* padding: 0 0 0 100px; */
  margin: 0;
  white-space: nowrap;
  border-top: 1px solid #282828;
  list-style: none;
  /* Fix display: inline-block spacing issue */
  font-size: 0;
}

.timelines-years li {
  position: relative;
  top: -6px;
  display: inline-block;
  width: 200px;
  color: #868686;
  font-size: 11px;
  line-height: 11px;
  text-indent: -12px;
}

/* Display last year */
.timelines-years li:last-child {
  width: 100px;
}

/* Timeline - Events */
.timeline-events {
  /* position: absolute;
    top: 170px; */
  padding: 0;
  list-style: none;
  white-space: nowrap;
  /* Fix display: inline-block spacing issue */
  font-size: 0;
}

.timeline-events h2,
.timeline-events h3,
.timeline-events h4 {
  margin: 0 0 1px 0;
  font-weight: normal;
  font-size: 11px;
}

.timeline-events h2 {
  color: #777;
  text-transform: uppercase;
}

.timeline-events h4 {
  color: #fff;
  font-style: italic;
}

.timeline-events li {
  position: relative;
  display: inline-block;
}

.timeline-events li:before {
  position: absolute;
  left: 0;
  bottom: -36px;
  height: 8px;
  border-radius: 8px;
  content: "";
}

.timeline-events li:nth-child(1) {
  bottom: 0px;
}

.screenshot_slider .owl-item .item img .timeline-events li:nth-child(2) {
  bottom: 35px;
}

.timeline-events li:nth-child(3) {
  bottom: 70px;
}

.timeline-events li:nth-child(4) {
  bottom: 105px;
}

.timeline-events li:nth-child(5) {
  bottom: 140px;
}

.timeline-events li:nth-child(6) {
  bottom: 175px;
}

.timeline-events li:nth-child(7) {
  bottom: 210px;
}

/* Timeline - Events - Colours */
/* Grey/Green */
.timeline-events li:nth-child(1):before {
  background: #c2e34e;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MyZTM0ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #0f0f0f),
    color-stop(100%, #c2e34e)
  );
  background-image: -moz-linear-gradient(left, #0f0f0f 0%, #c2e34e 100%);
  background-image: -webkit-linear-gradient(left, #0f0f0f 0%, #c2e34e 100%);
  background-image: linear-gradient(to right, #0f0f0f 0%, #c2e34e 100%);
  border-radius: 0 6px 6px 0;
}

.timeline-events li:nth-child(1) h3 {
  color: #c2e34e;
}

/* Orange */
.timeline-events li:nth-child(2):before {
  background: #ff9704;
}

.timeline-events li:nth-child(2) h3 {
  color: #ff9704;
}

/* Blue */
.timeline-events li:nth-child(3):before {
  background: #56c2f3;
}

.timeline-events li:nth-child(3) h3 {
  color: #56c2f3;
}

/* Red */
.timeline-events li:nth-child(4):before {
  background: #dd3d01;
}

.timeline-events li:nth-child(4) h3 {
  color: #dd3d01;
}

/* Red */
.timeline-events li:nth-child(5):before {
  background: #01ddcb;
}

.timeline-events li:nth-child(5) h3 {
  color: #01ddcb;
}

/* Red */
.timeline-events li:nth-child(6):before {
  background: #07137c;
}

.timeline-events li:nth-child(6) h3 {
  color: #07137c;
}

/* Aqua/Grey */
.timeline-events li:nth-child(7):before {
  background: #4a8b8f;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhOGI4ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(
    linear,
    0% 50%,
    100% 50%,
    color-stop(0%, #4a8b8f),
    color-stop(100%, #0f0f0f)
  );
  background-image: -moz-linear-gradient(left, #4a8b8f 0%, #0f0f0f 100%);
  background-image: -webkit-linear-gradient(left, #4a8b8f 0%, #0f0f0f 100%);
  background-image: linear-gradient(to right, #4a8b8f 0%, #0f0f0f 100%);
  border-radius: 6px 0 0 6px;
}

.timeline-events li:nth-child(5) h3 {
  color: #4a8b8f;
}

/* Timeline - Events - Grid */
/* X years */
.timeline-event-years-0,
.timeline-event-years-0:before {
  width: 0px;
}

/* X.5 years */
.timeline-event-years-0-5,
.timeline-event-years-0-5:before {
  width: 50px;
}

/* X years */
.timeline-event-years-1,
.timeline-event-years-1:before {
  width: 100px;
}

/* X.5 years */
.timeline-event-years-1-5,
.timeline-event-years-1-5:before {
  width: 150px;
}

/* X years */
.timeline-event-years-2,
.timeline-event-years-2:before {
  width: 200px;
}

/* X.5 years */
.timeline-event-years-2-5,
.timeline-event-years-2-5:before {
  width: 250px;
}

/* X years */
.timeline-event-years-3,
.timeline-event-years-3:before {
  width: 300px;
}

/* X.5 years */
.timeline-event-years-3-5,
.timeline-event-years-3-5:before {
  width: 350px;
}

/* X years */
.timeline-event-years-4,
.timeline-event-years-4:before {
  width: 400px;
}

/* X.5 years */
.timeline-event-years-4-5,
.timeline-event-years-4-5:before {
  width: 450px;
}

/* X years */
.timeline-event-years-5,
.timeline-event-years-5:before {
  width: 500px;
}

/* X.5 years */
.timeline-event-years-5-5,
.timeline-event-years-5-5:before {
  width: 550px;
}

/* X years */
.timeline-event-years-6,
.timeline-event-years-6:before {
  width: 600px;
}

/* X.5 years */
.timeline-event-years-6-5,
.timeline-event-years-6-5:before {
  width: 650px;
}

/* X years */
.timeline-event-years-7,
.timeline-event-years-7:before {
  width: 700px;
}

/* X.5 years */
.timeline-event-years-7-5,
.timeline-event-years-7-5:before {
  width: 750px;
}

/* X years */
.timeline-event-years-8,
.timeline-event-years-8:before {
  width: 800px;
}

/* X.5 years */
.timeline-event-years-8-5,
.timeline-event-years-8-5:before {
  width: 850px;
}

/* Timeline - Legend */
.timeline-event-legend {
  position: relative;
}

.timeline-event-legend span {
  position: absolute;
  bottom: -150px;
  left: 850px;
}

.timeline-event-legend h2,
.timeline-event-legend h3,
.timeline-event-legend h4 {
  display: inline;
  margin-right: 10px;
}

.timeline-event-legend i {
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
}

.timeline-event-legend i:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #fff;
}

.timeline-event-legend > i {
  bottom: -32px;
  right: -12px;
}

.timeline-event-legend > i:after {
  left: -4px;
  bottom: -12px;
}

.timeline-event-legend span > i {
  top: -1px;
  left: -14px;
}

.timeline-event-legend span > i:after {
  left: -4px;
  bottom: -12px;
}

.hide-lg {
  display: none;
}

/*New Journey Design*/
.timeline-box h6 {
  font-size: 1.8rem;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  background-color: #1c2156;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: auto;
  padding: 0 10px;
  margin-top: 0;
  transform: translate(0, -50%);
}

.timeline-box p {
  font-size: 16px;
  line-height: 10px;
  color: #fff;
  font-weight: 400;
}

.timeline-box p:last-of-type {
  margin-bottom: 15px;
}

.start-point h4 {
  font-size: 17px;
  line-height: 23px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ee4865;
  border-radius: 16px;
  display: block;
  width: auto;
  text-align: center;
  padding: 5px 25px;
  position: relative;
  margin-bottom: 45px;
}

.black-dot {
  width: 21px;
  height: 21px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  z-index: 1;
  position: absolute;
  left: 70px;
  top: 64px;
}

.start-point {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.start-point:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 0px;
  background-color: #aaa;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  border-left: 1px solid #aaa;
}

.timeline-row .horizontal-line {
  border-top: 1px solid #aaa;
  width: calc(100% - 150px);
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, 0%);
}

.timeline-row .verticle-line {
  margin: 0;
  padding: 0;
  width: 2px;
  border-right: 1px solid #aaa;
  height: calc(100% - 150px);
  position: absolute;
  top: 0;
  right: 0;
  margin: auto 0;
  bottom: 0;
}

.timeline-row:nth-child(2n + 2) .verticle-line {
  left: -1px;
  right: inherit;
}

.corner {
  position: absolute;
  border-right: 1px solid #aaa;
  width: 76px;
  height: 76px;
  right: 0;
  border-top: 1px solid #aaa;
  top: 74.9px;
  border-radius: 0 70px 0 0;
  top: 0;
}

.timeline-row:nth-child(2n + 2) .corner {
  right: inherit;
  left: 0;
  border-left: 1px solid #aaa;
  border-right: 0;
  border-radius: 70px 0 0 0;
}

.corner.bottom {
  bottom: -76px;
  top: inherit;
  border-radius: 0;
  border-top: 0;
  border-bottom: 1px solid #aaa;
  border-radius: 0 0 70px 0;
  right: 0;
  z-index: 1;
  bottom: -1px;
}

.timeline-row:nth-child(2n + 2) .corner {
  right: inherit;
  left: 0;
  border-left: 1px solid #aaa;
  border-right: 0;
  border-radius: 70px 0 0 0;
}

.timeline-row:nth-child(2n + 2) .corner.bottom {
  border-radius: 0 0 0 70px;
}

.timeline-row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 0px;
  position: relative;
  /*padding: 0 66px 130px;margin-right: 111px;*/
}

/* .timeline-row:nth-child(2n+2) { justify-content: space-around;text-align: right; padding:  0 2%; }  */
.timeline-row:nth-child(2n + 2) {
  flex-direction: row-reverse;
}

/*.timeline-row:nth-child(2n+2) .timeline-content-txt { text-align: center; }*/
.timeline-box {
  /*padding: 45px 50px 130px;*/
  max-width: 550px;
  margin-right: 25px;
  position: relative;
}

.timeline-main {
  margin-top: 75px;
}

.timeline-row:first-child {
  margin: 0 0px 0 auto;
  max-width: 100%;
  justify-content: space-between;
  padding: 0 0 0 0px;
}

.corner.bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-radius: 0 0 0px 100%;
  border-right: none;
  border-top: none;
  height: 76px;
  width: 76px;
}

.start-point .corner.bl {
  left: 50%;
  bottom: 0px;
  transform: translateY(100%);
  top: unset;
}

/* .timeline-box:before{content: '';position: absolute;left: 0;top: 27.5px;height: 1px;width: 100%;}  */
.timeline-box-wrap {
  padding: 45px 0px 0;
  position: relative;
  /*min-height: 318px;*/
  padding: 0;
  margin-bottom: 190px;
  text-align: center;
}

/*.timeline-row:after{content: ''; position: absolute; left: 50%; top: 74.5px; height: 1px; width: 91%; background-color: #aaa; transform: translateX(-50%);top: 0;} .timeline-row .verticle-line { margin: 0; padding: 0; width: 1px; border-right: 1px solid #aaa; height:calc(100% - 126px); position: absolute; top: calc( 50% + 75px );; right: 0; margin: auto 0; bottom: unset; transform: translateY(-50%);top: 50%; } */
.timeline-row:first-child::after {
  left: -54px;
  width: 97%;
  transform: none;
}

/*.timeline-row:first-child .timeline-box:last-child{margin-right: 5%;} */
.timeline-content {
  padding: 0px 10px 0;
}

.timeline-content-txt {
  padding: 10px 0 0 0;
}

/* .timeline-box.img-right .timeline-content,.timeline-box.img-left .timeline-content{display: flex; align-items: flex-start;}  */
.timeline-box.img-right .timeline-content img {
  margin-left: 18px;
}

.timeline-box.img-left .timeline-content img {
  margin-right: 18px;
}

.timeline-box.img-left .timeline-content {
  flex-direction: row-reverse;
}

.timeline-row:first-child .timeline-box:first-child img {
  filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
  display: block;
  margin: 0;
}

.timeline-box-wrap .timeline-content img {
  filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0 0 27px rgba(0, 0, 0, 0.16));
  z-index: 2;
  position: relative;
}

.timeline-row:last-child .corner.bottom {
  display: none;
}

.timeline-row:nth-child(2n + 1) .timeline-box:last-child .timeline-box-wrap {
  text-align: center;
}

.start-point.end-point:before {
  display: none;
}

.start-point.end-point {
  position: absolute;
  top: -7%;
  right: 8%;
  transform: translateX(35%);
}

.timeline-row:nth-child(2n + 2) .start-point.end-point {
  left: 0;
  transform: translateX(-50%);
  right: unset;
}

/* .timeline-box.img-right .timeline-content-txt {text-align: right;} */
.timeline-box.img-left .timeline-content-txt {
  text-align: left;
}

.timeline-box.img-left,
.timeline-box.img-right {
  text-align: center;
}

.timeline-row:first-child .timeline-box::after {
  left: auto;
  right: 0;
  -webkit-transform: translate(100%, -50%) rotate(0deg);
  transform: translate(100%, -50%) rotate(0deg);
}

.timeline-row:first-child .timeline-box:first-child {
  width: 36%;
}

.timeline-row .timeline-box:nth-child(3)::after {
  display: none;
}

.timeline-row:last-child .verticle-line::after {
  display: none;
}

.timeline-row:first-child .timeline-box:nth-child(2)::after {
  display: none;
}

.timeline-content-img .timeline-content {
  position: relative;
}

/*==============Responsive==============*/
.timeline-box img {
  position: absolute;
  top: -35%;
  left: 0;
  background: #ffffff82;
  padding: 10px;
  width: 50px;
  border-radius: 50%;
  right: 0;
  margin: 0 auto !important;
}

@media screen and (max-width: 1800px) {
  .timeline-box {
    max-width: 460px;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    max-width: 220px;
    max-height: 230px;
  }

  .timeline-box-wrap .timeline-content img {
    max-width: 100%;
  }
}

@media screen and (max-width: 1600px) {
  .timeline-row:first-child .timeline-box:first-child {
    width: 38%;
  }

  .timeline-box {
    max-width: 380px;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    max-width: 180px;
    max-height: 190px;
  }

  .timeline-box h6 {
    font-size: 50px;
  }

  .about-timeline {
    padding: 120px 0 100px;
  }

  .timeline-box p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1440px) {
  .about-timeline {
    padding: 100px 0 0px;
  }

  .start-point h4 {
    font-size: 15px;
    letter-spacing: 0;
  }

  .timeline-box h6 {
    font-size: 30px;
  }

  .timeline-row:first-child .timeline-box:first-child {
    width: 45%;
  }

  .timeline-box p {
    font-size: 15px;
    line-height: 1.4;
  }

  .timeline-box {
    max-width: 300px;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    max-width: 140px;
    max-height: 200px;
  }

  .timeline-box-wrap .timeline-content img {
    max-width: 100%;
  }

  .timeline-row:first-child .timeline-box:nth-child(2) {
    width: 200px;
  }
}

@media screen and (max-width: 1199px) {
  .about-timeline {
    padding: 90px 0 0px;
  }

  .timeline-box h6 {
    font-size: 26px;
  }

  .timeline-box {
    max-width: 240px;
  }

  .timeline-row:first-child {
    padding: 0 0 0 60px;
  }

  .timeline-row:first-child .timeline-box:first-child {
    width: 42%;
  }

  .timeline-box.img-right .timeline-content,
  .timeline-box.img-left .timeline-content {
    flex-wrap: wrap;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    max-width: 180px;
    max-height: 200px;
  }

  .top-timeline-arrow.timeline-content-img .timeline-content::after {
    right: 0;
  }

  .img-right.timeline-content-img .timeline-content::after {
    top: -20px;
    right: -45px;
  }

  .timeline-box.img-right .timeline-content-txt {
    width: 90%;
  }
}

@media screen and (max-width: 1024px) {
  .corner {
    display: none;
  }

  .timeline-row .horizontal-line {
    display: none;
  }

  .timeline-row:first-child {
    max-width: 100%;
    padding: 0;
  }

  .timeline-main {
    margin-top: 0;
  }

  .timeline-row .verticle-line {
    right: 50%;
    transform: translate(50%, 0);
    height: calc(100% - 0px);
  }

  .timeline-row:nth-child(2n + 2) .verticle-line {
    left: auto;
    right: 50%;
  }

  .secondRow:first-child .timeline-box:first-child {
    left: auto;
    right: 50%;
  }

  .verticle-line::after {
    display: none;
  }

  .timeline-row .timeline-box {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .timeline-row:first-child .timeline-box:first-child {
    width: 100%;
    margin: 0;
  }

  .secondRow:first-child .timeline-box:first-child {
    width: 100% !important;
  }

  .timeline-row:first-child .timeline-box:nth-child(2) {
    width: 100%;
  }

  .timeline-box p br {
    display: none;
  }

  .timeline-box h6 {
    transform: translate(0, -0%);
    padding: 0;
  }

  .timeline-content {
    padding: 0;
  }

  .timeline-box.img-right .timeline-content-txt {
    width: 100%;
  }

  .start-point.end-point {
    right: 50%;
  }

  .start-point h4 {
    margin-bottom: 0;
  }

  .about-timeline {
    padding: 80px 0;
  }

  .timeline-box::after {
    -webkit-transform: translate(-100%, 100%) rotate(180deg);
    transform: translate(-100%, 100%) rotate(180deg);
    right: 50%;
    top: 20px;
    left: 50%;
  }

  .timeline-box-wrap {
    width: 50%;
    text-align: right;
    padding: 0 44px 0 0;
    margin: 40px 0 0 0;
  }

  .timeline-row .timeline-box img {
    margin: 0 0 0 auto;
  }

  .timeline-row:first-child .timeline-box:nth-child(2)::after {
    display: block;
  }

  .timeline-row:first-child .timeline-box:first-child img {
    margin: 0 0 0 auto;
  }

  .secondRow:first-child .timeline-box:first-child {
    margin: 0 0 0 auto;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    margin: 0 0 0 auto;
  }

  .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
    margin: 40px 0 0 auto;
    padding: 0 0 0 44px;
    text-align: left;
  }

  .timeline-row:nth-child(2n + 1) .timeline-box::after {
    left: auto;
    right: 50%;
    -webkit-transform: translate(0%, 100%) rotate(180deg);
    transform: translate(0%, 100%) rotate(180deg);
    top: 20px;
  }

  .timeline-row .timeline-box:nth-child(2n)::after {
    transform: translate(100%, 100%) rotate(0deg);
    -webkit-transform: translate(100%, 100%) rotate(0deg);
    right: 50%;
    left: auto;
  }

  .timeline-row .timeline-box:nth-child(3)::after {
    display: block;
  }

  .timeline-box.img-left .timeline-content-txt {
    text-align: right;
  }

  .timeline-row:last-child {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 789px) {
  .hide-lg {
    display: block;
  }

  .black-dot {
    left: auto;
    top: 0;
  }

  .timeline-box img {
    position: relative;
    top: 60px;
    z-index: 1;
  }

  .start-point.end-point {
    top: auto;
    right: 0%;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    transform: none;
  }
}

@media screen and (max-width: 640px) {
  .about-timeline {
    padding: 0px 0;
  }

  .timeline-box h6 {
    font-size: 20px;
    margin-bottom: 0.2rem;
  }

  .timeline-box p {
    font-size: 14px;
    line-height: 1.4;
  }

  .timeline-box-wrap {
    margin: 0px 0 0 0;
  }

  .timeline-row .timeline-box:nth-child(2n) .timeline-box-wrap {
    margin: 0px 0 0 auto;
  }

  .timeline-box::after,
  .timeline-row:nth-child(2n + 1) .timeline-box::after {
    top: 6px;
  }

  .timeline-box-wrap .timeline-content img {
    max-width: 100%;
  }

  .timeline-box.img-right .timeline-content img,
  .timeline-box.img-left .timeline-content img {
    max-width: 100%;
    max-height: unset;
  }

  .secondRow .timeline-box .timeline-box-wrap {
    margin: 0px 0 0 auto !important;
    padding: 0 0 0 44px;
    text-align: left;
  }

  .secondRow .timeline-box:nth-child(2n) .timeline-box-wrap {
    margin: 0px 0 0 0 !important;
    padding: 0 44px 0 0px;
    text-align: right;
  }
}

/*benefits*/
.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link
  ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item a {
  position: absolute;
  top: -12px;
  left: 15px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  /* border-radius: 1000px; */
  z-index: 10;
}

/* .listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    z-index: 10;
  }

  .listar-feature-item a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    z-index: 10;
    animation: ripple 0.7s linear infinite;
    box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
      -5px -5px 10px rgba(255, 255, 255, 0.5);
  } */

@keyframes ripple {
  0% {
    box-shadow:
      0 0 0 0 rgba(163, 177, 198, 0.3),
      0 0 0 1em rgba(163, 177, 198, 0.3),
      0 0 0 3em rgba(163, 177, 198, 0.03),
      0 0 0 5em rgba(163, 177, 198, 0.01);
  }

  100% {
    box-shadow:
      0 0 0 1em rgba(163, 177, 198, 0.3),
      0 0 0 3em rgba(163, 177, 198, 0.03),
      0 0 0 5em rgba(163, 177, 198, 0.03),
      0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}

.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow:
    120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 50px rgba(80, 80, 80, 0.08);
  /* border-radius: 1000px; */
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 48%) 0%,
    rgba(255, 255, 255, 64%) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 48%) 0%,
    rgba(255, 255, 255, 64%) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 48%) 0%,
    rgba(255, 255, 255, 64%) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  /* background: linear-gradient(
      to right,
      rgba(255, 255, 255, 48%) 0%,
      rgba(255, 255, 255, 64%) 40%,
      rgba(255, 255, 255, 1) 100%
    ); */
  background: linear-gradient(
    to right,
    #172258 0%,
    #2f324a 40%,
    rgb(23 34 88) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

/* .listar-feature-right-border:before,
  .listar-hovering-features
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before,
  .listar-hovering-features-grey
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 11px solid #258bd5;
     left: -50%;
  } */

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 25px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-top: 100px;
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item-wrapper {
  margin-top: 100px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 120px;
  height: 120px;
  line-height: 120px;
  /* border-radius: 500px; */
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 34%;
  vertical-align: middle;

  top: -66px;
  margin-top: -74px;
  border-radius: 10px;
}

.listar-feature-icon-inner {
  width: 100px;
  height: 100px;
  line-height: 100px;
  /* border-radius: 500px; */
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
  border-radius: 10px;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: left;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 55px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
  filter: grayscale(100%);
}

.listar-feature-item-wrapper:hover .listar-feature-item img,
.listar-feature-item i {
  filter: grayscale(0%);
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}

.listar-feature-content-wrapper {
  position: relative;
  margin-top: -15.5px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  border-radius: 50px;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow:
    15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow:
    15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 600;
  text-shadow: none;
  border-radius: 50px;
  color: #172258;
  font-size: 18px;
}

.listar-feature-item-excerpt {
  padding: 0 20px;
}

.listar-feature-item-excerpt {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.pset {
  padding-top: 180px;
  padding-bottom: 80px;
}

.listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow:
    0 0 31px rgba(0, 0, 0, 0.65),
    0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-map-button-text span:after {
  border: 12px solid #fff;
}

.listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}

.listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* .listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    /* border-radius: 1000px;
    z-index: 10;
  }

  .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
      15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
    bottom: -30px;
    background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
    background-size: 40%;
    color: #555;
    line-height: 52px;
  } */
.sticky-element {
  position: sticky;
  top: 0;
}

.aiCaseStudies .services-img img {
  width: 100%;
  border-radius: 10px;
}

.aiCaseStudies .services-title {
  color: #212529;
}

.aiCaseStudies .card {
  padding: 20px;
  border-radius: 10px;
  height: auto;
  border: 1px solid #ddd !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 4px;
}

.aiCaseStudies .aicsCard {
  height: 100% !important;
}

.hiredevreq {
  background-color: #ededed;
}

.formsection .vechicleul {
  color: #fff;
}

.contact-form-ai input {
  background-color: #ffffff00 !important;
}

.wh-wh-grid {
  position: relative;
  width: 80%;
  margin: 0 auto;
  background-color: rgb(255 255 255 / 80%);
}

.ai-wh-sec .checkmark {
  background-color: transparent;
}

.ai-wh-sec {
  background-image: url(../img/formBg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.aiFrameSection {
  background-image: url(../img/formBg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.aiFrameSection .icons {
  display: block;
  height: 80px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  border: 1px solid #7b89cb;
  border-radius: 8px;
  background: #eeeeee2b;
}

.aiFrameSection p {
  color: #fff;
}

.aiFrameSection .pfont {
  color: #fff;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.slider {
  background: white;
  /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 960px;
}

.slider::before,
.slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  /* width: 150px; */
  z-index: 2;
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slider .slide-track {
  -webkit-animation: scroll 20s linear infinite;
  animation: scroll 20s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slider .slide {
  height: 100px;
}

.w-60 {
  width: 60%;
}

.clutch1,
.clutch2 {
  width: 40%;
}

.clutch1 {
  position: absolute;
  bottom: 30px;
  left: 9%;
}

.clutch2 {
  position: absolute;
  bottom: 6px;
  right: 9%;
}

@media screen and (max-width: 990px) {
  .clutch1,
  .clutch2 {
    position: relative;
    width: 36%;
    bottom: auto;
    left: auto;
    right: auto;
    margin-bottom: 2rem;
  }

  .clutch1 {
    margin-right: 1rem;
  }

  .counting {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 789px) {
  .clutch1,
  .clutch2 {
    position: relative;
    width: 36%;
    bottom: auto;
    left: auto;
    right: auto;
    margin-bottom: 2rem;
  }

  .clutch1 {
    margin-right: 1rem;
  }

  .slider .slide {
    height: 75px;
  }

  .w-60 {
    width: 100%;
  }
}

/* benefits */
ul.infoGraphic {
  font-size: var(--font-size);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul.infoGraphic li {
  position: relative;
  width: 100%;
  max-width: 30%;
  margin-bottom: 36px;
  background: var(--bg1);
  border-radius: 0.5em;
  padding: 0.5em;
  z-index: 1;
  transition: all 0.2s;
  list-style-type: none;
}

ul.infoGraphic li .numberWrap {
  position: absolute;
}

ul.infoGraphic li .number {
  font-size: 5em;
  font-weight: 900;
  width: 0.9em;
  color: #172258 !important;
  text-align: center;
}

ul.infoGraphic li .number.fontColor1 {
  color: var(--blue);
}

ul.infoGraphic li .number.fontColor2 {
  color: var(--green);
}

ul.infoGraphic li .number.fontColor3 {
  color: var(--purple);
}

ul.infoGraphic li .number.fontColor4 {
  color: var(--gold);
}

ul.infoGraphic li .number.fontColor5 {
  color: var(--red);
}

ul.infoGraphic li .number.fontColor6 {
  color: var(--orange);
}

ul.infoGraphic li .coverWrap {
  transform: rotate(130deg);
  position: absolute;
  width: 18em;
  height: 15em;
  left: -8em;
  top: -2em;
}

ul.infoGraphic li .coverWrap .numberCover {
  position: absolute;
  background: #f5f8f7;
  width: 13em;
  height: 6em;
  border-radius: 50% 50% 0 0;
  border-bottom: 3px solid #f5f8f7;
  transition: all 0.4s;
}

ul.infoGraphic li .coverWrap .numberCover::before {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 4em;
  right: 4em;
  top: 5em;
  box-shadow: 0 0 30px 17px #48668552;
  border-radius: 100px/10px;
  z-index: -1;
}

ul.infoGraphic li .coverWrap .numberCover::after {
  position: absolute;
  bottom: 0;
  content: "";
  left: -10%;
  width: 120%;
  height: 150%;
  background: radial-gradient(at bottom, #48668536, transparent, transparent);
  z-index: 1;
}

ul.infoGraphic li .content {
  margin: 4em 3em 1em 5em;
  position: relative;
}

ul.infoGraphic li .content p {
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

ul.infoGraphic li .content p {
  line-height: 1.5em;
}

ul.infoGraphic li:hover .coverWrap .numberCover {
  border-radius: 100%;
}

.icon {
  position: absolute;
  font-size: 2rem;
  text-align: center;
  top: -1.6em;
  left: 50%;
  transform: translatex(-50%);
}

.icon:before {
  color: #666;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.iconCodepen:before {
  content: "";
}

.iconSocial:before {
  content: "";
}

.iconAirplane:before {
  content: "";
}

.iconMap:before {
  content: "";
}

.iconBulb:before {
  content: "";
}

.iconPeace:before {
  content: "";
}

/* ai services */

.aiSoln .blog-carousel {
  padding: 60px 0;
}

.aiSoln .blog-card {
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin: 10px;
  height: 100%;
  min-height: 420px;
}

.aiSoln .blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}

.aiSoln .blog-image {
  height: 250px;
}

.aiSoln .blog-image img {
  height: 100%;
  object-fit: cover;
}

.aiSoln .blog-content {
  padding: 20px;
}

.aiSoln .blog-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.aiSoln .blog-description {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 15px;
}
.aiSoln .blog-cta {
  display: inline-block;
  padding: 6px 10px;
  background-color: #172258;
  color: #ffffff;
  text-decoration: none;
  border-radius: 25px;
  font-size: 0.8rem;
  transition: background-color 0.3s ease;
}

.aiSoln .blog-cta:hover {
  background-color: #fff;
  color: #172258;
  border: 1px solid #172258;
  text-decoration: none;
}

.aiSoln .owl-nav {
  text-align: center;
  margin-top: 20px;
  display: none;
}

/* .aiSoln .owl-prev, .aiSoln .owl-next {
    font-size: 20px !important;
    margin: 0 10px;
    padding: 5px 15px !important;
    background-color: #007bff !important;
    color: #ffffff !important;
    border-radius: 25px !important;
} */
.aiSolHeading h2,
.aiSolHeading p.sub-txt {
  margin-right: 4rem;
}

.aiModels img {
  border-radius: 6px;
  padding: 10px;
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.aiModelDiv {
  position: relative;
  isolation: isolate;
  width: 100%;
  background: #0e1d31;
  border-radius: 10px;
  flex-shrink: 0;
  /* pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; */
}

.aiModelDiv:before {
  inset: -120% -180%;
  background: radial-gradient(
    #5e6ad2,
    rgba(5, 106, 210, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.aiModelDiv:after {
  inset: -280%;
  background: radial-gradient(
    #fc7840,
    rgba(252, 120, 64, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.aiModelDiv:after,
.aiModelDiv:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  will-change: transform, opacity;
}

.aiModelDiv p {
  color: #fff;
}
.ai-sol-btn {
  border: 1px solid #ddd;
  border-radius: 50px;
  padding: 8px 18px;
  margin-top: 1rem;
  font-size: 0.9rem;
  display: inline-block;
  background-color: #ffffff24;
}
.ai-sol-btn:hover {
  background-color: #0e1d31;
}
.whyChoose .stats {
  padding-left: 2rem;
}
.bento-card {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  border-radius: 24px;
  padding: 30px;
  height: 100%;
  transition: 0.3s;
}
.bento-card:hover {
  border-color: #ee4865;
  transform: translateY(-5px);
}
.stat-huge {
  font-size: 3.2rem;
  font-weight: 500;
  color: #ee4865;
  line-height: 1;
}
.bento-card h5 {
  color: #0e1d31;
}
.bento-card h4 {
  font-size: 2rem;
}
.bento-card img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(165%)
    hue-rotate(246deg) brightness(117%) contrast(100%);
}
.bento-card-highlight {
  background-image:
    linear-gradient(to right, #0e1d31f5, #002f6fc4),
    url(../img/ai-gradient2.webp);
  background-position: center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.seven-services {
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
}
.bento-card p {
  font-size: 1rem;
}
.bento-card h5 {
  font-weight: 400;
}

.clientLogo-grid {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #dddddd33;
}
.ai-clientLogoBox {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  border-right: 1px solid #dddddd40;
}
.ai-clientLogoBox:last-child {
  border-right: 0;
}
.ai-logoWrap {
  display: flex;
  border-radius: 12px;
  padding: 20px 0;
}
.aiService {
  background-image:
    linear-gradient(to right, rgb(243 248 255 / 77%), rgb(243 243 243 / 76%)),
    url(../img/ai-service-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.whyChoose h2 {
  line-height: 4rem;
}

.ai-dev-banner h1 {
  font-size: 1.4rem;
  font-weight: 600 !important;
  color: #ee4865;
}
.ai-dev-banner .subHeading {
  font-size: 2.6rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.aiService .service-card {
  background-color: #f7f7f757;
  padding-bottom: 4rem;
}

.ai-countryFlags {
  padding: 12px 10px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.ai-countryFlags img {
  width: 24px;
  height: auto;
}
.ai-countryFlags span {
  font-size: 0.8rem;
}
.industry-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgb(8 36 59 / 79%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ee4865;
  padding: 5px 15px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tech-stack {
  padding-top: 1.5rem;
}

.tech-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #adb5bd;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  display: block;
}

.badge-tech {
  background-color: #e9ecef;
  color: #495057;
  font-weight: 500;
  padding: 6px 12px;
  margin: 0 4px 8px 0;
  border-radius: 6px;
  font-size: 0.85rem;
  display: inline-block;
  transition: all 0.2s;
}

.badge-tech:hover {
  background-color: #007bff;
  color: white;
}

.aiCaseStudies .btn {
  padding: 4px 10px;
  font-size: 0.8rem;
}

.btn-quiz {
  padding: 6px 24px;
  border-radius: 22px;
}

.hiredevreq .owl-theme .owl-dot {
  display: inline-block !important;
}
.tech-heading {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #ee4865;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  display: block;
}

/* ai-problem-solved start */
.industry-tabs {
  padding: 16px 26px;
  display: inline-block;
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 28px;
}
.industry-tabs .nav-link {
  color: #111;
  font-weight: 600;
  font-size: 1rem;
  padding: 10px 25px;
  border-radius: 999px;
  line-height: 1;
}
.industry-tabs .nav-link:hover {
  background: #0b1631;
  color: #fff !important;
}
.industry-tabs .nav-link.active {
  background: #0b1631;
  color: #fff !important;
}

.list-tri,
.list-check {
  list-style: none;
  padding-left: 0;
  margin: 0 0 16px 0;
}
.list-tri li,
.list-check li {
  display: flex;
  align-items: flex-start;
  font-size: 0.9rem;
  margin-bottom: 8px;
  line-height: 1.35;
  font-weight: 300;
}
.list-tri i {
  color: #e53935;
  margin-right: 10px;
  font-size: 12px;
  margin-top: 2px;
  opacity: 0.9;
}
.list-check i {
  color: #2e7d32;
  margin-right: 10px;
  font-size: 12px;
  margin-top: 2px;
}
.ai-problem-section-wrap {
  margin: 0 auto;
  padding: 26px 18px 34px;
}
.ai-problem-section-wrap .ai-prob-title {
  text-align: center;
  font-weight: 400;
  font-size: 1.6rem;
  color: #ee4865;
  letter-spacing: 0.2px;
  margin-top: 10px;
  margin-bottom: 6px;
}
.ai-problem-section-wrap .ai-prob-subtitle {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 26px;
  font-weight: 300;
}
.h-danger,
.h-success {
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.h-danger {
  color: #e53935;
}
.h-success {
  color: #2e7d32;
}
.ui-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  box-shadow: rgb(13 22 75 / 28%) 0px 2px 8px 0px;
}
.spacer-24 {
  margin: 60px 0;
}
.ai-clientLogoSection {
  background: radial-gradient(
    ellipse at center,
    #fff5fa 0%,
    #feffff 46%,
    #f5faff 69%,
    #fbfdff 100%
  );
}
.softlabs-shortInfo {
  padding-top: 80px;
}
.ai-clientLogoSection .ai-client-logo {
  height: auto;
}
.ai-clientLogoSection h4 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #0e1d31;
}

/* cta */
.ai-dev-CTA-section {
  background: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
}
.ai-dev-CTA {
  position: relative;
  padding: 100px 0;
  background: #ffffff;
  border-radius: 20px;
  margin: 40px auto;
  max-width: 1100px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 10px 30px rgb(24 71 119 / 32%);
  /* Subtle wavy background effect */
  background-image:
    radial-gradient(at 0% 0%, hsla(210, 100%, 96%, 1) 0, transparent 50%),
    radial-gradient(at 100% 100%, hsla(210, 100%, 98%, 1) 0, transparent 50%);
}
.CTA-title {
  font-size: 3rem;
  font-weight: 500;
  color: #0e1d31c4;
  letter-spacing: -1.5px;
  margin-bottom: 10px;
}

.CTA-subtitle {
  font-size: 3rem;
  font-weight: 500;
  color: #ee4865;
  margin-top: -10px;
  margin-bottom: 20px;
}
.btn-container {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}

.glow-effect {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: radial-gradient(
    circle,
    rgba(74, 144, 226, 0.4) 0%,
    rgba(74, 144, 226, 0) 70%
  );
  z-index: 1;
}

.btn-custom {
  position: relative;
  z-index: 2;
  background: linear-gradient(135deg, #4facfe 0%, #0e1d31 100%);
  color: white;
  padding: 14px 30px;
  border-radius: 50px;
  font-weight: 600;
  border: none;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
  transition: all 0.3s ease;
  font-size: 1.1rem;
}

.btn-custom:hover {
  box-shadow: 0 8px 25px rgba(74, 144, 226, 0.5);
  color: white;
  text-decoration: none;
  padding: 14px 30px !important;
  border: none;
}
/* ai-problem-solved end */
.info-strip {
  background: #f8fbff;
  border-bottom: 1px solid #dfe8f3;
  padding: 22px 0;
}
.info-strip .strip-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-align: center;
}
.info-strip .strip-item {
  flex: 1 1 0;
  padding: 6px 14px;
}
.info-strip .strip-title {
  font-weight: 500;
  font-size: 1.4rem;
  color: #0e1d31;
  margin: 0 0 6px 0;
  line-height: 1.2;
}
.info-strip .strip-sub {
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.25;
  color: #1e293b;
  font-weight: 300;
}

/* ai bridging gaps start */

/* Camp Cards */
.camp-card {
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow:
    rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
    rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
    rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
    rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
    rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #ffc1cc;
}
.section-spacer#advantage {
  border: 1px solid #0e1d31;
  padding: 40px;
  border-radius: 12px;
}
.camp-card:hover {
  transform: translateY(-4px);
}
.camp-card.active-startup {
  border-color: #ee4865 !important;
  background: rgba(238, 72, 101, 0.04);
}
.camp-card.active-traditional {
  border-color: rgba(2, 6, 23, 0.2) !important;
  background: rgba(2, 6, 23, 0.03);
}

.reveal-content {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.4s ease;
  opacity: 0;
}

.reveal-content.show {
  max-height: 500px;
  opacity: 1;
}

.timeline-container {
  /* border-left: 2px solid rgba(2, 6, 23, 0.1); */
  padding-left: 23px;
  margin-left: 10px;
}

.timeline-item {
  position: relative;
  margin-bottom: 20px;
}
.timeline-item .h6 {
  font-size: 1.4rem;
  color: #0e1d31;
  font-weight: 500;
}
.timeline-item .timeline-aitext {
  font-size: 1rem;
  font-weight: 300;
}
.timeline-dot {
  transition: all 0.3s ease;
  position: absolute;
  left: -29px;
  top: 6px;
  width: 10px;
  height: 10px;
  background: #0e1d31;
  border-radius: 50%;
}

.timeline-item:hover .timeline-dot {
  transform: scale(1.5);
  background: #ee4865;
}
#startup-card {
  margin-bottom: 1rem;
}
.camp-card .h5 {
  font-size: 1.4rem;
}
.section-spacer h4 {
  font-size: 2.2rem;
}
.capability-tag {
  font-size: 0.9rem;
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  padding: 4px 12px;
  background: rgb(255 255 255 / 3%);
  border: 1px solid rgb(255 255 255 / 20%);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(238, 72, 101, 0.08);
  font-weight: 400;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
}
.toggle-label {
  font-size: 0.9rem;
}
.capability-tag:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 24px rgba(238, 72, 101, 0.2);
  text-decoration: none;
  color: #ee4865;
}

/* Vision Card */
.vision-card {
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
  border: 1px solid rgba(238, 72, 101, 0.15);
  border-radius: 24px;
}

.vision-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 60px rgba(238, 72, 101, 0.15);
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  background-color: #ee4865;
  color: white;
  padding: 16px 28px;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(238, 72, 101, 0.3);
  border: none;
  cursor: pointer;
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(238, 72, 101, 0.4);
  color: white;
  text-decoration: none;
}
.camp-card .badge-light {
  color: #0e1d31;
}
/* ai challenges start */
.solution-wrapper {
  position: relative;
}
.solution-card {
  background: #ffffff;
  border: 1px solid #eef2f6;
  text-align: left;
  border-radius: 24px;
  padding: 22px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.solution-card:hover {
  border-color: transparent;
  box-shadow: 0 20px 40px rgba(99, 102, 241, 0.08);
  transform: translateY(-5px);
}
.solution-card:hover::before {
  height: 100%;
}
.problem-area {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.step-indicator {
  font-size: 0.85rem;
  font-weight: 800;
  color: #e53935;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 12px;
  background: #f1f5ff;
  flex-shrink: 0;
}
.problem-text {
  font-weight: 400;
  font-size: 1.4rem;
  color: #0f172a;
  margin: 0;
  min-height: 54px;
  display: flex;
  gap: 10px;
}
.solution-tag-container {
  background: #f0faff;
  border-radius: 12px;
  padding: 12px 20px;
  margin-bottom: 18px;
  border: 1px dashed #dbeafe;
}
.go-with-label {
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ee4865;
  display: block;
  margin-bottom: 3px;
}
.go-with-value {
  font-weight: 400;
  font-size: 1rem;

  display: block;
}

.ai-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ai-feature-list li {
  font-size: 0.9rem;
  font-weight: 300;
  display: flex;
  align-items: flex-start;
}

.ai-feature-list li i {
  color: #10b981;
  font-size: 0.75rem;
  margin-right: 10px;
  margin-top: 4px;
}
.ai-dev-challenges .owl-theme .owl-dots {
  text-align: left;
  margin-top: 20px !important;
}
.ai-dev-challenges .owl-theme .owl-dots .owl-dot {
  display: inline-block !important;
  zoom: 1;
}
.ai-dev-challenges .owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  background: #0e1d31;
  transition: 0.3s;
}
.ai-dev-challenges .owl-theme .owl-dots .owl-dot.active span {
  width: 24px;
  background: #0e1d31;
}
.ai-dev-challenges .owl-theme .owl-nav {
  display: none;
}
/* ai models and frameworks */
.ai-models-framework-item {
  background: rgba(255, 255, 255, 0.82);
  border-radius: 12px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  margin: auto;
  transition: transform 0.3s ease;
}
.ai-models-framework-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ai-framework-slider span,
.ai-models-slider span {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 300;
  display: flex;
  margin-top: 0.5rem;
  justify-content: center;
}
.ai-framework-slider.owl-carousel .owl-stage-outer {
  direction: rtl !important;
}
.ai-framework-slider.owl-theme .owl-nav,
.ai-models-slider.owl-theme .owl-nav {
  display: none !important;
}
.ai-models-framework-section h2 {
  font-size: 2rem;
}
/* ai challenges end */
.bridging-gap-ai-dev {
  background: #fff;
  /* background-image: linear-gradient(to right, rgb(255 255 255 / 89%), rgb(255 255 255 / 50%)), url(../img/gradient-bg1.webp);
    background-position: center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover; */
  background: radial-gradient(
    circle,
    rgb(252 245 249) 0%,
    rgb(246 251 255) 35%,
    rgb(255 255 255) 63%,
    rgb(255 255 255) 100%
  );
}
.ai-what-deliver-box {
  background-color: #0e1d31;
  padding: 1rem;
  border-radius: 12px;
  box-shadow:
    rgba(17, 17, 26, 0.05) 0px 1px 0px,
    rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.orbital-container {
  position: relative;
  padding: 80px 0;
  margin-bottom: 50px;
  overflow: hidden;
}

/* The Dashed Arc */
.orbital-container::before {
  content: "";
  position: absolute;
  top: 24%;
  left: 50%;
  width: 70%;
  height: 525px;
  border: 3px dashed rgb(213 213 213 / 98%);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* Nodes */
.node {
  position: relative;
  z-index: 2;
  text-align: center;
}

.node-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 20px;
}

/* Specific Node Styles */
.node-center .node-icon {
  background: linear-gradient(135deg, #4caf50 0%, #4caf50 100%);
  box-shadow: 0 0 30px #09ff1396;
  color: #ffffff;
}

.node-side .node-icon {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #ff4d4d;
  color: #ff4d4d;
}

.node-side .badge-outline {
  border: 1px solid #0e1d31;
  border-radius: 20px;
  padding: 2px 12px;
  font-size: 0.9rem;
  display: inline-block;
  margin-bottom: 10px;
}
.node-center .badge-outline {
  border: 1px dashed #0e1d31;
  border-radius: 20px;
  padding: 2px 15px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 10px;
  color: #00d4bd;
  font-weight: 600;
}

.node-date {
  font-size: 1rem;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.node-title {
  font-weight: 400;
  font-size: 1.4rem;
  margin-bottom: 4px;
  color: #ff5252;
}
.node-center .node-title {
  color: #4caf50;
}

.node-desc {
  font-size: 0.9rem;
  max-width: 80%;
  margin: 0 auto;
  line-height: 1.4;
}

/* Footer Section */

.advantage-title {
  font-weight: 400;
  font-size: 2.2rem;
  margin-bottom: 25px;
  color: #0e1d31;
  text-transform: capitalize;
}

.advantage-text {
  font-size: 1rem;
  line-height: 1.6;
}

.advantage-text b,
.advantage-text strong {
  color: #0e1d31;
}

.result-box {
  border-left: 3px solid #4caf50;
  padding-left: 20px;
  margin-top: 20px;
}

.result-label {
  color: #4caf50;
  font-weight: 700;
}
.ai-caseStudyBadge {
  position: absolute;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 12px;
  padding: 4px 10px;
  top: 14px;
  right: 30px;
  font-size: 0.9rem;
  font-weight: 400;
  color: #eb455f;
  background-color: #ffffff;
}
/* ai problem solution section */
h5.probHeading {
  font-size: 1.6rem;
  font-weight: 400;
  color: #ee4865;
}
.ai-prob-sol-section .sticky-card h3 {
  font-size: 2.2rem;
}
.ai-problem-section {
  /* background: radial-gradient(circle at top left, #0f172a 0%, #020617 70%); */
  background-color: #fff;
}

.ai-problem-section .nav-pills .nav-link:last-child {
  margin-bottom: 0;
}

.ai-problem-section .nav-pills .nav-link i {
  width: 20px;
}

.ai-problem-section .nav-pills .nav-link.active {
  background-color: rgba(79, 172, 254, 0.1);
  color: #fff !important;
}
.ai-ps-numbers {
  color: #fff;
  width: 40px;
  height: 40px;
  display: block;
  border: 1px solid #fff;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  margin-bottom: 1rem;
}
.ai-problem-section .use-case-row {
  background: #1e293b;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 30px;
  padding: 25px;
  transition: transform 0.3s ease;
}

.ai-problem-section .industry-tag {
  font-size: 0.9rem;
  color: #4facfe;
  font-weight: 300;
  margin-bottom: 8px;
  display: block;
}

.ai-problem-section .case-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
}

/* Split Section: Problem & Solution */

.split-box .ps-column {
  flex: 1;
  padding: 15px;
}

.split-box .ps-column h4 {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.split-box .ps-column span {
  font-size: 0.9rem;
}
.ai-problem-title {
  color: #ee4865;
}
.ai-solution-title {
  color: #a5d6a7;
}

.ps-list {
  list-style-type: disc;
  padding: 0;
  margin: 0;
  padding-left: 24px;
}

.ps-list li {
  font-size: 0.9rem;
  font-weight: 300;
  margin-bottom: 6px;
  position: relative;
  line-height: 1.4;
}

.ps-list li::before {
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 0.7rem;
}

.ai-problem-section .status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 400;
  background: #ee4865e6;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 9;
  box-shadow:
    rgba(0, 0, 0, 0.19) 0px 10px 20px,
    rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.ai-problem-section-img {
  position: relative;
  border-radius: 12px;
}
.ai-problem-section-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}

.ai-problem-section-img .img-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px;
  font-size: 0.7rem;
  text-align: center;
  color: #ddd;
}
/* keep data safe */

.ds-track {
  position: relative;
  margin-top: 34px;
  padding-top: 10px;
}

/* horizontal line under icons (desktop) */
.ds-track:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 78px; /* aligns with icon center like reference */
  height: 2px;
  background: #0e1d31;
  opacity: 1;
}

.ds-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0;
  justify-content: space-between;
  align-items: flex-start;
}

.ds-item {
  flex: 1;
  text-align: center;
  padding: 0 10px;
  min-width: 0;
}

.ds-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  border: 3px solid #0e1d31;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  position: relative;
  z-index: 2; /* above the track line */
}

/* pink numbered badge */
.ds-badge {
  position: absolute;
  top: -9px;
  right: -9px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #ee4865;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  box-shadow: 0 6px 16px rgba(219, 61, 140, 0.25);
}

.ds-item img {
  width: 34px;
  height: 34px;
  display: block;
  filter: brightness(0) saturate(100%) invert(7%) sepia(45%) saturate(1909%)
    hue-rotate(191deg) brightness(99%) contrast(93%);
}
.ds-h {
  font-weight: 400;
  font-size: 1.2rem;
  color: #0f172a;
  margin: 0 0 8px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ds-p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.55;
  opacity: 0.8;
  margin-left: auto;
  margin-right: auto;
}
.safety-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.aiModels {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 789px) {
  .whyChoose {
    padding-top: 0;
  }
  .solution-card {
    height: auto;
    margin-bottom: 2rem;
  }
  .section-column .heading-main {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .section-column .description {
    font-size: 1rem;
  }
  .section-column .heading-sub {
    font-size: 1.2rem;
    margin-bottom: 4px;
  }
  .split-box .ps-column span {
    font-size: 1rem;
  }
  .split-box .ps-column h4 {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
  .camp-card#traditional-card {
    margin-bottom: 4rem;
  }
  .timeline-item {
    margin-bottom: 34px;
  }
  .cta-btn {
    padding: 12px 16px;
  }
  .section-column {
    padding: 20px 0;
  }
  .processIcon i {
    background-color: #fbdce2 !important;
  }
  .problem-text {
    min-height: auto;
  }
  .ai-clientLogoBox {
    flex-direction: column;
  }
  .ai-countryFlags {
    position: relative;
  }
  .softlabs-shortInfo .border-right-mobile {
    border-right: 1px solid rgb(255 218 218) !important;
  }
  .softlabs-shortInfo .border-bottom-mobile {
    border-bottom: 1px solid rgb(255 218 218) !important;
  }

  .go-with-value {
    font-size: 1.2rem;
  }
  .capability-tag {
    font-size: 1rem;
  }
  .ai-feature-list li {
    font-size: 1rem;
  }
  .whyChoose .stats:nth-child(2) {
    /* padding-bottom: 2rem; */
    padding-left: 2rem;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }

  .whyChoose .stats:nth-child(3) {
    border-bottom: 1px solid #ddd;
    border-right: 0;
  }

  /* .whyChoose .stats:nth-child(3),.whyChoose .stats:nth-child(4),.whyChoose .stats:nth-child(5) {
    border-bottom: 1px solid #ddd;
} */
  .whyChoose .countBox {
    padding: 10px 0px;
  }

  .ai-prod-box {
    height: auto;
    padding-bottom: 5px;
  }

  .sec-ai-products .txt-dark-blue {
    font-size: 12px;
  }

  ul.infoGraphic li {
    max-width: 100%;
    display: flex;
  }

  ul.infoGraphic li .content {
    margin: 2em 3em 1em 5em;
    text-align: center;
    width: 80%;
  }

  ul.infoGraphic li .content .icon {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .aiSolHeading h2 {
    margin-right: 0;
  }

  .landpage-new {
    margin-top: 0;
  }

  .ai-btm-accredtn {
    margin-bottom: 2rem;
  }

  .formsection .txt-sm {
    width: 100%;
  }

  .aiCaseStudies .services-title {
    margin-top: 2rem;
  }

  .ai-solutions {
    font-size: 14px;
  }

  .getQuoteBtn {
    margin-top: 10px;
  }

  .custom-sft-banner .getQuoteBtn {
    margin-left: 0px;
    margin-top: 2rem;
  }
}

.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
}

.consultCTA {
  text-align: center;
  background-color: #fff9f9 !important;
  padding: 10px 25px 10px 25px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100px;
  border-color: #ee4865 !important;
  font-weight: 600;
  margin-left: 1rem;
  color: #ee4865;
}

.consultCTA:hover {
  background-color: #11235a !important;
  border: 1px solid #000000d6 !important;
  color: #fff;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(5px, 0);
  }
}

.indDecDiv {
  position: absolute;
  background: #ffffffe6;
  width: 50%;
  padding: 20px;
  z-index: 3;
  bottom: -54px;
  /* right: 241px; */
  height: auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.imgDiv {
  display: flex;
  justify-content: end;
}

.imgDiv img {
  text-align: right;
  width: 450px;
  height: auto;
  border-radius: 0.25rem;
  z-index: 2;
  box-shadow: rgb(23 34 88 / 58%) 0px 3px 8px;
}

/* design process */
.square {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: bold;
  color: white;
}

.dark-sq {
  /* background-color: #000033; */
  background-color: #000033;
}

.light-sq {
  /* background-color: #9999cc; */
  background-color: #a9a7d1;
}

.triangle-top-right {
  clip-path: polygon(100% 0, 100% 100%, 26% 100%, 0 76%, 0 0);
}

.triangle-bottom-left {
  clip-path: polygon(26% 0, 100% 0, 100% 100%, 0 100%, 0 26%);
}

.triangle-top-left {
  clip-path: polygon(76% 0, 100% 26%, 100% 100%, 0 100%, 0 0);
}

.triangle-bottom-right {
  clip-path: polygon(100% 0, 100% 76%, 76% 100%, 0 100%, 0 0);
}

@media (max-width: 767.98px) {
  .square {
    aspect-ratio: auto;
    height: 100px;
  }
}

.purple_text {
  color: #040032;
}

.square:hover {
  background-color: #000033;
}

.square:hover .purple_text {
  color: #fff;
}

.square:after,
.square:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  will-change: transform, opacity;
}

.square:after {
  background: radial-gradient(
    #e5aeb3,
    rgba(252, 120, 64, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.square:before {
  inset: -100% -100%;
  background: radial-gradient(
    #dfe3ff,
    rgba(5, 106, 210, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.video-bg {
  object-fit: cover;
  width: 100vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* background: #212529; */
  filter: opacity(0.2);
  height: 100%;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 51, 0.9),
    rgba(0, 0, 51, 0.5)
  );
}
.dot-net-developers-banner .video-bg,
.reactjs-banner .video-bg {
  height: -webkit-fill-available;
}
.ui-ux-banner .video-bg {
  filter: opacity(0.1);
}
.ui-ux-banner .btn,
.other-service-banner .btn,
.blockchain-banner .btn,
.dedicated-laravel-developers-banner .btn,
.react-native-banner .btn,
.hire-banner .ctaDiv .btn,
.services-banner .btn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.faq-section .panel-body a {
  font-weight: 400;
  color: #0e1d31;
}
.faq-section .panel-body a:hover {
  color: #ee4865;
}
.hire-framwork-logo1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -60px;
  top: -39px;
  z-index: 1;
  color: #000;
  text-align: center;
  border: none;
  box-shadow: 0 0.7em 1.5em -0.5em #4d36d0be;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 500;
  background: #fff;
}
.hire-framwork-logo1 img {
  height: auto;
  margin: 0;
  display: block;
  margin-bottom: 0.1rem;
}
/* .laravel-banner-img {
    display: block;
    color: #fff;
    font-size: 0.8rem;
    position: absolute;
    right: 0;
    bottom: 4%;
    width: 100px;
    background-color: #dddddd26;
    padding: 10px;
}

.laravel-banner-img img {
    height: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(61%) saturate(156%) hue-rotate(198deg) brightness(103%) contrast(101%);
    width: 40px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    opacity: 0.5;
} */
.card-deck-custom {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px; */
}
.modern-tech-img {
  height: 60px;
}
.modern-tech-img img {
  height: 50px;
}
.laravel-countSection {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 120px;
  padding-bottom: 120px;
}
.tech-card {
  /* background: #fff;
    border: 1px solid #e2e8f082; */
  border-radius: 12px;
  padding: 30px;
  padding-bottom: 40px;
  width: 100%;
  color: #fff;
  height: calc(100% - 30px);
  /* max-width: 360px; */
  transition: 0.3s;
  position: relative;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.why-choose-laravel {
  background-color: #fff;
}
.why-choose-laravel-text p {
  font-size: 1rem;
}
.tech-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
.icon-circle {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  font-size: 28px;
  color: #fff;
}
.tech-card h5 {
  font-weight: 700;
  color: #ee4865;
  margin-top: 10px;
}
.tech-card p {
  font-size: 1rem;
}
.outcome-list {
  padding-left: 20px;
  text-align: left;
  margin-bottom: 20px;
}
.outcome-list li {
  font-size: 0.9rem;

  margin-bottom: 8px;
}
.modern-tech-btn {
  margin-top: 2rem;
}
.modern-tech-btn .hire-casestudy-cta {
  padding: 10px 14px;
}
.glass-container {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 40px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
}
.glass-container .table th {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.glass-container .table td {
  vertical-align: middle;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.25);
  color: #000;
}
.glass-container .highlight-india {
  background: #b8d3b3 !important;
  /* background: #0e1d31 !important; */

  opacity: 1 !important;
}
.hire-pricing-section h2 {
  font-weight: 700;
  margin-bottom: 40px;
  color: #333;
}

.hire-pricing-section .card-pricing {
  background: #e0e5ec;
  border-radius: 20px;
  box-shadow:
    9px 9px 16px #a3b1c6,
    -9px -9px 16px #ffffff;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  padding: 20px;
  transition: transform 0.3s ease;
  text-align: left;
}
.hire-pricing-section .card-pricing .card-header {
  background-color: transparent;
  font-size: 1.6rem;
  font-weight: 400;
}
.laraavel-pricing {
  background-color: #fff;
}
.attribute-grid {
  /* display: flex;
   flex-wrap: wrap;
   gap: 10px 40px; */
}
.attribute-item {
  font-size: 1rem;
  font-weight: 300;
  margin-top: 1rem;
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 6px;
}
.attribute-title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.attribute-item i {
  background-color: #0e1d31;
  padding: 10px;
  margin-right: 10px;
  color: #fff;
}
.attribute-item i:hover {
  background-color: #ee4865;
}
.hire-pricing-section .no-gap .col-md-3,
.hire-pricing-section .no-gap .col-md-4 {
  padding: 0;
}
.hire-pricing-section .recommended {
  background: #101d30 !important;
  color: #fff;
  transform: scale(1.1);
  z-index: 1;
}

.hire-pricing-section ul {
  padding: 0;
  padding-left: 16px;
  font-size: 0.85rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.8;
  color: #0e1d31;
  list-style-type: disclosure-closed;
}
.hire-pricing-section ul li {
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.hire-pricing-section ul li:last-child {
  margin-bottom: 0;
}
.hire-pricing-section .recommended ul {
  color: #cbe1ff;
}
.hire-pricing-section .recommended .card-header {
  border-bottom: 1px solid #dddddd24;
}
.hire-pricing-section .price {
  font-size: 1.1rem;

  margin: 15px 0;
}
.hire-pricing-section .price span {
  font-size: 3rem;
  color: #0e1d31;
  line-height: 1;
}
.hire-pricing-section .recommended .price span {
  color: #cbe1ff;
}
.hire-pricing-section .card-pricing p {
  font-size: 1rem;
}
.laravel-team-profile {
  display: flex;
  position: relative;
  align-items: center;
  background: linear-gradient(90deg, #f3f3f3 40%, #ffffff 100%);
  border-radius: 15px;
  padding: 25px;
  margin-bottom: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.laravel-team-profile img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
}
.laravel-team-profile .team-info {
  margin-left: 25px;
}
.laravel-team-profile .team-info h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #101d30;
  margin-left: 6px;
}
.laravel-team-profile .team-info .exp {
  font-style: italic;
}
.laravel-team-profile .team-info .keyProject {
  font-size: 0.9rem;
  position: absolute;
  bottom: -7px;
  right: 17px;
}
.hire-quiz-section {
  background-color: #0e1d31;
}
.hire-quiz-section .laravel-team-profile .team-info .keyProject {
  font-size: 0.9rem;
  position: relative;
  margin-left: 7px;
  margin-bottom: 0;
  margin-top: 6px;
  right: auto;
  bottom: auto;
}
.hire-quiz-section .laravel-team-profile .tech-list span {
  padding: 2px 10px;
  margin: 3px;
}
.hire-quiz-section .laravel-team-profile .tech-list {
  gap: 1px;
  margin-top: 2px;
}
.hire-quiz-section .laravel-team-profile .team-info {
  margin-left: 10px;
}
.hire-quiz-section .laravel-team-profile img {
  width: 60px;
  height: 60px;
}
.hire-quiz-section .laravel-team-profile {
  padding: 12px;
}
.laravel-team-profile .team-info .keyProject:hover {
  color: #ee4865;
}
.laravel-team-profile .tech-list {
  margin-top: 10px;
  gap: 5px;
}
.values-box-wrap {
  display: -ms-grid;
  display: grid;
  /* -ms-grid-columns: (1fr) [2]; */
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 28px;
  width: 100%;
  margin: 0 0 0 auto;
  color: #fff;
  margin-top: 2rem;
  align-items: center;
}
.values-box-wrap .single-values-box {
  position: relative;
  padding-left: 28px;
  overflow: hidden;
}
.values-box-wrap .single-values-box::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #bbbbbb36;
  width: 2px;
  height: 100%;
}
.values-box-wrap .single-values-box .values-icon {
  border-radius: 8px;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
  background: #eef5ff2b;
  width: 45px;
  height: 45px;
  margin-bottom: 1rem;
}

.values-box-wrap .single-values-box .values-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(125deg) brightness(103%) contrast(103%);
}
.values-box-wrap .single-values-box p {
  font-size: 1rem;
}
.values-box-wrap .single-values-box p.coreValues-heading {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.visionMission-box {
  border-radius: 12px;
  padding: 20px;

  background: radial-gradient(#001f55, #0e1d31);
  color: #fff;
  height: auto;
  box-shadow:
    rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.vision-mission-section .vm-img {
  border-radius: 12px;
}
.visionMission-box p {
  font-size: 1rem;
}
.visionMission-box p.vision-heading {
  font-size: 1.5rem;
}
.visionMission-box img {
  width: 80px;
  height: auto;
  margin-bottom: 1rem;
  filter: brightness(0) saturate(100%) invert(63%) sepia(59%) saturate(7497%)
    hue-rotate(324deg) brightness(97%) contrast(92%);
}
.visionMission-box .vision-heading {
  color: #fff;
}
.team-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.team-text h2 {
  font-weight: bold;
  margin-bottom: 20px;
}
.team-text p {
  max-width: 400px;
  color: #666;
}
.team-text .nav-btns button {
  background: #fff;
  border: 2px solid #0e1d31;
  color: #0e1d31;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  outline: none;
}
.team-card {
  background: white;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.team-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.team-card h5 {
  margin-top: 15px;
  font-weight: 400;
}
.team-card p {
  color: #888;
  margin-bottom: 15px;
}
.team-section .owl-nav button {
  display: none !important;
}
.nav-btns .owl-prev,
.nav-btns .owl-next {
  position: relative;
  top: auto;
  right: auto;
  left: auto !important;
}
.values-wrapper {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
  /* background: radial-gradient(#001f55, #0e1d31); */
}
.aboutJourney .timeline-box h6 {
  background-color: #101d30;
}

.about-coreValues {
  background: radial-gradient(#001f55, #0e1d31);
}
.vision-mission-section {
  background-image:
    linear-gradient(to top, #e3ebff5e, #c7ceedd1),
    url(../img/hire-approach-bg2.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.global-presence-section {
  background-image:
    linear-gradient(to top, #d1dcf3e0, #fdeefa),
    url(../img/global-presence-bg.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-bannerImg {
  width: 100%;
  border-radius: 12px;
}
.global-add {
  padding: 10px;
  background-color: #fff;

  height: 100%;
  border-radius: 12px;
}
.global-add .address-info {
  color: #212529 !important;
  margin-left: 1rem;
  margin-top: 1rem;
  line-height: 1.5;
}
.global-add .address-info i {
  padding: 2px;
  background-color: #101d3012;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  align-items: center;
  margin-right: 10px;
  color: #101d30;
  border-radius: 2px;
}
.global-add .addr-usa {
  color: #101d30 !important;
  margin-bottom: 0;
  font-size: 1.6rem;
}
.global-add .branch-name {
  color: #ee4865;
  font-size: 1.2rem;
}
.global-add .address-info p {
  white-space: pre-line;
  font-size: 0.95rem;
  font-weight: 400;
}
.about-us-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 51), rgb(0 0 51 / 94%)),
    url(../img/softlabs-office.webp);
  background-color: #11235a;
  height: 85vh;
  padding-top: 180px;
  padding-bottom: 80px;
  overflow: hidden;
  text-align: center;
}
.about-us-banner .ratings-div .iso-logo {
  height: 80px;
  width: auto;
}
.about-us-banner .ratings-div .duns-logo {
  height: 80px;
  width: auto;
}
.aboutBannerTxt {
  font-size: 1.6rem;
}
.aboutJourney h2 {
  position: absolute;
}
.about-us-banner .hire-php-ratings .ratings-box {
  background-color: transparent;
  width: 150px;
  height: auto;
  padding: 10px;
}
.about-us-banner .ratings-box img {
  width: 100% !important;
  height: auto;
}
.about-us-banner strong {
  color: #b1ccf5;
}

.CaseStudiesInd .HomeArrowIcon {
  transform: translateX(0%);
  transition: 0.2s linear;
  animation: attention 1.2s linear infinite;
  color: #ee4865;
}
.about-news .highlight-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.about-news .gallery-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 10px;
}
.about-news .gallery-card p {
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 0;
}
.about-us-banner .subHeading {
  font-size: 1.2rem;
}
.about-section {
  background-color: #fff;
}
.about-section h5 {
  color: #101d30;
  font-weight: 400;
}
.about-section .outer-box {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 80px 48px;
  background: radial-gradient(#001f55, #0e1d31);
}
.about-section .list-style-two {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
}
.about-recong {
  background-color: #fff;
}
.trial-txt {
  display: flex;
  align-items: center;
  color: #fff;
  margin-left: 2rem;
}
.trial-txt img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(60%) saturate(6330%)
    hue-rotate(130deg) brightness(100%) contrast(98%);
  margin-right: 10px;
}
.trial-txt p {
  margin-bottom: 0;
}
.about-section .about-img-box img {
  border-radius: 30px;
}
.about-section h4.sub-title {
  font-size: 1.4rem;
  font-weight: 300;
}
.stats-section {
  background: #ffffff;
}
.stats-section .stats-card {
  border-radius: 20px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}
.stats-section .stats-box2 {
  padding: 40px 20px;

  height: 100%;
  text-align: center;
}
.stats-section .stats-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}
.stats-section .stats-number {
  font-size: 50px;
  font-weight: 700;
  color: #1b1b1b;
}
.stats-section .stats-icon2 img {
  width: 40px;
  height: auto;
}
.stats-section .stats-label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 15px;
  color: #333;
}
.stats-section .stats-desc {
  font-size: 1rem;
  color: #101d30;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .stats-section .stats-box2 {
    margin-bottom: 10px;
    padding: 10px;
  }
  .about-us-banner {
    text-align: left;
    height: 96vh;
  }
  .hire-developers-banner .ctaDiv {
    margin-top: 1rem;
  }
  .trial-txt {
    box-shadow: 0 8px 32px 0 rgb(52 56 106 / 37%);
    padding: 5px;
  }
  .newsDiv {
    margin-bottom: 4rem;
  }
  .about-news .highlight-img,
  .about-news .gallery-card img {
    height: auto;
  }
  .aboutJourney h2 {
    position: relative;
  }
  .team-section .team-text .nav-btns {
    text-align: center;
    margin-top: 1rem;
  }
  .team-section p.sub-txt {
    text-align: left;
  }
}
#awards.owl-carousel .owl-nav button.owl-prev,
#awards.owl-carousel .owl-nav button.owl-next {
  display: none;
}
#awards.owl-theme .owl-dot,
.partner-carousel.owl-theme .owl-dot {
  display: inline-block !important;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  background-color: #ccc;
  opacity: 0.6;
  transition: all 0.3s ease;
}
#awards.owl-theme .owl-dots .owl-dot span,
.partner-carousel.owl-theme .owl-dots .owl-dot span {
  display: none;
}
#awards.owl-theme .owl-dot:hover,
.partner-carousel.owl-theme .owl-dot:hover {
  opacity: 0.9;
  background-color: #666;
}

#awards.owl-theme .owl-dot.active,
.partner-carousel.owl-theme .owl-dot.active {
  background-color: #ee4865;
  opacity: 1;
}
.collage-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 88%), rgb(230 230 255 / 77%)),
    url(../img/about-office-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.collage-section img {
  object-fit: cover;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}
.collage-section img:hover {
  transform: scale(1.05);
}

.partner-carousel.owl-theme .owl-dots {
  margin-top: 1rem;
}
.laravel-team-profile .tech-list span {
  background-color: #e9ecef;
  color: #101d30;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  margin: 5px;
  display: inline-block;
}
.laravel-countMainDiv {
  padding-top: 0;
  padding-bottom: 0;
}
.partnershipDiv h4 {
  font-size: 1.2rem;
  color: #101d30;
  margin-bottom: 0.5rem;
}
.partnershipDiv p {
  font-size: 1rem;
}
.quiz-progress {
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #dddddd;
  border-radius: 0.25rem;
  margin-bottom: 4rem;
}
.cbx {
  position: relative;
  top: 1px;
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  transition: background 0.2s ease;
  cursor: pointer;
  display: block;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.cbx:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 8px;
  width: 7px;
  height: 14px;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}

.cbxInput:checked ~ .cbx {
  border-color: transparent;
  background: #ee4865;
  animation: jelly 0.4s ease;
}

.cbxInput:checked ~ .cbx:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
.partner-carousel .item {
  background: #fff;
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  text-align: center;
  height: 100%;
}

.partner-carousel .partner-logo {
  max-height: 50px;
  width: auto !important;
  margin-bottom: 1rem;
}
.partner-carousel h5 {
  color: #0d47a1;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.partner-carousel p {
  font-size: 0.95rem;
}
.partner-carousel.owl-theme .owl-nav,
.Esteemed-Clientele-carousel.owl-theme .owl-nav {
  display: none;
}
.partner-carousel.owl-carousel .owl-stage {
  display: flex;
}
.partnershipDiv p.collab-txt {
  font-size: 1.2rem;
  font-weight: 600;
  color: #101d30;
}
.Esteemed-Clientele-carousel .item {
  text-align: center;
}
.partnerFlag {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.partnerFlag img {
  max-width: 36px !important;
  height: fit-content;
  margin: 0 !important;
}
.partnerFlag p {
  margin-bottom: 0;
}
.cntr {
  position: relative;
  display: flex;
  gap: 10px;

  margin: 10px;
}
.hidden-xs-up {
  display: none !important;
}
.quiz-progress .progress-bar {
  background-color: #00bf5e;
}
.quiz-card .radio-button {
  display: flex;
  gap: 10px;

  margin: 10px;
  position: relative;
  align-items: center;
}

.quiz-card .radio-button input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.quiz-card .radio {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ccc;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  transform: translateZ(-25px);
  transition: all 0.3s ease-in-out;
}

.quiz-card .radio::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.quiz-card .radio-button input[type="radio"]:checked + .radio {
  border-color: #d53c57;
  transform: translateZ(0px);
  background-color: #ee4865;
}
.quiz-card #nextBtn,
.quiz-card #quizSubmitBtn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  padding: 7px 25px 7px 25px;
}
.quiz-card #prevBtn {
  background-color: #2c4d79 !important;
  border-color: #0e1d31 !important;
  padding: 7px 25px 7px 25px;
}
#quizContactNo::-webkit-outer-spin-button,
#quizContactNo::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#quizContactNo {
  -moz-appearance: textfield;
}
.quiz-card .radio-button input[type="radio"]:checked + .radio::before {
  opacity: 1;
}
.quiz-section {
  display: none;
  font-size: 1rem;
}
.quiz-section.active {
  display: block;
}
.progress-bar {
  transition: width 0.4s ease;
}
.error-msg {
  color: #dc3545;
  font-size: 0.875rem;
  display: none;
}
.thank-you-message {
  display: none;
  text-align: center;
  padding: 2rem;
}
.quiz-card {
  padding: 4rem;
  border: 1px solid #ddd;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 12px;
  background-color: #fff;
  color: #0e1d31;
}
.quiz-section .quiz-tech {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  gap: 10px;
}

@media (max-width: 768px) {
  .info-strip .strip-inner {
    flex-wrap: wrap;
  }
  .info-strip .strip-item {
    width: 50%;
    flex: none;
    padding: 24px 8px;
  }
  .serviceSection .tech-stack {
    position: relative;
    bottom: auto;
  }
  h5.probHeading {
    text-align: left;
  }
  .info-strip .strip-title {
    font-size: 1.2rem;
  }
  .ai-clientLogoSection .ai-client-logo {
    height: 90px;
    width: 90px;
    object-fit: contain;
  }
  .ai-prob-sol-section .n8n-challeng-img {
    margin-top: 1rem;
  }
  .ai-countryFlags img {
    width: 18px;
    height: auto;
  }
  .ai-clientLogoBox {
    height: 100px;
  }
  .ai-logoWrap {
    padding-top: 0;
  }
  .info-strip .strip-sub {
    white-space: normal;
  }
  .orbital-container::before {
    display: none;
  }
  .orbital-container {
    padding: 0;
  }
  .node.node-side {
    margin-top: 40px !important;
  }
  .node.node-center {
    margin-top: 40px;
  }
  .advantage-text {
    text-align: justify;
    text-align-last: center;
  }
  .advantage-title {
    text-align: center;
  }
  .ai-dev-banner .subHeading {
    font-size: 2rem;
  }
  .bento-card {
    padding: 20px;
    border-radius: 12px;
    height: auto;
  }
  .bento-card img {
    width: 50px;
    height: auto;
  }
  .node-desc {
    font-size: 1rem;
    max-width: 100%;
  }
  .split-box {
    gap: 10px;
    flex-direction: column;
    text-align: left;
  }
  .split-box .ps-column {
    flex: 1;
    padding: 4px;
  }
  .card-deck-custom {
    flex-direction: column;
    align-items: center;
  }
  .values-wrapper {
    padding: 24px 12px;
  }
  .about-bannerImg {
    display: none;
  }
  .about-us-banner .hire-php-ratings .ratings-box {
    width: 100px;
    height: 68px;
  }
  .about-us-banner .ratings-div {
    padding: 10px;
  }
  .about-us-banner .ratings-div .iso-logo {
    height: 68px;
    width: auto;
  }
  .ai-dev-CTA {
    margin: 26px;
    max-width: none;
    padding: 40px 20px;
  }
  .CTA-subtitle,
  .CTA-title {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ps-list li {
    font-size: 1rem;
  }
  .result-box {
    border-left: 0;
    padding-left: 0;
  }
  .about-us-banner .ratings-div .duns-logo {
    height: 68px;
    width: auto;
  }
  .about-us-banner .banner-ratings {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  .hire-caseStudySection .success-stories-outcome {
    width: 100%;
  }
  .hire-banner .hireHeading {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .hire-banner p.clor {
    font-size: 1rem;
  }
  .hire-banner h1.bannerHeading {
    font-size: 1.4rem !important;
  }
  .hire-caseStudySection .cs-php-box p,
  .hire-caseStudySection .success-stories-outcome {
    font-size: 1.1rem !important;
  }
  .visionMission-box {
    height: auto;
    margin-bottom: 1rem;
  }
  .values-box-wrap .single-values-box {
    padding-left: 8px;
  }
  .values-box-wrap .single-values-box::before {
    display: none;
  }
  .values-box-wrap {
    grid-gap: 14px;
  }
  .laravel-countSection-img {
    background-image: none;
  }
  .laravel-countSection {
    padding: 0;
  }
  .laravel-countMainDiv {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .laravel-team-profile .team-info .d-flex {
    justify-content: center;
  }
  .laravel-team-profile .team-info .keyProject {
    font-size: 1rem;
    position: relative;
    bottom: auto;
    right: 0;
    left: 0;
    margin-top: 10px;
  }
  .laravel-team-profile .tech-list {
    gap: 1px;
  }
  .hire-pricing-section .recommended {
    transform: scale(1);
    margin-bottom: 2rem;
  }
  .laravelComb .pfont,
  .laravelComb .sub-txt,
  .why-choose-laravel .pfont,
  .why-choose-laravel .sub-txt {
    text-align: left !important;
  }
  .laravelComb hr {
    margin: auto 0;
    margin-bottom: 1rem;
  }
  .laravel-team-profile {
    display: block;
    text-align: center;
  }
  .laravel-team-profile .team-info {
    margin-left: 0;
    margin-top: 1rem;
  }
  .tech-list {
    justify-content: center;
  }
  .modern-tech-btn {
    text-align: left !important;
  }
  .attribute-item img {
    width: 20px;
    height: 20px;
  }
  .attribute-item {
    padding: 5px;
    display: flex;
    gap: 4px;
  }
}
p.hire-laravel-framwork-img {
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 2rem;
  color: #dfecff;
  font-weight: 400;
}
.laravel-banner-img2 .laravel-img1 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  top: 20%;
  right: 15%;
}
.laravel-banner-img2 .laravel-img2 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  top: 35%;
  right: 10%;
}
.laravel-banner-img2 .laravel-img3 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  top: 53%;
  right: 12%;
}
.laravel-banner-img2 .laravel-img4 {
  position: absolute;
  display: block;
  width: 100px;
  height: 100px;
  bottom: 11%;
  right: 17%;
}
.laravel-banner-img2 img {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  margin-bottom: 0.5rem;
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(61%) saturate(156%) hue-rotate(198deg) brightness(103%) contrast(101%); */
}

.fw-logo1 {
  bottom: -60px;
  top: auto;
  right: 2px;
}
.fw-logo2 {
  left: -10px;
  top: 38px;
}
.fw-logo3 {
  left: 64px;
  top: -48px;
}
.fw-logo4 {
  left: 89px;
  top: 54px;
}
.fw-logo5 {
  bottom: -44px;
  top: auto;
  right: 100px;
}
.fw-logo6 {
  bottom: 40px;
  top: auto;
  right: 10px;
}
.laravel-banner-img3 img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 0.2rem;
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(61%) saturate(156%) hue-rotate(198deg) brightness(103%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(5482%) hue-rotate(176deg) brightness(95%) contrast(95%); */
}
.laravel-banner-img3 .hire-laravel-framwork-img {
  width: 106px;
  height: 106px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 6px;
  color: #0e1d31;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.laravel-banner-img3 .laravel-img1 {
  position: absolute;
  display: block;
  bottom: 18%;
  right: 21%;
}
.laravel-banner-img3 .laravel-img2 {
  position: absolute;
  display: block;
  top: 27%;
  right: 34%;
}
.laravel-banner-img3 .laravel-img3 {
  position: absolute;
  display: block;
  top: 27%;
  right: 40%;
}
.laravel-banner-img3 .laravel-img4 {
  position: absolute;
  display: block;
  bottom: 18%;
  right: 15%;
}
.bannerList2 {
  list-style: none;
  display: inline-flex;
  margin-bottom: 20px;
  padding: 0;
  color: #fff;
}

.bannerList2 li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 0.4rem;
}

.bannerList2 li {
  margin-right: 1.4rem;
  display: inline-block;
  line-height: 2rem;
}

.ctaDiv {
  display: flex;
}

.business-outcomes-card {
  padding: 40px 30px 40px 30px;
  position: relative;
  margin-bottom: 40px;
  max-height: 290px;
  min-height: 290px;
  /* background-color: hsl(229.85deg 58.56% 21.76%);
   background-image: radial-gradient(at 88% 40%, hsl(229.85deg 58.56% 21.76%) 0px, transparent 85%),
   radial-gradient(at 49% 30%, hsla(240, 15%, 9%, 1) 0px, transparent 85%),
   radial-gradient(at 14% 26%, hsl(237deg 46.51% 16.86%) 0px, transparent 85%),
   radial-gradient(at 0% 64%, hsl(189, 99%, 26%) 0px, transparent 85%),
   radial-gradient(at 41% 94%, hsl(354.42deg 100% 44.31%) 0px, transparent 85%),
   radial-gradient(at 100% 99%, hsl(244.58deg 70.81% 36.27%) 0px, transparent 85%); */
  background-color: hsl(0deg 0% 100%);

  border-radius: 1rem;
  box-shadow: #17225878 1.95px 1.95px 2.6px;
}

.businessOutcomes .semi-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #212529;
}

.businessOutcomes p {
  color: #333333;
}

.business-outcomes-card:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.11),
    0 24px 46px var(--box-shadow-color);
  color: #fff;
}

.business-outcomes-card:hover p,
.business-outcomes-card:hover .semi-title {
  color: #fff;
}

.mb-50 {
  margin-bottom: 50px;
}

/* python ai sw */
.why-python-ai-sw .neo-surface {
  background-color: #0e1d31;
  color: #f2f6ff;
  border-radius: 24px;
  padding: 2rem;
  box-shadow:
    6px 6px 18px #c4cee2,
    -6px -6px 18px #ffffff;
}
.why-python-ai-sw .neo-inset {
  background: #f2f6ff;
  box-shadow:
    inset 10px 10px 22px #c4cee2,
    inset -10px -10px 22px #ffffff;
  border-radius: 16px;
}
.why-python-ai-sw .neo-pill {
  display: inline-flex;
  align-items: center;
  background: #f2f6ff;
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  box-shadow:
    6px 6px 16px #c4cee2,
    -6px -6px 16px #ffffff;
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease;
  user-select: none;
  cursor: default;
}
.why-python-ai-sw .neo-press:active {
  transform: translateY(1px);
  box-shadow:
    inset 6px 6px 16px #c4cee2,
    inset -6px -6px 16px #ffffff;
}
.why-python-ai-sw .accent-ai {
  color: #ee4865;
}
.why-python-ai-sw .accent-dev {
  color: #5e88c5;
}
.why-python-ai-sw .neo-tabs {
  padding: 0.5rem;
  border-radius: 18px;
}
.why-python-ai-sw .nav-tabs {
  border-bottom: none;
  justify-content: center;
}
.why-python-ai-sw .nav-tabs .nav-link {
  border: 0;
  border-radius: 999px;
  margin: 0.35rem 0.4rem;
  font-size: 1.4rem;
  padding: 0.65rem 1.1rem;
  font-weight: 500;
  color: #334155;

  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    color 0.12s ease;
}
.why-python-ai-sw .nav-tabs .nav-link i {
  margin-right: 0.5rem;
}
.why-python-ai-sw .nav-tabs .nav-link:hover {
  transform: translateY(-1px);
}
.why-python-ai-sw .nav-tabs .nav-link:focus {
  outline: 0;
}
/* .why-python-ai-sw .nav-tabs .nav-link.active{
   box-shadow: inset 6px 6px 16px #c4cee2,
               inset -6px -6px 16px #ffffff;
 } */
.why-python-ai-sw .tab-content p {
  font-size: 1rem;
}
.why-python-ai-sw .nav-tabs .nav-link[href="#ai"] {
  color: #e11d48;
}
.why-python-ai-sw .nav-tabs .nav-link.active[href="#ai"] {
  color: #e11d48;
}
.why-python-ai-sw .nav-tabs .nav-link[href="#dev"] {
  color: #2563eb;
}
.why-python-ai-sw .nav-tabs .nav-link.active[href="#dev"] {
  color: #2563eb;
}
.why-python-ai-sw {
  background-color: #e9eef7;
}
.why-python-ai-sw .feat {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.why-python-ai-sw .feat li {
  display: flex;
  align-items: center;
  margin: 0.6rem 0;
  line-height: 1.45;
  transition: transform 0.12s ease;
  font-size: 1rem;
  padding: 0.6rem;
  background: #122239;
  border: 1px solid #1e2a4a;
  border-radius: 8px;
}
.why-python-ai-sw .feat li:hover {
  transform: translateX(2px);
}
.why-python-ai-sw .feat i {
  color: #16a34a;
  margin-right: 0.6rem;
  margin-top: 0.2rem;
  font-size: 1.2rem;
}
.why-python-ai-sw .neo-divider {
  height: 4px;
  border-radius: 999px;
  margin: 1.25rem 0;
  background: #f2f6ff;
  box-shadow:
    inset 6px 6px 12px #c4cee2,
    inset -6px -6px 12px #ffffff;
}
.why-python-ai-sw .neo-btn {
  border: 0;
  background: #f2f6ff;
  color: #0b1428;
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  font-weight: 700;
  box-shadow:
    6px 6px 16px #c4cee2,
    -6px -6px 16px #ffffff;
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease;
}
.why-python-ai-sw .neo-btn:hover {
  transform: translateY(-1px);
}
.why-python-ai-sw .neo-btn:active {
  box-shadow:
    inset 6px 6px 16px #c4cee2,
    inset -6px -6px 16px #ffffff;
}
.why-python-ai-sw .neo-btn i {
  margin-right: 0.4rem;
}
.why-python-ai-sw .card {
  background: transparent;
  border: 0;
}
.why-python-ai-sw .card-header {
  background: #f2f6ff;
  border: 0;
  border-radius: 12px !important;
  box-shadow:
    6px 6px 16px #c4cee2,
    -6px -6px 16px #ffffff;
  padding: 0.65rem 1rem;
}
.why-python-ai-sw .card-header .btn {
  color: #0b1428;
  text-align: left;
  width: 100%;
  font-weight: 700;
}
.why-python-ai-sw .card-body {
  padding: 1rem 0 0.2rem;
}
.app-icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(110, 231, 183, 0.08);
  border-radius: 10px;
  margin-right: 12px;
  flex: 0 0 34px;
}
.app-icon .iconify {
  width: 20px;
  filter: brightness(0) saturate(100%) invert(87%) sepia(9%) saturate(1950%)
    hue-rotate(97deg) brightness(94%) contrast(94%);
}
.why-python-card {
  position: relative;
  display: block;
  background-color: #0e1b2f;
  border: 1px solid #213759;
  border-radius: 16px;
  text-align: left;
  color: #fff;
  padding: 48px 40px 40px;
  margin-bottom: 24px;
  transition: all 0.5s ease;
}
.why-python-card h5 {
  font-size: 1.4rem;
}
.why-python-card p {
  font-size: 1rem;
}
.why-python-card h6 {
  font-size: 1.2rem;
  color: #ee4865;
  margin-top: 2rem;
}
.why-python-card ul {
  padding-left: 30px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
}
.business-outcomes-card:hover .businessOutcomes_overlay {
  /* transform: scale(4) translateZ(0); */
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 1rem;
}

.businessOutcomes_overlay {
  width: 1px;
  position: absolute;
  height: 1px;
  border-radius: 50%;
  background-color: hsl(229.85deg 58.56% 21.76%);
  background-image:
    radial-gradient(
      at 88% 40%,
      hsl(229.85deg 58.56% 21.76%) 0px,
      transparent 85%
    ),
    radial-gradient(at 49% 30%, hsla(240, 15%, 9%, 1) 0px, transparent 85%),
    radial-gradient(at 14% 26%, hsl(237deg 46.51% 16.86%) 0px, transparent 85%),
    radial-gradient(at 0% 64%, hsl(189, 99%, 26%) 0px, transparent 85%),
    radial-gradient(
      at 41% 94%,
      hsl(354.42deg 100% 44.31%) 0px,
      transparent 85%
    ),
    radial-gradient(
      at 100% 99%,
      hsl(244.58deg 70.81% 36.27%) 0px,
      transparent 85%
    );
  z-index: -1;
  transition: transform 0.3s ease-out;
}
.unorderedList {
  list-style-type: none;
  padding: 0;
  color: #fff;
  font-size: 1rem;
  line-height: 2;
}
.hire-amt-txt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  background-color: #f1f7ff;
  padding: 20px;
  border-radius: 12px;
}
.hire-amt-txt p {
  margin-bottom: 0rem;
  font-size: 1.2rem;
}
.hire-amt-txt span {
  border-bottom: 1px solid #ee4865;
  font-weight: 400;
}
.hire-amt-txt span span.headingred {
  font-size: 2rem;
  border-bottom: 0;
}
.prototype-ind .owl-stage-outer {
  display: flex;
}
.prototype-ind .owl-stage-outer .owl-stage {
  display: flex;
}
.prototype-ind .owl-stage-outer .owl-stage .owl-item {
  height: calc(100% - 20px);
}
.unorderedList li i {
  margin-right: 0.5rem;
  color: #ee4865;
}
.prtyp-benefit {
  background: #0e1d31;
}
.prtyp-benefit img {
  width: 100%;
  border-radius: 12px;
}
.proto-tools-sec {
  background: #0e1d31;
}
.card-prtyp-tools {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #fff;
  height: 100%;
  color: #fff;
  font-size: 1rem;
  box-shadow:
    rgb(255 255 255 / 40%) 0px 2px 4px,
    rgb(74 74 74 / 30%) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.card-prtyp-tools img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(97%) saturate(0%)
    hue-rotate(86deg) brightness(104%) contrast(104%);
  margin-bottom: 1rem;
}
.card-prtyp-tools h5 {
  font-size: 1.4rem;
}
.card-prtyp-tools p {
  margin-bottom: 0;
}

.tool-node {
  position: relative;
  padding: 40px 30px;
  border-radius: 24px;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
}

.tool-node:hover {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.tool-node:hover::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 24px;
  padding: 1px;
  background: linear-gradient(135deg, #023157, transparent, #bb4970);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 1;
}
.icon-box-pt {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 25px;
  font-size: 1.75rem;
  color: #00f2ff;
  transition: all 0.4s ease;
  position: relative;
}

.tool-node:hover .icon-box-pt {
  background: #00f2ff;
  color: #05060a;
  box-shadow: 0 0 20px rgba(0, 242, 255, 0.4);
  transform: rotate(-5deg) scale(1.1);
}
.tool-title-pt {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
  transition: 0.3s;
  color: #fff;
}
.node-pink .icon-box-pt {
  color: #ff007a;
}
.node-pink:hover .icon-box-pt {
  background: #ff007a;
  box-shadow: 0 0 20px rgba(255, 0, 122, 0.4);
}

.node-purple .icon-box-pt {
  color: #7000ff;
}
.node-purple:hover .icon-box-pt {
  background: #7000ff;
  box-shadow: 0 0 20px rgba(112, 0, 255, 0.4);
}
.tool-node:hover .tool-title-pt {
  color: #fff;
}

.tool-description {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #808090;
  transition: 0.3s;
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
  .wsmenu > .wsmenu-list > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1800px) and (min-width: 1700px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 14%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 30%;
    right: 6%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 51%;
    right: 5%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 1700px) and (min-width: 1500px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 10%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 30%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 51%;
    right: 3%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 11%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 30%;
    right: 3%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 51%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 10%;
    right: 7%;
  }
  .laravel-banner-img3 .laravel-img2 {
    right: 32%;
  }
  .laravel-banner-img3 .laravel-img4 {
    right: 13%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
  .laravel-banner-img3 .laravel-img2 {
    top: 29%;
    right: 29%;
  }
  .laravel-banner-img3 .laravel-img3 {
    top: 29%;
    right: 38%;
  }
  .laravel-banner-img3 .laravel-img4 {
    right: 12%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1350px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 14%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 30%;
    right: 6%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 51%;
    right: 5%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1100px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 14%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 34%;
    right: 4%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 56%;
    right: 6%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 9%;
    right: 13%;
  }
}

@media screen and (max-width: 1100px) and (min-width: 950px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 14%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 34%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 56%;
    right: 3%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 9%;
    right: 12%;
  }
}
@media screen and (max-width: 990px) and (min-width: 789px) {
  .laravel-banner-img2 .laravel-img1 {
    top: 20%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img2 {
    top: 34%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img3 {
    top: 56%;
    right: 2%;
  }
  .laravel-banner-img2 .laravel-img4 {
    bottom: 9%;
    right: 2%;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .custom-sft-banner {
    height: 92vh;
  }
}

@media screen and (max-width: 1360px) {
  .custom-sft-banner {
    height: 90vh;
  }
}

@media screen and (max-width: 1260px) {
  .custom-sft-banner {
    height: 90vh;
  }

  section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 789px) {
  .aiCaseStudies .card:nth-child(2) {
    margin-bottom: 1.5rem;
  }
  .why-python-ai-sw .nav-tabs {
    flex-wrap: nowrap;
  }
  .why-python-ai-sw .nav-tabs .nav-link {
    font-size: 1.2rem;
  }
  .laravel-banner-img2 {
    display: none;
  }
  .wh-wh-grid {
    width: 100%;
  }
  .laravel-banner-img3 {
    display: none;
  }
  .why-python-ai-sw h2.pfont,
  .why-python-ai-sw .sub-txt {
    text-align: left !important;
  }
  .why-python-ai-sw hr {
    display: none;
  }
  .why-python-card {
    padding: 30px;
  }
  .prtyp-benefit .pfont,
  .prtyp-benefit .sub-txt {
    text-align: left !important;
  }
  .unorderedList {
    margin-bottom: 0;
  }
  .card-prtyp-tools,
  .prototype-ind .aiSoln .blog-card {
    text-align: center;
  }
  .prototype-ind-trends .left-column {
    display: none;
  }
  .prototype-ind-trends .right-column,
  .prototype-ind-trends .right-content {
    display: block;
  }
  .prototype-ind-trends .right-content {
    margin-bottom: 1rem;
  }

  .quiz-card {
    margin-top: 2rem;
    padding: 2rem;
  }
  .hire-php-cta2 .hire-dedicated-cta-shape {
    filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(6134%)
      hue-rotate(176deg) brightness(98%) contrast(96%);
    width: 80px;
    right: 0;
    bottom: 5%;
  }
  .business-outcomes-card {
    margin-bottom: 25px;
    min-height: auto;
    max-height: auto;
  }

  .businessOutcomes .semi-title {
    font-size: 1.6rem;
  }

  .custom-sft-banner h1 {
    margin-bottom: 1rem;
  }

  .right-column {
    padding: 1rem;
  }

  .topIndustries .right-column {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

  .topIndustries .right-column .card {
    background: transparent;
  }

  .topIndustries .right-title {
    font-size: 1.5rem;
  }

  .indDecDiv {
    position: relative;
    bottom: auto;
    padding: 0;
    box-shadow: none;
    width: 100%;
  }

  .triangle-top-right,
  .triangle-bottom-right {
    clip-path: polygon(76% 0, 100% 26%, 100% 100%, 0 100%, 0 0);
  }

  .triangle-top-left {
    clip-path: polygon(26% 0, 100% 0, 100% 100%, 0 100%, 0 26%);
  }

  .imgDiv {
    display: none;
  }

  .video-bg {
    display: none;
  }

  .bannerList2 {
    display: block;
    font-size: 1rem;
  }

  .ctaDiv .btn,
  .ctaDiv .consultCTA {
    font-size: 1rem;
    padding: 8px 14px 8px 14px;
    margin-top: 1rem;
  }

  .custom-sft-banner {
    padding-top: 85px;
    height: auto !important;
    padding-bottom: 40px;
  }
  .sw-development-banner,
  .outsourcing-banner {
    padding-top: 105px;
    height: auto !important;
    padding-bottom: 40px;
  }
  .services-banner {
    padding-top: 120px;
    height: auto !important;
    min-height: 74vh;
  }
  .services-banner .mplp p {
    line-height: 1.8;
    font-size: 1.4rem;
  }
  .services-banner h1 {
    line-height: 1.4;
  }
  .fintechBanner,
  .healthcare-sw-banner {
    padding-top: 105px;
  }
  .sw-product-dev {
    padding-top: 95px;
  }
  .services-banner .getQuoteBtn {
    margin-left: 0px;
    margin-top: 0rem;
  }
}

/* hire php */
/* .phpCombinations {
    background-image: url('../img/programming-bg.avif'), linear-gradient(rgba(0,48,36,0.9), rgba(0,48,36,0.9));
    background-blend-mode: overlay;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
} */
.phpCombinations {
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
  position: relative;
  z-index: 1;
}
.hire-php-clients {
  position: relative;
  background-color: #fff;
  /* background-image: linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)), url(../img/cs-chal-sol-bg.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; */
}
.hire-process-steps {
  background-color: #0e1d31;
}
.hire-php-clients .client-title {
  color: #0e1d31;
  font-weight: 400 !important;
}
.process-steps-section .circle img {
  width: 70px;
  height: 70px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(242deg) brightness(104%) contrast(101%);
}
.process-steps-section.hire-process-steps .circle img {
  width: 60px;
  height: 60px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(6134%)
    hue-rotate(176deg) brightness(98%) contrast(96%);
}
.industries-serve-style1-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(28 33 86);
  background: linear-gradient(
    270deg,
    rgb(10 5 67 / 0%) 0%,
    rgb(6 7 42 / 0%) 21%,
    #1c2156b8 68%,
    rgb(28 33 86) 100%
  );
  z-index: -1;
}

.industries-serve-style1-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  width: calc((100% - 230px) / 2);
  filter: blur(5px);
  z-index: 0;
}

.industries-serve-style2-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(28 33 86);
  background: linear-gradient(
    270deg,
    rgb(10 5 67 / 0%) 0%,
    rgb(6 7 42 / 0%) 21%,
    #020207c7 70%,
    rgb(13 19 49) 100%
  );
  z-index: -1;
}

.industries-serve-style2-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  width: calc((100% - 150px) / 2);
  filter: blur(5px);
  z-index: 0;
}

.phpCombinations .content {
  padding-top: 50px;
}

.phpCombinations .service-area {
  color: #00ff9d;
  font-size: 0.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.phpCombinations .service-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  padding: 15px 0;
  padding-right: 50px;
  /* border-bottom: 1px solid rgba(255,255,255,0.1); */
}

.phpCombinations .service-icon,
.phpCombinations .service-icon2 {
  width: 40px;
  /* height: 40px; */
  margin-right: 15px;
}

.phpCombinations .service-title {
  margin-bottom: 10px;
  color: #fff;
}

.phpCombinations .service-description {
  color: #fff;
  font-size: 0.9rem;
}

.phpCombinations .highlight {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 20px;
}

.phpCombinations .highlight-title {
  font-weight: bold;
  margin-bottom: 15px;
}

.phpCombinations .highlight-item {
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  color: #003024;
  padding: 8px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.phpCombinations .highlight-label {
  font-weight: bold;
}

.phpCombinations .highlight-value {
  background-color: #003024;
  color: #ffffff;
  padding: 2px 8px;
  border-radius: 3px;
}

.php-comb-img {
  width: 12%;
  position: relative;
  margin-right: 10px;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #fff;
  border-radius: 17px;
  padding: 0 14px 14px;
}
.uiux-framework .php-comb-img {
  width: 12%;
  height: 60px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: #fff;
  border-radius: 17px;
  padding: 0;
}
.uiux-framework .php-comb-img img {
  margin-bottom: 0;
  margin-right: 0;
  width: 50px;
}
.hire-uiux-img {
  width: 80%;
  margin-top: 2rem;
  border-radius: 10px;
}
.next-gen-sw-img {
  width: 12%;
  position: relative;
  margin-right: 10px;
  height: 100%;
  padding: 0 14px 14px;
}
.phpCombinations.next-gen-sw .service-item {
  padding-right: 0;
}
.dotnetComb .php-comb-img,
.reactjsComb .php-comb-img {
  padding-top: 4px;
}
.dotnetComb .php-comb-img .service-icon,
.reactjsComb .php-comb-img .service-icon {
  width: 30px;
}
.service-icon2 {
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.phpDesc {
  width: 80%;
}

.inquiry-contact-section ul li {
  color: #fff;
}

.qss-vs-freelancers ul li::after {
  background: transparent;
}

.qss-vs-freelancers ul li {
  color: #282331;
}

.softlabsDevCard ul li {
  border: 1px solid #e4e4e436;
}

.softlabsDevCard hr {
  border-color: #e4e4e436;
}

.qss-vs-freelancers h4 {
  font-size: 1.5em;
  color: #0e1d31;
}

.card-Container {
  background-color: #dee6ff;
}

.softlabsDevCard {
  background-color: #0e1d31;
  transform: scale3d(1.1, 1.1, 1.1);
}

.qss-vs-freelancers .softlabsDevCard ul li {
  color: #fff !important;
  background-color: transparent;
}

.qss-vs-freelancers .softlabsDevCard h4 {
  color: #fff !important;
}

.step-icon img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(7%) saturate(6134%)
    hue-rotate(176deg) brightness(98%) contrast(96%);
  width: 40px;
}

.whyChooseImg {
  width: 100%;
}

.icon-bx-wraper.style-1 {
  background-color: #fff;
  padding: 35px 30px;
  border-radius: var(--border-radius-base);
  box-shadow: 4px 6.928px 60px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.icon-bx-wraper {
  position: relative;
}

.m-b50 {
  margin-bottom: 50px;
}

.icon-bx-sm {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  width: 67px;
  height: 67px;
  min-width: 67px;
  line-height: 67px;
}

.shadow-primary {
  box-shadow: 0px 12px 20px 0px var(--rgba-primary-3);
}

.icon-bx-wraper.style-1 [class*="icon-bx"] {
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.showcase-container {
  position: relative;
}

.feature-card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  position: relative;
  padding-top: 3rem;
}

.feature-icon {
  width: 66px;
  height: 66px;
  background-color: #f7f7f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  position: absolute;
  margin-bottom: 15px;
  top: 18px;
  right: 10%;
}

.feature-icon img {
  width: 52px;
  height: 52px;
}

.phone-container {
  text-align: center;
}
.intro-subtxt {
  font-size: 1rem;
  opacity: 0.8;
}
.cs-client-intro-img {
  text-align: center;
}
.cs-main-image {
  width: 110%;
  height: auto;
  border-radius: 12px;
  position: absolute;
  /* bottom: -14vh; */
  left: 0;
  transform: translateY(-33%);
}
.case-study-result .cs-result-img {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease-in-out;
}
.cs-inventory-image {
  position: relative;
  margin-left: 10%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.small-image-top {
  position: absolute;
  top: -17%;
  right: -22%;
  border-radius: 12px;
  width: 200px;
  webkit-animation: Img-mover 1s infinite alternate;
  animation: Img-mover 1s infinite alternate;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.cs-project-result {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
#carouselExampleInterval.owl-carousel .owl-nav button {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  font-weight: 500;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  background-color: #0e1d31;
  margin: 8px -30px;
  transition: 0.4s;
  top: 40%;
}

.small-image-bottom {
  position: absolute;
  bottom: -45%;
  left: 4%;
  border-radius: 12px;
  width: 272px;
  webkit-animation: Img-mover 1s infinite alternate;
  animation: Img-mover 1s infinite alternate;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
@-webkit-keyframes Img-mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes Img-mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

.cs-innovation {
  /* background-color: #0e1d31;
    background-image: linear-gradient(to right, #0e1d31, #0e1d31), url(../img/cs-background-texture.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; */
  position: relative;
  padding: 0;
}
.cs-innovation h2.pfont {
  color: #fff;
}

.interactive-list {
  list-style: none;
  padding: 0;
  margin-left: 2rem;
}
.interactive-list li {
  color: #fff;
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: baseline;
  font-size: 1rem;
  font-weight: 300;
}
.interactive-list li:hover {
  background: #077cff1c;
  color: #fff;
  transform: scale(1.05);
  cursor: pointer;
}
.interactive-list i {
  font-size: 20px;
  margin-right: 10px;
  color: #ee4865;
  transition: color 0.3s;
}
.cs-innovation-img1,
.cs-innovation-img2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.cs-innovation-img1 {
  margin-top: -2rem;
}
.cs-innovation-img2 {
  margin-top: 2rem;
}
.red-card {
  background-color: #ff5733;
  color: white;
}

.red-card .feature-icon {
  background-color: white;
}

.red-card .feature-description {
  color: rgba(255, 255, 255, 0.8);
}

.section-wraper-left .feature-card:nth-child(2) {
  margin-left: -50px;
  margin-right: 50px;
}

.section-wraper-right .feature-card:nth-child(2) {
  margin-right: -50px;
  margin-left: 50px;
}

.hire-dev-img {
  border-radius: 10px;
}

.why-hire {
  padding: 2rem;
  margin-bottom: 2rem;
  background-color: #172258;
  color: #ffff;
  border-radius: 15px;
  text-align: center;
  font-size: 1.2rem;
  box-shadow:
    8px 8px 15px #d1d9e6,
    -8px -8px 15px #ffffff;
}

.why-hire:hover {
  background-color: #172258;
  box-shadow:
    #007bff75 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

  color: #fff;
}

.php-why-choose .hire-succ {
  font-size: 1.2rem;
}

.hire-bdr:hover {
  background: linear-gradient(to left, #323c6f, #000046);
}

.why-hire img {
  width: 60px;
  filter: invert(94%) sepia(100%) saturate(0%) hue-rotate(193deg)
    brightness(106%) contrast(107%);
  margin-bottom: 1rem;
}

.php-why-choose {
  padding-top: 60px;
}

.desktop-process .process-item {
  text-align: center;
  width: 25%;
  position: relative;
}
.hire-php-ratings .ratings-box {
  background-color: #ffffff0a;
}
.hire-img-radius {
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  width: 100%;
  height: auto !important;
  margin-top: 0 !important;
}
.hire-int-client-card {
  padding: 20px;
  height: 100%;
  border: 1px solid #0e1d31;
  background-color: #ffffff94;
  border-radius: 12px;
  box-shadow:
    rgb(0 0 0 / 29%) 0px 12px 25px,
    #ee486536 0px 12px 9px;
}
.hire-int-client-card h4 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #ee4865;
  height: 54px;
  border-bottom: 1px solid #b5b5b5;
}
.hire-int-client-card h5 {
  font-size: 1rem;
  color: #0e1d31;
  margin-bottom: 0.2rem;
  font-weight: 500;
}
.hire-int-client-card p {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
.cs-php-box {
  border-radius: 20px;
  background: #ebf2fc;
  overflow: hidden;
  min-height: 400px;
  height: 100%;
}
.cs-php-box .cs-php-content {
  padding: 50px;
}
.cs-php-box .cs-php-content h4 {
  color: #0e1d31;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.cs-php-box .cs-php-content p {
  font-size: 1rem;
}
.cs-php-box .cs-php-content .badge {
  background-color: #ffffff;
  color: #0e1d31;
}
.cs-php-box .cs-thumb img {
  width: 220px;
  height: auto;
  /* transform: perspective(750px) translate3d(0px, 0px, -81px) rotateX(369deg); */
  position: absolute;
  bottom: 19px;
  right: 30px;
}
.cs-php-mb {
  margin-bottom: 2rem;
}
.php-cs-btn {
  position: relative;
  margin-top: 2rem;
}
.php-cs-btn .hire-casestudy-cta {
  padding: 10px 14px;
}
.desktop-process .circle {
  width: 150px;
  height: 150px;
  background-color: #0e1d31;
  border-radius: 50%;
  margin: 0 auto 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.desktop-process .circle::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 2px dotted #cccccc;
  border-radius: 50%;
}

.desktop-process .number {
  position: absolute;
  top: 13px;
  left: -60px;
  background-color: #ffffff;
  border: 2px solid #172258;
  color: #333333;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.desktop-process .number2 {
  position: absolute;
  bottom: 11px;
  top: auto;
  left: -60px;
  background-color: #ffffff;
  border: 2px solid #172258;
  color: #333333;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.process-steps-section .desktop-process i {
  color: #fff;
  font-size: 3rem;
}

.process-steps-section .desktop-process .title {
  font-size: 1.2rem;
  color: #ee4865;
  margin-bottom: 10px;
}
.process-steps-section.hire-process-steps .desktop-process i {
  color: #0e1d31;
  font-size: 3rem;
}
.hire-process-steps .desktop-process .circle {
  background-color: #ffffff;
}
.process-steps-section.hire-process-steps .desktop-process .title {
  font-size: 1.2rem;
  color: #ee4865;
}
.process-steps-section .desktop-process .description {
  font-size: 1rem;

  font-weight: 300;
}
.process-steps-section.hire-process-steps .desktop-process .description {
  color: #fff;
  font-weight: 300;
}
.hire-php-int-client-section .invisible-heading th:first-child {
  visibility: hidden;
  border: none !important;
  background-color: transparent !important;
}
.hire-php-int-client-section .table th,
.table td {
  vertical-align: middle;
  text-align: left;
}
.hire-php-int-client-section td.highlight-india.text-center img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(65%) saturate(5670%)
    hue-rotate(110deg) brightness(96%) contrast(102%);
  width: 26px;
  height: 26px;
}
.hire-php-int-client-section td .cross-icon {
  width: 14px;
  height: 14px;
  margin-right: 0.5rem;
  filter: brightness(0) saturate(100%) invert(13%) sepia(73%) saturate(5696%)
    hue-rotate(351deg) brightness(111%) contrast(112%);
}
.hire-php-int-client-section .table td {
  font-size: 0.9rem;
  font-weight: 300;
  opacity: 0.8;
  position: relative;
}
.hire-php-int-client-section .table tr td:first-child {
  color: #0e1d31;

  font-weight: 400;
  opacity: 1;
  font-size: 1rem;
}
.hire-php-int-client-section .table thead th {
  background-color: #64c3f12e;
  color: #0e1d31;

  font-weight: 400;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.hire-php-int-client-section .table td a:hover {
  color: #ee4865;
}
.hire-php-int-client-section .invisible-heading th:first-child {
  visibility: hidden;
}
.process-steps-section .desktop-process .description {
  line-height: 1.5;
  font-size: 15px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.process-steps-section .curve_arrow {
  position: absolute;
  top: -48px;
  right: -79px;
  width: 154px;
}

.process-steps-section .curve_arrow2 {
  position: absolute;
  top: 52px;
  right: -79px;
  width: 154px;
}

.process-steps-section .curve_arrow img {
  height: auto;
  max-width: 86%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(53deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(60%) saturate(2142%)
    hue-rotate(215deg) brightness(88%) contrast(97%);
}
.process-steps-section.laravel-steps .curve_arrow img,
.process-steps-section.laravel-steps .curve_arrow2 img {
  max-width: 100%;
}
.process-steps-section.hire-process-steps .curve_arrow img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(73%) saturate(0%)
    hue-rotate(29deg) brightness(110%) contrast(101%);
  opacity: 0.5;
}
.process-steps-section .curve_arrow2 img {
  height: auto;
  max-width: 86%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(317deg);
  filter: brightness(0) saturate(100%) invert(12%) sepia(60%) saturate(2142%)
    hue-rotate(215deg) brightness(88%) contrast(97%);
}
.process-steps-section.hire-process-steps .curve_arrow2 img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(73%) saturate(0%)
    hue-rotate(29deg) brightness(110%) contrast(101%);
  opacity: 0.5;
}
/* .arrow::after {
    content: '';
    position: absolute;
    right: -10px;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid #cccccc;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
} */
/* th.sticky,
td.sticky {
  position: sticky;
  left: 0;
  background: #ddd;
} */

/* th.sticky::after,
td.sticky::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 0;
  bottom: -1px;
  width: 5px;
  border-left: 1px solid var(--borderColor);
  background: linear-gradient(90deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);
} */
.mobile-devVsFr table.table2 tr th:nth-child(2),
.mobile-devVsFr table.table2 td:nth-child(2) {
  position: sticky;
  left: 0;
  background-color: #202054;
  white-space: normal;
  color: white;
}
.mobile-devVsFr table.sticy-table2 tr th:first-child,
.mobile-devVsFr table.sticy-table2 td:first-child {
  position: sticky;
  left: 0;
  background-color: #202054;
  white-space: normal;
  color: white;
}

.mobile-devVsFr th.sticky::before,
.mobile-devVsFr td.sticky::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0;
  bottom: -1px;
  width: 5px;
  border-right: 1px solid var(--borderColor);
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.08) 100%
  );
}

.mobile-devVsFr .table-wrapper {
  border: 1px solid var(--borderColor);
  overflow: auto;
}

.mobile-devVsFr table {
  border-spacing: 0;
}

.mobile-devVsFr thead {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.mobile-devVsFr tbody {
  font-size: 14px;
}

.mobile-devVsFr th,
.mobile-devVsFr td {
  padding: 18px 8px;
}

.mobile-devVsFr table,
th,
td {
  border: 1px solid #f1f1f1;
  background: #fff;
}

.mobile-devVsFr tr:last-child td {
  border-bottom: none;
}

.mobile-devVsFr {
  display: none;
}

.bannerBtn:hover {
  background: #e40015 !important;
  color: #fff !important;
  border: 2px solid #d53231 !important;
  box-shadow: rgb(255 255 255 / 54%) 0px 0px 8px 3px;
}

.Gencaptcha input {
  background: url(http://img3.uploadhouse.com/fileuploads/17737/17737011310213e71805ecf2292144cbbecf42ad.png)
    no-repeat scroll 0 0 transparent;
  margin: 5px 0 0;
  padding: 0;
  border: medium none;
  cursor: pointer;
  width: 15px;
}

.Gencaptcha {
  display: flex;
}

.newCap {
  padding: 2px 10px;
  border-radius: 0 10px 10px 0;
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #ee4865 !important;
  border: 1px solid #c3374f;
}

.modal .captchCode {
  border: 0;
}

.captchCode {
  border-radius: 12px 0 0 12px;
  width: 100%;
  background: #fff;
  position: relative;
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-right: 0;
  font-size: 18px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

/* .ai-btm-accredtn
{
    padding: 5px;
    border-radius: 12px;
} */
.ai-btm-accredtn .accrdt-int-grid {
  background-color: #fff;
  height: 150px;
  padding: 10px;
  margin-top: 20px;
}
.ai-btm-accredtn .accrdt-int-grid img {
  width: 100%;
}
.ai-btm-accredtn .accrdt-int-grid .txt-sm {
  width: 100%;
}
/* .ai-btm-accredtn img
{
    width: 76%;
} */
.ai-btm-accredtn p {
  color: #212529;
  font-size: 10px;
}

.process-steps-section .step-description {
  color: #333;
}

@media (min-width: 1024px) and (max-width: 1399px) {
  .subHeading {
    font-size: 1.4rem !important;
    line-height: 1.4;
  }
}

@media screen and (max-width: 789px) {
  .formsection .home-cmn-ttl {
    margin-left: 0;
  }
  .phpCombinations .service-item {
    padding-right: 0;
  }
  .hire-int-client-card {
    height: auto;
    padding: 10px;
    margin-bottom: 1rem;
  }
  .glass-container {
    padding: 10px;
  }
  #carouselExampleInterval.owl-carousel .owl-nav button {
    position: relative;
    margin: auto;
  }
  .hire-caseStudySection h2,
  .hire-caseStudySection p {
    text-align: left !important;
  }
  .cs-php-box .cs-php-content p {
    font-size: 1.1rem;
  }
  .cs-php-box .cs-php-content h6 {
    margin-bottom: 0.5rem;
  }
  .hire-php-int-client-section .table-responsive {
    height: auto !important;
  }
  .hire-caseStudySection hr {
    margin: initial;
  }
  .hire-int-client-card h4 {
    height: auto;
    padding-bottom: 1rem;
    font-size: 1.4rem;
  }
  .hire-int-client-card h5 {
    font-size: 1.2rem;
  }
  .hire-php-int-client-section h2 {
    /* text-align: left !important; */
  }
  .hire-php-int-client-section hr {
    display: none;
  }
  .industries-serve-style2-bg {
    background-image: none !important;
    position: relative;
  }

  .desktop-devVsFr {
    display: none;
  }

  .mobile-devVsFr {
    display: block;
  }
  .cs-php-box .cs-php-content {
    padding: 10px;
    height: auto;
  }
  .cs-php-box .cs-thumb img {
    width: 80%;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .php-cs-btn {
    margin-bottom: 1rem;
  }
  .why-hire {
    height: calc(100% - 24px);
  }

  .developer-container {
    display: none;
  }

  .section-wraper-left .feature-card:nth-child(2) {
    margin-left: auto;
    margin-right: auto;
  }

  .section-wraper-right .feature-card:nth-child(2) {
    margin-right: auto;
    margin-left: auto;
  }

  .feature-icon {
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
    top: auto;
    right: auto;
  }
  .next-gen-sw-img {
    width: 28%;
  }
  .php-comb-img {
    width: 20%;
  }

  .industries-serve-style1-bg {
    background-image: none !important;
  }

  .service-icon2 {
    bottom: 2px;
    right: 2px;
    width: 30px !important;
    height: 30px !important;
  }

  .showcase-container .feature-card {
    text-align: center;
  }

  .qss-vs-freelancers {
    display: block;
  }

  .softlabsDevCard {
    transform: none;
  }
}

/* agile page */
.agile-Word h4 {
  font-size: 3rem;
  letter-spacing: 6px;
  line-height: 5rem;
  color: #172258ab;
}

.agile-Word .tw {
  text-align: right;
  margin-right: 18px;
}

.agile-Word .st {
  text-align: left;
  margin-left: 120px;
}

.agile-Word .pl {
  text-align: left;
  margin-left: 160px;
}

.agile-Word .sl {
  text-align: right;
  margin-right: 60px;
}

.agile-Word .ids {
  text-align: center;
  margin-left: 140px;
}

.agile-Word h4 span {
  color: #e20015;
}

.agile-Meth-Div {
  margin-top: 4rem;
}

.agile-Meth-Div .am-div {
  padding: 20px;
  text-align: center;
  margin: 0 5px 0 5px;
  transition: all 450ms ease-in-out;
  border-radius: 12px;
  /* box-shadow: 0 0 15px 10px #1722583b; */
  box-shadow:
    rgb(23 34 88 / 35%) 0px 6px 12px -2px,
    #e3040057 0px 3px 7px -3px;
  height: calc(100% - 30px);
}

.agile-Meth-Div .am-div-mt {
  margin-top: 2rem;
}

.am-div .am-div-txt {
  /* padding: 35px 39px 37px 39px; */
  /* margin-left: -65px; */
  border-radius: 12px;
}

.am-div .am-div-ico {
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 50%;
  position: relative;
  background-color: #f3f5ff;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
    rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.am-div-ico-bg1 {
  background-color: #f3f5ff;
}

.am-div-ico-bg2 {
  background-color: #f9ecec;
}

.am-div-ico-bg3 {
  background-color: #ecf9ef;
}

.am-div-ico-bg4 {
  background-color: #f9f9ec;
}

.am-div-ico-bg5 {
  background-color: #ecf2f9;
}

.am-div .am-div-ico img {
  width: 50px;
  transform: translateY(30%);
  filter: invert(14%) sepia(18%) saturate(6030%) hue-rotate(207deg)
    brightness(88%) contrast(100%);
}

.am-div-txt h5 {
  color: #0e1d31;
}

.stats-box {
  border-radius: 14px;
  padding: 40px 30px;
  min-height: 320px;
  background-color: #0e1d31;
  color: #f6f8ff;
  position: relative;
}

.stats-box img {
  position: absolute;
  top: 64px;
  left: 90px;
}

.future-trends .left-text {
  padding-right: 4rem;
}

.mt100 {
  margin-top: 100px;
}

.mt20 {
  margin-top: 20px;
}

.agile-approach-content {
  text-align: left;
  width: 90%;
}

.agile-approach-content h2 {
  color: #172258;
}

.agile-approach-wrap .shape {
  opacity: 0.05;
}

.agile-approach-wrap .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.agile-approach-wrap {
  background-color: #ededed;
  width: 100%;
  padding: 80px 115px 80px 150px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.agile-approach-wrap .agile-approach-img-wrap img {
  width: 100%;
}

.agile-approach-wrap .agile-approach-img-wrap .agile-approach-img-2 .img-2 {
  border-right: 10px solid #f2f3f4;
  border-top: 10px solid #f2f3f4;
}

.agile-approach-wrap .agile-approach-img-wrap .agile-approach-img {
  transform: translateY(-120px);
  position: relative;
  max-width: 507px;
  width: 100%;
  margin-left: auto;
}

.agile-approach-wrap .agile-approach-img-wrap .agile-approach-img-2 {
  max-width: 325px;
  width: 100%;
  height: 280px;
  position: absolute;
  bottom: 0;
  left: -30px;
}

.icon-bx-wraper {
  display: inline-flex;
  align-items: flex-start;
}

.wrapper-ml1 {
  margin-left: 1rem;
}

.wrapper-ml2 {
  margin-left: 4rem;
}

.icon-bx-wraper .icon-content {
  margin-left: 1.4rem;
  margin-bottom: 1rem;
}

.icon-bx-wraper.style-2 .icon-bx {
  font-size: 30px;
  border-radius: 10px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  line-height: 50px;
  text-align: center;
  box-shadow: 0 5px 15px 0 #172258b3;
  background-color: #0e1d31 !important;
}

.icon-bx-wraper.style-2 .icon-bx img {
  filter: brightness(0) saturate(100%) invert(83%) sepia(16%) saturate(537%)
    hue-rotate(186deg) brightness(103%) contrast(104%);
  width: 40px;
}

.agile-title {
  font-family: "Lexend", sans-serif !important;
  font-size: 1.4rem;
}

.agile-desc {
  color: #545454;
  font-weight: 400;
}

.agile-img {
  width: 100%;
}

.tools-card {
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  padding: 1rem;
  height: calc(100% - 18px);
}

.tools-card h5 {
  font-family: "Lexend", sans-serif !important;
  color: #0e1d31;
}

.tools-img-div {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.tools-img {
  margin-right: 10px;
}

.tools-img {
  width: 84px;
  height: 84px;
  padding: 10px;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 6px;
  border: 1px solid #eee;
  border-radius: 12px;
  background: rgba(57, 109, 187, 0.36);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(57, 109, 187, 0.44);
}

.tools-img img {
  width: 100%;
}

.tools-img-div p {
  font-size: 0.7rem;
}

.process-step-div {
  background: #fff;
  padding: 20px;
  border-radius: 0 56px 56px 0;
  width: 60%;
  float: right;
}

.agile-process .process-item {
  width: 20%;
}

.agile-process .tab-content {
  margin-top: 5rem;
}

.agile-process .tab-pane img {
  width: 100%;
  -webkit-box-shadow: -8px 10px 5px 0px rgb(23 34 88 / 70%);
  -moz-box-shadow: -8px 10px 5px 0px rgb(23 34 88 / 70%);
  box-shadow: -8px 10px 5px 0px rgb(23 34 88 / 70%);
  border-radius: 4px;
}

.process-desc {
  padding-left: 5rem;
}

.process-desc h4 {
  text-decoration: none;
  text-decoration-color: #e40016;
  font-family: "Lexend", sans-serif !important;
  font-size: 2.2rem;
  margin-bottom: 1.4rem !important;
}

.agile-process .nav-pills .nav-link {
  border: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
  width: 150px;
  height: 140px;
  padding: 2px;
}

.agile-process .nav-pills .nav-link img {
  width: 45px;
}

.agile-process .nav-pills .nav-link p {
  margin-bottom: 0;
  font-size: 0.9rem;
  margin-top: 0.2rem;
}

.agile-process .nav-pills .nav-link.active {
  background-color: #172258;
  box-shadow: 0 5px 15px 0 #172258b3;
  border: 1px solid #172258;
}

.agile-process .nav-pills .nav-link.active img {
  filter: invert(99%) sepia(0%) saturate(7494%) hue-rotate(194deg)
    brightness(101%) contrast(103%);
}

.agile-process .nav-pills .nav-link:hover {
  background-color: #172258;
  box-shadow: 0 5px 15px 0 #172258b3;
  border: 1px solid #172258;
}

.agile-process .nav-pills .nav-link:hover p {
  color: #fff;
}

.agile-process .nav-pills .nav-link:hover img {
  filter: invert(99%) sepia(0%) saturate(7494%) hue-rotate(194deg)
    brightness(101%) contrast(103%);
}

.agile-approch-word {
  width: 90%;
}

.agile-banner .subHeading {
  /* font-size: 1.8rem; */
  color: #fff !important;
  opacity: 0.9;
}

/* .agile-banner h1 {
    font-size: 3rem;
} */

.agile-banner .banner-desc {
  /* font-size: 1.4rem !important; */
  color: #fff !important;
  opacity: 0.9 !important;
}

.process-icon {
  width: 40px;
  filter: invert(11%) sepia(86%) saturate(7125%) hue-rotate(15deg)
    brightness(94%) contrast(112%);
  animation: slide1 1s ease-in-out infinite;
}

.agile-process .nav-item {
  padding-right: 16px;
}

#client-logo-owl img.case-studies-img {
  width: 82% !important;
  height: auto;
}

#client-logo-owl .item {
  background-color: #fff;
  padding: 5px;
  height: auto;
  border-radius: 6px;
}

.agile-img {
  border-radius: 0 110px;
}

@media screen and (max-width: 768px) {
  .agile-banner {
    padding-top: 16vh;
    background-image: linear-gradient(
      184deg,
      rgba(17, 35, 90, 1) 48%,
      rgba(2, 0, 10, 1) 94%
    );
    min-height: auto;
  }

  .agile-banner h1 {
    font-size: 2.4rem;
  }

  .agile-banner .subHeading {
    font-size: 1.6rem !important;
  }

  .agile-banner .banner-desc {
    font-size: 1.2rem !important;
  }

  .wrapper-ml1 {
    margin-left: 0;
  }

  .wrapper-ml2 {
    margin-left: 0;
  }

  .agile-approch-word {
    width: 100%;
  }

  .tools-img {
    width: 69px;
    height: 70px;
    padding: 6px;
  }

  .stats-box.mt100 {
    margin-top: 20px;
  }

  .agile-approach-wrap {
    padding: 40px 10px 40px 10px;
  }

  .agile-approach-content {
    text-align: left;
    width: 100%;
  }

  .agile-approach-heading .pfont {
    text-align: left !important;
  }

  .tools-card {
    margin-bottom: 1rem;
    height: auto;
  }

  .agile-Meth-Div .am-div-mt {
    margin-top: 0;
  }

  .agile-Meth-Div .am-div {
    margin-bottom: 1rem;
    height: auto;
  }

  .mobile-scroll ul {
    display: inline-block;
  }

  .agile-process .nav-pills .nav-link {
    width: 100%;
    height: 100px;
  }

  .agile-process .nav-pills .nav-link img {
    width: 40px;
    height: auto;
  }

  .process-icon {
    width: 34px;
  }

  .process-arrow {
    display: none;
  }

  .process-desc h4 {
    margin-top: 2rem !important;
  }

  .process-desc {
    padding: 10px !important;
  }

  .agile-process .tab-content {
    margin-top: 0;
  }

  #client-logo-owl .item {
    height: auto;
  }

  .future-trends .left-text {
    padding-right: 0;
    text-align: center;
  }

  .stats-box img {
    top: 50px;
    width: auto;
  }

  .cta-section h4 {
    text-align: center !important;
    margin-bottom: 1rem;
  }

  .agile-img {
    margin-bottom: 4rem;
  }

  .when-need-agile-section {
    padding-bottom: 10px;
  }

  #client-logo-owl .owl-nav button {
    display: none;
  }

  .asp-net-banner {
    height: auto;
    padding-top: 100px;
  }

  .future-trends .stats-box {
    min-height: auto !important;
    font-size: 1.6rem;
  }
  .sweden-future-trends .stats-box img {
    top: 33px !important;
    left: 135px !important;
    height: 42px;
  }
  .Gencaptcha {
    margin-top: 13px !important;
  }
  .reactjs-banner {
    height: auto;
    padding-top: 120px;
  }
  .phpCombinations .service-description,
  .feature-description {
    font-size: 1.1rem;
    font-weight: 300;
  }
  .ent-ai-service-section h2.pfont,
  .ent-ai-service-section p.sub-txt {
    text-align: left !important;
  }
  .integration-title {
    font-size: 1.4rem;
    text-align: center;
  }
  .logo-strip {
    justify-content: center;
  }
  .glass-card {
    text-align: center;
    height: auto;
  }
  .visual-wrapper {
    text-align: center;
    height: auto;
    margin-top: 2rem;
  }
  .visual-container {
    border-radius: 12px;
  }
  .results-section h6 {
    font-size: 1.4rem;
    text-align: center;
  }
}

@media only screen and (max-width: 479px) {
  .asp-netbanner-section img {
    display: block;
  }

  .ai-btm-accredtn .accrdt-int-grid {
    height: 100px;
  }
  .hire-php-int-client-section .table-responsive {
    height: auto !important;
  }
  .ctaDiv .btn,
  .ctaDiv .consultCTA {
    font-size: 1rem;
    padding: 8px 10px 8px 10px;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 1600px) and (min-width: 1270px) {
  #client-logo-owl .item {
    height: 66px;
  }
}

@media screen and (max-width: 970px) and (min-width: 700px) {
  #client-logo-owl .item {
    height: 120px;
  }
}

/* filter */
.checkbox-wrapper-19 {
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 25px;
}

@-moz-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@-webkit-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}

@keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-webkit-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

@-moz-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }

  50% {
    height: 0;
  }

  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}

.filter-btn-div {
  display: flex;
  column-gap: 16px;
}

.filter-container {
  display: flex;
  column-gap: 32px;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 2rem;
  position: relative;
  margin-top: 2rem;
  border-radius: 12px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
    rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

/* .filter-overlay
  {
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
     visibility: hidden;
    opacity: 0;
  } */
.newCase-study .cardimg img {
  margin-top: 22px;
  width: 250px;
  z-index: 1;
  height: calc(100% - 10%);
  border-radius: 10px !important;
  box-shadow: #11235ae3 5px 4px 4px;
  object-fit: cover;
}

.chk-grp input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.chk-grp label {
  /* position: relative;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center; */
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgb(23 34 88 / 69%);
  color: #172258ab;
  border-radius: 12px;
  white-space: nowrap;
  margin: 3px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 400;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 1rem;
}

.chk-grp label:before {
  /* content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #172258;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px; */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome";
  font-weight: 400;
  font-size: 1rem;
  padding: 2px 6px 2px 2px;
  content: "\f067";
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition:
    transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}

.chk-grp input:checked + label {
  /* content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #e30400;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); */
  border: 1px solid #11235a;
  background-color: #172258;
  color: #fff;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.chk-grp input:checked + label:before {
  content: "\f00c";
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition:
    transform 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out;
}

.chk-grp {
  margin-bottom: 10px;
  margin-top: 10px;
}

.close-btn {
  position: absolute;
  right: 2%;
  top: 10px;
  z-index: 1;
  cursor: pointer;
}

.close-btn i {
  font-size: 1.4rem;
  color: #e40015;
}

.filter-btn {
  background-color: transparent !important;
  color: #172258;
  border-radius: 12px;
  border-color: #172258 !important;
}

.filter-btn:hover {
  background-color: #172258;
  color: #fff;
  border-radius: 12px;
}

.active-filter {
  background-color: #172258 !important;
  color: #fff !important;
}

.tech-lists {
  list-style-type: circle;
  display: flex;
  font-size: 0.9rem;
  margin-left: 0;
  padding-left: 16px;
  flex-wrap: wrap;
  column-gap: 38px;
}

.tech-lists li {
}

.tech h6 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #172258 !important;
}

.tech {
  margin-bottom: 0;
}

.indust_name {
  color: #172258;
}

.golfincard {
  padding-left: 116px;
  box-shadow:
    rgb(0 0 0 / 24%) 0px 0px 5px 0px,
    rgb(0 0 0 / 17%) 0px 0px 1px 0px;
}

.golfincard .card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.golfcard {
  cursor: auto;
}

.golfcard .arrow {
  margin: 0;
}

.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: #ffffff;
  min-width: 100%;
  border-radius: 14px 14px;
  height: auto;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s linear 0s;
}

.post-module:hover,
.hover {
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.post-module:hover .thumbnail img,
.hover .thumbnail img {
  transform: scale(1.1);
  opacity: 0.6;
}

.post-module .thumbnail {
  border-radius: 14px 14px;
  height: 450px;
  overflow: hidden;
}

.post-module .thumbnail img {
  display: block;
  width: 100%;
  transition: all 0.3s linear 0s;
}

.post-module .post-content {
  position: absolute;
  bottom: 0;
  background: #ffffff;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 14px;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.post-module .post-content .category {
  position: absolute;
  top: -18px;
  left: 0;
  background: #e30015;
  padding: 5px 15px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 0 5px 5px 0;
  font-weight: 600;
  text-transform: uppercase;
}

.post-module .post-content .title {
  margin: 0;
  padding: 0 0 10px;
  color: #333333;
  font-size: 1.5rem;
  font-weight: 600;
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-module .post-content .sub_title {
  margin: 0;
  padding: 0 0 20px;
  color: #e74c3c;
  font-size: 20px;
  font-weight: 400;
}

.post-module .post-content .description {
  display: none;
  color: #666666;
  font-size: 14px;
  line-height: 1.8em;
  opacity: 1;
}

.post-module .post-content .post-meta {
  margin: 10px 0 0;
  color: #999999;
}

.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}

.post-module .post-content .post-meta a {
  padding-left: 180px;
  color: #999999;
  text-decoration: none;
}

a h2.title:hover {
  color: #172258 !important;
  /* text-decoration: underline; */
}

.post-module .viewBtn {
  color: #ea1816;
  font-size: 0.9rem;
}

.newCase-study {
  padding-top: 60px;
}

.caseStudies2 {
  margin-top: 30px;
}

.applyBtn {
}

@media screen and (max-width: 768px) {
  .post-module .thumbnail {
    height: 418px;
  }
  .filter-btn {
    padding: 7px 10px 7px 10px;
    font-size: 12px;
  }

  .filter-btn-div {
    column-gap: 12px;
  }

  .new-case-study-banner {
    padding-top: 120px;
    padding-bottom: 0px;
    background: #ededed;
    text-align: center;
    box-shadow: none;
  }

  .applyBtn {
    display: block;
    width: 100%;
    padding: 6px 25px 6px 25px !important;
  }
  .applyBtn:hover {
    padding: 6px 25px 6px 25px !important;
  }
  .post-module .post-content .category {
    font-size: 11px;
    top: -0;
  }

  .post-module .tech {
    margin-top: 10px;
  }

  .newCase-study {
    padding-top: 0px;
  }

  .new-case-study-banner h1 {
    color: #172258;
  }

  .chk-grp {
    margin-bottom: 4px;
  }

  .filter-container {
    column-gap: 10px;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
  }

  .overlay-filter {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
  }

  .close-btn i {
    font-size: 2rem;
  }

  .filter-btn:hover {
    padding: 7px 10px 7px 10px;
  }
  .post-module .post-content .title {
    height: auto;
    -webkit-line-clamp: 8;
  }
}

/* Card Styling */
.ind-stat-card {
  background: #ffffff;
  padding: 35px;
  border-radius: 12px;
  border: 1px solid rgba(14, 29, 49, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ind-stat-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(14, 29, 49, 0.1);
  border-color: #0e1d31;
}
.ind-card-featured {
  border-top: 4px solid #ee4865;
}
.card-accent-left {
  border-left: 4px solid #ee4865;
}
/* Elements */
.ind-stat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.ind-stat-number {
  font-size: 2.5rem;
  font-weight: 500;
  color: #0e1d31;
  letter-spacing: -1px;
}
.ind-stat-number.highlight {
  color: #ee4865;
}
.ind-stat-trend {
  font-size: 1.1rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
  flex-shrink: 0;
}
.ind-stat-trend.down {
  background: rgba(238, 72, 101, 0.1);
  color: #ee4865;
}
.ind-stat-label {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 12px;
  color: #0e1d31;
}
.ind-stat-info {
  color: #0e1d31; /* Using #0e1d31 */
  opacity: 0.75;
  font-size: 0.95rem;
  margin-bottom: 20px;
  flex-grow: 1;
}

/* Large Card specific fixes */
.ind-stat-number-container {
  padding-right: 15px;
}

/*methodology css*/
.st-item {
  background: #fff;
  border: 1px solid rgba(167, 139, 250, 0.08);
  padding: 32px 28px;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  transform: translateY(40px);
}
.st-item.visible {
  opacity: 1;
  transform: translateY(0);
}
.st-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #eb87a9, transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.st-item:hover::before {
  transform: scaleX(1);
}
.st-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 30%,
    rgba(167, 139, 250, 0.07),
    transparent 60%
  );
  opacity: 0;
  transition: opacity 0.4s;
}
.st-num {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: #e37a8c;
  margin-bottom: 24px;
  display: block;
  transition: color 0.3s;
}
.st-name {
  font-size: 1.9rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-bottom: 14px;
  color: #0e1d31;
  transition: color 0.3s;
}
.st-pill {
  display: inline-block;
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(167, 139, 250, 0.1);
  color: #ee4865;
  margin-bottom: 18px;
}
.st-desc {
  font-size: 1rem;
  font-weight: 300;
  color: #0e1d31;
  line-height: 1.5;
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.st-item:hover .st-desc {
  height: 80px;
}
/* healthcare */
.healthcare-indu-challenges .nav-item {
  padding-right: 0;
}
.healthcare-indu-challenges .nav-pills .nav-link {
  border: 1px solid #ddd;
  text-align: center;
  cursor: pointer;
  width: 166px;
  height: 166px;
}
.healthcare-challenge-desc {
  background: #fbfbfb;
  padding: 20px;
  border-radius: 70px;
  padding-left: 75px;
  box-shadow: rgb(183 120 120 / 45%) 0px 25px 20px -20px;
}
.healthcare-soln-desc {
  background: #fbfbfb;
  padding: 20px;
  border-radius: 70px;
  padding-left: 75px;
  box-shadow: #94bfed 0px 25px 20px -20px;
}
.healthcare-challenge-desc,
.healthcare-soln-desc {
  margin-left: 10px;
}
.healthcare-challenge-desc p,
.healthcare-soln-desc p {
  color: #555454;
}
.healthcare-challenge-desc h5,
.healthcare-soln-desc h5 {
  text-transform: uppercase;
}
.Healthcare-dashboard1 {
  background-image:
    radial-gradient(#deeaffbf, #8e959ff0),
    url(../img/ai-manufacture/marketRealityBg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.Healthcare-dashboard3,
.fintech-dash {
  background-image:
    radial-gradient(#6a68cbcc, #0e1d31e0),
    url(../img/dashboard-img/dashboard_bg.jpg);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.healthDashImg1 {
  transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
  border: 4px solid #3f51b5;
  border-radius: 20px;
}
.fintechDashImg {
  transform: perspective(1500px) rotateY(15deg);
  width: 50%;
  border: 5px solid #0e1d31;
  border-radius: 20px;
  position: absolute;
  left: 20%;
  top: 34%;
  -webkit-box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
}
.fintechDashImg2 {
  width: 300px;
  transform: perspective(1000px) rotateY(-8deg);
  right: 19%;
  position: absolute;
  border: 5px solid #0e1d31;
  border-radius: 20px;
  top: 27%;
  -webkit-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
}
.fintechDashImg3 {
  transform: perspective(800px) rotateY(25deg) scale(0.9) rotateX(10deg);
  width: 300px;
  position: absolute;
  border: 5px solid #0e1d31;
  border-radius: 20px;
  right: 5%;
  top: 27%;
  -webkit-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
}
.dashboardDiv {
  margin: 400px 0;
  padding: 100px 0;
}
.fintech-dash .dashboardDiv {
  margin: 300px 0;
  padding: 40px 0;
}
.Healthcare-dashboard2 img {
  transform: perspective(800px) rotateY(25deg) scale(0.9) rotateX(10deg);
}
.healthDashImg2 {
  transform: perspective(1000px) rotateY(25deg) scale(1) rotateX(10deg);
  width: 50%;
  border: 5px solid #0e1d31;
  border-radius: 20px;
  position: absolute;
  left: 20%;
  -webkit-box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: -18px 19px 70px 7px rgba(0, 0, 0, 0.94);
}
.healthDashImg3 {
  transform: perspective(1000px) rotateX(4deg) rotateY(-16deg) rotateZ(4deg);
  width: 50%;
  position: absolute;
  border: 5px solid #0e1d31;
  border-radius: 20px;
  right: 5%;
  top: 16%;
  -webkit-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
}
.dashboardTxt1 {
  position: absolute;
  top: 20%;
  font-size: 3.5rem;
  color: #fff;
  width: 32%;
  word-wrap: inherit;
}
.dashboardTxt2 {
  position: absolute;
  top: 10%;
  font-size: 3.5rem;
  color: #fff;
  width: 32%;
  word-wrap: inherit;
}
.fintech-dash .dashboardTxt2 {
  width: 100%;
  top: 15%;
}
/* .dashboardTxt2
{
    position: absolute;
    right: 0;
    top: 58%;
    font-size: 3.5rem;
    color: #fff;
    width: 32%;
    word-wrap: inherit;
} */
.challengeTxt {
  color: #e00e22;
}
.solnTxt {
  color: #172258;
}
.healthcare-indu-challenges .process-desc {
  padding-left: 2rem;
}
.healthcare-indu-challenges .title {
  text-decoration: none;
  text-decoration-color: #e40016;
  font-family: "Lexend", sans-serif !important;
  font-size: 2rem;
  margin-bottom: 3rem;
}
.healthcare-indu-challenges .nav-pills .nav-link:hover {
  background-color: #737abf;
  box-shadow: 0 5px 15px 0 #172258b3;
  border: 1px solid #737abf;
}
.healthcare-indu-challenges .tab-content {
  margin-top: 0rem;
}

.health-soln-desc {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.health-soln-desc p {
  color: #555454;
  margin-top: 1rem;
}
.smarter-healthcare .industry-item {
  width: 100%;
  position: relative;
}
.smarter-healthcare .indDecDiv {
  bottom: -36px;
  left: 16%;
}
.arrowDiv {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.accordion .card {
  margin: 0 0 15px 10px;
  background-color: transparent;
}
.accordion .card-header {
  background: #000a36 none repeat scroll 0 0;
  border: 1px solid transparent;
  border-radius: 30px !important;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 400;
  padding: 12px 20px 12px 73px;
  position: relative;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  margin-left: 6px;
  margin-top: 8px;
}
.accordion .card-header[aria-expanded="false"]::after {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: none;
  color: #333;
  content: "";
}
.accordion .card-header::after {
  background: #000a36 none repeat scroll 0 0;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 25px;
  height: 55px;
  left: -3px;
  line-height: 55px;
  position: absolute;
  text-align: center;
  top: -2px;
  transition: all 0.3s ease 0s;
  width: 55px;
}
.accordion .card-body {
  font-size: 1rem;
  padding-left: 5rem;
}
.healthcare-feature-box {
  padding: 40px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 16px 0px #007bff40;
  border-radius: 10px;
}
.about-right-side {
  padding-left: 4rem;
}

.healthcareCaseStudies .blog-content {
  color: #fff;
  width: 50%;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 30px;
  border: 1px solid #c1c1c1;
  border-radius: 0 10px 10px 0;
  position: relative;
}
.healthcareCaseStudies .blog-card {
  display: flex;
  padding: 20px;
}
.healthcareCaseStudies.owl-carousel .owl-nav button.owl-next,
.healthcareCaseStudies.owl-carousel .owl-nav button.owl-prev {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
}
.healthcareCaseStudies.owl-carousel .owl-nav button.owl-next:hover,
.healthcareCaseStudies.owl-carousel .owl-nav button.owl-prev:hover {
  color: #172258;
}
.healthcareCaseStudies .blog-card .blog-cta {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 1rem;
  background-color: #f1f1f1;
  color: #172258;
  font-weight: 600;
}
.healthcareCaseStudies .blog-card .blog-cta:hover {
  background-color: #fff;
  color: #172258;
}
.home-caseStudy .healthcareCaseStudies.owl-carousel .owl-nav button.owl-next,
.home-caseStudy .healthcareCaseStudies.owl-carousel .owl-nav button.owl-prev {
  background-color: #ef3f67;
  font-size: 26px;
  line-height: 55px;
  color: #fff;
}
.home-caseStudy .healthcareCaseStudies .blog-card .blog-title {
  font-size: 1.8rem;
  position: absolute;
  z-index: 1;
  padding: 10px;
  border-radius: 6px;
  margin: 10px 20px;
  background: #ffffffc7;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #172258;
}
.home-caseStudy .healthcareCaseStudies .blog-card .blog-content .blog-title {
  position: relative;
  background: transparent;
  box-shadow: none;
  border: 0;
  margin: 0;
  color: #fff;
}
.countryFlag {
  display: flex;
  align-items: center;
  position: absolute;
  left: 15px;
  top: 9px;
  height: 58px;
  background: #ffffff80;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  padding: 10px;
  border-radius: 8px;
}
.countryFlag span {
  font-size: 0.9rem;
  font-weight: 600;
  color: #101d30;
}
.countryFlag img {
  width: 36px !important;
  margin-left: 10px !important;
  height: auto;
}
/* News Section */
.feature-box-layout1 {
  position: relative;
  border-radius: 4px;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 4px 30px 0px #d0d0d0;
  -moz-box-shadow: 0px 4px 30px 0px #d0d0d0;
  box-shadow: 0 4px 30px 0px #d0d0d0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-box-layout1 .item-img {
  border-radius: 4px;
}
.feature-box-layout1 .item-img img {
  border-radius: 4px;
}
.feature-box-layout1 .item-img:before,
.feature-box-layout1 .item-img:after {
  border-radius: 4px;
}
.bg--gradient-80 {
  position: relative;
}
.bg--gradient-80:after {
  opacity: 0.8;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#111),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(transparent, #111);
  background-image:
    -moz-linear-gradient(transparent, #111),
    -moz-linear-gradient(transparent, #111);
  background-image:
    -o-linear-gradient(transparent, #111),
    -o-linear-gradient(transparent, #111);
  background-image:
    linear-gradient(transparent, #111), linear-gradient(transparent, #111);
  content: "";
  height: 80%;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-box-layout1 .item-content {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
  padding: 3rem;
}
.feature-box-layout1 .item-content .item-title {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.feature-box-layout1 .item-content .item-title a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.feature-box-layout1 .item-content p {
  color: #fefefe;
  margin-bottom: 0;
}

.news-carousel .carousel-slide {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin: 0 5px;
}
.news-carousel .carousel-slide img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.news-carousel .carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgb(2 5 12 / 60%) 20%,
    rgba(1, 34, 115, 0.02) 66%,
    rgba(1, 34, 115, 0.04) 67%
  );
  display: flex;
  align-items: end;
}
.news-carousel .carousel-heading {
  color: #fff;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
  text-align: left;
  padding: 0 15px;
  margin-bottom: 20px;
}
.news-Date {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  background: rgb(9 34 72 / 24%);
  color: #fff;
  backdrop-filter: blur(5px);
  padding: 5px 15px;
  border-radius: 50px;
}
/* Customize Nav Arrows */
.news-carousel .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
.news-carousel .owl-nav button {
  font-size: 1.5rem;
  border-radius: 50% !important;
  height: 60px;
  line-height: 66px;
  width: 60px;
  transition: all 0.3s ease 0s;
  color: #fff !important;
  background-color: #ee4865 !important;
  margin: 5px 0 !important;
  transition: 0.4s !important;
  top: 40%;
}
.news-carousel .owl-nav button:hover {
  background: #0e1d31 !important;
}
.news-section {
  background: #0e1d31;
  /* background-image: linear-gradient(to top, #4a7ba5a6 0%, #e4eeff 50%, #ffffffba 100%), url(../img/news-background4.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; */
}
@media only screen and (max-width: 479px) {
  .cntry-flag {
    text-align: center;
    flex: 1;
  }
  .global {
    height: auto;
  }
}
.healthcareCaseStudies .owl-item:active {
  background-color: transparent !important;
}
.healthcareCaseStudies .blog-image {
  width: 50%;
  height: 500px;
  border-radius: 10px 0 0 10px;
}
.desk-countsec .countBox {
  border-radius: 10px;
  background: linear-gradient(145deg, #f0f0f0, #f5f1f1);
  padding: 34px;
  margin-bottom: 28px;
}
.desk-countsec .desk-mt {
  margin-top: 4rem;
}
.home-countSection p.sub-txt {
  line-height: 1.8;
  font-size: 1.1rem;
  padding-right: 20px;
  font-weight: 300;
}
.healthcare-future-trends .stats-box h3 {
  font-size: 1.4rem;
}
.healthcare-future-trends .stats-box {
  min-height: auto !important;
}
.healthcare-future-trends .stats-box .leftDiv {
  width: 40%;
  position: relative;
  font-size: 1.2rem;
}
.healthcare-future-trends .stats-box .right_txt {
  width: 60%;
}
.healthcare-future-trends .stats-box img {
  position: absolute;
  top: -10px;
  right: 20px;
  left: auto;
  height: 44px;
}
.healthcare-future-trends .highlight-txt {
  color: #7db6f3;
}
.sw-dev-trends .highlight-txt {
  color: #7db6f3;
}
.smarter-healthcare .imgDiv img {
  height: 270px;
  object-fit: cover;
}
.feature-small-content h3 {
  color: #172258;
}
.fintechBanner .consultCTA {
  background-color: transparent !important;
  color: #fff;
  border-color: #fff !important;
}
.fintechBanner .consultCTA:hover {
  background-color: #fff !important;
  color: #e30400 !important;
  border-color: #fff !important;
}
@media screen and (max-width: 768px) {
  .st-desc {
    height: auto;
  }
  .home-caseStudy .healthcareCaseStudies .blog-card .blog-content .blog-title {
    padding-left: 0;
  }
  .healthcare-future-trends .stats-box {
    display: block !important;
  }
  .testimonial-1 {
    padding: 60px 30px 30px;
  }
  .healthcare-future-trends .stats-box .right_txt {
    width: 100%;
  }
  .healthcare-future-trends .stats-box .leftDiv {
    width: 36%;
    position: relative;
    font-size: 1.4rem;
  }
  .dashboardDiv {
    margin: 200px 0;
    padding: 10px 0;
  }
  .dashboardTxt2 {
    width: 100%;
  }
  .fintech-dash .dashboardDiv {
    margin: 100px 0;
    padding: 40px 0;
  }
  .fintechDashImg {
    position: relative;
    top: 0;
    left: auto;
    width: 100%;
  }
  .fintechDashImg2 {
    width: 140px;
    transform: perspective(600px) rotateY(-8deg);
    right: 38%;
    top: auto;
    bottom: 0;
  }
  .fintechDashImg3 {
    width: 140px;
    right: 5%;
    bottom: 0;
    top: auto;
  }
  .healthDashImg2,
  .healthDashImg3 {
    width: 90%;
  }
  .healthcare-future-trends .stats-box h3 {
    font-size: 2rem;
  }
  .healthcare-indu-challenges .nav-pills .nav-link {
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .healthcare-challenge-desc,
  .healthcare-soln-desc {
    padding-left: 10px;
    border-radius: 0;
    box-shadow: none;
  }
  .healthcare-challenge-desc p,
  .healthcare-soln-desc p {
    font-size: 1rem;
  }
  .health-soln-desc p {
    text-align: center;
  }
  .formsection .for-ret-p {
    margin-left: 0;
  }
  .healthcare-why-choose .pfont {
    text-align: left !important;
  }
  .healthcare-indu-challenges .title {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
  .healthcare-future-trends .stats-box img {
    position: absolute;
    top: -10px;
    right: -14px;
    left: auto;
  }
  .healthcareCaseStudies .blog-card {
    display: block;
  }
  .healthcareCaseStudies .blog-image {
    width: 100%;
    height: 200px;
    border-radius: 10px 10px 0 0;
  }
  .healthcareCaseStudies .blog-content {
    width: 100%;
    height: auto;
    padding: 20px 20px;
    border-radius: 0 0 10px 10px;
  }
  .healthcareCaseStudies.owl-carousel .owl-nav button.owl-next,
  .healthcareCaseStudies.owl-carousel .owl-nav button.owl-prev {
    /* width: 30px;
    height: 30px;
    font-size: 20px; */
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 13px;
    background-color: #ffffff9c;
  }
  .health-soln-desc {
    padding-left: 0px;
    padding-right: 0px;
  }
  .accordion .card-header {
    margin-left: 2px;
    padding: 10px 20px 10px 50px;
    font-size: 15px;
  }
  .accordion .card-header::after {
    height: 45px;
    left: -1px;
    top: -1px;
    line-height: 45px;
    width: 45px;
  }
  .healthcare-why-choose .about-right-side {
    padding-left: 0;
  }
  .healthcare-feature-box {
    padding: 20px;
    margin-bottom: 2rem !important;
    margin-top: 0 !important;
  }
  .smarter-healthcare .indDecDiv {
    left: 0;
  }
  .accordion .card-body {
    font-size: 1.2rem;
  }
}
/* uk */
.inf_content {
  border-radius: 14px;

  padding: 40px 30px;
  background-color: #0e1d31;
  color: #fff;
}
.trends-uk {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.new-section .client_card {
  margin-bottom: 1rem;
  position: relative;
}
.new-section .client_card:nth-child(2) {
  right: -5vw;
}
.new-section .client_card:last-child {
  margin-bottom: 0;
}
.national-security-uk-section {
  background: #0e1d31;
  position: relative;
}
.national-security-uk-section .ns-uk-container {
  background: #0e1d31;
  color: #fff;
  border: 2px solid #2d3748;
  border-radius: 24px;
  padding: 80px 60px;

  position: relative;
}
.national-security-uk-section .features-grid {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  align-items: flex-start;
}

.national-security-uk-section .ns-uk-item {
  text-align: center;
}
.national-security-uk-section .icon-ns-uk {
  width: 80px;
  height: 80px;
  background: #0000001f;
  border: 2px solid #2d3748;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  transition: all 0.3s ease;
}
h5.ns-uk-title {
  color: #ee4865;
  font-weight: 400;
}
.ns-uk-description {
  font-size: 1rem;
}
.column-container {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 25px;
  padding: 0;
  overflow: hidden;
  box-shadow:
    0 25px 45px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
}

.column-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  z-index: 2;
}

.benefits-column {
  padding: 40px 35px;
  position: relative;
}

.column-header {
  background: rgba(255, 255, 255, 0.9);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 15px;
  padding: 20px 40px;
  min-height: 120px;
  margin-bottom: 30px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border: 1px solid #0e1d31;
}

.column-title {
  font-size: 1.8rem;
  font-weight: 400;
  color: #0e1d31;
  margin: 0;
  line-height: 1.3;
}

.benefit-item {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 18px;
  padding: 18px;
  min-height: 130px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.benefit-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.6s ease;
}

.benefit-item:hover::before {
  left: 100%;
}

.benefit-item:hover {
  transform: translateY(-5px) scale(1.02);
  background: rgba(255, 255, 255, 0.35);
  box-shadow:
    0 15px 35px rgba(0, 0, 0, 0.15),
    0 5px 15px rgba(0, 0, 0, 0.08);
}

.benefit-header {
  display: flex;
  align-items: center;
}

.benefit-icon {
  width: 45px;
  height: 45px;
  margin-right: 15px;
  flex-shrink: 0;
}

.benefit-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(1.1) contrast(1.1);
}

.benefit-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #0e1d31;
  margin: 0;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

.benefit-description {
  color: #2d3748;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
/* usa */
.usa-trends.sweden-future-trends .stats-box {
  min-height: 260px !important;
}
.usa-clients-section {
  position: relative;
  background: #f7f9fc;
}
.usa-clients-feature i {
  font-size: 26px;
}

.usa-clients-feature h5 {
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 8px;
  color: #0e1d31;
}
.hover-pane h6 {
  font-size: 1rem;
  color: #0e1d31;
}
.US-benefits-tile {
  position: relative;
  background: #e9eef5;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    10px 10px 20px rgba(198, 206, 217, 0.9),
    -10px -10px 20px #fff;
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease;
}
.US-benefits-tile::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.US-benefits-tile:hover,
.US-benefits-tile:focus {
  box-shadow:
    inset 8px 8px 16px rgba(198, 206, 217, 0.9),
    inset -8px -8px 16px #fff;
}
.hover-pane {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px;
  box-shadow:
    inset -4px -4px 10px rgba(255, 255, 255, 0.7),
    inset 4px 4px 10px rgba(198, 206, 217, 0.7);
}
.US-benefits-tile:hover .hover-pane,
.US-benefits-tile:focus-within .hover-pane {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.US-benefits-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px;
}
.US-benefits-content img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  margin-bottom: 10px;
}
.usa-clients-feature p {
  font-size: 1rem;
}
.US-benefits-content p {
  font-size: 1rem;
  font-weight: 400;
  color: #0e1d31;
}
.usa-clients-feature {
  padding: 28px 10px;
  text-align: center;
}
.usa-clients-feature .icon-ring {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin: 0 auto 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(
    70% 70% at 30% 30%,
    rgb(182 176 233 / 18%) 0%,
    rgb(215 92 255 / 18%) 100%
  );
}
.usa-clients-feature .icon-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, #30598f, #0e1d31);
  -webkit-mask: radial-gradient(
    circle 32px at 50% 50%,
    transparent 30px,
    #000 31px
  );
  mask: radial-gradient(circle 32px at 50% 50%, transparent 30px, #000 31px);
}

/* sweden */

.quality-certification .clutchimg {
  height: 200px !important;
  width: auto !important;
}
.sweden-industries .aiModelDiv:hover {
  transform: translateY(-5px);
  box-shadow:
    12px 12px 12px #172258bf,
    -12px -12px 20px #ffffff;
}
.sweden-contact-section {
  background-image: url(../img/sweden-quebec-city-cityscape.webp);
}
.sweden-future-trends .highlight-txt {
  color: #7db6f3;
}
.sweden-future-trends .stats-box img {
  top: 64px;
  left: 120px;
}
.sweden-future-trends .stats-box {
  min-height: 300px;
}
.tech-Sweden .right-column {
  background-color: transparent !important;
}
.smarter-healthcare.tech-Sweden .imgDiv img {
  height: 315px;
}
.national-security {
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
  position: relative;
  z-index: 1;
}
.national-security .services-section {
  padding: 0;
}
.national-security-box {
  position: relative;
  padding: 28px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 14px 0px rgba(192, 192, 192, 0.2);
  transition: 1s all;
  overflow: hidden;
  text-align: left;
  min-height: 260px;
}
.national-security-box::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 120px;
  height: 120px;
  background: #172258;
  filter: blur(70px);
  border-radius: 50%;
  transition:
    width 1s,
    height 1s;
}
.national-security-box::before {
  content: "";
  position: absolute;
  bottom: -160%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  background: #172258;
  filter: blur(70px);
  border-radius: 50%;
  transition:
    width 1s,
    height 1s;
}
.national-security-box:hover::before {
  bottom: -230%;
  width: 1000px;
  height: 1000px;
  filter: blur(1px);
}
.national-security-box .title {
  color: #171d29;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  transition: 1s all;
  margin: 1rem 0;
}
.national-security-box .desc {
  color: #7e8882;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  transition: 1s all;
}
.national-security-box:hover .title,
.national-security-box:hover .desc {
  color: #fff;
  transition: 1s all;
  position: relative;
}
.services-section .services-column .inner-column {
  margin-left: -250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.services-section .service-block:nth-child(1) {
  margin-right: 100px;
}
.services-section .service-block:nth-child(2) {
  margin-right: 50px;
}
.services-section .service-block:nth-child(3) {
  margin-right: 0px;
}
.services-section .service-block:nth-child(4) {
  margin-right: 130px;
}
.services-section .service-block:nth-child(5) {
  margin-right: 320px;
}
@media only screen and (max-width: 1023px) {
  .services-section .service-block {
    margin: 0 0 30px !important;
  }
}

.service-block {
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.service-block .inner-box {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 25px 30px 23px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 8px;
  max-width: 100%;
}
@media only screen and (max-width: 1023px) {
  .service-block .inner-box {
    max-width: 100%;
  }
}
.service-block .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--gradient-1);
  width: 0;
  content: "";
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block .inner-box:hover .read-more {
  background-color: #ffffff;
}
.service-block .inner-box:hover:before {
  width: 100%;
}
.service-block .content {
  position: relative;
  padding-left: 90px;
  padding-right: 26px;
  min-height: 70px;
}
@media only screen and (max-width: 599px) {
  .service-block .content {
    /* display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 0;
      text-align: center; */
    padding-right: 0;
  }
  .service-block .content .icon {
    /* position: relative; */
  }
  .service-block .content .read-more {
    position: relative;
    top: 0;
    margin-top: 20px;
  }
}
.service-block .icon {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  transform: none;
}
.service-block .icon img {
  width: 70px;
}
.service-block .title {
  margin-bottom: 5px;
  font-weight: 600;
}
.service-block .text {
  position: relative;
  line-height: 22px;
  color: #212529;
  max-width: 400px;
  font-size: 0.9rem;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media screen and (max-width: 768px) {
  .services-section .services-column .inner-column {
    align-items: center;
    margin-left: 0px;
  }
  .smarter-healthcare.tech-Sweden .indDecDiv {
    left: 0;
    padding: 10px;
    bottom: 0;
  }
  .sweden-page-banner .bg-semi-light img {
    width: 100%;
    height: auto;
  }
  .quality-certification .clutchimg {
    height: 130px !important;
    width: auto !important;
    margin-bottom: 40px;
  }
  .benefits-column {
    padding: 30px 25px;
  }
  .benefit-item {
    padding: 6px;
    min-height: auto;
    margin-bottom: 10px;
  }
  .new-section .client_card:nth-child(2) {
    right: 0;
  }
  .USA-benefits-Outsourcing .hover-pane {
    position: relative;
    background: none;
    transition: none !important;
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    backdrop-filter: blur(0px);
    padding-top: 0;
  }
  .hover-pane h6 {
    font-size: 1.2rem;
  }
  .US-benefits-content {
    position: relative;
    padding-bottom: 0;
  }
  .US-benefits-tile {
    height: 100%;
  }
  .US-benefits-content p {
    display: none;
  }
  .US-benefits-tile::before {
    padding-top: 0;
  }
  .national-security-uk-section .ns-uk-container {
    padding: 42px 30px;
  }
  .national-security-uk-section .icon-ns-uk {
    margin: 0 auto 12px;
  }
}

/* services */
.servicese-tailor .section-title {
  text-align: left;
  color: #172258;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.teamInfo {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  margin-top: 20px;
  font-weight: normal;
}
.teamInfo li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.teamInfo li .teamInfoIcon {
  width: 80px;
}
.teamInfo li:nth-child(2) {
  margin-left: 2rem;
}
.teamInfo li .teamInfoIcon i {
  background: linear-gradient(45deg, rgb(23 34 88) 0%, rgb(126 114 255) 100%);
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 6px;
  font-size: 20px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.servicese-tailor-div {
  margin-bottom: 6rem;
}
.Accreditations-row {
  margin: 25px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 10px;
}
.Accreditations-col {
  flex-basis: 15%;
  cursor: pointer;
  text-align: center;
  padding: 12px;
  border: 1px solid #172258;
  border-radius: 5px;
  margin: 0 0 14px;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
}
.Accreditations-col span.aw-icon {
  width: 100%;
}
.Accreditations-col img {
  height: auto;
}
.outsourcing-visual-container {
  position: relative;
  height: 520px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.os-visual-bg-lines {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  transform: scale(0.8);
}
.os-hq-node {
  position: relative;
  z-index: 5;
  width: 140px;
  height: 140px;
  background: rgba(15, 23, 42, 0.9);
  border: 2px solid #6366f1;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 0 30px rgba(99, 102, 241, 0.3);
  backdrop-filter: blur(10px);
}
.os-hq-icon {
  color: #6366f1;
  margin-bottom: 8px;
  font-size: 3rem;
}

.os-hq-text {
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #f8fafc;
}
.os-satellite-node {
  position: absolute;
  z-index: 6;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 20px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  backdrop-filter: blur(8px);
}
.os-node-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
}

.os-pos-1 {
  top: 15%;
  right: 10%;
}
.os-pos-2 {
  bottom: 20%;
  right: 5%;
}
.os-pos-3 {
  top: 45%;
  left: -5%;
}
.os-pos-4 {
  bottom: 15%;
  left: 10%;
}

.Why-Outsource {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  margin-top: 20px;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.Why-Outsource li {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  background: transparent;
  padding: 10px;
  flex-basis: 49%;
}
.Why-Outsource li .teamInfoIcon {
  width: 60px;
}
.Why-Outsource li .it-outsourcing-desc {
  width: 92%;
}
.Why-Outsource li .teamInfoIcon i {
  background: linear-gradient(45deg, rgb(42 55 119) 0%, #0e1d31 100%);
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 6px;
  font-size: 20px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.visual-container-prototype {
  position: relative;
  perspective: 2800px;
  height: 500px;
}
.blueprint-stack {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotateY(-20deg) rotateX(15deg);
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.blueprint-stack:hover {
  transform: rotateY(-10deg) rotateX(10deg);
}
.layer {
  position: absolute;
  width: 320px;
  height: 540px;
  border-radius: 40px;
  left: 50%;
  top: 60%;
  margin-left: -160px;
  margin-top: -270px;
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  user-select: none;
}
/* Layer 1: The Raw Logic */
.layer-1 {
  transform: translateZ(0);
  background: rgba(15, 23, 42, 0.05);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  opacity: 0.2;
  padding: 30px;
}
/* Layer 2: Structural Wireframe */
.layer-2 {
  transform: translateZ(100px);
  background: rgba(15, 23, 42, 0.3);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  opacity: 0.4;
  padding: 30px;
}
/* Layer 3: THE INTERACTIVE PROTOTYPE */
.layer-3 {
  transform: translateZ(200px);
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 50px 100px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 50;
}
.prototype-screen {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  transition: 0.5s;
}
.proto-body {
  padding: 25px;
  flex: 1;
}
.proto-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.proto-card:active {
  transform: scale(0.98);
}
.proto-chart {
  height: 80px;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-top: 15px;
}
.proto-bar {
  flex: 1;
  background: #6366f1;
  border-radius: 4px;
  opacity: 0.6;
  transition: height 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.btn-proto-action {
  background: #6366f1;
  color: white;
  border: none;
  width: 100%;
  height: 50px;
  border-radius: 15px;
  font-weight: 800;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.btn-proto-action:hover {
  filter: brightness(1.1);
}

.creative-scene {
  position: relative;
  width: 100%;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.startup-glow-blob {
  position: absolute;
  width: 250px;
  height: 250px;
  background: #3b82f6;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  z-index: 1;
  animation: pulseBlob 8s infinite alternate;
}
.code-window {
  background: #0f172a;
  border-radius: 12px;
  border: 1px solid #334155;
  width: 76%;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  z-index: 2;
  overflow: hidden;
  text-align: left;
  transform: perspective(1000px) rotateY(-5deg) rotateX(5deg);
  transition: transform 0.5s ease;
}
.code-window:hover {
  transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
}
.window-header {
  background: #1e293b;
  padding: 12px 15px;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #334155;
}
.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.dot.red {
  background: #ef4444;
}
.dot.yellow {
  background: #eab308;
}
.dot.green {
  background: #22c55e;
}
.window-body {
  padding: 24px;
  font-family: "Consolas", "Courier New", Courier, monospace;
  color: #cbd5e1;
  font-size: 0.95rem;
  line-height: 1.6;
}
.code-keyword {
  color: #c678dd;
}
.code-string {
  color: #98c379;
}
.code-function {
  color: #61afef;
}
.code-comment {
  color: #64748b;
  font-style: italic;
}
.startup-floating-card {
  background: rgba(30, 41, 59, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  z-index: 3;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.5);
  animation: floatUp 6s ease-in-out infinite;
}
.startup-card-1 {
  top: 5%;
  right: -5%;
  animation-delay: 0s;
}
.startup-card-2 {
  bottom: 10%;
  left: -10%;
  animation-delay: 3s;
}
.startup-card-icon {
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px;
  border-radius: 10px;
  display: flex;
}
.startup-card-content h4 {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 6px 0;
  color: #fff;
}
.startup-progress-line {
  height: 6px;
  width: 60px;
  background: #334155;
  border-radius: 3px;
  overflow: hidden;
}
.startup-progress-fill {
  height: 100%;
  background: #3b82f6;
  width: 80%;
  border-radius: 3px;
}
/* Figma Cursor Animation */
.figma-cursor {
  position: absolute;
  z-index: 100;
  color: #ff7262;
  font-size: 1.2rem;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  animation: moveCursor 12s infinite ease-in-out;
}
@keyframes moveCursor {
  0% {
    top: 20%;
    left: 80%;
  }
  20% {
    top: 35%;
    left: 50%;
  }
  40% {
    top: 75%;
    left: 30%;
  }
  60% {
    top: 85%;
    left: 70%;
  }
  80% {
    top: 15%;
    left: 20%;
  }
  100% {
    top: 20%;
    left: 80%;
  }
}
.accred-txt {
  font-size: 2rem;
}
.why-it-outsourcing .teamInfoIcon {
  width: 8%;
}
.why-it-outsourcing .it-outsourcing-desc {
  width: 92%;
}
.app-visual-wrapper {
  position: relative;
  perspective: 1200px;
}
.browser-mockup {
  background: #1e293b;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 50px 100px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 100%;
  height: 420px;
  position: relative;
  animation: float-browser 8s ease-in-out infinite;
}
.browser-header {
  background: #334155;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.browser-header .dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  margin-right: 7px;
}
.browser-header .red {
  background: #ff5f57;
}
.browser-header .yellow {
  background: #ffbd2e;
}
.browser-header .green {
  background: #28c940;
}
.browser-content {
  padding: 25px;
}
.browser-content .ui-card {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.browser-content .loading-bar {
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.browser-content .loading-bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #6366f1;
  width: 0%;
  animation: progress-load 4s infinite alternate ease-in-out;
}
.floating-stat {
  position: absolute;
  background: rgba(30, 41, 59, 0.7);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 18px 24px;
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
.floating-stat.stat-top {
  top: -30px;
  right: -20px;
  animation: float-y 5s infinite ease-in-out;
}
.floating-stat.stat-bottom {
  bottom: 30px;
  left: -30px;
  animation: float-y 6s infinite ease-in-out reverse;
}
.mobile-app-banner-img {
  width: 280px;
  height: 580px;
  transform: rotateY(-20deg) rotateX(10deg);
  position: relative;
  margin: 0 auto;
  animation: float3D 6s infinite ease-in-out;
  overflow: hidden;
}
@keyframes float3D {
  0%,
  100% {
    transform: rotateY(-20deg) rotateX(10deg) translateY(0);
  }
  50% {
    transform: rotateY(-15deg) rotateX(8deg) translateY(-25px);
  }
}

@keyframes float-browser {
  0%,
  100% {
    transform: translateY(0) rotateY(-8deg) rotateX(2deg);
  }
  50% {
    transform: translateY(-25px) rotateY(4deg) rotateX(-2deg);
  }
}

@keyframes float-y {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes progress-load {
  0% {
    width: 5%;
  }
  100% {
    width: 90%;
  }
}
.case-study-item {
  margin: 0px;
  padding: 40px;
  min-height: 300px;

  height: 100%;

  /* From https://css.glass */
  background: #172258;
  border-radius: 12px;

  backdrop-filter: blur(2.7px);
  -webkit-backdrop-filter: blur(2.7px);
  box-shadow:
    rgba(136, 165, 191, 0.48) 6px 2px 16px 0px,
    rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.case-study-content {
  margin-left: 10px;
}

.case-study-image {
  flex: 0 0 40%;
  height: 280px;
  object-fit: cover;
}

.case-study-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
}

.case-study-challenge,
.case-study-solution {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #fff;
}
.case-study-btn {
  font-size: 14px;
  color: #adc1ff;
}
.case-study-btn:hover {
  text-decoration: underline;
  color: #fff;
}
/* .case-study-challenge h4{
    color: #ff4040;
}

.case-study-solution h4{
    color: #11bb00;
} */
@media (max-width: 1024px) {
  .case-study-item {
    margin: 10px;
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .case-study-item {
    flex-direction: column;
  }

  .case-study-title {
    font-size: 22px;
  }

  .case-study-image {
    flex: 0 0 100%;
    margin-top: 20px;
  }
  .Why-Outsource {
    font-size: 1rem;
  }
  .Why-Outsource li {
    flex-basis: 100%;
  }
  .aiModelDiv {
    height: 150px;
  }
  .outsourcing-process .nav-item {
    padding-right: 1px;
  }
  .Accreditations-col {
    flex-basis: 41%;
  }
  .Accreditations-col img {
    width: 100%;
  }
}
.hfive-single-features {
  box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.09);
  padding: 40px 30px;
  border-radius: 5px;
  background: #fff;
  transition: 0.3s linear;
  transform: translateY(0);
}
.hfive-features-content h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
.hfive-features-content p {
  font-size: 16px;
  font-weight: normal;
  line-height: 30px;
  color: #878991;
}
.hfive-features-icon img {
  width: 100px;
}
.home-five-features .col-lg-4:nth-child(2n),
.home-five-features .col-lg-4:nth-child(5n) {
  margin-top: 30px;
}
.accordion-button.collapsed.acc-btn {
  border: 0;
  margin-bottom: 10px;
  background: #ffffff;
  color: #1c243e;
  font-size: 18px;
  padding: 25px 35px;
  transition: 0.3s;
  white-space: normal;
  word-wrap: normal;
}
.accordion2 .card-header[aria-expanded="false"]::after {
  position: absolute;
  content: "\f067";
  font-family: "FontAwesome";
  right: 35px;
  font-size: 13px;
  color: #000;
  line-height: 1.5;
  font-weight: 400;
}
.accordion2 .card-header::after {
  position: absolute;
  content: "\f068";
  font-family: "FontAwesome";
  right: 35px;
  font-size: 13px;
  color: #000;
  line-height: 1.5;
  font-weight: 400;
}
.accordion2 .card-header {
  border: 0;
  margin-bottom: 10px;
  background: #e9e9e9;
  color: #1c243e;
  font-size: 18px;
  padding: 25px 35px;
  transition: 0.3s;
  white-space: normal;
  word-wrap: normal;
}
.accordion2 > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
  cursor: pointer;
}
.accordion2 .card-body {
  font-size: 16px;
  font-weight: 400;
}
.accordion2 > .card {
  background-color: transparent;
  margin-bottom: 1rem;
}
.sw-dev-trends .stats-box {
  min-height: 286px;
}
.service-title-txt {
  font-size: 2rem;
  color: #0e1d31;
  margin-bottom: 1rem !important;
}
.services-section-subtitle {
  font-size: 1.6rem;
  color: #0e1d31;
  font-weight: 400;
}
.services-section_list ul {
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
.services-section_list ul li {
  font-size: 14px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;

  list-style-type: none;
}
.services-section_list ul li i {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  background-color: #ee4865;
  font-weight: 400;
}
.service-section {
  /* background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18); */
  padding: 20px;
}
.serviceSection .service-section .read-services-btn {
  background-color: #ee4865 !important;
  border-color: #c53851 !important;
}
.service-div {
  /* background-color: rgb(23 34 88 / 18%);
    padding: 20px;
    border-radius: 20px; */
}
.services_img {
  width: 100%;
  border-radius: 12px;
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
  }
}
.pricing-section {
  background-color: #e5f8ff;
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
}

.pricing-card {
  background: #ffffff;
  border-radius: 15px;
  padding: 20px;
  position: relative;
  height: 100%;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-image:
    linear-gradient(to right, rgb(139 255 111 / 18%), #b2c3ff3b),
    url(../img/bg-img.jpg);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .pricing-card:hover {
    transform: translateY(-5px);
} */

.plan-tag {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 15px;
  border-radius: 20px;
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
}

.basic-tag {
  background: #007bff;
}

.standard-tag {
  background: #28a745;
}

.premium-tag {
  background: #ffa500;
}

.plan-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.plan-price {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 30px;
}

.price-currency {
  font-size: 16px;
  vertical-align: super;
}

.plan-features {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.plan-features li {
  padding: 8px 0;
  display: flex;
  align-items: center;
  color: #0e0e0e;
}

.plan-features li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.basic-plan li::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23007BFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
}

.standard-plan li::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%2328A745' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
}

.premium-plan li::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFA500' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
}

.btn-purchase {
  width: 100%;
  padding: 12px;
  border-radius: 25px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

.btn-basic {
  background-color: #007bff;
  border-color: #007bff;
  color: white;
}

.btn-standard {
  background-color: #28a745;
  border-color: #28a745;
  color: white;
}

.btn-premium {
  background-color: #ffa500;
  border-color: #ffa500;
  color: white;
}

.plan-note {
  font-size: 12px;
  color: #999;
  margin-top: 15px;
  text-align: center;
}
.why-choose-spd .icon-bx-wraper {
  display: block;
  padding: 16px;
  border-radius: 18px;
}
.why-choose-spd .icon-bx-wraper:hover {
  box-shadow:
    16px 13px 25px #11235a7d,
    -13px -19px 18px #dddddd80;
  transform: scale(1.05);
}
.why-choose-spd .icon-bx-wraper.style-2 .icon-bx2 img {
  width: 50px;
  height: auto;
  margin-bottom: 1rem;
  filter: brightness(0) saturate(100%) invert(13%) sepia(49%) saturate(2053%)
    hue-rotate(210deg) brightness(88%) contrast(99%);
}
.why-choose-spd .icon-bx-wraper .icon-content {
  margin-left: 0;
}
.why-choose-spd .agile-title {
  color: #ee4865;
  font-weight: 400;
  font-size: 1.2rem;
}
.sw-dev-trends .highlight-txt {
  color: #7db6f3;
}
.contact-form-div h1 {
  font-size: 3rem;
  margin-top: 4rem;
  color: #ffffff;
  text-transform: uppercase;
}
.contact-form-div h2 {
  font-size: 1.4rem;
  color: #ffffff;
}
.contact-form-div,
.business-enquiry-banner {
  /* background-image: url(../img/contact-banner-bg2.jpg); */
  background-image: #fff;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
  position: relative;
}
.contact-form-div {
  background: #12233b;
}
.business-enquiry-banner {
  padding-top: 180px;
  padding-bottom: 120px;
}
.contact-form-div .form-signin {
  background-color: transparent;
  box-shadow: none;
}
.company-details-info {
  margin-bottom: 4rem;
}
.company-details-info h4 {
  color: #ee4865;
  margin-bottom: 2rem;
  font-size: 1.8rem;
}
h4.company-info-heading {
  color: #ee4865;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}
.company-details-info i {
  font-size: 24px;
  color: #0e1d31;
}
.company-details-info .contact-info {
  font-size: 1rem;
  font-weight: 200;
}
.company-details-info .contact-info h6 {
  font-size: 1.1rem;
  font-weight: 500;
}
.loaction-row-contacts {
  padding: 0;
}
.loaction-row-contacts .contact-card p {
  margin-bottom: 10px;
  font-size: 0.9rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.loaction-row-contacts .contact-card p a {
  display: flex;
  align-items: baseline;
}
.loaction-row-contacts .contact-card i {
  margin-right: 6px;
  color: #172258;
}
.loaction-row-contacts .enquiry-link {
  color: #172258;
  position: absolute;
  font-size: 0.9rem;
  right: 12px;
  bottom: 6px;
  text-decoration: underline;
}
.loaction-row-contacts .enquiry-link:hover {
  color: #ee4865;
}
.contact-accred {
  background-color: #fff;
  padding: 30px;
}
.global-location-section {
  background-image:
    linear-gradient(to top, rgb(255 255 255 / 93%), rgb(255 255 255 / 86%)),
    url(../img/contact-page-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact-accred .card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-top: -7rem;
  border-radius: 12px;
  height: auto;
  box-shadow:
    rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  box-shadow:
    rgb(16 29 48 / 50%) 0px 2px 4px 0px,
    rgb(115 172 255 / 64%) 0px 2px 16px 0px;
}
.contact-accred .card-body {
  margin-bottom: 0;
  padding-bottom: 0.7rem;
}
.contact-accred #global-accreditations {
  margin-top: 0;
}
#global-accreditations .owl-item img {
  width: 80% !important;
  height: auto;
}

.loaction-row-contacts .contact-card {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 12px;
  margin-bottom: 2rem;
  padding: 20px;
  position: relative;
  height: 90%;
}
.loaction-row-contacts .contact-card h4 {
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
  font-weight: 500;
  color: #0e1d31;
}
.loaction-row-contacts .contact-card h6 {
  color: #ee4865;
  font-size: 1.2rem;
}
.company-details-info .icon-div {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebfd;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.company-details-info .icon-border {
  margin: unset;
  width: 55px !important;
  height: 55px;
  border: 1px solid #ebebfd;
  background-color: transparent;
  padding: 6px;
  border-radius: 50%;
  margin-right: 1rem;
}
.details-form {
  padding: 25px;
}
.bedgetFormTxt {
  font-size: 1.4rem;
  margin-top: 1rem;
  margin-bottom: 4rem;
  font-weight: 400;
}
.budgetDetails .radio-inputs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.25rem 0 0 0.25rem;
  box-shadow: 0 0 0px 1px #11235a40;
  font-size: 16px;
  height: 37px;
}

.budgetDetails .radio-inputs .radio {
  flex: 1 1 auto;
  text-align: center;
  margin-bottom: 0;
}

.budgetDetails .radio-inputs .radio input {
  display: none;
}

.radio-inputs .radio .name {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;

  border: none;
  padding: 0.2rem 0.6rem;
  margin: 3px;
  transition: all 0.15s ease-in-out;
}

.radio-inputs .radio input:checked + .name {
  background-color: #fff;
  font-weight: 600;
  border-radius: 0.25rem;
}
.contact-form-div .contact-us-form,
.budgetDetails {
  background-color: #ffffff;
  box-shadow: none;
  color: #172258;
  padding: 4rem 2rem;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.thanks-heading {
  color: #0e1d31;
  font-size: 2.1rem;
  font-weight: 600;
  margin-bottom: 0;
}
.successIcon {
  width: 36px;
  height: 36px;
  margin-right: 4px;
}
#txtBudget option:selected {
  background-color: #ddd;
}
.contact-form-div .form-signin:before,
#business-enquiry-form:before,
.details-form:before {
  content: "";
  position: absolute;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
  left: 60px;
  top: 60px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(29.17%, rgba(236, 189, 162, 0.7)),
    to(rgba(180, 124, 190, 0.7))
  );
  background: -o-linear-gradient(
    top,
    rgba(236, 189, 162, 0.7) 29.17%,
    rgba(180, 124, 190, 0.7) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(236, 189, 162, 0.7) 29.17%,
    rgba(180, 124, 190, 0.7) 100%
  );
  -webkit-filter: blur(70px);
  filter: blur(70px);
  border-radius: 400px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.business-enq-form .contact-us-form,
.budgetDetails {
  background-color: #ffffff;
  box-shadow: none;
  color: #172258;
  padding: 4rem 2rem;
  position: relative;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.budgetDetails p.subtitle {
  font-size: 1.2rem;
  font-weight: 400;
}
.contact-form-div .form-signin .form-control,
.contact-form-div .form-signin .captchCode,
.business-enq-form .form-control,
.business-enq-form .captchCode,
.details-form .form-control {
  background-color: #fbfbfb40;
  border: 1px solid #11235a40;
}
.contact-form-div .form-signin .captchCode,
.business-enq-form .captchCode {
  border-radius: 0.25rem 0 0 0.25rem;
}
.contact-form-div .form-signin .newCap,
.business-enq-form .newCap {
  border-radius: 0 0.25rem 0.25rem 0;
}
.contact-form-div .cntct-glbl-txt {
  font-size: 1rem;
  color: #ffffff;
  font-family: "Lexend", sans-serif !important;
}

.cntct-content .item {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
}
.cntct-content .item i {
  display: inline-block;
  font-size: 30px;
  border-radius: 5px;
  margin-right: 20px;
  color: #172258;
  position: relative;
  z-index: 1;
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: rgba(16, 76, 186, 0.06);
  text-align: center;
}
.cntct-content .item h5 {
  text-transform: capitalize;
  font-weight: 300;
  font-size: 0.85rem;
  color: #727272;
}
.locations-box {
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 12px;
  border-radius: 12px;
  margin-bottom: 2rem;
  background-color: #ffffffd6;
}
.locations-box iframe {
  height: 100%;
  border-radius: 10px;
}
.locations-box h4 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #172258;
}
.locations-box .add-div {
  font-size: 0.8rem;
  font-weight: 400;
}
.locations-box p,
.locations-box a {
  font-size: 0.9rem;
}
.locations-box .cnta {
  border: 1px solid #172258;
  text-align: center;
  border-radius: 22px;
  padding: 10px 0;
  color: #172258;
}
.locations-box .cnta:hover {
  background-color: #172258;
  color: #fff;
}
.loc-img-div {
  display: flex;
  align-items: center;
  background-color: #e9edff;
  height: 170px;
  border-radius: 10px;
  padding: 10px;
}
.loc-img-div img {
  width: 100%;
}
.enq-btn {
  display: grid;
  align-items: center;
  height: 100%;
}
.contact-form-div #cubtnSubmit,
.business-enq-form #bepost,
.budgetDetails #budbtnSubmit {
  /* width: 100%; */
  border: 1px solid #172258;
  border-radius: 30px;
  background: #172258;
  color: #fff;
}
.contact-form-div #cubtnSubmit:hover {
  background: transparent;
  color: #172258;
  border: 1px solid #172258;
}
/* .contact-form-box
{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
} */
.contact-form-box .info a {
  font-size: 1rem;
  font-weight: 400;
}
.contact-form-div .subHeading {
  font-size: 1.2rem;
  color: #ffffff;
}
.contact-form-div .Gencaptcha,
.business-enq-form .Gencaptcha {
  margin-top: 34px;
}
.cntct-content .item i:hover {
  background: #172258;
  color: #fff;
}
.contact-left-div {
  margin-right: 4rem;
}
.item--sub-title-inner {
  display: flex;
  gap: 10px;
  color: #ffffff;
}
.item--sub-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 9px;
}
.verified-icons {
  text-decoration: none;
  list-style-type: none;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-top: 1rem;
}
.verified-icons li {
  border: 1px solid #f1f1f1;
  height: 160px;
  /* vertical-align: middle; */
  padding: 14px;
  display: flex;
  align-items: center;
  flex-basis: 29%;
  box-shadow: 0 8px 32px 0 rgb(52 56 106 / 37%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgb(255 255 255 / 22%);
  background: rgb(255 255 255 / 68%);
}
.verified-icons li img {
  width: 100%;
}
.verified-icons li:hover img {
  filter: grayscale(0);
}
ul.clients-icons {
  display: inline-flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-items: center;
  gap: 8px;
  margin-top: 1rem;
}
ul.clients-icons li {
  width: auto;
}
.clients-icons img {
  height: 75px;
  width: auto;
  box-shadow: 0 8px 32px 0 rgb(52 56 106 / 37%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgb(255 255 255 / 6%);
  background: rgb(255 255 255 / 68%);
  padding: 10px;
}
.contact-form-box .form-group {
  margin-bottom: 28px;
}
.contact-form-box .form-group .lbl1 {
  font-size: 1rem;
}

.pricing-cards-group {
  display: flex;
  gap: 15px;
}

.pricing-card-contact {
  flex: 1;
  cursor: pointer;
  position: relative;
}

.pricing-card-contact input[type="radio"] {
  display: none;
}

.pricing-card-contact .card-content {
  background-color: rgb(251 251 251 / 25%);
  border: 2px solid #dcdde1;
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
/* .pricing-card-contact.advance .card-content::before {
            content: "POPULAR";
            position: absolute;
            top: 14px;
            right: -32px;
            background: #ff4757;
            color: #fff;
            font-size: 0.65rem;
            font-weight: bold;
            padding: 4px 35px;
            transform: rotate(45deg);
        } */

.contact-plan-icon {
  font-size: 1.8rem;
  color: #a4b0be;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  display: none;
}

.contact-plan-name {
  display: block;
  font-size: 0.95rem;
  color: #ee4865;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contact-plan-price {
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #2f3640;
}

.pricing-card-contact:hover .card-content {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-color: #a4b0be;
}

.pricing-card-contact input[type="radio"]:checked + .card-content {
  border-color: #1e2749;
  background-color: #f8faff;
  box-shadow: 0 0 0 3px rgba(30, 39, 73, 0.2);
  transform: scale(1.03);
}

.pricing-card-contact input[type="radio"]:checked + .card-content .plan-icon {
  color: #ff4757;
  transform: scale(1.2);
}

.pricing-card-contact input[type="radio"]:checked + .card-content .plan-name {
  color: #1e2749;
}
.business-enquiry-banner h1 {
  font-size: 3rem;
}
.sw-product-tech .indDecDiv {
  bottom: -55px;
  left: 6%;
  width: 63%;
}
.banner-ratings {
  display: flex;
  text-wrap: wrap;
  gap: 5px;
  align-items: center;
  margin-bottom: 2rem;
}
.ratings-box {
  background-color: #ffffff;
  padding: 10px 20px;
  width: 22%;
  height: 70px;
  display: flex;
  /* flex-direction: row; */
  align-items: center;
  border-radius: 8px;
}
.ratings-box img {
  width: 100% !important;
  height: auto;
}
.ratings-box a {
  width: 90%;
}
.banner-ratings .ratings-box:last-child {
  padding: 10px;
}
.banner-ratings .ratings-box:last-child a {
  width: 100%;
}
/* mobile process */
.processIcon i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  background-color: #ddd;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}

.processIcon {
  position: relative;
}

.processIcon:after {
  content: "";
  position: absolute;
  top: -20px;
  width: 0;
  right: 38%;
  transform: translate(-50%, 50%);
  height: 120px;
  z-index: 0;
  border: 1px dashed rgb(17 35 90 / 32%);
  background-color: transparent;
}

.processIcon.lastChild:after {
  display: none;
}
.mob-view {
  display: none;
}
.sw-methodogies {
  position: relative;
  background-color: #101d30;
  /* background: radial-gradient(#172b75, #0e1d31); */
  /* background: radial-gradient(#001f55, #0e1d31); */
}
.header-col {
  position: sticky;
  top: 180px;
  align-self: flex-start;
  padding-right: 50px;
}
.methodogies-item {
  padding: 0 20px;
  position: relative;
  border-top: 1px solid #4d4e59;
  cursor: pointer;
  transition: background 0.3s;
}
.methodogies-item:last-child {
  border-bottom: 1px solid #4d4e59;
}

.methodogies-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--item-color, #c9371a);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition:
    transform 0.55s cubic-bezier(0.77, 0, 0.18, 1),
    opacity 0.55s;
  z-index: 0;
}
.methodogies-item:hover::before,
.methodogies-item.is-open::before {
  opacity: 0.08;
  transform: scaleX(1);
}
.sw-methodogies .method-trigger {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px 0;
  user-select: none;
}

.sw-methodogies .item-num {
  font-size: 16px;
  font-weight: 700;
  color: #4d4e59;
  min-width: 24px;
  letter-spacing: 0.5px;
  transition: color 0.3s;
  flex-shrink: 0;
}
.methodogies-item:hover .item-num,
.methodogies-item.is-open .item-num {
  color: var(--item-color);
}
.sw-methodogies .item-icon {
  width: 74px;
  height: 74px;
  border-radius: 12px;
  border: 1.5px solid #4d4e59;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #666;
  flex-shrink: 0;
  transition: all 0.35s cubic-bezier(0.22, 0.68, 0, 1.2);
  background: transparent;
}
.methodogies-item:hover .item-icon,
.methodogies-item.is-open .item-icon {
  color: var(--item-color);
  background: color-mix(in srgb, var(--item-color) 9%, transparent);
}
.methodogies-item .item-icon img {
  filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(81%)
    hue-rotate(150deg) brightness(77%) contrast(107%);
}
.sw-methodogies .item-name {
  font-size: clamp(20px, 2.8vw, 28px);
  font-weight: 400;
  flex: 1;
  color: #bdbdbd;
  letter-spacing: -0.5px;
  transition:
    color 0.3s,
    transform 0.3s;
}
.methodogies-item:hover .item-name {
  transform: translateX(5px);
}
.methodogies-item.is-open .item-name {
  color: var(--item-color);
  transform: translateX(5px);
}

.sw-methodogies .item-keyword {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #666;
  opacity: 0;
  transform: translateX(8px);
  transition:
    opacity 0.3s,
    transform 0.3s;
  margin-right: 12px;
  white-space: nowrap;
}
.method-item:hover .item-keyword,
.method-item.is-open .item-keyword {
  opacity: 1;
  transform: translateX(0);
}

.sw-methodogies .item-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid #4d4e59;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 13px;
  color: #4d4e59;
  transition: all 0.35s cubic-bezier(0.22, 0.68, 0, 1.2);
}
.methodogies-item.is-open .item-toggle {
  background: var(--item-color);
  border-color: var(--item-color);
  color: #fff;
  transform: rotate(45deg);
}

/* ─── BODY ─── */
.sw-methodogies .method-body {
  position: relative;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.65s cubic-bezier(0.77, 0, 0.18, 1);
}
.sw-methodogies .method-body.open {
  max-height: 500px;
}

.sw-methodogies .method-body-inner {
  display: flex;
  gap: 40px;
  padding: 4px 0 36px 88px;
  align-items: flex-start;
}

.sw-methodogies .body-desc {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 300;
  color: #888;
  line-height: 1.85;
}

.sw-methodogies .body-pillars {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.sw-methodogies .pillar {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  font-weight: 400;
  color: #f0ede8;
}
.sw-methodogies .pillar-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .header-col {
    position: static;
    padding-right: 15px;
    margin-bottom: 44px;
  }
  .sw-methodogies .item-icon {
    width: 40px;
    height: 38px;
    font-size: 14px;
    border-radius: 10px;
  }
  .sw-methodogies .item-icon img {
    width: 30px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .sw-methodogies .item-name {
    width: 20%;
  }
  .contact-form-div h1 {
    text-align: left;
    font-size: 2rem;
  }
  .contact-form-div .subHeading {
    text-align: left !important;
  }
  .contact-form-div hr {
    display: none;
  }
  .cntct-content .item {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    padding: 10px;
    border-radius: 12px;
  }
  .company-details-info .icon-border {
    width: 50px !important;
    height: 50px;
    padding: 6px;
  }
  .company-details-info .icon-div {
    width: 36px;
    height: 36px;
  }
  .contact-form-box {
    box-shadow: none;
  }
  .contact-form-div .form-signin {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 12px;
  }
  .contact-form-div .Gencaptcha,
  .business-enq-form .Gencaptcha {
    margin-top: 26px !important;
  }
  .contact-form-div .captchCode,
  .business-enq-form .captchCode {
    padding: 3px 10px;
    font-size: 14px;
  }
  .loc-img-div {
    width: 80px;
  }
  .locations-box h4 {
    margin-top: 1rem;
  }
  .enq-btn {
    margin-top: 0.6rem;
  }
  .locations-box iframe {
    margin-top: 1rem;
    height: 120px;
  }
  .contact-form-div .cntct-glbl-txt {
    text-align: center;
  }
  .contact-left-div {
    margin-right: 0;
  }
  .clients-icons img {
    height: 62px;
  }
  .item--sub-title-inner {
    font-size: 1.6rem;
  }
  .verified-icons li {
    height: 120px;
  }
  .sw-product-tech .indDecDiv {
    bottom: auto;
    left: 0%;
    width: 100%;
  }
  .why-choose-spd .icon-bx-wraper {
    text-align: center;
    background: #fff;
    margin-bottom: 1rem;
    height: 200px;
    padding: 6px;
    box-shadow:
      -3px 1px 14px #11235a7d,
      -8px -4px 7px #ffffff;
  }
  .why-choose-spd .icon-bx-wraper.style-2 .icon-bx2 img {
    width: 45px;
  }
  .ratings-box {
    width: 32%;
    height: 64px;
    padding: 10px;
  }
  .serviceSection .service-div {
    box-shadow:
      #91a0cd 0px 6px 12px -2px,
      rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 3rem !important;
  }
  .serviceSection .service-section {
    padding: 0;
    margin-top: 2rem;
  }
  .read-services-btn {
    padding: 4px 25px 5px 25px;
    font-size: 12px;
  }
  .read-services-btn:hover {
    padding: 4px 25px 5px 25px;
  }
  .bg-semi-light img.entered.litespeed-loaded {
    width: 100%;
    height: auto;
  }
  .sw-product-dev .getQuoteBtn {
    margin-left: 0px;
    margin-top: 0rem;
  }
  .sw-product-tech .leftDiv {
    display: none;
  }
  .sw-product-tech .rightDiv {
    padding-left: 15px;
  }
  .sw-product-tech .rightDiv .right-content {
    display: block;
    box-shadow:
      #91a0cd 0px 6px 12px -2px,
      rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
  }
  .contact-form .input-text {
    font-size: 14px;
  }
  .services-section-box {
    margin-top: 2rem;
  }
  .sw-methodogies .service-block .text {
    font-size: 1rem;
  }
  .journeyTimeline {
    padding-bottom: 80px;
  }
  .desk-view {
    display: none;
  }
  .hire-count-section.desk-view {
    display: block;
  }
  .hire-dedicated-testimonial-section {
    padding-bottom: 50px;
  }
  .mob-view {
    display: block;
  }
}
@media (max-width: 480px) {
  .sw-methodogies .service-block .text {
    font-size: 1.2rem;
  }
}

/* testimonials */
/* .home-test.testimonial-section
{
   background-image: linear-gradient(to top, #adadbbd4 0%, #8a8c9fa8 12%, #abcbdbc7 25%, #8696abc4 37%, #a7a7d75c 50%, #8386ad69 62%, #f3bede94 75%, #a2a1dc7d 87%, #97b4e999 100%), url(../img/testimonialTrialBg.jpg);
} */
.ai-ml-test.testimonial-section {
  background-image: linear-gradient(to top, #072859 0%, #0e1d31 100%);
}
.withoutbgTestimonial .testimonial-1 {
}
.testimonial-1 {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: #fff;
  border-radius: 6px;
  padding: 30px 30px;
  position: relative;
  height: 100%;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
}
.mumbai-testimonial .testimonial-1,
.hire-dev-testi .testimonial-1 {
  background-color: #f7f7f7;
}
.withoutbgTestimonial .testimonial-1 {
  background-color: #f9f9f9;
}
.testimonial-1:after {
  position: absolute;
  content: "\f10e";
  font-family: "FontAwesome";
  color: #11235aa1;
  top: 70px;
  right: 35px;
  line-height: 1;
  opacity: 0.1;
  font-size: 70px;
  display: none;
}
.testimonial-1 .testimonial-text p {
  color: #0e1d31;
  font-size: 1rem;
  line-height: 1.625;
  font-weight: 300;
}
.testimonial-1 .testimonial-pic .info {
  flex: 1;
}
.testimonial-1 .testimonial-info {
}
.testimonial-1 .testimonial-name {
  margin-bottom: 0.8rem !important;
  line-height: 1.2;
  width: 100%;
  color: #ee4865;
  margin-top: 6px;
}
.testimonial-1 .reqName {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.testimonial-1 .testimonial-review {
  font-size: 14px;
  margin-top: 8px;
  text-align: right;
  margin-right: 0.6rem;
  /* position: absolute;
    bottom: 7px;
    right: 20px; */
}
.testimonial-1 .testimonial-review ul {
  padding: 0;
  margin-bottom: 0;
}
.testimonial-1 .testimonial-review ul li i {
  font-size: 1rem;
}
.testimonial-1 .info {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  align-items: center;
}
/* .testi-owl-carousel .owl-nav
{
    position:absolute;
    z-index: 1;
    top: -100px;
    right: 0;
} */
.testi-owl-carousel .owl-nav {
  position: absolute;
  z-index: 1;
  top: -100px;
  right: 0;
}
/* .testi-owl-carousel .owl-item.active {
    opacity: 0.4;
}
.testi-owl-carousel .owl-item.active.center {
    opacity: 1;
} */
.testi-rev {
  padding-top: 1rem;
  border-top: 1px solid #d0d3d7;
}
/* .testi-owl-carousel .owl-nav .owl-prev, .testi-owl-carousel .owl-nav .owl-next
{
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 60px;
    height: 60px;
    color: #172258 !important;
    background: #fff !important;
    font-size: 15px;
    letter-spacing: 2px;
    z-index: 1;
    text-align: center;
    font-size: 24px !important;
    line-height: 66px !important;
    border-radius: 60px;
    margin: 0 10px;
    display: inline-block;
    -webkit-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
} */
.testi-owl-carousel .owl-nav .owl-prev,
.testi-owl-carousel .owl-nav .owl-next {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 60px;
  height: 60px;
  color: #172258 !important;
  background: #fff !important;
  font-size: 15px;
  letter-spacing: 2px;
  z-index: 1;
  text-align: center;
  font-size: 24px !important;
  line-height: 66px !important;
  border-radius: 60px;
  margin: 0 10px;
  display: inline-block;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
/* .testi-owl-carousel .owl-nav .owl-prev, .testi-owl-carousel .owl-nav .owl-next
{
    background: #101d300f !important;
} */
.verifiedClient {
  width: 35px !important;
  height: auto;
  /* background: #000000; */
  border-radius: 50%;
  padding: 5px;
  margin-right: 8px !important;
  /* background: #e0e0e0; */
  /* box-shadow: inset 15px 15px 14px #8dacc5b0, inset -15px -15px 14px #ffffff80; */
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.testi-owl-carousel .owl-stage {
  display: flex;
}
.testi-owl-carousel .appHeading {
  font-weight: 600;
}
.TestimonialInfo {
  text-align: right;
}
.TestimonialInfo .testHeading {
  font-size: 1rem;
  font-weight: 500;
  color: #0f172a;
}
.text-yellow {
  color: #ffe300;
}
.star-rating li {
  display: inline-block;
}
.iconDiv1 {
  background-color: #ebf4ff;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: #fff;
  font-size: 1rem;
}

.iconDiv1 i {
  font-size: 1.8rem;
}
.iconDiv1 img {
  width: 40px !important;
}
.testiFlag {
  display: flex;
  align-items: center;
}
.testiFlag img {
  width: 30px !important;
  height: auto;
  margin: 0 !important;
}
.testiFlag span {
  font-size: 1rem;
  margin-left: 0.4rem;
}
.testi-top-div p {
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: #0e1d31;
}
.testi-top-div span {
  font-size: 0.9rem;
}
.testimonial-position {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #6b7280 !important;
}
.badgeDiv1 {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 4px;
  background-color: #0d7707;
  color: #fff;
  font-weight: 600;
}
span.wsmenu-click.ws-activearrow i::before {
  border-color: #fff !important;
}
/* Home design css start */
.Blog-div .card-div {
  background: #f6f6f6;
  border-radius: 20px;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.Blog-div .card-div .thumbnail {
  overflow: hidden;
  display: block;
  border-radius: 10px 10px 0 0;
}
.Blog-div .card-div .thumbnail img {
  width: 100%;
  transition: 0.3s;
  height: 220px;
  object-fit: cover;
}
.blogs-carousel.owl-carousel .owl-nav button {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  font-weight: 500;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  background-color: #0e1d31;
  margin: 5px 0;
  transition: 0.4s;
  top: 40%;
}
.blogs-carousel.owl-carousel .owl-nav button:hover {
  background: #f9f9f9;
  color: #0e1d31;
}
.inner-content {
  padding: 20px;
  border-radius: 0 0 10px 10px;
}
.Blog-div .card-div .inner-content .head {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.Blog-div .card-div .inner-content .body a .title {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;

  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Blog-div .card-div .inner-content .body a .title:hover {
  color: #ee4865;
}
.Blog-div .card-div .inner-content .body .author-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
.Blog-div .card-div .inner-content .body .author-area a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #172258;
  transition: 0.3s;
}
.Blog-div .card-div .inner-content .body .author-area a i {
  margin-left: 10px;
  transition: 0.3s;
}
.Blog-div .card-div .inner-content .head span.time {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #172258;
  text-transform: capitalize;
  position: relative;
}
.Blog-div .card-div .inner-content .head span.tag {
  padding: 5px 9px;
  background: #e6e5ff;
  color: #162053;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  border-radius: 6px;
}
.Blog-div .owl-carousel .owl-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sw-process-item .number {
  width: 80px;
  height: 80px;
  color: white;
  font-size: 24px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 700;
  line-height: 60px;
  margin-left: 40px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 30px;
  -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
  border: 10px solid #11235a;
  background: #35467b;
}
.sw-process-item .content {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  background: #e7e7e7;
  padding: 15px 18px 16px 18px;
  border-radius: 8px;
}
.sw-process-item .content:before {
  position: absolute;
  content: "";
  left: 33px;
  bottom: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-right: 22px solid transparent;
  border-bottom: 15px solid #e7e7e7;
}
.sw-process-item .content h4,
.sw-process-item .content p {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sw-process-item .content h4 {
  line-height: 2;
}
.sw-process-item .content p {
  font-size: 0.9rem;
  line-height: 1.5;
}
.sw-process-line {
  margin-bottom: -88px;
}
.emerging-txt-div {
  background-image: linear-gradient(
    to top,
    #0e1d31 0%,
    #0e1d31 50%,
    #253c6a 100%
  );
  /* background-image: linear-gradient(to top, #0e1d31 0%, #94b2d9 50%, #f4f5f7 100%);
    background-image: linear-gradient(to top, #0e1d317a 0%, #94b2d9 50%, #6e89bf 100%), url(../img/EmergingTechnologiesbg.webp); */
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 180px;
}
.emerging-txt-div {
}
.tech-stack-div {
  background:
    radial-gradient(at 18% 99%, #212529 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 97% 8%, #172258 0px, transparent 50%) repeat scroll 0% 0%,
    radial-gradient(at 79% 82%, #2d3259 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 96% 10%, #11235a 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 42% 20%, #0c345f 0px, transparent 50%) repeat scroll 0%
      0%,
    radial-gradient(at 4% 49%, #000c38 0px, transparent 50%) repeat scroll 0% 0%,
    rgba(0, 0, 0, 0) radial-gradient(at 57% 33%, #11235a 0px, #4a4484 50%)
      repeat scroll 0% 0%;
  background: #fff !important;
}
.tech-stack-div .navredbtn {
  color: #101d30 !important;
  background-color: #fff !important;
  font-size: 1rem !important;
  padding: 10px 30px !important;
  border: 2px solid #101d30 !important;
}
.tech-stack-div .navredbtn:hover {
  color: #fff !important;
  background-color: #101d30 !important;
}
.slider-div {
  background: #f9f9f9;
  border: 1px solid #a5b3cc30;
  border-radius: 12px;
  filter: drop-shadow(-2.29px 11.78px 20px rgba(135, 130, 147, 0.08));
  padding: 36px 30px 64px 30px;
  transition: 0.4s;
  margin-bottom: 30px;
  height: 100%;
}
.emerging-tech-feature-2-content-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.emerging-tech-feature-2-content-bottom {
  transform: translateY(44px);
  transition: 0.4s;
}
#emerging-tech .owl-nav button {
  font-size: 25px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  background-color: #ef3f67;
  top: 42%;
  margin: 5px 0;
  transition: 0.4s;
}
.emerging-tech-box {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 20px;
  box-shadow:
    rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border-radius: 12px;
  height: 100%;
  text-align: center;
}
.emerging-tech-box p {
  font-size: 0.9rem;
  color: #393e42;
}

.emerging-tech-title {
  font-size: 1.5rem;
  font-weight: 400;
  color: #0e1d31;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.testi-owl-carousel .owl-nav button {
  font-size: 25px;
}
.slider-box {
  margin-top: -160px;
}
.slider-div:hover {
  background: #0e1d31;
  color: #fff;
}
.slider-div:hover .emerging-tech-feature-2-content-bottom {
  transform: translateY(33px);
}
.emerging-tech-feature-2-icon i {
  color: #fff;
}
.emerging-tech-feature-2-cnt-icon img {
  width: 40px !important;
}
.emerging-tech-box .emerging-tech-feature-2-cnt-icon img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(31%) saturate(4863%)
    hue-rotate(324deg) brightness(97%) contrast(92%);
  width: 60px !important;
  height: auto;
}
#emerging-tech .owl-stage {
  display: flex;
}
.how-it-works-items {
  padding-bottom: 120px;
}
.text-icons-how-work {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.process-icons {
  width: 116px;

  text-align: center;
  /* border-radius: 50%;
    display: inline-table;
    z-index: 9;
    background: #fff;
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out;
    -moz-transition: .4s all ease-in-out;
    -ms-transition: .4s all ease-in-out;
    -o-transition: .4s all ease-in-out; */
}
.process-icons p {
  margin-bottom: 0;
  border-radius: 50%;
  display: inline-table;
  z-index: 9;
  background: #17225880;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 2rem;
  color: #ddd;
}
.process-txt {
  padding-left: 25px;
}
.process-txt h3 {
  color: #172258;
}
.works-items-wrappers .how-it-works-items:nth-child(1) .process-icons svg {
  fill: #36bafe;
}
.process-icons svg {
  height: 70px;
  width: 70px;
  transition: 0.4s all ease-in-out;
  -webkit-transition: 0.4s all ease-in-out;
  -moz-transition: 0.4s all ease-in-out;
  -ms-transition: 0.4s all ease-in-out;
  -o-transition: 0.4s all ease-in-out;
}
.bottom-area-shape img {
  position: absolute;
  left: 90px;
  top: -16px;
}
.bottom-area-shape img {
  width: 320px;
  /* height: 120px; */
}
.sw-dev-process2 .bottom-area-shape img {
  width: 140px;
  /* height: 120px; */
}
.sw-dev-process2 .process-icons p {
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.bottom-area-shape {
  position: relative;
}
.sw-dev-process2 .how-it-works-items {
  padding-bottom: 35px;
  cursor: pointer;
}
.sw-dev-process .leftDiv {
  /* position: sticky !important;
  top: 5%;
  background-color: #333;
  z-index: 1000; */
}
.right-content2.process-active {
  display: block;
}
.how-it-works-items.process-active .process-txt h3 {
  color: #e30400;
}
.right-content2 {
  padding: 80px;
  border: 1px solid #ddd;
  border-radius: 10px;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.right-content2 h3 {
  font-size: 2.4rem;
  color: #172258;
  margin-bottom: 1rem;
}
.home-why-choose .flip-box {
  background-color: transparent;
  width: 100%;
  height: 200px;

  border-radius: 10px;
  perspective: 1000px;
  margin-bottom: 20px;
}

.home-why-choose .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;

  display: flex;
  justify-content: center;
  align-items: center;
}

.home-why-choose .flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.home-why-choose .flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px solid #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.home-why-choose .flip-box-front {
  background-color: #fff;
  color: black;
  border-radius: 10px;
}

.home-why-choose .flip-box-front img {
  height: 50px;
  width: 50px;
  margin-bottom: 10px;
  filter: brightness(0) saturate(100%) invert(23%) sepia(87%) saturate(5323%)
    hue-rotate(355deg) brightness(82%) contrast(123%);
}

.home-why-choose .flip-box-back {
  background-color: #ffffff;
  color: #000;
  transform: rotateY(180deg);
  border-radius: 10px;
  padding: 16px;
}
.home-why-choose .about-right-side {
  padding-right: 4rem;
  padding-left: 0;
}
.home-why-choose .why-choose-content {
  display: flex;
}
.home-why-choose .why-choose-content .why-choose-img {
  margin-right: 10px;
}

.home-why-choose .why-choose-content .title {
  font-size: 1.2rem;
}
.home-why-choose .feature-block {
  background: #ffffff !important;
}

.home-why-choose h3,
.home-why-choose .feature-content {
  color: #0e387a;
}

.home-why-choose h5.title {
  color: #0e1d31;
}
.our-speciality-area .our-speciality-content-wrap {
  padding: 0;
  /* box-shadow: 0 30px 30px 0 rgba(205, 205, 205, 0.35); */
  border-radius: 5px;
}
.home-why-choose .speciality-box {
  padding: 23px;
}
.home-why-choose .speciality-content i {
  font-size: 1.4rem;
  padding-right: 12px;
  color: #082f53;
}
.home-why-choose .speciality-content p span {
  display: block;
  line-height: 11px;
  color: #172258;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.home-why-choose .feature-block {
  /* display: flex; */
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 29px 6px rgba(154, 161, 171, 0.18);
  text-align: left;
  margin-bottom: 50px;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}
.home-why-choose .home-why-choose-icon {
  width: 48px;
  height: 48px;
  background-color: #ee486524;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  margin-right: 15px;
  font-size: 24px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.home-why-choose .home-why-choose-icon img {
  width: 64%;
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.home-why-choose .feature-content {
  width: 96%;
}
.home-why-choose .feature-content p {
  font-size: 1.05rem;
  line-height: 1.6;
  font-weight: 400;
}
.home-why-choose h3 {
  font-size: 2.4rem;
  font-weight: 600;
  color: #101d30;
}
.stat-num {
  font-size: 1.6rem;
  color: #ee4865;
}
.home-why-choose-wrapper .single-steps-area::after {
  position: absolute;
  top: 66%;
  height: 80px;
  left: 20px;
  width: 1px;
  background: #e3e3e3;
  content: "";
}
/* .stat-box {
            background: white;
            padding: 1rem;
            border-radius: 8px;
            text-align: center;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
            border-left: 4px solid #ee4865;
        } */
.home-who-txt {
  font-size: 0.95rem;
  color: #5c5c5c;
}
.home-why-choose-wrapper .single-steps-area:last-child::after {
  display: none;
}
.home-why-choose-wrapper .single-steps-area {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  margin-bottom: 60px;
  z-index: 1;
}
.home-why-choose-wrapper .single-steps-area .number {
  position: absolute;
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
  left: 66%;
  top: 5%;
  background: linear-gradient(180deg, #e6e6e6 41.14%, white 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  z-index: -1;
}
.ai-sol-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 49.5%,
    #101d30 100%
  );
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home-why-choose-wrapper .single-steps-area:last-child {
  margin-bottom: 0;
}
hr {
  height: 2px;
  width: 80px;
  background: linear-gradient(
    to right,
    rgb(16 29 48 / 49%) 10%,
    #ef3f67 50%,
    rgb(227 163 177) 95%
  );
  margin: 20px auto;
}
.hr1 {
  padding: 0 !important;
}
.desktop-devVsFr {
  margin-top: 2rem;
}
.qss-vs-freelancers {
  overflow: hidden;
}
.about-text {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 2rem;
}

.ai-benefitsDivImg img {
  width: 100%;
}

/* emergin tech section start */
/* Main Card Container */
.emerging-tech-section {
  /* background: radial-gradient(#001f55, #0e1d31);
    background-blend-mode: lighten; */
  background-image:
    linear-gradient(
      to top,
      #50528561 0%,
      #585e925e 12%,
      #65689f57 25%,
      #7474b061 37%,
      #7e7ebb5c 50%,
      #8389c769 62%,
      #9795d459 75%,
      #a2a1dc5c 87%,
      #b5aee45c 100%
    ),
    url(../img/how-we-work-bg2.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.split-card {
  background: #0e1d31;
  border-radius: 20px;
  overflow: hidden; /* Clips the corners of children */
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  min-height: 550px; /* Base height */
}
/* Left Panel: Text */
.text-panel {
  padding: 3rem;
  background: linear-gradient(135deg, #0e1d31 0%, #15233b 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
}
/* Right Panel: The Grid */
.grid-panel {
  position: relative;
  background: #0b1626;
  flex-grow: 1; /* Fills remaining space */
}
.quadrant {
  position: absolute;
  width: 50%;
  height: 50%;
  background: #13243a;
  border: 1px solid rgba(255, 255, 255, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 1;
}
.q-icon {
  font-size: 2.5rem;
  color: #aab2bd;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease;
}
.q-title {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
  transition: font-size 0.4s ease;
}
/* Description: Hidden by default, shown on Active/Hover */
.q-desc {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #aab2bd;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
/* Quadrant Positions */
.q-1 {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}
.q-2 {
  top: 0;
  left: 50%;
  border-bottom: none;
}
.q-3 {
  top: 50%;
  left: 0;
  border-right: none;
}
.q-4 {
  top: 50%;
  left: 50%;
}
/* Hover Effect */
.quadrant:hover {
  background: #182c46;
  z-index: 5; /* Brings hovered item slightly forward */
}
.quadrant:hover .q-icon {
  color: #ee4865;
  transform: scale(1.1);
}
/* --- ACTIVE STATE (EXPANDED) --- */
.quadrant.active {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 20; /* Highest priority */
  background: radial-gradient(circle at center, #1e3655 0%, #0e1d31 90%);
  border: none;
  cursor: default;
}
/* Content Styling */
.q-content {
  text-align: center;
  max-width: 90%;
  transition: transform 0.4s ease;
}
/* Reveal Description on Hover */
.quadrant:hover .q-desc {
  opacity: 1;
  max-height: 150px;
  margin-top: 10px;
  transform: translateY(0);
}
/* Reveal Description on Active (Larger) */
.quadrant.active .q-desc {
  opacity: 1;
  max-height: 500px;
  margin-top: 20px;
  transform: translateY(0);
  font-size: 1.1rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.quadrant.active .q-icon {
  font-size: 4rem;
  color: #ee4865;
  margin-bottom: 20px;
}
.quadrant.active .q-title {
  font-size: 2rem;
  margin-bottom: 10px;
}
/* Close Button */
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close-btn:hover {
  background: #ee4865;
  transform: rotate(90deg);
}
.quadrant.active .close-btn {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.4s;
}
/* emerging tech ends */

/* ai development australia starts */
.aus-page-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 30 / 90%), rgb(0 0 51 / 70%)),
    url(../img/ai-development-aus-banner.webp);
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.aus-page-banner .mplp h1 {
  font-size: 1.5rem;
  color: #ee4865 !important;
  font-weight: 600 !important;
}
.aus-page-banner .subHeading {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.aus-page-banner .btn {
  font-weight: 600;
  color: #fff;
  background-color: #ee4865 !important;
  border-radius: 100px;
  border-color: #ee4865 !important;
}
.speed-section {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.speed-section::after {
  content: "";
  position: absolute;
  right: -200px;
  top: -100px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(255, 77, 77, 0.15);
  border-radius: 50%;
}

.engg-speed-feature-icon {
  color: #ee4865;
  font-size: 28px;
  margin-bottom: 15px;
}

.engg-speed--title {
  font-size: 1rem;
}
.speed-desc {
  margin: 0 auto 60px;
}

.speed-section .bottom-text {
  margin-top: 60px;
  font-size: 1rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.speed-title {
  margin: 15px 0 20px;
}

.speed-section .tools {
  margin-top: 40px;
}

.speed-section .tools span {
  font-size: 14px;
  color: #0b1b33;
  padding: 0 12px;
  border-left: 2px solid #ee4865;
}

.speed-section .tools span:first-child {
  border-left: none;
}

.capabilities-service-card {
  padding: 30px;
  margin-bottom: 40px;
}
.service-number-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.capabilities-section-aus {
  position: relative;
  background-color: rgb(247 247 255 / 96%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.capabilities-section-aus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/noise-background.webp");
  opacity: 0.3;
  z-index: 0;
}
.capabilities-service-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ee4865;
  line-height: 1;
  margin-right: 15px;
}

.capabilities-service-line {
  flex-grow: 1;
  height: 1px;
  background-color: #ffd0d8;
}
.capabilities-service-box {
  width: 50px;
  height: 50px;
  background-color: #ee4865;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 1.5rem;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(242, 92, 116, 0.6);
}
/* Text Content */
.capabilities-service-title {
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.capabilities-service-description {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 25px;
  min-height: 80px;
}
.capabilities-service-footer {
  font-size: 0.8rem;
  color: #0e1d31;
  font-weight: 500;
}
.capabilities-service-footer span {
  display: inline-block;
}
.capabilities-section-aus .dot-separator {
  color: #ee4865;
  margin: 0 8px;
  font-size: 0.5rem;
  vertical-align: middle;
  opacity: 0.5;
}
/* ===== STEPS ===== */

.process-timeline-aus {
  position: relative;
  margin-top: 50px;
}

.process-timeline-aus:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: 1px;
  background: #0e1d31;
}

/* Connector Arrows */
.process-step-aus:after {
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  top: 28px;
  right: -10px;
  color: #0e1d31;
  font-size: 18px;
}

.process-step-aus:last-child:after {
  display: none;
}

/* Step */
.process-step-aus {
  text-align: left;
  padding: 0 20px;
  position: relative;
}

.process-step-aus .step-circle-aus {
  margin-left: 0;
  margin-right: auto;
}

.step-circle-aus {
  width: 70px;
  height: 70px;
  border: 1px solid #0e1d31;
  border-radius: 50%;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  background: #fff;
  position: relative;
  z-index: 2;
  color: #ee4865;
}

.process-step-title-aus {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 12px;
  color: #ee4865;
}

.process-step-text-aus {
  font-size: 0.9rem;
  color: #0e1d31;
  line-height: 1.6;
  margin-bottom: 15px;
}

.process-step-footer-aus {
  font-size: 12px;
  color: #999;
  position: absolute;
  bottom: -12px;
}

.process-step-footer-aus i {
  color: #f5b000;
  margin-right: 5px;
}

.aus-globa-engg {
  background-color: #0e1d31;
  color: #ffffff;
}
.global-engg-profile-card {
  background-color: #14263f;
  border-radius: 10px;
  padding: 30px;

  height: 100%;
}

.global-engg-profile-card h3 {
  color: #ffffff;
}
.global-engg-profile-card h5 {
  color: #ee4865;
}
.global-engg-profile-card .blockquote p {
  color: #7896c5;
  font-size: 1.2rem;
}
.global-map-box {
  background-color: #14263f;
  border-radius: 10px;
  padding: 30px;

  height: 100%;
}
.global-engg-details {
  display: flex;
  gap: 10px;
  flex-direction: row;
  flex-wrap: wrap;
}
.global-engg-details .global-engg-box {
  flex: 1;
  padding: 10px;
}
.global-engg-details .global-engg-box h5 {
  font-size: 1rem;
  font-weight: 500;
  color: #7896c5;
}
.global-engg-details .global-engg-box p {
  font-weight: 300;
  margin-bottom: 0;
}
.aus-map-container iframe {
  width: 100%;
  height: 300px;
  border: 0;
  border-radius: 10px;
}

.event-card-v3 {
  background: #fff;
  border-radius: 25px;
  padding: 15px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  z-index: 1;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.event-card-v3 img {
  height: 400px;
  object-fit: cover;
  border-radius: 16px !important;
}
.event-card-v3 .date-badge {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #ee4865;
  color: white;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(231, 76, 60, 0.4);
  z-index: 1;
  transition: 0.4s;
}
.event-card-v3:hover .date-badge {
  transform: scale(1.2) rotate(15deg);
}
.event-card-v3 .eventPlace {
  color: #ee4865;
}
#event-slider .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none; /* Allows clicking through the nav container to the slide */
  z-index: 10;
}
#event-slider .owl-nav button {
  pointer-events: auto; /* Re-enables clicking on the actual buttons */
  font-size: 1.2rem;
  border-radius: 50% !important;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background-color: #ee4865 !important;
  margin: 0 -25px !important; /* Pull buttons slightly outside */
  transition: 0.4s !important;
  box-shadow: 0 5px 15px rgba(238, 72, 101, 0.3);
  border: none !important;
}
#event-slider .item a {
  z-index: 4;
}
.location-card-aus {
  border-left: 1px solid #ddd;
  padding-left: 20px;
  margin-bottom: 20px;
  height: 100%;
}
.flag-label {
  display: flex;
  align-items: center;
  font-size: 0.7rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #555;
  margin-bottom: 15px;
}

.flag-icon {
  width: 25px;
  height: auto;
  margin-right: 10px;
  border: 1px solid #eee;
}
.city-name-engg-center {
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.tagline-engg-center {
  font-style: italic;
  font-size: 0.9rem;
  color: #ee4865;
  margin-bottom: 15px;
}
.engg-center-name {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.address-engg-center {
  font-size: 0.75rem;
  color: #999;
  display: flex;
  align-items: flex-start;
}
.pin-icon-engg-center {
  color: #d9534f;
  margin-right: 5px;
}
/* ai development australia ends */
/* UAE starts */
.uae-page-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 30 / 90%), rgb(0 0 51 / 70%)),
    url(../img/uae-banner-img.webp);
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.northernIreland-page-banner {
  background-image:
    linear-gradient(to right, rgb(0 0 30 / 80%), rgb(0 0 51 / 70%)),
    url(../img/northern-Ireland-banner.webp);
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.uae-page-banner .mplp h1,
.northernIreland-page-banner .mplp h1 {
  font-size: 1.5rem;
  color: #ee4865 !important;
  font-weight: 600 !important;
}
.uae-page-banner .subHeading,
.northernIreland-page-banner .subHeading {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.uae-page-banner .btn,
.northernIreland-page-banner .btn {
  font-weight: 600;
  color: #fff;
  background-color: #ee4865 !important;
  border-radius: 100px;
  border-color: #ee4865 !important;
}
.custom-check-list {
  list-style: none;
  padding: 0;
}

.custom-check-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
}
.custom-check-list .check-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: #556f91;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  margin-right: 15px;
  margin-top: 3px;
}
.custom-check-list h6 {
  color: #0e1d31;
}
.velocity-wrapper {
  position: relative;
  background-color: #fbfbfb;
  overflow: hidden;
}
/* Abstract Background Shapes */
.shape-blob {
  position: absolute;
  filter: blur(50px);
  z-index: 0;
  opacity: 0.4;
}
.blob-1 {
  top: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  background: #e2e3ff;
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
  animation: morph 15s ease-in-out infinite;
}
.blob-2 {
  bottom: -50px;
  left: -50px;
  width: 300px;
  height: 300px;
  background: #d0e7fd;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  animation: morph 12s ease-in-out infinite reverse;
}
.velocity-section-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
  transition: transform 0.3s ease;
}
.velocity-section-card:hover {
  transform: translateY(-5px);
}
.stat-circle-container {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 20px;
}
.stat-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 8px solid #f0f0f0;
  border-top: 8px solid #0e1d31;
  border-right: 8px solid #556f91;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: white;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.05);
  transform: rotate(-45deg); /* Offset for aesthetic */
}
.stat-inner-text {
  transform: rotate(45deg); /* Counter rotate text */
  text-align: center;
}
.stat-circle-container .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2d3748;
  line-height: 1;
}
.stat-unit {
  font-size: 0.9rem;
  color: #718096;
  font-weight: 600;
}
.tool-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-top: 30px;
}
.tool-item {
  background: white;
  padding: 15px;
  border-radius: 12px;
  text-align: center;
  border: 1px solid #edf2f7;
  transition: all 0.2s;
}
.tool-item:hover {
  border-color: #b794f4;
  box-shadow: 0 4px 12px rgba(118, 75, 162, 0.1);
}
.tool-icon {
  font-size: 1.5rem;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #667eea 0%, #0e1d31 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tool-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: #2d3748;
}
.velocity-tag {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 1rem;
  display: inline-block;
  background: #ee4865;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
}
/* UAE End */
/* BFSI starts */

.card-stack-container {
  position: relative;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.ai-card {
  background: rgba(30, 41, 59, 0.7); /* Glassmorphism Dark */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 20px;
  width: 320px;
  position: absolute;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease;
  overflow: hidden; /* For the scanner effect */
}
/* Card Positioning */
.ai-card.card-1 {
  top: 30px;
  right: 20px;
  z-index: 3;
  /* animation: float 6s ease-in-out infinite; */
}
.ai-card.card-2 {
  top: 180px;
  right: 130px;
  z-index: 2;
  /* animation: float 7s ease-in-out infinite 1s; 
     opacity: 0.85;
     transform: scale(0.95); */
}
.ai-card.card-3 {
  top: 330px;
  right: 20px;
  z-index: 1;
  /* animation: float 8s ease-in-out infinite 2s;
     opacity: 0.7;
     transform: scale(0.9); */
}
/* Card Content Styling */
.ai-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 1.2rem;
}
.icon-kyc {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
}
.icon-ins {
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}
.icon-loan {
  background: rgba(59, 130, 246, 0.2);
  color: #60a5fa;
}
.card-title-text {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: #fff;
}
.status-badge {
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  margin-left: auto;
}
.data-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-top: 8px;
  color: #94a3b8;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 8px;
}
.data-value {
  color: #fff;
  font-weight: 500;
}

@keyframes pulse-glow {
  0% {
    transform: scale(0.9);
    opacity: 0.4;
  }
  100% {
    transform: scale(1.1);
    opacity: 0.6;
  }
}
.problem-card-bfsi {
  background: #ffffff;
  border: 1px solid #eef1f5;
  border-radius: 12px;
  padding: 30px;
  height: 100%;
  transition: all 0.25s ease;
}

.problem-card-bfsi:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08);
}

/* Header */
.problem-header-bfsi {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.problem-icon-bfsi {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #ffecec;
  color: #ee4865;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 14px;
}

.problem-stat-bfsi {
  font-size: 1.8rem;
  font-weight: 400;
  color: #ee4865;
  line-height: 1.1;
}

.problem-label-bfsi {
  font-size: 13px;
  color: #667085;
}

/* Content */
.problem-title-bfsi {
  font-size: 1.4rem;
  font-weight: 400;
  color: #0e1d31;
  margin-bottom: 8px;
}

.problem-desc-bfsi {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0;
}
.specialized-engines-box {
  background-color: #f9f9f9;
  border-radius: 12px;
  padding: 26px;
  height: 100%;
}
.specialized-engines-box .spec-eng-title {
  font-size: 1rem;
    font-weight: 600;
    color: #ee4865;
    margin-bottom: 4px;
}
.specialized-engines-icon {
  padding: 8px;
  background-color: rgb(207 235 255 / 46%);
  margin-right: 0.5rem;
  border-radius: 8px;
}
.specialized-engines-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%)
    hue-rotate(79deg) brightness(103%) contrast(102%);
}
.spec-eng-desc {
  font-size: 0.8rem;
}
.specialized-engines-imp-txt {
  font-size: 0.8rem;
  border-left: 2px solid #3bb340;
  padding-left: 0.5rem;
  margin-top: 2rem;
}
.specialized-engines-section {
  background-color: #0e1d31;
  position: relative;
}
.specialized-engines-section .custom-vertical-tabs .nav-link p {
  color: #fff;
  font-weight: 500;
}
.specialized-engines-section .custom-vertical-tabs .nav-link p small {
  font-weight: 300;
}
.specialized-engines-section .custom-vertical-tabs .nav-link.active p {
  color: #0e1d31;
}
.specialized-engines-section
  .custom-vertical-tabs
  .nav-link.active
  .specialized-engines-icon {
  background-color: #0e1d31;
}
.specialized-engines-section .showcase-panel {
  background-color: #fff;
  height: 100%;
  border-radius: 12px;
  padding: 40px;
}
.specialized-engines-section .showcase-panel p.panel-description {
  font-size: 0.9rem;
}
.specialized-engines-section .showcase-panel .panel-focus-badge {
  font-weight: 400;
}
.specialized-engines-section .tab-pane.active h3 {
  font-weight: 400;
  font-size: 1.4rem;
  color: #0e1d31;
}
.specialized-engines-section .custom-vertical-tabs {
  position: relative;
}
.specialized-engines-section .custom-vertical-tabs .nav-link {
  border-radius: 12px !important;
  padding: 12px 20px;
  border: 1px solid rgb(221 221 221 / 16%);
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);

  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.specialized-engines-section .active-arrow {
  opacity: 0;
  position: absolute;
  right: 10px;
}
.specialized-engines-section
  .custom-vertical-tabs
  .nav-link.active
  .active-arrow {
  opacity: 1;
}
.bfst-trust-section {
  position: relative;
  background-color: #fff;
}
.bfsi-steps p.discovery-steps {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.step-icon-bfsi {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #f3f4f6;
  color: #ee4865;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 2rem;
}
.step-icon-bfsi img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(24%) saturate(3683%)
    hue-rotate(319deg) brightness(97%) contrast(93%);
}
.bfst-trust-section .section-tag {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ee4865;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  display: block;
}
.pillar-row {
  margin-bottom: 140px;
  align-items: center;
}

.pillar-content h3 {
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #ee4865;
}
.pillar-description {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}
.bfst-trust-item {
  display: flex;
  margin-bottom: 1.25rem;
}
.bfst-trust-item i {
  color: #ee4865;
  margin-top: 5px;
  font-size: 1.1rem;
}
.bfst-trust-item b {
  font-size: 1.2rem;
  display: block;
  font-weight: 400;
  color: #0e1d31;
}
.bfst-trust-item p {
  margin: 0;
  font-size: 1rem;
}
.bfst-trust-icon {
  width: 40px;
  height: 40px;
  flex: none;
}
.visual-canvas {
  height: 380px;
  width: 100%;
  background: #f8fafc;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border: 1px solid #f1f5f9;
}
/* Visual 1: Sovereignty */
.sovereignty-base {
  width: 120px;
  height: 120px;
  background: #0e1d31;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  box-shadow: 0 25px 50px -12px rgba(14, 29, 49, 0.25);
}
.pulse-ring {
  position: absolute;
  border: 2px solid #ee4865;
  border-radius: 50%;
  opacity: 0;
  animation: pulse-pink 3s infinite;
}
/* Visual 2: Hallucination Control */
.doc-scanner-container {
  width: 160px;
  height: 200px;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  position: relative;
}
.laser-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  box-shadow: 0 0 15px #ee4865;
  animation: scan-move 4s ease-in-out infinite;
  z-index: 3;
}
.text-line {
  height: 6px;
  background: #f1f5f9;
  margin-bottom: 12px;
  border-radius: 3px;
}
.text-line.highlight {
  background: #ee4865;
  opacity: 0.3;
}
/* Visual 3: Silent Learner */
.node-network {
  display: flex;
  gap: 24px;
}
.network-node {
  width: 50px;
  height: 50px;
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
  transition: all 0.3s ease;
}
.network-node.active {
  border-color: #ee4865;
  color: #ee4865;
  background: #fff;
  box-shadow: 0 10px 20px rgba(238, 72, 101, 0.15);
  transform: scale(1.1);
}
.ring-animation {
  position: absolute;
  width: 320px;
  height: 320px;
  border: 1px solid #ee4865;
  border-radius: 50%;
  opacity: 0.1;
  animation: pulse-pink 4s infinite;
}
/* Animations */
@keyframes pulse-pink {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes scan-move {
  0%,
  100% {
    top: 0;
  }
  50% {
    top: 100%;
  }
}

.standard-group {
  padding: 20px;
  text-align: center;
}
.standard-group-section {
  border: 1px solid #ddd;
  padding: 40px 20px;
  border-radius: 12px;
  background-color: #0e1d31;
  color: #fff;
}
.icon-box-ent {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.05);
  color: #ee4865;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.group-title-ent {
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.spec-list-ent {
  list-style: none;
  padding: 0;
  margin: 0;
}
.spec-item-ent {
  margin-bottom: 2.5rem;
}

.spec-name-ent {
  display: block;
  font-weight: 400;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.spec-detail-ent {
  display: block;
  color: #a3b0c3;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.status-indicator-ent {
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #ee4865;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.status-indicator-ent i {
  margin-right: 6px;
  font-size: 0.6rem;
}
.enterprise-grade-section {
  position: relative;
  background-color: rgb(247 247 255 / 96%);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
/* @media (min-width: 992px) {
            .standard-group:not(:last-child) {
                border-right: 1px solid #d7dde3;
            }
        } */
/* BFSI ends */


/* vibe coding start */
.vibe-coding-banner {
    height: 100vh !important;
    min-height: 700px;
    padding-top: 180px;
    padding-bottom: 120px;
    /* background-image: linear-gradient(to right, rgb(0 0 51 / 61%), #0065d187), url(../img/services-banner2.webp); */
}
.it-staff-banner
{
   height: 90vh !important;
    min-height: 700px;
    padding-top: 180px;
    padding-bottom: 120px;
}
.vibe-coding-banner h1, .it-staff-banner h1
{
font-size: 3.5rem;
    margin-top: 0.5rem;
    font-weight: 600 !important;
}
.vibe-coding-banner .subHeading
{
  font-size: 1.4rem;
    font-weight: 600 !important;
    color: #ee4865;
}
.tool-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    width: min(100%, 896px);
    margin: 40px auto 0;
}
.tool-logo{
   
    width: 80px;
    height: auto;
  
}
.tool-chip-wrap {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 4rem;
}
.tool-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 64px;
    
    color: #f1f5f9;
    font-size: 0.875rem;
    backdrop-filter: blur(8px);
}
.three-layer-delivery-section
{
  background-color: #fff;
}
.track{margin-top:80px;position:relative;}
.track-line{
  position:absolute;top:70px;left:calc(16.666% + 70px);
  width:calc(66.666% - 140px);height:1px;
  background:linear-gradient(90deg,#000,#000,#000);
  pointer-events:none;z-index:0;
}
.track-line::before,.track-line::after{
  content:'';position:absolute;top:-3px;
  width:7px;height:7px;border-radius:50%;background:#000;
}
.track-line::before{left:0;}
.track-line::after{right:0;}
.arrow-between{
    position:absolute;top:58px;
    width:32px;height:24px;
    display:flex;align-items:center;justify-content:center;
    z-index:2;
  }
  .arrow-between i{width:24px;height:14px;color:#ee4865;}
  .a1{left:calc(33.333% - 16px);}
  .a2{left:calc(66.666% - 16px);}
 .circle-item{position:relative;text-align:center;z-index:1;}

  .circle-outer{
    width:140px;height:140px;border-radius:50%;
    border:1px solid #e9f2ff;
    background:#f5f5f5;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 28px;
    position:relative;
    transition:transform .35s,box-shadow .35s,border-color .35s;
  }
  .circle-outer:hover{transform:scale(1.06);border-color:#000;box-shadow:0 0 0 10px rgba(201,76,76,.08);}

  .circle-inner{
    width:100px;height:100px;border-radius:50%;
    background:#fff;
    display:flex;align-items:center;justify-content:center;
    flex-direction:column;gap:4px;
  }
  .vibe-code-circle-num{
    font-size:1.6rem;font-weight:600;color:#fff;line-height:1;
  }
  .circle-icon{font-size:22px;line-height:1;}
  .circle-icon img
  {
    filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(1646%) hue-rotate(327deg) brightness(101%) contrast(87%);
  }
.step-label{
    font-size:1.4rem;font-weight:600;
    text-transform:uppercase;color:#ee4865;margin-bottom:10px;
  }
  .vibe-coding-step-title{
    font-size:1.4rem;font-weight:700;color:#0e1d31;margin-bottom:8px;line-height:1.2;
  }
  .step-action{
    display:inline-block;font-size:0.8rem;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;
    color:#ee4865;
    padding:4px 14px;border-radius:20px;margin-bottom:8px;
  }
  .step-desc{font-size:0.9rem;line-height:1.75;font-weight:300;padding:0 8px;color: #63686f; padding: 0 40px;}
   .bottom-bar{
    margin-top:80px;
    border-top:1px solid rgba(201,168,76,.2);
    padding-top:48px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    flex-wrap:wrap;
  }
  .bar-text{font-size:1.3rem;font-weight:600;color:#0e1d31;max-width:440px;line-height:1.35;}
  .bar-text em{font-style:italic;color:#ee4865;}
  .stats{display:flex;gap:40px;flex-shrink:0;}
  .st{text-align:center;}
  .st-num{font-size:2rem;font-weight:600;color:#ee4865;}
  .st-lbl{font-size:11px;color:#ddd;margin-top:2px;}

  .svc-list{flex:1;}
.svc-item{
  padding:24px 0;
  border-bottom:1px solid rgba(192,128,48,.1);
  display:flex;gap:20px;align-items:flex-start;
  cursor:default;
  transition:padding-left .3s;
}
.svc-item:first-child{padding-top:0;}
.svc-item:last-child{border-bottom:none;padding-bottom:0;}
.svc-item:hover{padding-left:8px;}
 
.si-circle{
  flex-shrink:0;
  width:48px;height:48px;border-radius:50%;
  background: #fff3f5;
    border: 1px solid rgb(238 72 101 / 24%);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s;
}
.svc-item:hover .si-circle{transform:scale(1.08);}
.si-num{font-size:1rem;font-weight:700;color:#0e1d31;}
 
.si-text{}
.si-step{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#ee4865;font-weight:500;margin-bottom:5px;}
.si-title{font-size:1.2rem;font-weight:500;color:#0e1d31;margin-bottom:6px;}
.si-desc{font-size:1.1;font-weight:300;}

.audience-section { padding: 100px 0; background: #FAF8F3; }
  .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 44px; }
  .audience-item { padding: 40px; border-top: 1px solid rgba(11,29,58,0.1); 
  border-right: 1px solid rgba(11,29,58,0.1); position: relative; 
  overflow: hidden; transition: all 0.3s; cursor: default; }
  .audience-item:nth-child(3n) { border-right: none; }
  .audience-item::after { content: ''; position: absolute; 
  bottom: 0; left: 0; width: 100%; height: 2px; background: #ee4865; 
  transform: scaleX(0); transform-origin: left; 
  transition: transform 0.4s ease; }
  .audience-item:hover::after { transform: scaleX(1); }
  .audience-item:hover { background: #fff; 
  box-shadow: 0 8px 40px rgba(11,29,58,0.06); }
  .faster-ai-number {  font-size: 3.5rem; font-weight: 900; 
  color: rgba(11,29,58,0.06); position: absolute; top: 20px; right: 28px; line-height: 1; }
  
  .faster-ai-title {  font-size: 1.4rem; font-weight: 700; 
  color: #0e1d31; margin-bottom: 12px; line-height: 1.25; }
  .faster-ai-desc { font-size: 0.87rem; color: #63686f; 
  line-height: 1.7; font-weight: 300; }

.needs-human-engineer
{
  background-color: #f5f5f5;
}

.issue-container {
    max-width: 900px;
    margin: 0 auto;
}
.issue-list {
    list-style: none;
    padding: 0;
}
.issue-row {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    border-top: 1px solid #e5e7eb;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none !important;
    color: inherit;
}
.issue-row:last-child {
    border-bottom: 1px solid #e5e7eb;
}
.issue-row:hover {
    background-color: #f8fafc;
    padding-left: 40px;
    padding-right: 40px;
}
/* Numbering */
.issue-index {
    font-size: 0.9rem;
    font-weight: 700;
    color: #ee4865; 
    min-width: 60px;
    letter-spacing: 0.1em;
}
/* Content */
.issue-content {
    flex-grow: 1;
}
.issue-title {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
   
  }

  /* Arrow Icon */
  .issue-arrow {
      font-size: 1.5rem;
      opacity: 0;
      transform: translateX(-20px);
      transition: all 0.4s ease;
      color: #2563eb; 
  }

        
/* .issue-card {
            background-color: #fff;
            border-radius: 20px;
            padding: 1.5rem;
            height: 100%;
           
            box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08);
            border: 1px solid rgba(226, 232, 240, 0.6);
            transition: box-shadow 0.3s ease, transform 0.3s ease;
        }

        .issue-card:hover {
            box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.12);
            transform: translateY(-2px);
        }


       .issue-card .badge-num {
            background-color: #0f172a;
            color: #ffffff;
            width: 42px;
            height: 42px;
            margin-bottom: 1rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 1.05rem;
            flex-shrink: 0;
            margin-right: 1.2rem;
            margin-top: 0.1rem;
        }

       .issue-card .header-text-block {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .issue-card-title
        {
          font-size: 1.2rem;
          font-weight: 500;
          color:#0f172a;
        } */
 .needs-human-engineer .main-label
 {
  font-weight: 700;
     font-size: 1.8rem;
      line-height: 1;
      margin-bottom: 20px;
      margin-left: 5rem;
 }
  
  .grid-col {
     
      margin-bottom: 24px;
  }
  .common-issue-txt
  {
    color: #ee4865;
     text-transform: uppercase;
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      font-weight: 600;
      margin-bottom: 0.3rem;
  }
.tech-visual {
    background-color: #0e1d31;
    padding: 0.8rem 1rem;
    font-size: 0.85rem;
    color: #f8fbff;
    line-height: 2;
    overflow-x: auto;
    border-left: 4px solid #ee4865;
}
.softlabs-does
{
  color:#ee4865;
  font-size: 1.1rem;
}
.common-issues
{
  min-height: 120px;
}
.ai-written-code-grid
{
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 3rem; 
  padding-top: 20px;
}
.ai-written-step-text
{
  color:#63686f;
  font-size: 0.9rem;
}
.four-ways-to-biuld
{
  background-image: linear-gradient(to right, rgb(243 248 255 / 77%), rgb(243 243 243 / 76%)), url(../img/ai-service-bg.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.four-ways-to-biuld .service-cards h3
{
  font-size: 1.4rem;
  font-weight: 700;
}
.var2-block {
    margin-top: 1rem;
    padding: 20px 40px;
}
.lux-nav-tabs { 
    border-bottom: 1px solid rgba(15, 23, 42, 0.08); 
    margin-bottom: 1rem; 
    display: flex; 
    flex-wrap: nowrap; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none; 
    border-radius: 12px 12px 0 0;
}
.lux-nav-tabs::-webkit-scrollbar { display: none; }
.lux-nav-tabs .nav-link { 
    font-size: 1.2rem !important; 
    font-weight: 600; 
    line-height: 1;
    background: transparent; 
    border: none; 
    border-bottom: 2px solid transparent; 
    padding: 1rem 1.5rem; 
    margin-bottom: -1px; 
    white-space: nowrap; 
    transition: all 0.3s ease; 
    cursor: pointer; 
    height: 100%;
}
.AI-Written-box
{
  background-color: #fff;
  border-radius: 12px;
  min-height: 600px;
}
@media (min-width: 992px) {
    .lux-nav-tabs { justify-content: center; }
    .lux-nav-tabs .nav-link { font-size: 1.15rem; padding: 1.5rem 1.2rem; }
}

.lux-nav-tabs .nav-item
{
  background-color: #f5fbff;
  padding-right: 0 !important;
}
.lux-nav-tabs .nav-link:hover, .lux-nav-tabs .nav-link:focus { color: #0f172a; border-bottom-color: rgba(238, 72, 101, 0.3); outline: none; }
.lux-nav-tabs .nav-link.active { color: #fff !important; border-bottom-color: #ff9bac; font-weight: 600; background-color: #ee4865;}
.lux-nav-tabs .nav-link.active small
{
  color: #fff !important;
}
.lux-nav-tabs .nav-num { font-size: 1.8rem; vertical-align: super; opacity: 0.6; margin-right: 0.3rem; color: inherit; display:block;margin-bottom: 0.5rem; }
.lux-nav-tabs small {
    font-weight: 300 !important;
    white-space: pre-wrap;
    font-size: 0.8rem;
    color: #63686f;
}
 .flow-tag {
    padding: 0.1rem 0.6rem;
    border: 1px solid #3c4761;
    border-radius: 16px;
    font-weight: 300;
    font-size: 0.9rem;    
}
.flow-arrow {
    color: #ee4865;
    opacity: 0.6;
}
.flow-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
.flow-tag.solid {
    background: #3c4761;
    color:#ffffff;
    font-weight: 500;
    border-color: #0f172a;
}

.step-text {
    font-size: 0.95rem;
    font-weight: 300;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.pillar-title {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 500;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
    
}
.pillar-subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    color: #ee4865;
    margin-bottom: 6px;
}
.pillar-desc
{
  color: #63686f;
}
.status-tag.check::before {
    content: '✓';
    color: #16a34a;
    margin-right: 0.5rem;
    font-weight: bold;
}
.status-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.4rem;
    border: 1px solid #3f4759;
   border-radius: 4px;
    font-size: 0.85rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.status-tag.allowed {
    color: #16a34a;
    border-color: rgb(199 231 211 / 66%);
    background: rgba(22, 163, 74, 0.05);
}
.status-tag.protected {
    color: #ff8080;
    border-color: rgb(241 180 180 / 81%);
    background: rgba(220, 38, 38, 0.05);
}
.vibe-coding-cta-section
{
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: radial-gradient(at 0% 0%, hsla(210, 100%, 96%, 1) 0, transparent 50%), radial-gradient(at 100% 100%, hsla(210, 100%, 98%, 1) 0, transparent 50%);
}
.vibe-coding-CTA-title {
    font-size: 2.2rem;
    font-weight: 500;
    color: #0e1d31c4;
    margin-bottom: 10px;
}
.vibe-coding-cta-section .btn-custom
{
 background-color: #ee4865 !important;
 background: none;
}
.vibe-coding-cta-section p.sub-txt
{
  color: #63686f;
  font-size: 1rem;
}
.vibe-coding-dev-CTA {
    position: relative;
    padding: 50px 30px;
    background: #ffffff;
    border-radius: 20px;
    margin: 40px auto;
    max-width: 1100px;
    overflow: hidden;
    text-align: center;
    background-image: radial-gradient(at 0% 0%, hsla(210, 100%, 96%, 1) 0, transparent 50%), radial-gradient(at 100% 100%, hsla(210, 100%, 98%, 1) 0, transparent 50%);
    border: 1px solid #ddd;
}
.with-softlabs-section
{
  background-color: #fff;
}
.v3-monolith { display: flex;  
border-radius: 24px; 
overflow: hidden; 
box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.12);; 
border: 1px solid #e2e8f0; }
@media (min-width: 992px) { .v3-monolith { flex-direction: row; } }
.v3-panel { flex: 1; }
.v3-panel-bad { background: #f9f9f9; border-bottom: 1px solid #e2e8f0; }
.v3-panel-good { background: #ffffff; }
.plan-list {
    list-style: none;
    padding: 0 3rem;
    margin: 0;
}
.plan-header { margin-bottom: 2.5rem; padding: 2rem; border-bottom: 1px solid #e2e8f0; background: #0e1d31;}
        .plan-name { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 600; margin-bottom: 0.5rem; display: block; }
        .plan-subtitle { font-size: 1.8rem; font-weight: 300; color: #fff; margin: 0; line-height: 1.2; }
.plan-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    font-weight: bold;
}
.icon-bad { background: #ffbaba;
    color: #ff0000; }
.icon-bad::after { content: '✕'; }

.icon-good { background: rgba(238, 72, 101, 0.1); color: #ee4865; }
.icon-good::after { content: '✓'; }
.plan-text-wrap { flex-grow: 1; }
        .plan-item-title { font-size: 1.05rem; font-weight: 500; margin-bottom: 0.25rem; color: #0f172a; }
       

        /* Bad Plan Overrides */
        .plan-bad .plan-item-title { font-weight: 400; color: #64748b;; }
        
.plan-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 1.5rem;
}
.ai-writtent-section
{
  background-color: #0e1d31;
}

.softlabs-ai-section {
   padding: 40px 0;
    background: #0e1d31;
}
/* === Animated Background Orbs === */
.bg-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    z-index: 0;
    opacity: 0.5;
    animation: orbFloat 12s infinite alternate ease-in-out;
}
.top-left-glow {
    width: 350px;
    height: 350px;
    background: #ff758c;
    top: -50px;
    left: -100px;
}
.bottom-right-glow {
    width: 300px;
    height: 300px;
    background: #ee4865;
    bottom: -50px;
    right: -50px;
    animation-delay: -5s;
}
/* === Main CTA Card === */

.ai-dev-card {
    background: rgba(10, 20, 35, 0.6);
    
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 0;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 
                inset 0 1px 1px rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}
.ai-dev-card h2 
{
  font-size: 2.4rem;
}
.ai-dev-card img 
{
  width:100%;
  height: 100%;
  object-fit: cover;
}
/* Subtle top highlight line for the card */
/* .ai-dev-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ee4865, #ff758c, transparent);
    opacity: 0.5;
} */
/* === Typography === */

.ai-dev-headline {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    letter-spacing: -0.5px;
}
.gradient-text {
    background: linear-gradient(90deg, #ee4865, #ffb3c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ai-dev-subtext {
    color: #a8b8d0;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 300;
    max-width: 750px;
    
}
/* === Interactive Elements === */
.vibe-coding-btn {
    position: relative;
    display: inline-block;
    background: transparent;
    color: #fff;
    text-align: center;
    padding: 1.1rem 2.8rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,0.2);
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 1;
    overflow: hidden;
}
.vibe-coding-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #ee4865;
    z-index: -1;
    transition: opacity 0.3s ease;
   
}
/* Outer Glow Effect */
.vibe-coding-btn::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    background: linear-gradient(45deg, #ff758c, #ee4865);
    z-index: -2;
    filter: blur(15px);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 50px;
}
.vibe-coding-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    text-decoration: none;
    border-color: transparent;
}
.vibe-coding-icon {
    margin-right: 0.5rem;
    border-radius: 8px;
}
.how-we-use-vibe-coding .custom-vertical-tabs .nav-link
{
  padding: 10px 16px;
  border: 1px solid #eee;
    border-radius: 12px !important;
    margin-bottom: 10px;
}
.how-we-use-vibe-coding .custom-vertical-tabs .nav-link:last-child
{
  margin-bottom: 0;
}
.how-we-use-vibe-coding .custom-vertical-tabs .nav-link p
{
  font-weight: 500;
  font-size: 1.2rem;
}
.how-we-use-vibe-coding .custom-vertical-tabs .nav-link.active
{
  background-color: #ee4865;
  color:#fff !important;
  box-shadow: none;
}
.how-we-use-vibe-coding .showcase-panel
{
  max-height: none;
  height: 100%;
  border: 1px solid #eee;
}


.how-we-use-vibe-coding .spec-eng-desc {
  font-size: 1rem;
  color: #63686f;
}

.ai-coding-tools .ai-feature-list
{
  flex-flow: wrap;
}
.vibe-tech-stack-section {
    background-color: #0e1d31;
}

/* Tool Card Styling */
.vibe-tool-card {
    background: #f3f8ff;
    /* background: #172a46; */
    border: 1px solid #233b5d;
    border-radius: 12px;
    transition: all 0.3s ease;
    height: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
}
.vibe-tool-card:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(238, 72, 101, 0.1);
    transform: translateY(-3px);
    border-color: #ee4865;
}
.vibe-tool-icon {
    width: 58px;
    height: 58px;
    min-width: 48px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: #ee4865;
    font-weight: 600;
    font-size: 15px;
    border-radius: 10px;
    margin-right: 16px;
    letter-spacing: 0.5px;
}
.vibe-tool-info h6 {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #101c30;
    font-size: 0.95rem;
}
.vibe-tool-info p {
    margin: 0;
    font-size: 0.8rem;
    color: #94a3b8;
    font-weight: 500;
}
/* Category Header Styling */
.category-title {
  font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}
.category-desc {
    color: #94a3b8;
    margin-bottom: 25px;
    font-size: 1rem;
    line-height: 1.6;
}
/* Sticky Sidebar Navigation */
.stack-sidebar-nav {
    position: sticky;
    top: 140px;
    border-left: 2px solid #233b5d;
    padding-left: 0;
}

.stack-sidebar-nav a {
    display: block;
    padding: 24px 20px;
    color: #94a3b8;
    text-decoration: none;
    font-weight: 500;
    border-left: 2px solid transparent;
    margin-left: -2px;
    transition: all 0.2s;
}

.stack-sidebar-nav a:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.03);
}

.stack-sidebar-nav a:focus, 
.stack-sidebar-nav a:active, 
.stack-sidebar-nav a.active {
    color: #ee4865;
    border-left-color: #ee4865;
    background: linear-gradient(90deg, rgba(238,72,101,0.1) 0%, rgba(14,29,49,0) 100%);
}

/* Category Sections */
.stack-category {
    padding-top: 40px;
    margin-top: -40px; /* Offset for sticky header if any, helps anchor jumps */
    margin-bottom: 60px;
}
.vibe-coding-speed
{
  background:#101d30;
}
.vibe-coding-speed-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,0.05); }
.vibe-coding-speed-item { background: #101d30; padding: 20px; display: flex; align-items: flex-start; }
.vibe-coding-speed-icon { color: #ee4865; font-size: 1.8rem; margin-right: 30px; margin-top: 5px; }
.vibe-coding-speed-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; letter-spacing: -1px; color:#fff;}
.vibe-coding-speed-desc { color: rgba(255, 255, 255, 0.4); font-size: 1rem; line-height: 1.5; font-weight: 300; }
 .font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.tracking-tight { letter-spacing: -0.03em; }
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-wide { letter-spacing: 0.05em; }
.text-micro.badge {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  background-color: #f6faff;
  padding: 8px 20px;
  border-radius: 17px;
  color: #0e1d31;
}
.variation-label {
    text-align: center;
    padding: 1rem;
    background: #101d30;
    color: #ee4865;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.text-navy { color: #101d30 !important; }
.text-muted-tech { color: #526071; }
.bg-navy-light { background-color: #63686f; }
.v1-bg { background-color: #ffffff; }
.v1-growth-container {
    background: #f8fafc;
    border-radius: 24px;
    padding: 60px;
    border: 1px solid rgba(16, 29, 48, 0.1);
    position: relative;
    overflow: hidden;
    background: linear-gradient(18deg, rgb(28 27 27) 0%, #0e1d31 100%);
    color: #fff;
  }
  .v1-connector-line {
      height: 4px;
      background: linear-gradient(90deg,  #101d30 0%, #ee4865 100%);
      width: 100%;
      border-radius: 4px;
      margin: 30px 0;
      position: relative;
  }
  .v1-connector-line::after {
      content: '\f054'; /* FontAwesome play/arrow icon */
      font-family: 'FontAwesome';
      font-weight: 900;
      position: absolute;
      right: -5px;
      top: -15px;
      color: #ee4865;
      font-size: 24px;
  }
  .why-softlabs-txt
  {
    color: #f1f1f1;
    font-size: 1rem;
  }
  .certifications-box
  {
    padding: 20px;
  }
  .v1-number-small { font-size: 3rem; color:  #fff; line-height: 1; }
  .v1-number-large { font-size: 5rem; color: #ee4865; line-height: 1; }
  .v1-stat-box { border-left: 2px solid rgba(16, 29, 48, 0.1); padding-left: 20px; }
  
  .text-theme-dark { color: #0e1d31 !important; }
  .text-theme-accent { color: #ee4865 !important; }
  .bg-theme-dark { background-color: #0e1d31 !important; color: white; }
  .bg-theme-accent { background-color: #ee4865 !important; color: white; }
  .border-theme-dark { border-color: #0e1d31 !important; }
  .border-theme-accent { border-color: #ee4865 !important; }
  .badge-accent {
      background-color: #ee4865;;
      color: white;
  }
  .badge-dark-theme {
      background-color: #0e1d31;
      color: white;
  }
  .ai-coding-txt
  {
    color: #64748b;
  }
  .timeline-item {
      position: relative;
      padding-left: 3rem;
      margin-bottom: 3rem;
      border-left: 3px solid #0e1d31;
  }
  .timeline-item::before {
      content: '';
      position: absolute;
      left: -11px;
      top: 0;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #ee4865;
      border: 4px solid #f8f9fa;
  }
  .ai-coding-btn
  {
    font-size: 1.4rem;
    display: block;
    width: 100%;
    background-color: #0e1d31 !important;
    border-radius: 0 !important;
    border: none !important;
  }
  .ai-coding-btn.btn:hover
  {
    font-size: 1.4rem;
    background-color: #0f1b3d !important;
  }
  .ai-coding-tools .accordion .card-header
  {
    border-radius: 0 !important;
    margin-left: 0;
  }
  .ai-coding-tools .accordion .card-header::after
  {
    display: none;
  }
  .vibe-coding-card {
      position: relative;
      height: 450px;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid #e5e5e5;
      cursor: pointer;
      background-color: #d0ebff;
  }
  .vibe-coding-card .dev-img {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      object-fit: cover;
      
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .vibe-coding-card:hover .dev-img {
      
      transform: scale(1.05);
  }
  .vibe-coding-overlay {
      position: absolute;
      bottom: 0; left: 0; right: 0;
      padding: 25px 10px;
     background: linear-gradient(to top, rgb(10 37 64), rgb(18 43 69), #00000000);
      transition: all 0.5s ease;
  }
  .vibe-coding-card h4 {
      color: #fff;
      font-size: 1.3rem;
      font-weight: 700;
      margin-bottom: 2px;
      transform: translateY(20px);
      transition: all 0.4s ease;
  }
  .vibe-coding-card .designation {
      color: var(--accent-cyan);
      font-size: 0.85rem;
      font-weight: 500;
      transform: translateY(20px);
      transition: all 0.4s ease;
      transition-delay: 0.05s;
  }
  .vibe-coding-tools {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
      transition: all 0.5s ease;
      transform: translateY(20px);
      margin-bottom: 0.5rem;
      margin-top: 0.5rem;
  }
  .tools-box
  {
    display: flex;
    
    align-items: center;
    background-color: #fff;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 34px;
  }

  /* .vibe-coding-card:hover .vibe-coding-tools {
      max-height: 150px;
      opacity: 1;
      margin-top: 15px;
  } */
  .vibe-coding-badge {
    padding:4px 6px;
    border-radius: 4px;
      display: flex !important;
      align-items: center;
      background: rgba(255,255,255,0.1);
      color: #fff;
      backdrop-filter: blur(5px);
      border: 1px solid rgba(255,255,255,0.2);
  }
   .vibe-coding-tools .vibe-coding-badge img
 {
  width: 22px !important;
  height: auto;
  position: relative;
  margin-right: 2px;
 }
 .vibe-coding-badge span
 {
  font-size: 0.8rem;
 }
  .vibe-carousel .owl-nav {
      margin-top: 30px !important;
      text-align: center;
      
  }
 .vibe-carousel .owl-prev {
       left: auto !important;
  }
  .vibe-carousel .owl-next {
       right: auto !important;
  }
  .vibe-carousel .owl-dots
  {
    display: none !important;
  }
  .vibe-carousel .owl-nav button {
      width: 45px;
      height: 45px;
      border-radius: 50% !important;
      background: #ffffff !important;
      border: 1px solid #e1e8ed !important;
      color: #ee4865 !important;
      transition: all 0.3s ease !important;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      margin: 0 5px !important;
      outline: none !important;
      touch-action: manipulation;
  }
  .vibe-carousel .owl-nav button:hover {
      background: #ee4865 !important;
      color: #ffffff !important;
      border-color: #ee4865 !important;
      transform: translateY(-2px);
  }
  .vibe-carousel .owl-dots .owl-dot span {
      background: #cbd5e0 !important;
      transition: all 0.3s ease !important;
  }
  .vibe-carousel .owl-dots .owl-dot.active span {
      background: var(--accent-blue) !important;
      width: 20px !important;
  }
  .needs-human-engineer .owl-next, .needs-human-engineer .owl-prev
  {
    position: relative;
  }
/* vibe coding end */

/* IT staff starts */
 .banner-absolute-container {
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    z-index: 20;
    width: 100%;
}
.absolute-flex-track
{
  background: #ffffff !important;
  border-radius: 12px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}
.absolute-white-card {
    border: 1px solid rgba(0, 0, 0, 0.05);
    flex: 1 1 15%;
    min-width: 180px;
    
}
.absolute-white-card .icon-v4-box {
    color: #ee4865;
    font-size: 24px;
    margin-bottom: 12px;
}
.absolute-white-card h6 {
    font-weight: 500;
    color: #0f172a;
    font-size: 1.1rem;
}
.absolute-white-card p {
    font-size: 0.9rem;
    color: #63686f;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.4;
}
.it-staff-service
{
  padding-top: 12rem;
}
.mid-cta-band {
    background: radial-gradient(circle at 14% 50%, rgba(238, 72, 101, 0.18), transparent 30%), radial-gradient(circle at 88% 20%, rgba(255, 255, 255, 0.08), transparent 24%), #101d30;
    color:#fff;
    padding: 48px 0;
}
.mid-cta-wrap {
    display: grid;
    grid-template-columns: 1.1fr auto;
    gap: 124px;
    align-items: center;
}
.mid-cta-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.mid-cta-copy p
{
  font-size: 1rem;
}
.btn-softlabs {
    background-color: #ee4865 !important;
    color: #fff;
    border: 1px solid #ee4865;
    border-radius: 50px;
    padding: 13px 22px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 14px 30px rgba(238, 72, 101, 0.22);
    transition: all 0.2s ease;
}
.btn-white {
    color: #0b1a2f;
    background-color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50px;
    padding: 13px 22px;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.2s ease;
}
.mid-cta-small span {
    color: rgba(255, 255, 255, 0.84);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
}
.it-staff-section
{
  background-color: #fff;
}
.it-staff-row-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid #e5e7eb;
}
.it-staff-big-num {
  font-family: sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    color: #ee4865;
    /* -webkit-text-stroke: 2px #ee4865; */
    min-width: 5rem;
    text-align: center;
}
.it-staff-item-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0e1d31;
    margin-bottom: 6px;
}
.it-staff-item-desc {
    font-size: 1rem;
    font-weight: 300;
    color: #63686f;
    line-height: 1.65;
}
.it-staff-engineering-led
{
  background-color: #f9f9f9;
  position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, rgb(255 255 255 / 57%), rgb(239 239 255)), url(../img/cs-chal-sol-bg.webp);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.it-staff-engineering-led-panels {
    display: flex;
    /* border-radius: 14px; */
    overflow: hidden;
    /* box-shadow: 0 12px 48px rgba(0, 0, 0, 0.12); */
    position: relative;
}
.it-staff-engineering-led-panel-bad {
    flex: 1;
    /* background: #fff; */
    padding: 44px 40px;
}
.it-staff-engineering-led-vs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f3f2ee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #ee4865;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    z-index: 10;
}
.it-staff-engineering-led-panel-good {
    flex: 1;
    background: #0e1d31;
    padding: 44px 40px;
    border:1px solid #ddd;
}
.it-staff-engineering-led-panel-head {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.it-staff-engineering-led-panel-good .it-staff-engineering-led-panel-head {
    color: #ee4865;
}
.it-staff-engineering-led-dot-bad {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e8b4b0;
    flex-shrink: 0;
    margin-top: 6px;
}
.it-staff-engineering-led-dot-good {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    flex-shrink: 0;
    margin-top: 6px;
}
.it-staff-engineering-led-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.it-staff-engineering-led-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid;
    font-size: 1rem;
    line-height: 1.6;
    color: #63686f;
}
.it-staff-engineering-led-panel-good .it-staff-engineering-led-list li {
     color: #fff; 
    border-color: rgba(255, 255, 255, 0.08);
}
.it-staff-engineering-led-cta-box {
    background: #fff;
    border-radius: 10px;
    padding: 32px 36px;
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.it-staff-engineering-led-cta-link {
    display: inline-block;
    background: #ee4865;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s;
}
.v2-cta-box h4 {
    font-size: 18px;
    font-weight: 800;
    color: #0e1d31;
    margin: 0 0 6px;
    line-height: 1.25;
}
.v2-cta-box p {
    font-size: 13.5px;
    color: #63686f;
    margin: 0;
    line-height: 1.6;
}
.partnership-section {
    background: #0e1d31;
}
.partnership-intro-card {
    background: #0c1727;
    border-radius: 12px 12px 0 0;
    padding: 40px 48px;
    display: flex; 
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap; 
    gap: 24px;
    border: 1px solid #2d3748;
    border-bottom: none;
}
.pfont.intro-heading {
    
    font-weight: 800; 
    color: #fff; 
    line-height: 1.15;
    
    margin: 0;
}
.intro-heading em { 
    font-style: italic; 
   
    font-weight: 300; 
}
.sub-txt.intro-description {
    font-size: 1.2rem; 
    color: #a0aec0;
    line-height: 1.75; 
    min-width: 380px; 
    margin: 0; 
    align-self: flex-end;
}
.partnership-comparison-board {
    background: #031c3d;
    border: 1px solid #2d3748;
    border-top: none;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}
.comparison-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
}
.comparison-column { 
    padding: 36px 40px; 
}
.client-controls-column { 
    border-right: 1px solid #2d3748; 
}
.comparison-column-header {
    display: flex; 
    align-items: center; 
    gap: 10px; 
    margin-bottom: 20px;
}
.header-dot {
    width: 10px; 
    height: 10px; 
    border-radius: 50%; 
    flex-shrink: 0;
}
.header-dot.client-theme { background: #a0aec0; }
.header-dot.softlabs-theme { background: #ee4865; }
.partnership-section .header-title {
    font-size: 1.6rem; 
    font-weight: 700; 
    letter-spacing: 3px;
    text-transform: uppercase;
}
.partnership-section .header-title.client-theme { color: #e2e8f0; }
.partnership-section .header-title.softlabs-theme { color: #ee4865; }
.column-summary {
    font-size: 1rem; 
    color: #8b949e; 
    line-height: 1.65; 
    margin-bottom: 24px;
}
.responsibility-item {
    display: flex; 
    align-items: flex-start; 
    gap: 14px;
    padding: 12px 0; 
    border-bottom: 1px solid #2d3748;
}
.responsibility-item:last-child { 
    border-bottom: none; 
}
.item-icon {
    width: 32px; 
    height: 32px; 
    border-radius: 6px;
    display: flex; 
    align-items: center; 
    justify-content: center;
    font-size: 13px; 
    flex-shrink: 0; 
    margin-top: 1px;
}
.client-controls-column .item-icon { 
    background: #2d3748; 
    color: #e2e8f0; 
}

.softlabs-capacity-column .item-icon { 
    background: rgba(99,179,237,0.15); 
    color: #63b3ed; 
}

.partnership-section .item-title { 
    font-size: 1.2rem; 
    font-weight: 600; 
    color: #f7fafc; 
    line-height: 1.3; 
}

.partnership-section .item-subtitle { 
    font-size: 1rem; 
    color: #a0aec0; 
    margin-top: 2px; 
    font-weight: 300;
}
.partnership-footer {
    border-top: 1px solid #2d3748;
    background: #0c1727;
    padding: 24px 40px;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    flex-wrap: wrap; 
    gap: 16px;
}
.partnership-footer p { 
    font-size: 14px; 
    color: #a0aec0; 
    margin: 0; 
    line-height: 1.6; 
}

.partnership-footer strong { 
    color: #f7fafc; 
}
.footer-cta-btn {
    display: inline-block; 
    background: #e2e8f0; 
    color: #1a202c;
    font-family: 'Syne', sans-serif; 
    font-size: 11px; 
    font-weight: 700;
    letter-spacing: 2px; 
    text-transform: uppercase;
    padding: 13px 28px; 
    border-radius: 6px; 
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
}
.footer-cta-btn:hover { 
    background: #fff; 
    color: #000; 
    text-decoration: none; 
    transform: translateY(-1px);
}
.bg-navy-deep {
    background: radial-gradient(circle at 20% 20%, rgba(238, 72, 101, 0.18), transparent 32%), radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.08), transparent 26%), linear-gradient(135deg, #0f1a2c 0%, #101d30 58%, #142844 100%);
    color: #fff;
}
.ai-refined-layout {
    display: grid;
    grid-template-columns: 1.95fr 1.05fr;
    gap: 46px;
    align-items: center;
}
.terminal-simple {
    background: #07111f;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}
.terminal-simple-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.035);
}
.terminal-simple-dots {
    display: flex;
    gap: 7px;
}
.terminal-simple-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.28);
}
.terminal-simple-dots span:first-child {
    background: #ee4865;
}
.terminal-simple-title {
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.terminal-simple-body {
    padding: 22px;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
    line-height: 1.9;
    color: rgba(255, 255, 255, 0.86);
}
.terminal-simple-body .blue {
    color: #9cc8ff;
}
.terminal-simple-body .muted {
    color: rgba(255, 255, 255, 0.46);
}
.terminal-simple-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.terminal-simple-strip span {
    padding: 13px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.82);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}
.ai-tool-dock {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}
.ai-tool-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}
.ai-tool-pill img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.it-staff-interview p.discovery-steps
{
  position: relative;
  font-size: 2rem;
  width: 64px;
    height: 64px;
    line-height: 64px;
}
.it-staff-interview .it-staff-headtxt
{
  font-weight: 400;
  font-size: 1rem;
  color: #393939;
}
.it-staff-interview  .service-desc
{
  color: #63686f;
}

.engineering-section {
            background-color:#0e1d31;
        }
.proof-highlight-box {
    background:rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.2);
    padding: 2.5rem;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.proof-label {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #a1a1aa;
    margin-bottom: 0.75rem;
}
.proof-metric {
    font-size: 2rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.proof-description {
    color: #a1a1aa;
    font-size: 0.95rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.if-staff-engineering-card {
    background: #081527;
    padding: 2.5rem;
    border-radius: 8px;
    height: 100%;
    border: 1px solid transparent;
    border-top: 3px solid transparent;
    transition: all 0.3s ease;
}
.if-staff-engineering-card:hover {
    border-color: #222222;
    border-top-color: #222222;
    background: #101c30;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.if-staff-engineering-card-subtitle {
    font-size: 0.85rem;
    color: #ee4865;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.if-staff-engineering-card-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff;
}
.if-staff-engineering-card-text {
    color: #a1a1aa;
    font-size: 0.95rem;
    margin-bottom: 0;
    line-height: 1.6;
}
.section-header-wrap {
    border-bottom: 1px solid #222222;
    padding-bottom: 3.5rem;
    margin-bottom: 3.5rem;
} 
@media (max-width: 991px) {
    .section-header-wrap { padding-bottom: 2rem; margin-bottom: 2rem; }
    .main-heading { font-size: 2rem; }
    .sub-heading { font-size: 1.5rem; }
    .proof-highlight-box { margin-top: 2rem; }
}
.panel-meta {
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ee4865;
    font-weight: 700;
    margin-bottom: 1.5rem;
    display: block;
}
.panel-desc {
    font-size: 1.125rem;
    color: #475569;
    margin-bottom: 2.5rem;
    max-width: 90%;
}
.category-block {
    background:  #f8fafc;
    border-radius: 16px;
    padding: 1.5rem;
    height: 100%;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-block:hover {
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
    border-color: #cbd5e1;
    transform: translateY(-2px);
}
.category-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

.category-title i {
    margin-right: 0.5rem;
    color:#ee4865;
}
.tag-pill {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #334155;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 100px;
    margin-right: 0.5rem;
    margin-bottom: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
}
.tag-pill:hover {
    background: #0f172a;
    color: white;
    border-color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

/* Interactive feature: Highlight specific tags */

.req-productive-team-section
{
  background-color: #fff;
}
/* Bento grid */
.bento-row {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
}
.bento-4 { grid-template-columns: repeat(4, 1fr); }
.bento-2 { grid-template-columns: 1fr 3fr; }
.bento-cell {
  border-radius: 14px;
  /* border: 1px solid #E2E8F0; */
  padding: 22px;
  background: #fff;
  transition: border-color 0.15s;
}
.bento-cell:hover { border-color: #CBD5E1; }

.phase-banner {
    border-radius: 14px;
    padding: 28px 28px 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .p1-banner {
    background: #0e1d31;
    border: 1px solid #0e1d31;
}
  .p2-banner { background: #ee4865; border: 1px solid #ee4865; }

  .phase-banner-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .p1-banner .phase-banner-tag { color: #fff; width:100px; text-align: center; padding: 2px; background-color: rgb(190 194 195 / 22%); border-radius: 10px; }
  .p2-banner .phase-banner-tag { color: #fff; width:100px; text-align: center; padding: 2px; background-color: rgb(190 194 195 / 22%); border-radius: 10px; }

  .phase-banner-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.15;
  }

  .phase-banner-desc {
    font-size: 1rem;
    color: #fff;
    line-height: 1.6;
    font-weight: 300;
  }

  /* Step cells */
  .step-num {
    
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 1;
  }

  .p1 .step-num { color: #0e1d31; }
  .p2 .step-num { color:  #ee4865; }

  .step-title-bento {
    font-size: 1rem;
    font-weight: 600;
    color: #0F172A;
    margin-bottom: 8px;
    line-height: 1.3;
  }

  .step-desc-bento {
    font-size: 0.9rem;
    color: #63686f;
    line-height: 1.6;
    font-weight: 400;
  }

        
.sec-title { font-size: 2rem; font-weight: 700; margin: 0; color: var(--text-main); }

.feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 2rem;
}
.data-block { background: #f8faff; border-radius: 15px; padding: 1.5rem; border: 1px solid #e2e8f0; }
.data-title { font-size: 0.85rem; text-transform: uppercase; color: var(--primary-color); font-weight: 700; letter-spacing: 1px; margin-bottom: 1rem; display: flex; align-items: center;}
.data-title i { margin-right: 8px; }

.custom-list { list-style: none; padding: 0; margin: 0; }
.custom-list li { position: relative; padding-left: 25px; margin-bottom: 8px; color: #63686f; font-size: 0.95rem; }
.custom-list li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #48bb78;
}
.role-badge { 
    background: white; 
    border: 1px solid #e2e8f0; 
    color: #4a5568; 
    font-weight: 500; 
    padding: 0.5rem 1rem; 
    border-radius: 30px; 
    display: inline-block; 
    margin: 0.25rem; 
    font-size: 0.85rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

.highlight-bar { 
    background: linear-gradient(to right, #f0f4ff, white);
    border-left: 4px solid #4361ee; 
    padding: 1.5rem; 
    border-radius: 0 15px 15px 0; 
    margin-top: 2rem; 
    display: flex;
    align-items: flex-start;
}
.highlight-bar i { color: #f6ad55; font-size: 1.5rem; margin-right: 15px; margin-top: 3px; }
.highlight-text { font-size: 0.95rem; color: #4a5568; line-height: 1.6; }
@media (max-width: 991px) {
    .feature-grid { grid-template-columns: 1fr; }
    .hero-section { padding: 4rem 0 5rem; margin-bottom: 0; border-radius: 0; }
    .sticky-sidebar { position: relative; top: 0; margin-bottom: 2rem; border-radius: 10px; }
}
.it-staff-industry {
    position: relative;
    background-color: rgb(247 247 255 / 96%);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.it-staff-industry::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/noise-background.webp);
    opacity: 0.3;
    z-index: 0;
}
.it-staff-cta-section {
    padding: 6rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #edf2f7 100%);
    position: relative;
    overflow: hidden;
}
.it-staff-cta-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a202c;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}
.it-staff-cta-desc {
    font-size: 1.1rem;
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}
.btn-premium {
    background-color: #0e1d31;
    color: #fff;
    padding: 1rem 2.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(43, 108, 176, 0.2);
    border: none;
    display: inline-block;
    text-decoration: none;
}
.btn-premium:hover {
    background-color: #2c5282;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(43, 108, 176, 0.3);
    text-decoration: none;
}
.it-staff-checklist-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2;
}
.it-staff-checklist-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.it-staff-checklist-title i { color: #0e1d31; margin-right: 10px; font-size: 1.3rem; }
.it-staff-check-item {
    display: flex;
    margin-bottom: 1.2rem;
    align-items: flex-start;
}

.it-staff-check-item:last-child { margin-bottom: 0; }
.it-staff-check-icon {
    color: #48bb78;
    font-size: 1.2rem;
    margin-right: 15px;
    margin-top: 2px;
}
.it-staff-check-text h6 {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: #1a202c;
    font-size: 1rem;
}
.it-staff-check-text p {
    margin: 0;
    color: #718096;
    font-size: 0.9rem;
}

/* Decorative circle */
.it-staff-bg-shape {
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(66, 153, 225, 0.1) 0%, rgba(255,255,255,0) 70%);
    top: -100px;
    right: -100px;
    border-radius: 50%;
    z-index: 1;
}
.it-staff-industry .nav-pills-custom .nav-link {
    color: #495057;
    background: #fff;
    position: relative;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    font-weight: 500;
    transition: all 0.2s;
    border-left: 4px solid transparent;
}
.it-staff-industry .nav-pills-custom .nav-link:hover { background-color: #f8f9fa; }
.it-staff-industry .nav-pills-custom .nav-link.active {
    color: #ee4865 !important;
    background: #fff;
    border-left-color: #ee4865;
    box-shadow: 0 4px 10px rgba(0,123,255,0.1);
    font-weight: 700;
}

.it-staff-industry .tab-content-custom {
    background: #fff;
    padding: 2.5rem;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    min-height: 400px;
}
.it-staff-industry .tab-title { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: #343a40; border-bottom: 2px solid #f1f3f5; padding-bottom: 0.5rem; }
.it-staff-industry .content-subtitle { font-size: 1.1rem; color: #6c757d; margin-bottom: 2rem; }

.it-staff-industry .list-box {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    height: 100%;
}
.it-staff-industry .list-box h5 { font-size: 1.1rem; font-weight: 600; color: #495057; margin-bottom: 1rem; }
.it-staff-industry .custom-list { padding-left: 1.2rem; margin-bottom: 0; }
.it-staff-industry .custom-list li { margin-bottom: 0.5rem; color: #6c757d; }

.it-staff-industry .alert-custom {
    background-color: #e8f4fd;
    border: 1px solid #b8daff;
    color: #0e1d31;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 2rem;
}
/* IT Staff Ends */

/* GCC starts */
.gcc-banner {
  background: linear-gradient(
    150deg,
    rgba(17, 35, 90, 1) 0%,
    rgba(2, 0, 10, 1) 56%
  );
  height: 94vh !important;
  min-height: 400px;
}
.gcc-stats-section {
  position: absolute;
  bottom: 20px;
  display: flex;
  z-index: 1;
  right: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.gcc-stat-number {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}
.gcc-stat-desc {
  color: #fff;
  font-size: 0.8rem;
  text-wrap: nowrap;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.gcc-stat-desc:hover {
  color: #ee4865;
}

.gcc-conclusion-highlight {
  font-weight: 700;
  display: inline;
}
.sector-flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  overflow-x: auto;
  gap: 1.5rem;
  padding-bottom: 1rem; /* Space for scrollbar if needed on mobile */
}
.sector-item {
  flex: 1;
  min-width: 110px; /* Prevents text from crushing completely on small screens */
  padding: 1.5rem 0.5rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.sector-item:hover {
  transform: translateY(-5px);
}

.gcc-popular-tag {
  background: #101d30;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  width: fit-content;
  margin-bottom: 1rem;
}
.gcc-footer-badge {
  border-radius: 8px;
  padding: 12px 15px;
  font-size: 0.85rem;
  position: absolute;
  bottom: 20px;
  color: #ee4865;
}
.gcc-evolved {
  background-color: #fff;
}
.gcc-evolved p {
  font-size: 1rem;
}
.var3-track-container {
  position: relative;
  padding-top: 30px;
}

.var3-track {
  height: 12px;
  border-radius: 6px;
  /* Track goes from light gray to vibrant blue */
  background: linear-gradient(
    90deg,
    #e2e8f0 0%,
    #cbd5e1 50%,
    #93c5fd 80%,
    #0e1d31 100%
  );
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}

.var3-node {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #ffffff;
  border: 4px solid #cbd5e1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.var3-node-1 {
  left: 1%;
}
.var3-node-2 {
  left: 36%;
}
.var3-node-3 {
  left: 70%;
  border-color: #0e1d31;
  background: #0e1d31;
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}
.office-card {
  background-color: rgba(30, 41, 59, 0.5);
  border: 1px solid #334155;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 3rem;
  transition: transform 0.2s;
}

.location-icon-box {
  background-color: rgba(244, 63, 94, 0.1);
  color: #ee4865;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
}
.office-info h6 {
  color: #ee4865;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.office-info p {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}
.office-info .address-sub {
  color: #94a3b8;
  font-weight: 300;
  margin-top: 4px;
}
/* Separated Softlabs Callout - Light Theme */
.softlabs-callout {
  background: linear-gradient(90deg, #f0f7ff 0%, #ffffff 100%);
  border-left: 4px solid #0e1d31;
  padding: 24px 32px;
  margin-top: 20px;
  border-radius: 0 8px 8px 0;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  border-top: 1px solid #f1f5f9;
  border-right: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
}
.softlabs-callout::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml;utf8,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="1" fill="rgba(59,130,246,0.05)"/></svg>');
  pointer-events: none;
  z-index: 0;
}
.softlabs-callout-content {
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
  color: #475569;
  line-height: 1.6;
}
.softlabs-callout-content strong {
  color: #0e1d31;
  font-size: 1.3rem;
  display: block;
  margin-bottom: 8px;

  font-weight: 700;
}
.gcc-as-service {
  background-color: #fbfbfb;
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.gcc-sticky-sidebar {
  position: sticky;
  top: 150px;
  padding-right: 30px;
}
.gcc-services-section {
  background-color: #f1f5f9;
}
.gcc-services-section .gcc-service-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 32px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px -1px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}
.tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px dashed #e2e8f0;
}
.service-tag {
  background: #f1f5f9;
  color: #475569;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.icon-box-gcc {
  width: 56px;
  height: 56px;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}

.tech-cap-gcc {
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(239 239 255)),
    url(../img/AI-first-background.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.tech-cap-gcc .quadrant-gcc img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(41deg) brightness(103%) contrast(103%);
}
.gcc-tech-stat-link {
  color: #0e1d31;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;
}
.gcc-tech-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  row-gap: 60px;
  border-top: 1px solid #ebecf0;
  padding-top: 60px;
}
.gcc-tech-item {
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.gcc-tech-item h3 {
  font-weight: 400;
  font-size: 1.4rem;
  color: #0e1d31;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
  transition: color 0.3s ease;
}
/* Subtle indicator line that appears on hover */
.gcc-tech-item::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 5px;
  bottom: 5px;
  width: 3px;
  background: #0e1d31;
  transform: scaleY(0);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-origin: center;
}
.gcc-tech-item:hover::before {
  transform: scaleY(1);
}
.gcc-tech-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0;
  transition: color 0.3s ease;
}
.gcc-tech-item:hover {
  transform: translateX(10px);
}
/* Contextual Hover colors for variety */
.gcc-tech-list .ai:hover h3 {
  color: #ff8b00;
}
.gcc-tech-list .agentic:hover h3 {
  color: #6554c0;
}
.gcc-tech-list .cloud:hover h3 {
  color: #00b8d9;
}
.gcc-tech-list .api:hover h3 {
  color: #2684ff;
}
.gcc-tech-list .ops:hover h3 {
  color: #36b37e;
}
.gcc-tech-list .security:hover h3 {
  color: #ff5630;
}
.gcc-tech-list .devsec:hover h3 {
  color: #ffab00;
}
.gcc-tech-list .data:hover h3 {
  color: #0052cc;
}

.ind-section-padding .industry-carousel {
  flex-grow: 1;
  display: flex !important;
  align-items: stretch;
}
.ind-section-padding .owl-stage-outer,
.ind-section-padding .owl-stage,
.ind-section-padding .owl-item {
  height: 100%;
  border-radius: 12px;
}
.ind-section-padding .industry-slide {
  height: 600px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ind-section-padding .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  filter: brightness(0.6); /* Slightly darker for better contrast */
}
/* Overlay Layer (Deep gradient for constant readability) */
.ind-section-padding .slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgb(13 65 107 / 39%) 40%,
    rgba(0, 0, 0, 0.95) 100%
  );
  z-index: 1;
}
/* Content Layer */
.ind-section-padding .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  z-index: 2;
  color: #fff;
}
.ind-section-padding .industry-name {
  font-size: 1.4rem;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ind-section-padding .industry-summary {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  max-width: 90%;
  margin-bottom: 25px;
  opacity: 1; /* Always visible */
  height: auto;
  overflow: visible;
}
.ind-section-padding .tag-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  opacity: 1; /* Always visible */
  transform: translateY(0);
}
.ind-section-padding .cap-tag {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 12px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
/* Interaction States */
.ind-section-padding .industry-slide:hover .slide-bg {
  transform: scale(1.1);
  filter: brightness(0.75);
}
.ind-section-padding .industry-slide:hover .cap-tag {
  background: #ee4865;
  border-color: #ee4865;
  color: white;
}
/* Custom Navigation */
.ind-section-padding .owl-nav {
  position: absolute;
  top: -80px;
  right: 0;
}
.ind-section-padding .owl-prev,
.ind-section-padding .owl-next {
  background: none !important;
  color: #111 !important;
  font-size: 2rem !important;
  margin-left: 20px !important;
  outline: none;
  transition: color 0.3s ease;
}
.ind-section-padding .owl-prev:hover,
.ind-section-padding .owl-next:hover {
  color: #ee4865 !important;
}
.ind-section-padding {
  background-color: #fff;
}
.ind-tabs-wrapper {
  background: transparent;
  border: none;
}
.ind-nav-list {
  background-color: transparent;
  border-right: 1px solid #e2e8f0;
}
.ind-nav-list .nav-link {
  color: #0e1d31;
  background: transparent;
  padding: 20px 0;
  border-radius: 0;
  margin-right: -1px; /* Align with the border-right of the container */
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  font-weight: 400;
  text-align: left;
  opacity: 0.6;
  border: none;
  border-right: 3px solid transparent;
}
.ind-nav-list .nav-link i {
  font-size: 1.3rem;
  margin-right: 20px;
  width: 30px;
  text-align: center;
  color: #ee4865;
}
.ind-nav-list .nav-link.active {
  color: #ee4865 !important;
  opacity: 1;
  background: transparent;
  border-right: 3px solid #ee4865;
  border-radius: 0 !important;
}
.ind-nav-list .nav-link.active i {
  color: #ee4865;
}
.ind-nav-list .nav-link:hover:not(.active) {
  opacity: 1;
  color: #ee4865;
  padding-left: 10px;
}

.ind-nav-list .nav-link:hover i {
  color: #ee4865;
}

.gcc-label {
  color: #ee4865;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}
.gcc-service-section {
  background-color: #fff;
}
/* Feature Items */
.gcc-feature-item {
  padding: 40px 30px;
  border-bottom: 1px dashed #cbd5e0;
  height: 100%;
  transition: all 0.3s ease;
}

.gcc-feature-item:hover {
  background: rgba(0, 82, 204, 0.02);
}
/* Step Numbers */
.gcc-step-number {
  font-size: 2.5rem;
  font-weight: 600;
  color: #ee48658a;
  margin-bottom: 8px;
  display: block;
  letter-spacing: -1px;
}
.gcc-feature-title {
  font-weight: 400;
  font-size: 1.2rem;
  min-height: 54px;
  margin-bottom: 15px;
  color: #0e1d31;
  line-height: 1.4;
}
.gcc-feature-desc {
  font-size: 0.95rem;
  color: #4a5568;
  line-height: 1.6;
}
/* Content Area */
.ind-content-panel {
  padding: 0 0 0 60px;
  animation: indFadeIn 0.5s ease forwards;
}
@keyframes indFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ind-item-name {
  font-weight: 400;
  font-size: 2rem;
  margin-bottom: 20px;
  color: #0e1d31;
}
.ind-item-desc {
  font-size: 1.15rem;
  line-height: 1.8;
  color: #4a5568;
  margin-bottom: 40px;
  max-width: 90%;
}
.ind-focus-header {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #94a3b8;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.ind-focus-header::after {
  content: "";
  width: 40px;
  height: 1px;
  background: #ee4865;
  margin-left: 15px;
}
.ind-tag-badge {
  display: inline-block;
  padding: 10px 22px;
  background: #ffffff;
  color: #0e1d31;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-weight: 600;
  margin-right: 12px;
  margin-bottom: 12px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}
.ind-tag-badge:hover {
  background: #0e1d31;
  color: #fff;
  border-color: #0e1d31;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(14, 29, 49, 0.15);
}
.gcc-how-works-section {
  background-color: #0e1d31;
  color: #fff;
}

.intro-header {
  padding: 100px 0 60px;
  text-align: center;
}

.intro-tag {
  color: #ff3b3f;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 0.9rem;
  margin-bottom: 15px;
  display: block;
}

.intro-title {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.intro-desc {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.5);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Sticky Stacking Container */
.stack-container {
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 100px; /* Space at the end */
}
.stack-item {
  position: sticky;
  top: 200px; /* Distance from top when stuck */
  margin-bottom: 100px; /* Distance between items before stacking */
  z-index: 1;
}

/* Increment Z-Index so cards overlap correctly */
.stack-item:nth-child(1) {
  z-index: 10;
}
.stack-item:nth-child(2) {
  z-index: 20;
}
.stack-item:nth-child(3) {
  z-index: 30;
}
.stack-item:nth-child(4) {
  z-index: 40;
}
.stack-item:nth-child(5) {
  z-index: 50;
}
.stack-item:nth-child(6) {
  z-index: 60;
}
.card-wrap {
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 60px;
  min-height: 470px;
  box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.5);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease;
}

.stack-item:hover .card-wrap {
  border-color: #ee4865;
}
/* Alternating Content */
.step-num-gcc {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  color: #ee4865;
  opacity: 0.1;
  margin-bottom: 10px;
}

.step-title-gcc {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: -1px;
  color: #0e1d31;
}

.step-body-gcc {
  font-size: 1rem;
  color: #222;
  line-height: 1.6;
  margin-bottom: 30px;
}

.step-badge-gcc {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 59, 63, 0.1);
  color: #ee4865;
  padding: 8px 24px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid rgba(255, 59, 63, 0.2);
}

.visual-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.icon-circle-gcc {
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  color: #ee4865;
  background: radial-gradient(
    circle,
    rgb(255 59 63 / 18%) 0%,
    rgb(189 124 124 / 8%) 70%
  );
}
.floating-labels-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.floating-label {
  display: inline-block;
  text-align: center;
  padding: 15px 30px;
  border-bottom: 1px solid rgb(243 239 239 / 35%);
  transition: all 0.3s ease;
  cursor: default;
  background: transparent;
  min-width: 240px;
}

.floating-label:hover {
  border-color: #ffffff;
  transform: translateY(-5px);
  background: rgba(238, 72, 101, 0.05);
}

.floating-label h6 {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 4px;
  color: #fff;
}

.v-highlight {
  color: #ffcfcf;
  font-weight: 300;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

/* Vision Footer */
.vision-footer {
  padding: 40px;
  text-align: center;
  border-radius: 100px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(238, 72, 101, 0.05),
    transparent
  );
  position: relative;
  z-index: 1;
}

.vision-footer h4 {
  font-weight: 400;
  color: #737475;
  line-height: 1.5;
  max-width: 900px;
  margin: 0 auto;
}

@media (min-width: 991px) {
  .gcc-border-right {
    border-right: 1px dashed #cbd5e0;
  }
}
.gcc-button-group {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.gcc-btn {
  padding: 18px 30px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gcc-btn-primary {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0 10px 20px -5px rgba(0, 82, 204, 0.3);
}
.gcc-btn-primary:hover {
  background: #0747a6;
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgba(0, 82, 204, 0.4);
}
.gcc-btn-outline {
  background: #fff;
  color: #091e42 !important;
  border: 2px solid #dfe1e6;
}
.gcc-btn-outline:hover {
  border-color: #fff;
  color: #fff !important;
  background: rgba(0, 82, 204, 0.02);
  transform: translateY(-2px);
}
/* Bottom Note */
.gcc-footer-note {
  margin-top: 40px;
  font-size: 15px;
  color: #6b778c;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.gcc-icon-check {
  color: #36b37e;
  font-weight: bold;
}
.gcc-badge {
  display: inline-flex;
  align-items: center;
  background: rgb(255 229 238 / 15%);
  color: #ee4865;
  padding: 8px 24px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
/* Typography */
.gcc-headline {
  font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  color: #fff;
  line-height: 1.1;
  margin-bottom: 24px;
  letter-spacing: -1px;
}
.gcc-description {
  font-size: 1.2rem;
  line-height: 1.7;
  color: #505f79;
  max-width: 720px;
  margin: 0 auto 48px;
}
.gcc-description strong {
  color: #ee4865;
  font-weight: 700;
}
section.gcc-section {
  background-color: #13243a;
}
section.gcc-section .gcc-description {
  color: #fff;
}
/* GCC Ends */

/* diverse industries start */

.industries-section .nav-pills {
  justify-content: center;
  gap: 12px;
  margin-bottom: 60px;
  border: 1px solid #f1f5f9;
  padding: 8px;
  border-radius: 100px;
  display: inline-flex;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.industries-section .nav-pills .nav-link {
  border-radius: 100px !important;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 0.9rem;
  color: #64748b;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 10px;
}
.industries-section .nav-pills .nav-link i {
  font-size: 1rem;
  opacity: 0.7;
}
.industries-section .nav-pills .nav-link.active {
  background-color: #0f172a;
  color: #fff;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.15);
}
/* Content Area */
.industries-section .industry-card-home {
  background: #ffffff;
  border: 1px solid #101d30;
  border-radius: 40px;
  padding: 60px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.02);
  position: relative;
  overflow: hidden;
}
.industries-section .tab-pane {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease-out;
}
.industries-section .tab-pane.active {
  opacity: 1;
  transform: translateY(0);
}
.tab-pane.active h3 {
  animation: slideUpIn 0.5s ease 0.1s forwards;
  opacity: 0;
  margin-bottom: 1rem;
}
.tab-pane.active .pain-point-home {
  animation: slideUpIn 0.5s ease 0.2s forwards;
  opacity: 0;
}
.tab-pane.active .solution-point {
  animation: slideUpIn 0.5s ease 0.3s forwards;
  opacity: 0;
}

@keyframes paneFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUpIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.industries-section .industry-card-home::after {
  content: "";
  position: absolute;
  top: -20%;
  right: -10%;
  width: 300px;
  height: 300px;
  background: radial-gradient(
    circle,
    rgba(99, 102, 241, 0.1) 0%,
    transparent 70%
  );
  z-index: 0;
}
.industries-section .card-body-inner {
  position: relative;
  z-index: 1;
}
.industries-section .industry-meta h3 {
  font-weight: 600;
  color: #101d30;
  font-size: 2.4rem;
  margin-bottom: 40px;
  letter-spacing: -0.03em;
}
/* Grid Layout */
.industries-section .split-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 60px;
}
.industries-section .pain-point-home {
  padding-right: 40px;
  border-right: 1px solid #ddd;
}
.industries-section .label-modern {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 15px;
  font-style: italic;
}
.industries-section .text-pain {
  font-size: 1.15rem;
  line-height: 1.6;
  font-weight: 300;
}
.industries-section .text-solve {
  font-size: 1.25rem;
  color: #334155;
  line-height: 1.6;
  margin-bottom: 30px;
  font-weight: 300;
}
/* Tags */
.industries-section .tech-stack-home {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.industries-section .tech-pill {
  background: #f8fafc;
  border: 1px solid rgb(31 177 38 / 29%);
  padding: 8px 18px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #101d30;
  transition: all 0.2s ease;
}

.industries-section .tech-pill:hover {
  background: #0f172a;
  color: #fff;
  border-color: #0f172a;
  transform: translateY(-2px);
}
@media (max-width: 991px) {
  .industries-section .nav-pills {
    border-radius: 24px;
    padding: 12px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    justify-content: flex-start;
  }
  .industries-section .nav-pills .nav-link {
    font-size: 1rem;
    padding: 12px 20px;
  }
  .industries-section .nav-pills::-webkit-scrollbar {
    display: none;
  }
  .industries-section .split-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .industries-section .pain-point {
    border-right: none;
    border-bottom: 1px solid var(--border);
    padding: 0 0 40px 0;
  }
  .industries-section .industry-card-home {
    padding: 40px 25px;
  }
  .gcc-feature-item {
    padding: 10px;
    border: none;
  }
  .gcc-stat-number {
    color: #3b3b3b;
  }
  .gcc-banner {
    height: auto !important;
  }
}
/* diverse industries end */

/* process steps start */
.row-five {
  display: flex;
  flex-wrap: nowrap; /* Forces one row */
  margin-right: -10px;
  margin-left: -10px;
  width: 100%;
}
.col-five {
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}
.custom-card {
  background: #ffffff00;
  border: 2px solid #101d3026;
  border-radius: 20px;

  padding: 20px;
  padding-top: 35px;
  box-shadow: 0 10px 20px rgba(139, 92, 246, 0.1);
  transition: transform 0.3s ease;
}
.img-wrapper {
  position: relative;
  overflow: hidden;
}

.num-box {
  position: absolute;
  top: -10px;
  left: 6px;
  width: 45px;
  height: 45px;
  background: #ee4865;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  z-index: 10;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.img-wrapper img {
  width: 80px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(7%) sepia(82%) saturate(838%)
    hue-rotate(185deg) brightness(90%) contrast(93%);
}
.sw-dev-process2 .card-title {
  font-size: 1.8rem;
  font-weight: 400;
}
/* 1st and 5th cards - Top Aligned */
.pos-1 {
  margin-top: 0;
}

/* 2nd and 4th cards - Middle */
.pos-2 {
  margin-top: 60px;
}

/* 3rd card - Lowest */
.pos-3 {
  margin-top: 120px;
}
/* process steps ends */
.sw-dev-process2.discovery-workshop-section .right-chatbot-cap .ai-benefitsDiv {
  padding: 2rem 5rem 2rem 2rem !important;
}
.private-llm-banner-video {
  position: absolute;
  width: 50%;
  top: 180px;
  right: -28px;
  border: 10px solid transparent;
  border-style: solid;
  border-radius: 20px;
  opacity: 0.8;
}
/* methodology section start */
.method-item {
  padding: 25px;
  margin-bottom: 25px;
  position: relative;
}
.core-wrapper {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.core-system {
  width: 250px;
  height: 250px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.method-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
  color: #ee4865;
}
.method-desc {
  font-size: 1rem;
  line-height: 1.5;
  color: #f1f1f1;
  margin: 0;
}
.method-icon-box img {
  width: 50px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7460%)
    hue-rotate(343deg) brightness(106%) contrast(100%);
}
.method-icon-box {
  margin-bottom: 0.8rem;
}
/* Rings */
.ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 0.5s ease;
}
.ring-outer {
  width: 100%;
  height: 100%;
  border-top-color: #007bff;
  border-bottom-color: #6610f2;
  animation: spin 8s linear infinite;
  opacity: 0.7;
  box-shadow: 0 0 15px rgba(0, 123, 255, 0.1);
}
.ring-middle {
  width: 70%;
  height: 70%;
  border-left-color: #20c997;
  border-right-color: #e83e8c;
  animation: spin-reverse 5s linear infinite;
  opacity: 0.8;
  box-shadow: 0 0 15px rgba(32, 201, 151, 0.1);
}
.ring-inner {
  width: 40%;
  height: 40%;
  border: 2px dashed #fd7e14;
  animation: spin 12s linear infinite;
}
.core-center {
  width: 135px;
  height: 135px;
  background: #101d30; /* Dark background for core */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 5;
  animation: pulse-core 2s ease-in-out infinite;
}
.core-text {
  font-weight: 700;
  font-size: 0.65rem;
  color: #e6f1ff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}
/* Connector Lines (Desktop Only) */
@media (min-width: 992px) {
  .core-wrapper::before,
  .core-wrapper::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100px;
    background: linear-gradient(
      to bottom,
      transparent,
      rgba(255, 255, 255, 0.1),
      transparent
    );
    left: 50%;
    transform: translateX(-50%);
  }
  .core-wrapper::before {
    top: 0;
  }
  .core-wrapper::after {
    bottom: 0;
  }
}
/* --- Keyframes --- */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-reverse {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes pulse-core {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 20px 5px rgba(0, 123, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
@keyframes sway {
  0%,
  100% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes expand {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
}

/* methodology section end */

/* .home-meth .meth-div2
{
    margin-left: 4rem;
} */
.home-meth .service-block .inner-box {
  height: 150px;
}
.service-block .icon {
  transform: translateY(17%);
}
.price-table {
  padding: 50px 30px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  height: 100%;
}
.price-table p,
.price-list ul li {
  font-size: 0.9rem;
  font-weight: 400;
}
.price-header {
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
  color: #172258;
}
.price-list ul li {
  position: relative;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.price-list li i {
  color: #172258;
  line-height: 20px;
  font-size: 20px;
  margin-right: 10px;
}
.price-icon {
  width: 40%;
  text-align: right;
}
.price-icon img {
  width: 70%;
}
.tech-stack .nav-fill {
  justify-content: center;
  flex-direction: column !important;
}
.tech-stack .nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: none;
}

#tabs .tech-stack .nav-tabs .nav-link {
  font-size: 1.2rem;
  font-weight: 600;
  /* background: linear-gradient(90deg, #7e88b7fc 0%, rgba(255, 255, 255, 0) 97.93%); */
  border: 0;
  /* border-radius: 30px; */
  padding: 10px 40px;
  margin-bottom: 16px;
  line-height: 32px;
  color: #fff !important;
  text-transform: capitalize;
  transition: 0.3s;
  text-align: left;
}
#tabs .tech-stack .nav-tabs .nav-link:hover {
  background-color: #ffffff0f;
  border-radius: 6px;
}
#tabs .tech-stack .techstack-p {
  color: #ffffff;
}
#tabs .tech-stack .nav-tabs .nav-item.show .nav-link,
.tech-stack .nav-tabs .nav-link.active {
  border-image-source: none !important;
  border-bottom: none !important;
  color: #fff !important;
  background-color: #ffffff33;
  border-radius: 6px;
}
#tabs .tech-stack .nav-tabs .nav-link:last-child {
  margin-bottom: 0;
}
.tech-box {
  background-color: #e5e7f10d;
  padding: 60px;
  border-radius: 10px;
  background: radial-gradient(#001f55, #0e1d31);
  background-blend-mode: lighten;
}
.tech-box .nav-tabs {
  border-bottom: none;
}
.tech-logo-box {
  height: 100%;
  padding: 20px;
}
.tech-logo-div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.tech-stack .techstack-images {
  width: 62px;
  min-height: auto;
  height: auto;
  margin: 10px;
}
.tech-img-div {
  background-color: #ffffff33;
  width: 100px;
  height: 100px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 10px;
  /* clip-path: polygon(93.56% 74.55%,50.52% 100%,6.96% 75.45%,6.44% 25.45%,49.48% 0%,93.04% 24.55%); */
}
/* HTML: <div class="hexagon"></div> */
.home-ai-solutions {
  position: relative;
  z-index: 1;
}
.home-ai-solutions:before {
  height: 100%;
  right: 0;
  width: 15%;
}
.home-ai-solutions:after {
  height: 40%;
  left: 0;
  width: 100%;
}
.home-ai-solutions:after,
.home-ai-solutions:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
  bottom: 0;
}
.aisolutions-slider {
  margin-left: 300px;
  padding-right: 100px;
}
.home-ai-solutions .sol-img {
  position: relative;
  overflow: hidden;
}
.home-ai-solutions .sol-img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  border-radius: 10px;
}

.home-ai-solutions .ai-soln-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: rgba(33, 37, 41, 0);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
.home-ai-solutions .ai-soln-desc h3 {
  font-size: 2rem;
  color: #172258;
  font-weight: 600;
}
.home-ai-solutions .ai-soln-info {
  position: absolute;
  bottom: 10px;
  right: 200px;
  background: #fff;
  padding: 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  max-width: 450px;
  width: 100%;
  border-radius: 10px;
}
.home-ai-solutions .owl-nav {
  position: absolute;
  top: -110px;
  right: 20%;
}
#aisolutions-slider .owl-nav button {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  background-color: #172258;
  margin: 5px 0;
  transition: 0.4s;

  position: relative;
}

.step-txt {
  margin: 0;
  font-size: 0.86rem;
  color: #4b5563;
}
.home-why-choose .card-title {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #fff;
}
.home-why-choose .card-text {
  font-size: 0.95rem;
  color: #c6ccdf;
  flex-grow: 1;
}
.home-why-choose .stat-desc {
  color: #939bad;
}
.who-label {
  color: #ee4865;
  font-size: 1.4rem;
  font-weight: 400;
}
.home-ai-solutions-section {
  background-image:
    linear-gradient(to right, rgb(218 241 255 / 84%), rgb(245 245 255 / 92%)),
    url(../img/aisolutions-bg2.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-ai-solutions-section .caseStudy__single .image img {
  height: 340px;
  width: 80%;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.home-ai-solutions-section .caseStudy__single .image2 img {
  width: 90%;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.home-ai-solutions-section .caseStudy__single {
  position: relative;
  margin-bottom: 30px;
  padding: 30px 10px;
  background-color: #fff;
  border-radius: 12px;
  height: 100%;
}
.home-ai-solutions-section .caseStudy__single .image {
  width: 100%;
  text-align: center;
  border-radius: 10px;
  min-height: 330px;
}
.home-ai-solutions-section .caseStudy__single .image2 {
  width: 100%;
  text-align: center;
  border-radius: 10px;
  min-height: 330px;
}
.home-ai-solutions-section .caseStudy__single .meta {
  display: flex;
  justify-content: space-between;
  /* background: #172258; */
  padding: 20px;

  position: absolute;
  bottom: 20px;
  left: 20px;
  /* max-width: 300px; */
  color: #fff;
  border: 0;
}
.home-ai-solutions-section .meta-desc {
  text-align: center;
  margin-bottom: 1rem;
}
.home-ai-solutions-section .meta-desc h3 {
  font-size: 2rem;
}
.home-ai-solutions-section .caseStudy__single .info h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0;
}
.home-ai-solutions-section .caseStudy__single .info p {
  font-size: 1rem;
}
.caseStudy__single .meta .info .cat a {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
  display: inline-block;
}
.home-ai-solutions-section .caseStudy__single .meta .home-ai-arrow a i {
  font-size: 20px;
  font-weight: 400;
  transform: rotate(-50deg);
  color: #fff;
}

.home-ai-solutions-section .home-ai-arrow i {
  font-size: 26px;
  font-weight: 400;
  transform: rotate(-50deg);
  color: #ee4865;
  position: absolute;
  top: 10px;
  right: 10px;
}

.ai-btn {
  text-align: center;
  margin-top: 4rem;
}
.ai-soln-style {
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
  overflow: hidden;
  padding-bottom: 90px;
}
.bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.txt-bg {
  margin-top: 20px;
  margin-left: 0;
  margin-bottom: 115px;
  width: 700px;
  height: 700px;
  padding: 158px 40px;
  border-radius: 50%;
  background-color: #0a0a0a2e;
  text-align: center;
  box-shadow: #ffffff17 0px 0px 16px;
}
.home-banner-btn-div {
  margin-top: 2rem;
}
.home-banner-desc {
  font-size: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.home-banner-btn {
  margin-top: 2rem;
  background: #ee4865;
  border-radius: 999px;
  box-shadow: #8799f3 0 10px 20px -10px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  padding: 12px 18px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.home-banner-btn .animation {
  border-radius: 100%;
  animation: ripple 0.6s linear infinite;
}
@keyframes ripple {
  0% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.1),
      0 0 0 20px rgba(255, 255, 255, 0.1),
      0 0 0 40px rgba(255, 255, 255, 0.1),
      0 0 0 60px rgba(255, 255, 255, 0.1);
  }

  100% {
    box-shadow:
      0 0 0 20px rgba(255, 255, 255, 0.1),
      0 0 0 40px rgba(255, 255, 255, 0.1),
      0 0 0 60px rgba(255, 255, 255, 0.1),
      0 0 0 80px rgba(255, 255, 255, 0);
  }
}
.home-banner-btn:hover {
  background-color: #28497b;
  color: #fff;
}
/* home lifecycle start */

:root {
  --primary-blue: #0062ff;
  --accent-cyan: #0ea5e9;
  --bg-main: #f8fafc;
  --box-bg: #ffffff;
  --text-main: #0f172a;
  --text-muted: #475569;
  --border-color: #e2e8f0;
}

.lifecycle-row-section {
  background-color: #fff;
}

.section-header h2 {
  font-weight: 800;
  font-size: 2.5rem;
  margin-bottom: 50px;
  letter-spacing: -1px;
}

.lifecycle-flex-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  min-height: 400px;
  align-items: stretch;
}

.lifecycle-box {
  position: relative;
  flex: 1;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 35px 25px;
  background-color: #fff;
  /* Increased duration and added a slight delay to flex to stop jitter */
  transition:
    flex 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  will-change: flex;
}

.box-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.box-icon {
  font-size: 3rem;
  margin-bottom: 20px;
}

.box-title {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 0;
  transition:
    color 0.5s ease,
    margin 0.3s ease;
}

.box-details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.box-desc {
  font-size: 0.95rem;
  color: #0e1d31;
  margin: 15px 0;
  line-height: 1.6;
}

.box-output {
  background: #0e1d31;
  border-left: 4px solid #ee4865;
  padding: 12px 15px;
  border-radius: 12px;
}

.box-output small {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #ee4865;
  margin-bottom: 4px;
}
.box-output span {
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
}

.process-row {
  display: flex;
  gap: 18px;
  min-height: 300px;
}

.pstep {
  flex: 0 0 17%;
  height: 300px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  transition: all 0.4s ease;
}

.pstep.is-active {
  flex: 0 0 34%;
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  transform: translateY(-5px);
}

.process-row .process-icon-home i {
  font-size: 2rem;
  color: #0e1d31;
}

.process-row h4 {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 12px;
}

.pstep.is-active h4 {
  color: #ee4865;
}

/* .expanded{display:none;margin-top:12px;}
.pstep.is-active .expanded{display:block;} */

.expanded {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.5s ease,
    opacity 0.5s ease;
  transform: translateY(10px);
}

.pstep.is-active .expanded {
  max-height: 300px;
  opacity: 1;
  transform: translateY(0);
}
.process-row .sub {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 10px;
}

.process-row .output {
  font-size: 0.9rem;
  background: #0e1d31;
  color: #fff;
  padding: 10px 12px;
  border-left: 4px solid #ee4865;
  border-radius: 10px;
  animation: slideRight 0.5s ease forwards;
}
@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@media (max-width: 1199px) {
  .gcc-tech-list {
    column-gap: 30px;
  }
}
@media (max-width: 992px) {

  .gcc-tech-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .process-row {
    flex-wrap: wrap;
  }
  .pstep,
  .pstep.is-active {
    flex: 0 0 100%;
  }
  .gcc-stats-section {
    position: relative;
    right: auto;
    text-align: center;
    padding-bottom: 0;
  }
  .gcc-stat-desc {
    color: #222;
    text-wrap: wrap;
  }
}
/* home liftcycle ends */

/* home testimonial starts */
.user-stories {
  background-color: #fff;
  /* background-image: linear-gradient(to right, rgb(215 221 255 / 75%), #faf9f6), url(../img/testimonial-bg-home.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    overflow: hidden; */
}
.stories-wrap {
  margin-top: 4rem;
}

/* Left list */
.list-panel {
  position: relative;
  padding-right: 18px;
}

.list-scroll {
  max-height: 420px;
  overflow-y: auto;
  padding-right: 10px;
}

.list-scroll::-webkit-scrollbar {
  width: 8px;
}
.list-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.list-scroll::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 12px;
}
.list-scroll:hover::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.26);
}

.story-item {
  display: flex;
  align-items: center;
  border-radius: 14px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.18s ease;
  user-select: none;
  margin-bottom: 12px;
  background-color: rgb(255 255 255 / 30%);
}
.story-item:hover {
  background: #f8fafc;
}

.story-item.active {
  background: #fff;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  border: 1px solid #ffc5cf;
}

.stories-wrap .avatar {
  width: 45px;
  height: 45px;
  object-fit: cover;
  flex: 0 0 45px;

  /* box-shadow:0 6px 14px rgba(15,23,42,.10); */
}

.story-meta {
  margin-left: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.story-name {
  font-weight: 600;
  font-size: 1rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.story-role {
  color: #2a2a2a;
  font-size: 14px;
  margin: 2px 0 6px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stars {
  line-height: 1;
  font-size: 13px;
  letter-spacing: 1px;
  white-space: nowrap;
}
.stars .fa {
  color: rgba(244, 195, 79, 0.35);
}
.stars .fa.on {
  color: #f4c34f;
}

/* Right detail */
.detail-card {
  border-left: 1px solid rgba(15, 23, 42, 0.1);
  padding-left: 50px;
}

.detail-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 6px;
}
@keyframes eclipse {
  0% {
    transform: translateX(110%);
  }
  100% {
    transform: translateX(-110%);
  }
}
.verified-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #e9f9ee;
  border: 1px solid rgba(22, 163, 74, 0.5);
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
}

.verified-pill .fa {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(22, 163, 74, 0.5);
  color: #16a34a;
  font-size: 11px;
}
.test-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.detailed-header {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.detailed-header span {
  display: block;
}
.testimonial-content .badge {
  position: relative;
  text-decoration: none;
  padding: 8px 16px;
  color: white;
  font-weight: 500;
  background: #ee4865;
  border-radius: 999px;

  user-select: none;
}

.test-detail-title {
  font-size: 2.4rem;
  font-weight: 400;
  margin-bottom: 6px;
  color: #0e1d31;
}

.detail-desc {
  color: #ee4865;
  font-size: 1rem;
  font-style: italic;
  margin-bottom: 14px;
}

.detail-rating {
  flex: 0 0 auto;
  margin-top: 6px;
}

.media-wrap {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: #e5e7eb;
}

.media-wrap img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  display: block;
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);
  transition: transform 0.18s ease;
  cursor: pointer;
}
.play-btn:hover {
  transform: translate(-50%, -50%) scale(1.04);
}

.play-btn:before {
  content: "";
  display: block;
  margin-left: 4px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #111827;
}

.detail-text {
  margin-top: 18px;
  color: #111827;
  font-size: 16px;
  line-height: 1.7;
}
.detail-text p {
  font-size: 1rem;
}
.mobile-nav {
  display: none;
  justify-content: center;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
  padding-top: 20px;
}
.mobile-nav .nav-btn {
  background-color: #ee4865;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.mobile-user-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-user-info img {
  width: 36px;
  height: 36px;
}
.mobile-user-info span {
  font-weight: 700;
  font-size: 14px;
}
.auto-hint {
  font-size: 12px;
  margin-top: 10px;
}
/* RESPONSIVE LOGIC */

@media (max-width: 768px) {
  .mid-cta-small {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
.industries-section .category-block
{
  height: auto;
}
  .mid-cta-wrap
{
  grid-template-columns: 1fr;
  gap: 24px;
}
.mid-cta-actions
{
  justify-content: center;
}
.mid-cta-small span
{
  display: block;
    margin-bottom: 10px;
    text-align: center;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 400;
}
.absolute-flex-track
{
  flex-wrap: wrap !important;
}
.banner-absolute-container
{
  position: relative;
  top: auto;
  padding: 80px 0 !important;
  background-color: #fff;
}
.it-staff-engineering-led-panel-bad, .it-staff-engineering-led-panel-good
{
  padding: 20px;
}
.it-staff-engineering-led-cta-box
{
  justify-content: center;
  text-align: center;
}
.responsibility-item
{
  flex-direction: column;
}
.comparison-column, .partnership-footer {
    padding: 16px;
}
.partnership-section .header-title, .it-staff-interview .it-staff-headtxt {
    font-size: 1.2rem;
}
.partnership-section .item-title {
    font-size: 1.1rem;
}
.ai-refined-layout
{
  grid-template-columns: 1fr;
}
.ai-tool-dock
{
  justify-content: center;
}
.it-staff-interview p.discovery-steps
{
  width: 54px;
    height: 54px;
    line-height: 54px;
}

    .bento-row {
    display: block;
    }
    .if-staff-engineering-card, .proof-highlight-box
    {
      padding: 1rem;
    }
.absolute-white-card
{
  width: 50%;
  min-width: auto;
  flex:none
}
  .audience-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin-top: 24px;
}
.circle-outer
{
  margin: 0 auto 14px;
}
.vibe-tech-stack-section hr
{
  display: none;
}
.vibe-tech-stack-section h2.pfont, .vibe-tech-stack-section p.sub-txt
{
  text-align: left !important;
}
.how-we-use-vibe-coding .showcase-panel img
{
  width: 70px;
  height: auto;
}
.plan-subtitle
{
  font-size: 1.4rem;
}
.plan-header
{
  min-height: 106px;
  padding: 1.4rem;
}
.specialized-engines-box
{
  padding: 12px;
}
.audience-item {
    padding: 20px;
}
.vibe-coding-speed-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.vibe-coding-speed-item
{
  padding: 16px;
  display: block;
}
.vibe-coding-speed-desc
{
  margin-bottom: 0;
}
.arrow-between
{
  display: none;
}
.tool-chip-wrap
{
  gap: 2rem;
  flex-direction: row;
    flex-wrap: wrap;
}
.issue-card
{
  padding: 10px;
  border-radius: 12px;
}
.issue-card .card-header-flex {
    display: block;
}
.issue-card .badge-num
{
  width: 38px;
    height: 38px;
    margin-bottom: 10px;
}
.tool-chip {
    display: inline-grid;
    gap: 0.2rem;
}
.tool-logo {
    width: 50px;
    height: auto;
}
.three-layer-delivery-section .track {
    margin-top: 24px;

}
.circle-item
{
  margin-bottom: 2rem;
}
.softlabs-ai-section .ai-dev-subtext
{
  text-align: center;
}
.vibe-coding-banner
{
  min-height: auto;
  padding-top: 100px;
}
.vibe-coding-banner h1, .it-staff-banner h1 {
    font-size: 2.5rem !important;
}
.it-staff-banner h1, .it-staff-banner .mplp p
{
  text-align: left;
}
.it-staff-banner .home-banner-btn-div
{
  flex-direction: column !important;
  align-items: flex-start !important;
}
.it-staff-banner .home-banner-btn2
{
  margin-left: 0;
}
.plan-list
{
  padding: 0 1rem;
}
.v1-growth-container
{
  padding: 40px;
}
.how-we-use-vibe-coding .showcase-panel {
        overflow: inherit;
        max-height: fit-content;
        padding: 0;
        background-color: transparent;
        border: 0;
    }
.how-we-use-vibe-coding .showcase-panel .tab-content > .tab-pane {
        display: block;
        opacity: 1;
        padding: 20px;
        background-color: #f7f7f7;
        margin-bottom: 1rem !important;
        border-radius: 12px;

}
  .ind-section-padding .industry-slide {
    height: 500px;
  }
  .ind-section-padding .industry-summary {
    font-size: 1.2rem;
  }
  .gcc-footer-badge {
    padding: 4px 15px;
    position: relative;
  }
  .hiring-feature-list li {
    margin-bottom: 8px;
    font-size: 1.1rem;
    font-weight: 400;
  }
  .ind-section-padding .owl-nav {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .ind-section-padding .owl-nav .owl-prev {
    left: 30% !important;
    background-color: #ee4865 !important;
    border-radius: 50%;
    line-height: 25px !important;
    width: 50px;
    height: 50px;
  }
  .ind-section-padding .owl-nav .owl-next {
    right: 30% !important;
    background-color: #ee4865 !important;
    border-radius: 50%;
    line-height: 25px !important;
    width: 50px;
    height: 50px;
  }
  .ind-section-padding .owl-nav i {
    line-height: 25px;
    color: #fff;
  }
  .gcc-as-service .service-cards {
    text-align: center;
  }
  .gcc-how-works-section .card-wrap {
    padding: 24px;
    border-radius: 12px;
    min-height: auto;
    text-align: center;
  }

.ind-section-padding .owl-stage-outer
{
  margin-bottom: 1rem;
}
.var2-block {
    margin-top: 1rem;
    padding: 20px 18px;
}
.ai-dev-card
{
  padding: 2rem;
}
.vibe-coding-dev-CTA
{
  width: 94%;
  padding: 40px 16px;
}
.vibe-coding-dev-CTA h2, .vibe-coding-dev-CTA p.sub-txt
{
  text-align: center;
}
.why-softlabs-vibe h2.pfont, .why-softlabs-vibe p.sub-txt
{
  text-align: left !important;
}

.vibe-tool-card
{
  padding: 6px;
}
.vibe-coding-banner {
    height: auto !important;
    min-height:initial;
}
  .gcc-evolved h2
  {
    text-align: left !important;
    margin-bottom: 0;
  }
  .gcc-evolved hr
  {
    display: none;
  }
  .gcc-how-works-section .visual-box {
    display: none;
  }
  .gcc-how-works-section .floating-labels-wrap {
    justify-content: flex-start;
    gap: 8px;
  }
  .ind-section-padding .slide-content {
    padding: 24px;
  }
  .gcc-how-works-section .floating-label {
    display: inline-block;
    text-align: left;
    border-bottom: none;
    padding: 15px 10px;
    min-width: fit-content;
  }
  .gcc-how-works-section .vision-footer {
    padding: 12px 10px;
    text-align: left;
  }
  .gcc-how-works-section .stack-item {
    position: relative;
    top: auto;
    margin-bottom: 20px;
  }
  h2.gcc-handles-you {
    text-align: left !important;
  }
  .vision-footer h4 {
    font-weight: 400;
    color: #c3c3c3;
  }
  .gcc-banner h1,
  .gcc-banner p.clor {
    text-align: left;
  }
  .sector-flex-container {
    display: flex;
    flex-wrap: wrap;
  }
  .sector-name {
    text-wrap-mode: nowrap;
  }
  .sector-item {
    flex: 2;
    min-width: auto;
  }
  .gcc-stats-section {
    position: relative;
    right: auto;
    text-align: center;
    padding-bottom: 0;
  }
  .gcc-stat-desc {
    color: #0e1d31;
    font-size: 0.8rem;
    text-wrap: wrap;
    text-align: center;
  }
  .gcc-stat-number {
    color: #3b3b3b;
  }

  .gcc-sticky-sidebar h2,
  .gcc-sticky-sidebar p {
    text-align: left !important;
  }
  .q-desc {
    opacity: 1;
    max-height: fit-content;
  }
  .quadrant-gcc {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    right: auto;
    top: auto;
  }
  .gcc-label {
    text-align: center;
  }
  .gcc-feature-title {
    min-height: auto;
  }
  .gcc-feature-item {
    padding: 10px;
    border: none;
  }
  .gcc-sticky-sidebar {
    padding-right: 0;
    margin-bottom: 1rem;
  }
  .gcc-btn {
    padding: 12px 18px;
    border-radius: 50px;
    font-weight: 600;
  }
  .gcc-footer-note {
    margin-top: 28px;
    display: block;
  }
  .gcc-tech-list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
  }
  .gcc-tech-item::before {
    left: -15px;
  }
  .ind-nav-list {
    background-color: transparent;
    border-right: 1px solid #e2e8f0;
    /* white-space: pre-line; */
    display: flex;
    flex-direction: row !important;
    overflow: scroll;
    width: 100%;
    flex-wrap: nowrap;
    gap: 20px;
  }
  .ind-nav-list .nav-link {
    text-wrap-mode: nowrap;
  }
  .ind-nav-list .nav-link i {
    margin-right: 10px;
  }
  .ind-nav-list .nav-link.active {
    border-right: none;
    border-bottom: 4px solid #ee4865;
  }
  .ind-content-panel {
    padding: 20px;
    margin-top: 10px;
  }
  .ind-tag-badge {
    padding: 6px 10px;
    margin-right: 4px;
    margin-bottom: 8px;
  }
  .gcc-banner {
    height: auto !important;
  }
  .list-scroll {
    display: none;
  }
  .mobile-nav {
    display: flex;
  } /* Show arrows */
  .detail-title {
    font-size: 22px;
  }
  .media-wrap img {
    height: 260px;
  }
  .section-kicker {
    font-size: 28px;
  }
  .user-stories {
    padding: 30px 0 40px;
  }
  .detail-card {
    padding: 20px 10px;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 10px;
  }
  .testimonial-content .badge {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
}
/* Small helper pill (optional, minimal) */
.auto-hint {
  color: #6b7280;
  font-size: 12px;
  margin-top: 10px;
}

.ws-box h5 {
  margin: 18px 0 8px;
  font-weight: 600;
  font-size: 1.2rem;
  color: #0f172a;
  margin-top: 2rem;
}

.ws-box p {
  font-size: 0.9rem;
  line-height: 1.7;
  max-width: 260px;
  margin: auto;
}
/* why choose starts*/
.innovation-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.innovation-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 25px -5px rgba(14, 29, 49, 0.1);
}
.card-featured {
  background: #0e1d31;
  color: #ffffff;
  border: none;
}
.stat-value {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ee4865;
  margin-bottom: 5px;
}
.card-featured .stat-value {
  color: #ee4865;
}
.innovation-card p {
  font-size: 0.9rem;
}
.pill-badge {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  background: rgb(203 217 235 / 49%);
  color: #0e1d31;
  margin-bottom: 20px;
  display: inline-block;
}
.card-featured .pill-badge {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.graph-wrapper {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 15px;
  margin: 20px 0;
}
.bar-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: #94a3b8;
  margin-bottom: 4px;
  display: block;
}
.custom-bar-bg {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  margin-bottom: 12px;
}
.custom-bar-fill {
  height: 100%;
  border-radius: 10px;
  background: #ccdfff;
}
.insight-section {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding-top: 20px;
  margin-top: auto;
  font-size: 0.9rem;
  line-height: 1.6;
}
.card-featured .insight-section {
  border-top-color: rgba(255, 255, 255, 0.1);
  color: #cbd5e0;
}
.source-footer {
  font-size: 0.65rem;
  color: #94a3b8;
  padding-top: 15px;
}
/* why choose end*/

/* why choose softlabs home start */
.sl-roadmap {
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(239 239 255)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Subtle grid */
.sl-roadmap:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.22;
  pointer-events: none;
}

/* Vignette */
.sl-roadmap:after {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(
    1200px 700px at 50% 40%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0.08) 100%
  );
  pointer-events: none;
}

.sl-roadmap .container {
  position: relative;
  z-index: 2;
}

/* Top heading */

/* Roadmap canvas */
.sl-canvas {
  position: relative;
  margin: 48px auto 0;
  max-width: 980px;
  height: 440px;
}

/* Concentric rings */
.sl-ring,
.sl-ring:before,
.sl-ring:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  pointer-events: none;
}

.sl-ring {
  width: 520px;
  height: 520px;
  border: 1px solid rgb(73 144 226);
  opacity: 0.35;
}

.sl-ring:before {
  width: 400px;
  height: 400px;
  border: 1px dashed rgba(110, 190, 255, 0.22);
  opacity: 0.55;
}

.sl-ring:after {
  width: 300px;
  height: 300px;
  border: 1px solid rgba(34, 211, 238, 0.16);
  opacity: 0.4;
}

/* Center badge */
.sl-center {
  position: absolute;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 999px;
  background:
    radial-gradient(
      circle at 30% 25%,
      rgba(255, 255, 255, 0.16) 0%,
      rgba(255, 255, 255, 0) 45%
    ),
    linear-gradient(135deg, #ddecff 0%, rgb(255 231 239) 100%);
  box-shadow:
    0 18px 60px rgba(59, 130, 246, 0.25),
    0 10px 30px rgba(34, 211, 238, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.sl-center .big {
  font-weight: 600;
  letter-spacing: 0.06em;
  font-size: 14px;
  line-height: 1;
}

.sl-center .small {
  font-size: 10px;
  opacity: 0.9;
  margin-top: 2px;
  letter-spacing: 0.06em;
}

/* Connecting lines */
.sl-line {
  position: absolute;
  left: 50%;
  top: 55%;
  width: 0;
  height: 0;
  pointer-events: none;
}

.sl-line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(34, 211, 238, 0) 0%,
    rgba(34, 211, 238, 0.55) 50%,
    rgba(59, 130, 246, 0) 100%
  );
  transform-origin: left center;
  filter: drop-shadow(0 0 10px rgba(34, 211, 238, 0.25));
  opacity: 0.6;
}

.sl-line.tl:before {
  transform: rotate(225deg);
}
.sl-line.tr:before {
  transform: rotate(315deg);
}
.sl-line.bl:before {
  transform: rotate(135deg);
}
.sl-line.br:before {
  transform: rotate(45deg);
}

/* Roadmap cards */
.sl-card {
  position: absolute;
  width: 320px;
  min-height: 120px;
  padding: 18px 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(37, 99, 235, 0.15);
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
  overflow: hidden;
}

.sl-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    180px 120px at 20% 20%,
    rgba(59, 130, 246, 0.18) 0%,
    rgba(59, 130, 246, 0) 60%
  );
  opacity: 0.9;
  pointer-events: none;
}

.sl-card:after {
  content: "";
  position: absolute;
  left: -30%;
  top: -60%;
  width: 80%;
  height: 200%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.08) 40%,
    rgba(255, 255, 255, 0) 80%
  );
  transform: rotate(24deg);
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events: none;
}

.sl-card:hover {
  transform: translateY(-6px);
  border-color: rgba(110, 210, 255, 0.45);
  box-shadow:
    0 24px 30px rgb(0 0 0 / 30%),
    0 0 0 1px rgba(34, 211, 238, 0.1) inset;
}

.sl-card:hover:after {
  opacity: 0.9;
}

.sl-card .row {
  margin-left: -8px;
  margin-right: -8px;
}

.sl-card .col,
.sl-card [class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.sl-ic {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.12) 0%,
    rgba(6, 182, 212, 0.12) 100%
  );
  border: 1px solid rgba(37, 99, 235, 0.2);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
  flex: 0 0 auto;
}

.sl-ic i {
  font-size: 18px;
  color: #0e1d31;
}

.sl-phase {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(238 72 101 / 81%);
  margin: 0;
  line-height: 1.2;
  font-weight: 400;
}

.sl-h {
  margin: 3px 0 0;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.25;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sl-h .linkish {
  color: #ee4865;
  font-weight: 700;
}

.sl-p {
  margin: 12px 0 0;
  font-size: 0.9rem;
  line-height: 1.65;
}

/* Card placement like the reference */
.sl-card.tl {
  left: 5%;
  top: 70px;
}
.sl-card.tr {
  right: 5%;
  top: 70px;
}
.sl-card.bl {
  left: 5%;
  bottom: 44px;
}
.sl-card.br {
  right: 5%;
  bottom: 44px;
}
/* why choose softlabs home end */
/* hiring models start */
section.home-hiringModels {
  background: linear-gradient(135deg, #0e1d31 0%, #15233b 100%);
}
#timeMaterial-btn {
  display: block;
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  margin: 0 auto;
  margin-top: 1rem;
  color: #fff;
  padding: 10px 34px;
}
#timeMaterial-btn:hover {
  background-color: #ee4865 !important;
}
#fixedQuote-btn {
  display: block;
  background-color: #ddd;
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
  margin: 0 auto;
  margin-top: 2rem;
}
#fixedQuote-btn:hover {
  background-color: #e1778a !important;
}
.variation-tag {
  color: var(--accent-pink);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 15px;
}

/* --- Card Styles --- */
.hiring-pricing-card {
  border-radius: 25px;
  border: none;
  padding: 40px;
  height: 100%;
  position: relative;
  transition: transform 0.3s ease;
}

/* Dark Card (Time & Material) */
.hiring-card-dark {
  background-color: var(--card-dark);
  box-shadow: 0 0 40px rgba(255, 75, 110, 0.15);
  /* border: 1px solid rgba(255, 75, 110, 0.3); */
}

/* Light Card (Fixed Cost) */
.hiring-card-light {
  background-color: #ffffff;
  color: #1a202c;
  border: 2px solid rgba(255, 75, 110, 0.3);
}

/* Icon Headers */
.hiring-icon-box {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.hiring-pricing-card h4 {
  font-size: 2rem;
}
.hiring-card-dark h4 {
  color: #fff;
}
.bg-pink-soft {
  background-color: #ee4865;
  color: white;
  border: 2px solid #e9e9e9;
}
.bg-purple-soft {
  background-color: #101d30;
  color: white;
}
.hiring-price-text {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ee4865;
}
.hiring-price-text small {
  font-size: 1rem;
}
/* Feature Grid Boxes */
.hiring-feature-box {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  margin-bottom: 25px;
  color: #fff;
}
.hiring-card-light .hiring-feature-box {
  background: #f7fafc;
  color: #101d30;
}
.hiring-feature-box i {
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
}
/* List Items */
.hiring-feature-list {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
.hiring-feature-list li {
  margin-bottom: 12px;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
}
.hiring-card-dark .hiring-feature-list li {
  color: #fff;
}
.hiring-feature-list i {
  margin-right: 12px;
  font-size: 0.8rem;
}
.hiring-card-dark .hiring-feature-list i {
  color: #ee4865;
}
.hiring-card-light .hiring-feature-list i {
  color: #101d30;
}
.popular-tag {
  position: absolute;
  top: 40px;
  right: 40px;
  background: #101d30;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}
.hiring-footer-badge {
  border-radius: 8px;
  padding: 12px 15px;
  font-size: 0.85rem;
  font-weight: 600;
}
.bg-dark-footer {
  background-color: #2d3748;
  color: #f7f7f7;
}
.bg-purple-footer {
  background-color: #7c5cfc;
  color: white;
}
/* hiring models ends */
.home-banner-btn2 {
  margin-top: 2rem;
  background: #fff;
  border-radius: 999px;
  box-shadow: #8799f3 0 10px 20px -10px;
  box-sizing: border-box;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  padding: 16px 18px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  border: 0;
  margin-left: 10px;
  transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.home-banner-btn2 .HomeArrowIcon {
  transform: translateX(0%);
  transition: 0.2s linear;
  animation: attention 1.2s linear infinite;
  color: #ee4865;
}

@keyframes attention {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(30%);
  }
}
.home-banner-btn2:hover {
  background-color: #28497b;
  color: #fff;
}
.home-banner-ratings {
  position: absolute;
  bottom: 0;
  display: flex;
  z-index: 1;

  right: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#global-accreditations {
  margin-top: 1.5rem;
}
#global-accreditations p.acc-desc {
  position: relative;
  font-size: 12px;
  color: #101d30;
  padding: 10px 4px;
  border-radius: 4px;
  /* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
}
#global-accreditations .item:hover p.acc-desc {
  display: block;
  transform: translateY(10px);
  transition: 0.4s;
}
#global-accreditations .img-box {
  padding: 20px;
  border-radius: 10px;
  height: 160px;
  display: flex;
  align-items: center;
  /* margin-right: 20px; */
  /* flex-direction: column; */
  /*  */
  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
}
.contact-accred #global-accreditations .img-box {
  height: 130px;
}
#global-accreditations .owl-item img {
  width: 80%;
}
#global-accreditations .owl-stage {
  display: flex;
}
#global-accreditations .owl-stage .item {
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  box-shadow:
    rgb(204, 219, 232) 3px 3px 6px 0px inset,
    rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
#global-accreditations .owl-stage-outer {
  padding: 0 0.2rem;
}
.home-caseStudy.caseStudySection .navredbtn {
  border: 0 !important;
  padding: 15px 20px !important;
  background-color: #ee4865 !important;
}
.home-caseStudy.caseStudySection {
  background-color: #fff;
}
.home-caseStudy.case-section {
  background-color: #fbfbfb;
}
.home-caseStudy.caseStudySection .pfont,
.home-caseStudy.caseStudySection .sub-txt {
  color: #212529;
}
.home-caseStudy.caseStudySection .navredbtn:hover {
  border: 1px solid #e95771 !important;
  color: #fff !important;
  background-color: #df3a57 !important;
}
.formsection .btn,
.home-ai-solutions-section .btn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.formsection .newCap {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}

.ratings-div {
  padding: 20px;
  /* height: 100px; */
  display: flex;
  /* width: 100%; */
  align-items: center;
}

.acc-box {
  border-radius: 10px;
  padding-bottom: 2rem;
}
.ratings-div img {
  width: 140px;
}
.home-banner-ratings .ratings-div .iso-logo {
  width: 102px;
}
.home-banner-ratings .ratings-div .duns-logo {
  width: 102px;
}
#global-accreditations .owl-nav {
  display: none;
}

.Home-page-banner h1 {
  font-size: 4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #fff;
}

.Home-page-banner .subHeading {
  color: #ee4865;
  text-shadow: 0px 2px 2px rgb(163 142 201 / 48%);
}
.hiringSection-box.highlighted-box {
  background: linear-gradient(188deg, #10475f 0.16%, #11235a 99.84%);
  color: #fff;
}
.hiringSection-box {
  width: 100%;
  height: 100%;
  border: 1px solid #17225836;
  border-radius: 20px;
  /* display: flex;
    flex-wrap: wrap;
    align-items: center; */
  padding: 40px;
  color: #212529;
}
.hiringSection-box.highlighted-box .hiringSection-list ul li::before {
  background-image: none;
  background-color: #ffffff;
}
.hiringSection-list ul li::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  background: linear-gradient(267.43deg, #ee4865 4.95%, #614241 97.92%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hiringSection-list p {
  min-height: 95px;
}
.hiringSection-list ul li {
  position: relative;
  /* width: calc(50% - 10px); */
  text-transform: capitalize;
  padding-left: 25px;
  font-size: 1rem;
}
.hiringSection-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 2.4;
  /* display: flex;
    flex-wrap: wrap;
    gap: 20px; */
}
.hiringSection-title .title {
  font-size: 2rem;
  color: #0e1d31;
  margin-bottom: 1rem;
  font-weight: 600;
}
.banner-links {
  position: absolute;
  right: 3.5rem;
  display: grid;
  justify-items: center;
  row-gap: 0.5rem;
  opacity: 0;
  top: 42%;
  visibility: hidden;
  transform: translateY(42%);
  z-index: 1;
}
.Blog-div .card-div {
  background: #f7f7ff;
}
.Blog-div {
  background-image: linear-gradient(
    to top,
    #ee48651f 0%,
    #c7d3e9 50%,
    #668cbf82 100%
  );
  overflow: hidden;
}
.navredbtn {
  background-color: #0e1d31 !important;
  border: 2px solid #0e1d31 !important;
}
@media only screen and (min-width: 64rem) {
  .banner-links {
    opacity: 1;
    visibility: visible;
  }
}
.banner-links > * {
  font-size: 1.25rem;
  line-height: 1.25;
  color: #f1f1f1;
}
.banner-links a:hover {
  color: #ef3f67;
}
.banner-links::before {
  position: absolute;
  content: "";
  top: -3rem;
  width: 4rem;
  height: 1.5px;
  transform: rotate(90deg);
  background: #f1f1f1;
}
.banner-links::after {
  position: absolute;
  content: "";
  bottom: -3rem;
  width: 4rem;
  height: 2px;
  transform: rotate(90deg);
  background: #f1f1f1;
}
@media (max-width: 1000px) {
  .home-meth .service-block .inner-box {
    height: 100%;
  }
  .left-panel {
    padding-right: 0;
    margin-bottom: 3rem;
  }
  .grid-container {
    grid-template-columns: 1fr;
  }
}
/* .sw-dev-process-div.process_line:after {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: url(../img/home-process-arrow.webp) no-repeat;
    top: 20px;
    left: 70%;
} */
.sw-dev-process2 {
  background-image:
    linear-gradient(
      to top,
      #50528561 0%,
      #585e925e 12%,
      #65689f57 25%,
      #7474b061 37%,
      #7e7ebb5c 50%,
      #8389c769 62%,
      #9795d459 75%,
      #a2a1dc5c 87%,
      #b5aee45c 100%
    ),
    url(../img/how-we-work-bg2.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.sw-dev-process-div .curve_arrow img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(29deg);
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.sw-dev-process-div .curve_arrow {
  position: absolute;
  top: 0;
  /* right: -79px; */
  right: -7px;
  width: 154px;
}
.sw-dev-process-div .curve_arrow2 {
  position: absolute;
  top: 52px;
  /* right: -79px; */
  right: -7px;
  width: 154px;
}
.sw-dev-process-div .curve_arrow2 img {
  height: auto;
  max-width: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(317deg);
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.sw-dev-process-div .curve_arrow3 {
  position: absolute;
  /* top: 206px; */
  top: 250px;
  right: -66px;
  width: 154px;
  overflow: hidden;
}
.sw-dev-process-div .curve_arrow3 img {
  height: auto;
  width: 200px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(141deg);
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.sw-dev-process-div .curve_arrow4 {
  position: absolute;
  top: 0;
  /* left: -100px; */
  left: -200px;
  width: 154px;
}

.sw-dev-process-div .curve_arrow4 img {
  height: auto;
  width: 200px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* transform: rotate(141deg); */
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.sw-dev-process-div .curve_arrow5 {
  position: absolute;
  top: 0;
  left: -100px;
  width: 154px;
}
.sw-dev-process-div .curve_arrow5 img {
  height: auto;
  width: 200px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* transform: rotate(141deg);  */
  filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(5285%)
    hue-rotate(179deg) brightness(99%) contrast(95%);
}
.sw-dev-process-div.process_line.process_line2:after {
  transform: rotate(180deg);
  left: 30%;
  top: -23%;
}
.sw-dev-process-div.process_line.process_line3:after {
  transform: rotate(248deg);
  left: 45%;
  top: 86px;
}
.sw-dev-process-div {
  margin-bottom: 30px;
  padding: 20px 32px;
}
.sw-dev-process-div .content_box {
  font-size: 1rem;
  font-weight: 400;
}
.sw-dev-process-div .content_box p {
  font-size: 0.8rem;
}
.sw-dev-process-div .content_box p strong {
  width: 30px;
}
.working-process-number h6 {
  /* -webkit-text-stroke-width: 1px; */
  color: #0e1d31bf;
  -webkit-text-stroke-color: #daddeb;
  font-size: 120px;
  font-weight: 700;
  position: relative;
  transition: 0.5s;
}
.sw-dev-process-div:hover .working-process-number h6 {
  color: #0e1d31;
  -webkit-text-stroke-color: #0e1d31;
}
.sw-dev-process2 .sw-dev-process-div h3 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0e1d31;
}
.homeTopIndu.topIndustries .left-column {
  border: 1px solid #9fafca;
  background: #9fafca0a;
  color: #212529;
}
.homeTopIndu.topIndustries .industry-item.active {
  color: #0e1d31;
  font-weight: 600;
}
.homeTopIndu.topIndustries .industry-item.active::after {
  background-color: #ee4865;
}
.homeTopIndu.topIndustries .right-title {
  color: #ee4865;
}
/* CSS */

/* Gray Block Style */
.gray .ezy__clients8,
.ezy__clients8.gray {
  /* Bootstrap variables */
  --bs-body-bg: rgb(246, 246, 246);

  /* Easy Frontend variables */
  --ezy-item-bg: #fff;
}

/* Dark Gray Block Style */
.dark-gray .ezy__clients8,
.ezy__clients8.dark-gray {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(30, 39, 53);

  /* Easy Frontenrgb(16, 26, 39)bles */
  --ezy-item-bg: #263344;
}

/* Dark Block Style */
.dark .ezy__clients8,
.ezy__clients8.dark {
  /* Bootstrap variables */
  --bs-body-color: #ffffff;
  --bs-body-bg: rgb(11, 23, 39);

  /* Easy Frontend variables */
  --ezy-item-bg: #162231;
}

.ezy__clients8-heading {
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  color: var(--bs-body-color);
}

.ezy__clients8-sub-heading {
  font-size: 18px;
  line-height: 25px;
  color: var(--bs-body-color);
  opacity: 0.7;
}

.ezy__clients8-item {
  background-color: #f3f5ff;
  border-radius: 10px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.client-logo-img {
  width: 70% !important;
  height: auto;
}
.client-logo {
  overflow: hidden;
}
/* clients */
.flag-indu {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 0.8rem;
}
.indu-name {
  color: #fff;
  background-color: #0e1d31;
  padding: 0px 4px;
  border-radius: 4px;
  margin-top: 10px;
}
.flag-img {
  width: 25px !important;
  height: auto;
}
#client-logos2.owl-carousel .owl-stage-outer {
  direction: rtl !important;
}
#client-logos.owl-carousel .owl-nav,
#client-logos2.owl-carousel .owl-nav {
  display: none;
}

.home-service .service-cards:hover h3 {
  color: #0e387a;
}
.home-service .service-cards h3 {
  color: #212529;
  font-size: 1.4rem;
}
.home-service {
  position: relative;
  /* background-image: linear-gradient(to top, #ffffff99 0%, #ffefefad 50%, #c4d9f9 100%), url(../img/home-service-bg.webp); */
  /* background-image: linear-gradient(to top, #d6e0f1c9 0%, #e5d0d0eb 50%, #c4d9f9b5 100%), url(../img/custom-softwareBg.webp); */
  background-image:
    linear-gradient(
      to top,
      #d6e0f1 0%,
      rgb(229 208 208 / 95%) 50%,
      #c4d9f9 100%
    ),
    url(../img/custom-softwareBg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.home-service .service-icon {
  /* background: linear-gradient(323deg, #3378e1 0%, #4b5985 50%, #f9e1e1 100%); */
  background-color: #ffffff29;
  border-radius: 10px;
  width: 72px;
  height: 72px;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* filter: drop-shadow(0px 15px 15px rgba(34, 120, 237, 0.4));
    -webkit-filter: drop-shadow(0px 15px 15px rgba(34, 120, 237, 0.4)); */
}
.home-service .caseStudySection .navredbtn {
  border: 0 !important;
  padding: 15px 20px !important;
  background-color: #ee4865 !important;
}
.home-service .service-icon img {
  width: 48px;
  filter: brightness(0) saturate(100%) invert(37%) sepia(49%) saturate(2606%)
    hue-rotate(325deg) brightness(98%) contrast(90%);
}
.home-service .service-card {
  border: 1px solid rgb(108 116 129 / 8%);
  background-color: rgb(253 253 253 / 6%);
  box-shadow: none !important;
  display: flex;
  gap: 20px;
  margin-bottom: 1rem;
}
.home-service .service-card:hover {
  border: 1px solid #101d3021;
}
.home-service .service-card .service-desc {
  flex: 1;
}
.home-service .service-card .service-desc p {
  margin-bottom: 0;
  font-size: 1rem;
}
/* new case study section start */
.case-card {
  background-color: #f6f7fb;
  border-radius: 28px;
  padding: 50px 30px;
  margin-bottom: 40px;
}

.case-card:last-child {
  margin-bottom: 0;
}

/* LEFT TEXT SIDE */
.case-heading {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 18px;
  color: #101d30;
}

.case-subtext {
  font-size: 1rem;
  margin-bottom: 26px;
}

.case-meta p {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 8px;
}
.caseStudy-img-box {
  transition: all 0.4s ease-in-out;
  height: 100%;
}
.caseStudy-img-box.img-mr {
  margin-right: 2rem;
}
.caseStudy-img-box.img-ml {
  margin-left: 2rem;
}
.home-case-img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.caseStudy-img-box:hover {
  /* transform: rotate(10deg); */
  transform: scale(1.1);
}
.caseStudy-mt {
  margin-top: 4rem;
}
.info-block {
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
}
.home-cs-icon-box {
  min-width: 36px;
  height: 36px;
  background: #eff6ff;
  color: #3b82f6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  font-size: 16px;
}
.home-cs-icon-box img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(39%) saturate(1562%)
    hue-rotate(184deg) brightness(91%) contrast(93%);
}
.info-block-content h6 {
  font-weight: 600;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 4px;
  color: #3b82f6;
}
.info-block-content p {
  font-size: 1rem;
  margin-bottom: 0;
  color: #1e293b;
}
.badge-custom {
  background: #eff6ff;
  color: #ee4865;
  font-weight: 700;
  font-size: 0.65rem;
  padding: 6px 12px;
  border-radius: 100px;
  margin-right: 8px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}
/* --- Result Highlight --- */
.result-highlight {
  background: #101d30;
  padding: 24px;
  border-radius: 12px;
  margin-top: 20px;
  color: white;
  position: relative;
  overflow: hidden;
}
.result-highlight h6 {
  color: #3b82f6;
  font-weight: 800;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.result-highlight p {
  font-size: 0.95rem;
  font-weight: 400;
  margin-bottom: 15px;
}
.home-cs-case-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.home-cs-case-title {
  font-weight: 500;
  font-size: 2.5rem;
  margin-bottom: 24px;
  color: #101d30;
}
.btn-details {
  background: #ee4865;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 0.85rem;
  font-weight: 700;
  transition: all 0.3s ease;
}

.btn-details:hover {
  background: white;
  color: #101d30;
  text-decoration: none;
}
.case-meta p strong {
  color: #111827;
}

/* decorative arrow like reference */
.case-arrow {
  margin: 18px 0 24px;
}

.case-arrow svg {
  width: 60px;
  height: 40px;
  stroke: #111827;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.home-caseStudy-btn {
  color: #101d30;
  background-color: #fff;
  font-size: 1rem;
  padding: 8px 18px;
  border: 2px solid #101d30;
  text-align: center;
  border-radius: 50px;
  font-weight: 400;
  display: inline-block;
  margin-top: 0.5rem;
}
.home-caseStudy-btn:hover {
  color: #fff !important;
  background-color: #101d30 !important;
}
/* new case study section end */
.home-caseStudy .healthcareCaseStudies .blog-content {
  background: #0e1d31;
}
.home-caseStudy .healthcareCaseStudies .blog-card .blog-cta:hover {
  background-color: #0e1d31;
  color: #ffffff;
}
.probDiv h5 {
  color: #eb455f;
}
.solDiv h5 {
  color: #03a84e;
}
.probDiv,
.solDiv {
  height: 100%;
  width: 50%;
  padding: 10px;
}
.home-countSection .desk-countsec .countBox {
  background: #0e1d31;
  position: relative;
  border: 1px solid #e9f0ff;
  color: #f9f9f9;
}
.home-countSection .desk-countsec .countBox.countBox1:before {
  background-color: #f54f75;
}
.home-countSection .desk-countsec .countBox:before {
  position: absolute;
  content: "";
  left: 0%;
  top: 0%;
  width: 0px;
  height: 100%;
  background-color: #12233b;
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 100ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.home-countSection .counting {
  color: #ee4865;
}
.home-countSection .countBox:hover::before {
  width: 100%;
  border: none;
}
.countBox:hover {
  border: none;
}
.accreditations-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.accreditations-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#global-accreditations.owl-theme .owl-nav {
  margin-top: 30px !important; /* Spacing between logos and arrows */
  text-align: center;
  display: none !important;
}
/* Styling the Navigation Arrows */
#global-accreditations.owl-theme .owl-nav [class*="owl-"] {
  background: #101d30 !important;
  color: #fff !important;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 10px !important;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: auto !important;
}
#global-accreditations.owl-theme .owl-nav i {
  font-size: 1.4rem;
}
#global-accreditations.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #0056b3 !important;
  transform: scale(1.1);
}
/* Remove default focus outline */
#global-accreditations .owl-prev:focus,
.owl-next:focus {
  outline: none;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; /* Adjust spacing between cards */
}
/* Base Flex Item Sizing (Approx 1/4 width) */
.flex-col-custom {
  padding: 10px;
  /* flex: 0 0 33.3%; */
  /* max-width: 33.3%; */
  display: flex;
  /* transform: rotateX(51deg) rotateZ(43deg);
transform-style: preserve-3d;
border-radius: 32px;
box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 20px 0 rgba(34, 33, 81, 0.01), 20px 20px 19px 0 rgb(34 33 81 / 7%);
transition: .4s ease-in-out transform, .4s ease-in-out box-shadow; */
}

.flex-col-wide {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 1200px) {
  /* .flex-col-custom { flex: 0 0 33.333%; max-width: 33.333%; } */
  .flex-col-wide {
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }
}
@media (max-width: 992px) {
  /* .flex-col-custom { flex: 0 0 50%; max-width: 50%; } */
  .flex-col-wide {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-container {
    justify-content: center;
  }
}
/* @media (max-width: 576px) {
     .flex-col-custom, .flex-col-wide { flex: 0 0 50%; max-width: 50%; }
 } */
/* Card Styles matching the image */
.acc-card-home {
  background: #ffffff;
  border-radius: 20px;
  padding: 24px;
  width: 100%;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
}
.acc-card-home:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  border-color: #cbd5e1;
}
/* Layout for Wide Cards (Horizontal) */
.acc-card-horizontal {
  flex-direction: row;
  text-align: left;
  justify-content: flex-start;
  padding: 30px 40px;
}
/* Logo Containers */
.logo-wrapper {
  background: #f8fafc;
  border-radius: 12px;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.acc-card-horizontal .logo-wrapper {
  margin-right: 30px;
}
.logo-img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}
/* Typography */
.badge-gold {
  background: #eff6ff;
  color: #2563eb;
  font-size: 10px;
  font-weight: 800;
  padding: 4px 12px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-bottom: 8px;
}
.acc-name {
  font-weight: 400;
  font-size: 0.8rem;
  color: #101d30;
  margin: 0;
  line-height: 1.4;
}
.acc-card-horizontal .acc-name {
  font-size: 1rem;
  color: #101d30;
}
.acc-desc {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  margin-top: 4px;
}
.custom-vertical-tabs .nav-link {
  color: #64748b;
  font-weight: 300;
  font-size: 1rem;
  padding: 8px 20px;
  border-radius: 8px;
  margin-bottom: 16px;
  border-left: 4px solid transparent;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.custom-vertical-tabs .nav-link:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.custom-vertical-tabs .nav-link.active {
  background-color: #f8fbff;
  color: #0e1d31 !important;
  font-weight: 500;
  border-left-color: #ee4865;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.65);
}
.showcase-panel {
  border-radius: 24px;
  padding: 30px;
  max-height: 550px;
  position: relative;
  overflow: hidden;
  border: 1px solid #0e1d31;
}
.nav-section-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #94a3b8;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}
/* Industry Colors */
.c-fintech {
  color: #4f46e5;
}
.c-health {
  color: #0ea5e9;
}
.c-manu {
  color: #f59e0b;
}
.c-retail {
  color: #ec4899;
}
.c-logistics {
  color: #10b981;
}
.c-edtech {
  color: #8b5cf6;
}
.bg-decorative-icon {
  position: absolute;
  bottom: -40px;
  right: -40px;
  font-size: 220px;
  opacity: 0.03;
  transform: rotate(-15deg);
  pointer-events: none;
  color: var(--text-dark);
}
.panel-focus-badge {
 
  
  color: #ee4865;
  font-weight: 700;
 
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.tab-icon-inline {
  margin-right: 15px;
  font-size: 1.2rem;
  width: 24px;
  text-align: center;
}
.topInd-Img {
  width: 100%;
  border-radius: 12px;
}
.topIndustries .panel-description {
  font-size: 1rem;
}
.topIndustries h3.panel-title {
  color: #ee4865;
}
.laraavel-pricing .badge {
  padding: 6px;
  text-align: left;
  font-weight: 300;
  text-wrap: auto;
  line-height: 1.2;
}
.laraavel-pricing .badge.badge-primary {
  color: #fff;
  /* background-color: #124174; */
  background-color: #124174;
}
.laraavel-pricing .badge.badge-success {
  color: #fff;
  /* background-color: #0f5243; */
  background-color: #282270;
}
.hiring-desc {
  font-size: 0.9rem !important;
}
/* ai manufacturing page start*/
.ai-manufacturing-banner .consultCTA,
.ai-banner .consultCTA {
  color: #ef3f67;
}
.ai-manufacturing-banner .consultCTA:hover {
  background-color: #ef3f672b !important;
  border: 1px solid #ef3f67 !important;
  color: #fff !important;
}
.ai-pain-point {
  position: relative;
  background-color: #f9f9f9;
  /* background-image: linear-gradient(to top, #ffffff99 0%, #ffefefad 50%, #c4d9f9 100%), url(../img/home-service-bg.webp);
   background-repeat: no-repeat;
    background-size: cover;
    background-position: center; */
}
ul.liststyle2 {
  list-style-type: none;
  font-size: 1rem;
  line-height: 2;
  padding: 0;
}
ul.liststyle2 li:before {
  content: "\f192";
  font-family: "FontAwesome";
  color: #0e1d31;
  font-size: 1rem;
  margin-right: 10px;
}
.ai-pain-point ul.liststyle2 li:before {
  color: #f9f9f9;
}
.ai-pain-point .Ai-highlight {
  color: #ef3f67;
}
.Ai-highlight.painPt-num {
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 38px;
  font-weight: 600;
}
.ai-pain-point .card {
  height: 100%;
  background-image: linear-gradient(
    to top,
    #101d30,
    #122136,
    #15243c,
    #172842,
    #1a2c48
  );
  padding: 4rem 2rem;
  border-radius: 12px;
  color: #fff;
}
.ai-pain-point .marginBottom {
  margin-bottom: 2rem;
}
.Ai-highlight.painPt-res {
  font-size: 1rem;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.2;
  color: #a0b4fd;
}
/********************/
@-webkit-keyframes pulse {
  0% {
    box-shadow:
      0 0 4px #ea4c89,
      inset 0 0 4px #ea4c89;
  }
  50% {
    box-shadow:
      0 0 8px #ea4c89,
      inset 0 0 6px #ea4c89;
  }
  100% {
    box-shadow:
      0 0 4px #ea4c89,
      inset 0 0 4px #ea4c89;
  }
}
@-webkit-keyframes pulseText {
  0% {
    text-shadow: 0px 0px 4px rgba(247, 242, 75, 0.7);
  }
  100% {
    text-shadow: 0px 0px 12px rgba(247, 242, 75, 1);
  }
}
@-moz-keyframes pulseText {
  0% {
    text-shadow: 0px 0px 4px rgba(247, 242, 75, 0.7);
  }
  100% {
    text-shadow: 0px 0px 12px rgba(247, 242, 75, 1);
  }
}
@-o-keyframes pulseText {
  0% {
    text-shadow: 0px 0px 4px rgba(247, 242, 75, 0.7);
  }
  100% {
    text-shadow: 0px 0px 12px rgba(247, 242, 75, 1);
  }
}
@keyframes pulseText {
  0% {
    text-shadow: 0px 0px 4px rgba(247, 242, 75, 0.7);
  }
  100% {
    text-shadow: 0px 0px 12px rgba(247, 242, 75, 1);
  }
}
.pulseText {
  -webkit-animation-name: pulseText;
  -moz-animation-name: pulseText;
  -o-animation-name: pulseText;
  animation-name: pulseText;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  border: 0px;
}
.growingCircle {
  width: 200px;
  height: 200px;
  /* background-image: linear-gradient(to top, #101d30, #122136, #15243c, #172842, #1a2c48); */
  display: flex;
  align-items: center;
  border-radius: 50%;
  /* box-shadow: 0 0 10px #0e1d31, inset 0 0 10px #3a7ed3; */
  -webkit-animation: pulse 2s linear 1s infinite;
}
.growingCircle h3 {
  display: block;
  text-align: center;
  font-size: 24px;
  /* color: #fdfdfd;
    text-shadow: 1px 0 5px #f03468; */
}
.whyNow-leftArrow {
  font-size: 50px; /* Size of the arrow */
  animation: moveArrow2 2s ease-in-out infinite; /* Animation properties */
}

@keyframes moveArrow2 {
  0% {
    transform: translateX(30px); /* Start position (off-screen right) */
  }
  50% {
    transform: translateX(-0px); /* Move to the left to center */
  }
  100% {
    transform: translateX(30px); /* Move off-screen left */
  }
}
.whyNow-rightArrow {
  font-size: 50px; /* Size of the arrow */
  animation: moveArrow 2s ease-in-out infinite; /* Animation properties */
}

@keyframes moveArrow {
  0% {
    transform: translateX(0); /* Start position */
  }
  50% {
    transform: translateX(50px); /* Move to the right */
  }
  100% {
    transform: translateX(0); /* Return to start */
  }
}
.marketRealityHeading {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -30px;
  color: #0e1d31;
}
.whyNowDiv {
  margin-top: 2rem;
}
.whyNowDiv .video-bg {
  position: relative;
  filter: opacity(0.8);
}
.whyNowDiv .painPtsource {
  right: 0;
  left: 0;
  font-size: 0.9rem;
  bottom: -17px;
  color: #d5d5d5;
}
.next-level-mobileView {
  display: none;
}
.aiManf-whyNow {
  padding-bottom: 3rem;
}
/*  */

.oppor-bg {
  background-image: url(../img/ai-manufacture/opportunity-img.webp);
  background-attachment: scroll;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow:
    -12px 23px 50px 0 white inset,
    -25px -25px 50px 0 white inset;
}
.opporTxt {
  font-size: 2.8rem;
  position: absolute;
  z-index: 1;
  text-align: center;
  color: #0e1d31;
  transform: translate(-1%, 48%);
  font-weight: 600;
  bottom: -9px;
  /* animation: Color 4s linear infinite;
  -webkit-animation: Color 4s ease-in-out infinite; */
}
@keyframes Color {
  0% {
    color: #a0d468;
  }

  20% {
    color: #4fc1e9;
  }

  40% {
    color: #ffce54;
  }

  60% {
    color: #fc6e51;
  }

  80% {
    color: #ed5565;
  }

  100% {
    color: #ac92ec;
  }
}

@-moz-keyframes Color {
  0% {
    color: #a0d468;
  }

  20% {
    color: #4fc1e9;
  }

  40% {
    color: #ffce54;
  }

  60% {
    color: #fc6e51;
  }

  80% {
    color: #ed5565;
  }

  100% {
    color: #ac92ec;
  }
}

@-webkit-keyframes Color {
  0% {
    color: #a0d468;
  }

  20% {
    color: #4fc1e9;
  }

  40% {
    color: #ffce54;
  }

  60% {
    color: #fc6e51;
  }

  80% {
    color: #ed5565;
  }

  100% {
    color: #ac92ec;
  }
}
.bloom-effect {
  /* text-shadow: 0 0 10px rgba(255, 0, 255, 0.6), 0 0 20px rgba(255, 0, 255, 0.4); */
  font-size: 2rem;
  transition: text-shadow 0.5s ease;
}
.bloom-effect:hover {
  text-shadow:
    0 0 20px rgba(255, 0, 255, 0.8),
    0 0 40px rgba(255, 0, 255, 0.6);
}

/* Zoom-in effect for the text */
.zoom-in {
  animation: zoomIn 5s ease-out 1s infinite forwards; /* Infinite with 1s delay */
  opacity: 0;
  transform: scale(0.5);
}
@keyframes zoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.9;
  }
}

/* Animation for arrows moving towards the text */
.oppArrow {
  display: flex;
  justify-content: space-between;
  opacity: 0;
  animation: moveArrows 3s forwards 1s infinite; /* Infinite with 1s delay */
}

@keyframes moveArrows {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
    opacity: 0.7;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Extra effect for text */
.zoom-in:hover {
  animation: zoomInHover 0.3s ease-out forwards;
}

@keyframes zoomInHover {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 1.2;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Bounce effect for arrows */
.oppArrow {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  animation: bounce 1s infinite alternate;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/*  */
.intelligent-sol {
  /* background: radial-gradient(#001f55f0, #0e1d31fa), url(../img/ai-manufacture/marketRealityBgtrial.png); */
  /* background: radial-gradient(#001f55f0, #0e1d31fa); */
  /* background: radial-gradient(#a3c5ffed, #d3d3d3fa), url(../img/ai-manufacture/marketRealityBgtrial.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; */
  background-color: #fff;
  padding-top: 0;
}
.painPtsource,
.intelligent-solSource {
  position: absolute;
  right: 3%;
  bottom: 5px;
  margin-bottom: 0;
  font-size: 0.8rem;
  color: #7b7b7b;
}
.painPt-text {
  font-size: 1.2rem;
  font-weight: 600;
  color: #f9f9f9;
  line-height: 1.4;
  margin-top: 0.8rem;
}
.whyNow-rightArrow {
  width: 100px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(9%) saturate(5640%)
    hue-rotate(179deg) brightness(95%) contrast(95%);
  position: relative;
  z-index: 1;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -66px;
}
.whyNow-leftArrow {
  width: 100px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(9%) saturate(5640%)
    hue-rotate(179deg) brightness(95%) contrast(95%);
  position: relative;
  z-index: 1;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -66px;
}
.whyNow-leftBox,
.whyNow-rightBox {
  padding: 20px;
  text-align: center;
  line-height: 1.4;
  border-radius: 12px;
}
.whyNow-leftBox h4,
.whyNow-rightBox h4 {
  margin-bottom: 20px;
  text-transform: capitalize;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 600;
  color: #0e1d31;
}
.whyNow-leftBox p,
.whyNow-rightBox p {
  font-size: 1rem;
}
.key-solution-section {
  background-image: url(../img/formBg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.key-solution-section .ai-keySol-box {
  text-align: center;
}
.key-solution-section .ai-keySol-box {
  display: block;
  height: 95px;
  width: 95px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  border: 1px solid #7b89cb;
  border-radius: 8px;
  background: #eeeeee2b;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.key-solution-section .ai-keySol-box img {
  width: 100%;
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(235deg) brightness(110%) contrast(103%); */
}
.key-solution-section .keySol-txt {
  color: #fff;
  text-align: center;
  font-size: 1rem;
}
.key-solution-section .img-overlay {
  z-index: -1;
}
.intelligent-sol .progress {
  width: 100%;
  background-color: #e7e7e7;
  height: 8px;
}
.intelligent-sol-card {
  position: relative;
  margin-bottom: 2rem;
  background-color: #ffffff0f;
  padding: 1.5rem 2rem;
  border-radius: 12px;
  border: 1px solid #0e1d3112;
  color: #fff;
}
.smart-AIsol-card {
  position: relative;
  margin-bottom: 2rem;
  background-color: #0e1d31;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid #b9d7ff;
  color: #0e1d31;
  height: 90%;
}
.smart-AIsol-card h4 {
  color: #fff;
}
.impactDiv {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.smart-AIsolLeftDiv .impactDiv,
.smart-AIsolRightDiv .impactDiv {
  margin-bottom: 20px;
}
.smart-AIsolLeftDiv h4 {
  margin-bottom: 20px !important;
}
.smart-AIsol-new-card .impactDiv {
  display: flex;
  align-items: center;
  background-color: #ffffffe3;
  margin-bottom: 12px;
  border-radius: 12px;
  padding: 5px 20px;
}
.smart-AIsol-new-card .impactName {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1rem;
  color: #0e1d31;
}
.smart-AIsol-new-card {
  width: 88%;
  border: 1px solid #748191;
  padding: 20px;
  border-radius: 12px;
  margin-left: 2rem;
}
.smart-AIsol-new-card2 {
  background-color: #f5f7ff;
  border: 1px solid #dddddd;
  border-radius: 12px;
  padding: 50px 30px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow:
    rgba(136, 165, 191, 0.48) 6px 2px 16px 0px,
    rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.solutionsNum {
  width: 45px;
  height: 45px;
  position: absolute;
  z-index: 1;
  background-color: #ef3f67;
  border-radius: 50%;
  color: #fff;
  top: -18px;
  left: -9px;
}
.solutionsNum2 {
  width: 45px;
  height: 45px;
  position: absolute;
  z-index: 1;
  background-color: #0e1d31;
  border-radius: 50%;
  color: #fff;
  top: -10px;
  left: -1px;
}
.solutionsNum p {
  position: relative;
  line-height: 45px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
}
.solutionsNum2 p {
  position: relative;
  line-height: 45px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
}
.ai-sol-challenges {
  margin-bottom: 2rem;
  align-items: center;
}
.ai-sol-challenges .sub-txt {
  /* font-size: 1.8rem !important; */
  text-shadow: -1px 5px 5px rgb(0 0 0 / 42%);
}
.Challenges-box {
  margin-top: -180px;
  position: relative;
  z-index: 2;
}
.ai-sol-challenges h2 {
  color: #fff;
}
.intelligent-sol .emerging-txt-div {
  background-image: linear-gradient(
    to top,
    #0e1d31 0%,
    #94b2d9 50%,
    #f4f5f7 100%
  );
  background:
    radial-gradient(#001f55f0, #0e1d31fa),
    url(../img/ai-manufacture/marketRealityBgtrial.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 180px;
}
.smart-AIsol-new-card h4 {
  color: #ef3f67;
}
.smart-AIsol-new-card:nth-child(2) {
  margin-left: 6rem;
  margin-top: 2rem;
}
.smart-AIsol-new-card:nth-child(3) {
  margin-left: 10rem;
  margin-top: 2rem;
}
.smart-AIsol-new-card:nth-child(4) {
  margin-left: 14rem;
  margin-top: 2rem;
}
.impactDiv .impactDownArrow {
  width: 40px !important;
  height: 100%;
  filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(4030%)
    hue-rotate(347deg) brightness(90%) contrast(102%);
  padding: 6px;
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

.impactDiv .impactUpArrow {
  width: 40px !important;
  height: 100%;
  filter: brightness(0) saturate(100%) invert(30%) sepia(78%) saturate(879%)
    hue-rotate(108deg) brightness(97%) contrast(91%);
  padding: 6px;
  -webkit-animation: moveUp 1s infinite alternate;
  animation: moveUp 1s infinite alternate;
}
.impactName {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1rem;
  color: #fff;
}
.Innov-AI-Sol-txt {
  font-size: 1rem;
}
.smart-AIsol-card img {
  width: 100%;
  transform: perspective(1500px) rotateY(15deg);
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  transition: transform 1s ease 0s;
}
.impact-txt-div {
  background-color: #f7fbff36;
  width: 100%;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.impact-txt {
  color: #fff !important;
  border-radius: 14px;
  margin-right: 2px;
  font-size: 1rem !important;
  padding: 4px 10px;
  font-weight: 600;
  background-color: transparent;
}
.progress-bar-blue {
  background-color: #ef3f67 !important;
}
.smart-AIsol-card .percentage {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 1.4rem;
  color: #fff;
}
.impactArrowDiv {
  background-color: #ffffff24;
  border-radius: 50%;
  margin-right: 0.6rem;
}
.impactArrowDivDown {
  background-color: #f2f4ff;
  border-radius: 50%;
  margin-right: 0.6rem;
  /* -webkit-filter: drop-shadow(1px 12px 10px #e12c28); */
}
.smart-AIsol-new-card2 .impactArrowDivDown {
  background-color: transparent;
}
.smart-AIsol-new-card2 .impactArrowDivUp {
  background-color: transparent;
}
.smart-AIsol-new-card2 .impactArrowDivDown i {
  color: #e30400;
}
.smart-AIsol-new-card2 .impactArrowDivUp i {
  color: #0b7e3f;
}
.smart-AIsol-new-card2 h4 {
  color: #0e1d31;
  font-size: 1.4rem;
  text-shadow: -1px 5px 5px rgb(108 110 128 / 55%);
}
.smart-AIsol-new-card2 .Innov-AI-Sol-txt {
  font-size: 1rem;
  margin-bottom: 3rem;
  color: #212529;
}
.smart-AIsol-new-card2 .impactName {
  font-weight: normal;
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #0e1d31;
}
.smart-AIsolRightDiv {
  display: flex;
  gap: 14px;
  flex-direction: row;
  margin-bottom: 14px;
  height: 98%;
}
.smart-AIsolLeftDiv {
  display: flex;
  align-items: center;
}
.md-pl-0 {
  padding-left: 0;
}
.ChallengesIcons {
  width: 50px;
  margin-bottom: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(33%) saturate(1166%)
    hue-rotate(175deg) brightness(94%) contrast(97%);
}
.percentageDown {
  font-size: 1.2rem;
  font-weight: 700;
  color: #e30400;
}
.percentageUp {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0b7e3f;
}
.impactArrowDivUp {
  background-color: #0b7e3f;
  border-radius: 50%;
  margin-right: 0.6rem;
  /* -webkit-filter: drop-shadow(1px 12px 10px #0b7e3f); */
}
.impactArrowDivDown img,
.impactArrowDivUp img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(2%)
    hue-rotate(211deg) brightness(117%) contrast(100%) !important;
}
.Innov-AI-Sol-img {
  width: 100%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.55) 0px 25px 50px -12px;
}
.Innov-AI-Sol-div {
  margin-bottom: 4rem;
}
.Innov-AI-Sol-div:last-child {
  margin-bottom: 0rem;
}
.intelligent-sol .progress-bar {
  background-color: #0c7f40;
  height: 8px;
}
.intelligent-sol-group {
  margin-top: 1.4rem;
}
.pop-outin {
  animation: 4s anim-popoutin ease infinite;
  font-size: 0.8rem;
  margin-bottom: 0;
}

@keyframes anim-popoutin {
  0% {
    color: #fff;
    transform: scale(1);
    opacity: 0.5;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  25% {
    color: #fff;
    transform: scale(0.9);
    opacity: 1;
    text-shadow: 3px 10px 5px rgba(0, 0, 0, 0.5);
  }
  50% {
    color: #fff;
    transform: scale(0.9);
    opacity: 1;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    /* animate nothing to add pause at the end of animation */
    transform: scale(1);
    opacity: 1.2;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes anim-fromtop {
  0% {
    opacity: 0.5;
    transform: translateY(-100%);
  }
  25% {
    opacity: 1;
    transform: translateY(0%);
  }
  50% {
  }
  100% {
  }
}
.intelligent-sol span.badge.badge-primary {
  background-color: #ef3f67;
  color: #fff;
  border-radius: 14px;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 0.8rem;
  padding: 4px 10px;
  font-weight: 600;
}
.intelligent-sol .title {
  font-size: 1.2rem;
  font-weight: 600;
}
.intelligent-sol-card .percentage {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 600;
  color: #0e1d31;
}
.intelligent-sol-card .description {
  font-size: 1rem;
}
.traditional-aienhancement-section {
  background: radial-gradient(#001f55, #0e1d31);
  background-blend-mode: lighten;
}
.traditional-aienhancement-section .carouselDiv {
  position: relative;
  padding: 4rem 2rem;
  background-color: #ffffff1f;
  border-radius: 10px;
  color: #fff;
}

.traditional-aienhancement-section .carouselDiv img {
  width: 100%;
  border-radius: 10px;
}
.traditional-aienhancement-section .carouselBox {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.traditional-aienhancement-section .border-right {
  border-right: 1px solid #dddddd75;
}
.traditional-aienhancement-section ul.liststyle2 {
  margin-top: 1rem;
  line-height: 1.8;
}
.traditional-aienhancement-section .liststyle2 li {
  display: inline-block;
  margin-right: 20px;
}
.traditional-aienhancement-section .liststyle2 li:last-child {
  margin-right: 0px;
}
.traditional-aienhancement-section .liststyle2 li strong {
  color: #ef3f67;
}
#traditional-ai-enhancement .owl-nav button {
  font-size: 25px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
  color: #fff;
  background-color: #ef3f67;
  top: 44%;
  margin: 5px 0;
  transition: 0.4s;
}
#traditional-ai-enhancement .srcLink {
  color: #485d87 !important;
}
.Health-srcLink {
  position: absolute;
  bottom: -59px;
  left: 0;
  right: 0;
  color: #485d87 !important;
}
.challanges-srcLink {
  color: #293a53;
  position: absolute;
  right: 5%;
  bottom: -10px;
}
.retail-aienhancement .srcLink,
.sports-aienhancement .srcLink {
  position: absolute;
  right: 1%;
  bottom: 1%;
}
.traditional-aienhancement-section ul.liststyle2 li:before {
  color: #fff;
}
.traditional-aienhancement-section .today-ai-image.todayImg {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.teamExperiseIcon {
  width: 50px;
  margin-bottom: 1rem;
}
.ai-benefits-section {
  background-color: #fff;
  background-image:
    radial-gradient(#3b598fbf, #0e1d31),
    url(../img/ai-manufacture/marketRealityBg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  backface-visibility: hidden;
}
.ai-benefits-section.tech-potential-section {
  background-image:
    radial-gradient(#3b598fbf, #0e1d31), url(../img/tech-bg.webp);
}
.ai-benefits-section.tech-potential-section .ai-benefitsDivIcon {
  width: 50px;
}
.ai-benefits-section.tech-potential-section i {
  font-size: 3.5rem; /* Larger icons */
  color: #fff; /* Info blue for icons */
  margin-bottom: 25px;
  display: block; /* Ensure icons take their own line for centering */
}
.sticky-benefits-section {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  margin-top: 4rem;
}
.sticky-benefits-section img {
  border-radius: 12px;
  width: 100%;
  margin-top: 1rem;
}
.ai-benefitsDiv {
  padding: 20px;
  margin-left: 4rem;
  line-height: 1.6rem;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
}
.AI-Adoption-Hurdles {
  position: relative;
  background-image:
    radial-gradient(#e0f4ff, #597091f0),
    url(../img/ai-manufacture/manufacturing-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ai-challegnes-box {
  padding: 2rem;
  /* display: flex;
    align-items: center;*/
  border-radius: 12px;
  min-height: 280px;
}
.AI-Adoption-Hurdles .agile-img {
  border-radius: 12px;
  transform: perspective(800px) rotateY(12deg) rotateX(7deg);
  box-shadow: 1rem 1rem 2rem rgb(0 0 0 / 61%);
}
.AI-Adoption-Hurdles .agile-desc {
  color: #212529 !important;
}
.ai-challegnes-box1 {
  margin-top: 12rem;
}
.ai-challegnes-box2 {
  margin-top: 6rem;
}
.ai-challegnes-box3 {
  margin-top: -2rem;
}
.ai-challegnes-img {
  width: 100px;
  margin-bottom: 2rem;
}
.ai-challegnes-img img {
  width: 80%;
  filter: brightness(0) saturate(100%) invert(7%) sepia(56%) saturate(1436%)
    hue-rotate(188deg) brightness(94%) contrast(94%);
}
.ai-challegnes-txt {
  width: 100%;
}
.ai-challegnes-txt h5 {
  color: #0e1d31;
}
.AI-Adoption-Hurdles .wrapper-ml2 {
  margin-left: 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.AI-Adoption-Hurdles .icon-bx-wraper.style-2 .icon-bx {
  background-color: #0e1d31 !important;
}
.how-solve-txt {
  color: #ef3f67 !important;
  font-weight: 600;
  font-size: 1.2rem;
}
.ai-benefitsDiv:last-child {
  border-bottom: none;
}
.ai-benefitsDivIcon {
  margin-right: 30px;
}
.ai-benefitsDivIcon img {
  width: 80px;
  /* filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(22deg) brightness(109%) contrast(100%); */
}
.ai-benefitsDiv h4 {
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
}
.teamExperise-section ul.liststyle2 {
  padding: 0;
  margin-top: 0.5rem;
}
.teamExperise-section .border-right {
  border-right: 1px solid #dddddd75;
}
.teamExperiseBox {
  background-color: #b7c9ff;
  padding: 3rem 4rem;
  border-radius: 10px;
  position: relative;
}
.teamExperise-section .srcLink {
  position: absolute;
  right: 1rem;
  color: #828eb9;
}
.teamExperiseDiv {
  padding-left: 2rem;
}
.teamExperiseDiv h4 {
  color: #0e1d31;
}
.TeamTestimonial {
  padding: 2rem;
  margin-top: 4rem;
  height: 80%;
  border-radius: 10px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.clientImgDiv {
  border-radius: 10px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.clientImgDiv .ClientImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.TeamTestimonial p {
  font-size: 1rem;
}
.TeamTestimonial:after {
  position: absolute;
  content: "\f10e";
  font-family: "FontAwesome";
  color: #11235aa1;
  top: 70px;
  right: 35px;
  line-height: 1;
  opacity: 0.1;
  font-size: 70px;
}
.manufacturingClientDiv {
  background-color: #d3f3ff;
  padding: 2rem 2rem;
  height: 80%;
  border-radius: 10px;
  margin-top: 4rem;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.healthcare-Expertise .manufacturingClientDiv h5.hightlistTxt {
  color: #f03468;
}
.healthcare-Expertise .manufacturingClientDiv {
  background-color: #0e1d31;
  color: #fff;
  margin-top: 0;
  height: 100%;
}
.manufacturingClientDiv h5.hightlistTxt {
  color: #0e1d31;
  font-size: 1.8rem;
}
.manufacturingClientDiv .txt1 {
  font-size: 1.4rem;
}
.healthcareClientDiv .txt1 {
  font-size: 1.2rem !important;
  margin-top: 1rem;
}
.manufClientHeading,
.manufClientTxt {
  text-align: center;
  margin-bottom: 0;
}
.manufClientTxt {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.iso-certificates-div {
  margin-top: 4rem;
  text-align: center;
}
.iso-certificates-div img {
  width: 80%;
}
.compat-img {
  position: absolute;
  height: 100%;
}
.compat-img img {
  width: 80% !important;
  object-fit: contain;
  height: auto;
  filter: brightness(0) saturate(100%) invert(41%) sepia(31%) saturate(4927%)
    hue-rotate(325deg) brightness(98%) contrast(91%);
  transform: translateY(86%);
}
.tech-stack-compat-section {
  text-align: center;
}
.tech-stack-compat-section .aiModelDiv {
  background: #0e1d31;
  height: 172px;
}
.tech-stack-compat-section .aiModelDiv:after {
  background: radial-gradient(
    #ee4865,
    rgba(252, 120, 64, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.25;
}
.tech-stack-compat-section .aiModelDiv img {
  transform: translateY(8%);
}
.tech-stack-compat-section h5 {
  margin-bottom: 2rem;
  color: #ee4865;
}
.tech-stack-compat-section .aiModelDiv p {
  font-size: 0.8rem;
  line-height: 1.4;
}
.faq-accordion .panel-title a {
  font-family: "Lexend", sans-serif;
}
.faq-accordion .panel-title a {
  position: relative;
  background-color: transparent !important;
  border-style: solid;
  border-width: 1px;
  border-color: #172258;
  display: block;
  font-size: 18px;
  font-weight: 400;
  border-radius: 6px;
  padding: 16px 24px 16px 28px;
  transform: translate(0px, 0px) rotate(0deg);
  transition: 0.2s;
  /* box-shadow: -4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 48%); */
  color: #172258;
}
.faq-accordion .panel-title a[aria-expanded="false"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #333;
}
.faq-accordion .panel-title a::after,
.faq-accordion .panel-title a[aria-expanded="false"]::after {
  font-size: 1rem;
  content: "\f078";
  right: 0;
  line-height: 25px;
  transition: all 0.3s ease 0s;
  width: 55px;
  height: 55px;
  position: absolute;
  text-align: center;
  top: auto;
  left: auto;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #172258de;
  border-radius: 50%;
  font-family: fontawesome;
}
.faq-accordion .panel-body {
  background: transparent none repeat scroll 0 0;
  border-top: medium none;
  padding: 20px 25px 10px 9px;
  position: relative;
}
.faq-accordion .panel-body p {
  border-left: 1px dashed #8c8c8c;
  padding-left: 25px;
}
.faq-accordion .panel-heading {
  border-radius: 30px;
  padding: 0;
}
.faq-accordion .panel {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 25px 10px;
}
.ceoQuoteDiv {
  text-align: center;
  margin-bottom: 2rem;
}
.quote-card {
  background: radial-gradient(#001f55, #0e1d31);
  background-size: cover;
  background-attachment: fixed;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.quote-text {
  width: 60%;
}
.quote-text p {
  font-size: 1.2rem;
  line-height: 1.5;
  font-style: italic;
  color: #f9f9f9;
}
.quote-image {
  border-radius: 12px;
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.quote-author {
  font-weight: bold;
  color: #333;
}
.quote-source {
  font-size: 0.8rem;
  color: #c5c2c2;
}
.InnovSrc {
  font-size: 0.75rem;
  color: #9f9f9f;
  margin-bottom: 0;
  position: absolute;
  bottom: -18px;
  right: 0;
  white-space: nowrap;
}
.quote-img {
  text-align: center;
}
.quote-img h5 {
  font-size: 1rem;
  text-wrap: nowrap;
  margin-top: 1rem;
  color: #fff;
}
.manufacturingClientLogo {
  width: 100%;
}
.ai-manufacturing-page .sub-txt {
  color: #ef3f67 !important;
  font-size: 1.2rem;
  font-weight: 600;
}
.venn-container {
  position: relative;
}
.venncircle {
  padding: 18px;
  width: 180px;
  height: 180px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -moz-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -o-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  transition:
    color 0.5s linear,
    background-color 0.5s linear;
}
.venncircle > a {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.004em;
  color: #ffffff;
  text-decoration: none;
}
.venncirctop {
  padding: 18px;
  width: 350px;
  height: 350px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -moz-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -o-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  transition:
    color 0.5s linear,
    background-color 0.5s linear;
  margin-bottom: -130px;
  margin-left: 84px;
  background-color: #5c5b59;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); */
  background-color: #ffffff;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 22px;
  right: 12%;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.venncirctop > a {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.004em;
  color: #ffffff;
  text-decoration: none;
}
.venncirctop:hover {
  z-index: 5;
  background-color: #6a6561;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); */
  background-color: rgb(181 206 241 / 63%);
}

.venncirclft > a {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.004em;
  color: #ffffff;
  text-decoration: none;
}
.venncircrt {
  padding: 18px;
  width: 350px;
  height: 350px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -moz-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -o-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  transition:
    color 0.5s linear,
    background-color 0.5s linear;
  right: 11%;
  bottom: 22%;
  background-color: #f5f5f5;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  text-align: right;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.venncircrt > a {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.004em;
  color: #ffffff;
  text-decoration: none;
}
.venncircrt:hover {
  z-index: 5;
  background-color: #625f75;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); */
  background-color: rgb(181 206 241 / 63%);
}
.venncircbtm {
  padding: 18px;
  width: 350px;
  height: 350px;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 50%;
  position: absolute;
  -webkit-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -moz-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  -o-transition:
    color 0.5s linear,
    background-color 0.5s linear;
  transition:
    color 0.5s linear,
    background-color 0.5s linear;
  top: -22px;
  margin: 0 auto;
  right: 12%;
  text-align: center;
  background-color: #ebebeb;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); */
  background-color: #efefef;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.venncircbtm > a {
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.004em;
  color: #ffffff;
  text-decoration: none;
}
.venncircbtm:hover {
  z-index: 5;
  background-color: #3a4e20;
  background-color: rgb(181 206 241 / 63%);
}
.venntxttop {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  position: relative;
  top: 10px;
  padding: 20px;
  font-size: 1.2rem;
}

.venntxtrt {
  margin: 0 0 0 87px;

  position: relative;
  top: 63px;
  z-index: 5;
}
.venntxtrt:hover {
  color: #ffffff;
  text-decoration: none;
}

.venntxtlft:hover {
  color: #ffffff;
  text-decoration: none;
}
.venntxtbtm {
  text-align: center;
  display: inline-block;
  width: 70%;
  position: relative;
  top: 103px;
}
.venntxtbtm:hover {
  color: #ffffff;
  text-decoration: none;
}
.venntxttop h5 {
  font-size: 3rem;
  color: #ef3f67;
  margin-bottom: 1rem;
}

.marketRealitySection {
  /* background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%); */
  /* background-image: linear-gradient(to top, #101d30f5, #122136eb, #15243cf7, #172842cf, #1a2c48cf), url(../img/ai-manufacture/marketRealityBgtrial.png); */
  /* background-image: radial-gradient(#001f55db, #0e1d31fc), url(../img/ai-manufacture/marketRealityBg.png); */
  background-image:
    radial-gradient(#deeaffbf, #8e959ff0),
    url(../img/ai-manufacture/marketRealityBg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.marketRealityCount {
  font-size: 4rem;
  color: #0e1d31;
}
.sports-marketReality .marketRealityCount,
.retail-marketReality .marketRealityCount {
  font-size: 3rem;
}
.marketRealitySrc {
  font-size: 0.8rem;
  color: #fff;
}
.marketRealityTxt {
  padding: 1rem;
}
.marketRealityDesc {
  font-size: 1.2rem;
  /* color: #fff; */
}
.marketRealitySection img {
  width: 100%;
  border-radius: 12px;
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}
.marketRealityBox {
  margin-top: 0rem;
}
.ceoQuoteSection {
  background: #fff;
}
.nextLevelManfImg {
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  filter: brightness(0) saturate(100%) invert(28%) sepia(87%) saturate(1297%)
    hue-rotate(190deg) brightness(91%) contrast(98%)
    drop-shadow(0 0.2rem 0.25rem rgba(7 37 78 / 40%));
}
.next-level-manf-section {
  /* background-image: linear-gradient(to right, rgb(255 243 243 / 86%), rgb(1 1 33 / 67%)), url(../img/ai-manufacture/marketRealityBg2.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover; */
  background-color: #fff;
}
.next-level-manf-section h5 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
.your-fact-txt {
  font-size: 1rem;
  margin-bottom: 2rem;
  font-weight: 600;
  color: #0e1d31;
}

.nextLevelManf-leftDiv {
  padding: 40px 20px;
}
.nextLevelManf-rightDiv {
  padding: 40px 20px;
  background: #0e1d31;
  color: #fff !important;
  text-align: center;
  border-radius: 12px;
  margin-left: 36px;
  background: radial-gradient(#001f55, #0e1d31);
}
.nextLevelManf-rightDiv .your-fact-txt {
  color: #fff;
}
.nxtLevelAdd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
img.plusIcon {
  filter: brightness(0) saturate(100%) invert(34%) sepia(76%) saturate(2817%)
    hue-rotate(325deg) brightness(98%) contrast(91%);
  width: 56px;
}
.nextLevelArrowDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.nextLevelArrowDiv i {
  font-size: 6rem;
  color: #03a84e;
}
.nxtLevelAdd i {
  font-size: 4rem;
  color: #ef3f67;
}
.nextLevelarrow {
  /* position: absolute;
    top: 50%;
    left: 50%; */
  transform: translate(-50%, -50%);
  transform: rotate(270deg);
  cursor: pointer;
}

.nextLevelarrow span {
  display: block;
  width: 2vw;
  height: 2vw;
  border-bottom: 5px solid #0e1d31;
  border-right: 5px solid #0e1d31;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}

.nextLevelarrow span:nth-child(2) {
  animation-delay: -0.2s;
}

.nextLevelarrow span:nth-child(3) {
  animation-delay: -0.4s;
}

@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}
.nextLevelManf-rightDiv img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(8%) saturate(12%)
    hue-rotate(49deg) brightness(106%) contrast(95%);
}
.graphImg {
  width: 60%;
}
.dashboard-div {
  background-image: linear-gradient(315deg, #2b4162 0%, #12100e 74%);
}
.dashboardImg .item {
  opacity: 0.2;
  transition: 0.4s ease all;
  margin: 0 20px;
}
.dashboard-div3 {
  background-color: #061b39;
  background:
    radial-gradient(#061b39, #03080ede),
    url(../img/ai-manufacture/dashboard-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/* .dashboardImg2 .owl-item .item img {
    height: 550px;
    opacity: 0.8;
}
.dashboardImg2 .owl-item .item
{
  opacity:0.5;
  transition:.4s ease all;
  margin: 0 -80px;
  position: relative;
  z-index: 1;
}
.dashboardImg2 .owl-nav button {
    font-size: 30px !important;
    height: 60px !important;
    line-height: 60px !important;
    width: 60px !important;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
    color: #fff !important;
    background-color: #ef3f67 !important;
    top: 44%;
    margin: 5px 0;
    transition: 0.4s;
} */
.dashboardImg .item img {
  transform: rotateX(51deg) rotateZ(43deg);
  transform-style: preserve-3d;
  border-radius: 32px;
  margin: 80px;
  /* box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgba(34, 33, 81, 0.01), 28px 28px 28px 0 rgba(34, 33, 81, 0.25); */
  transition:
    0.4s ease-in-out transform,
    0.4s ease-in-out box-shadow;
}
.dashboardImg2 .owl-item.center .item {
  opacity: 1;
  position: relative;
  z-index: 4;
}
.dashboardImg2 .owl-item.cloned.active {
  position: relative;
  z-index: 1;
}
.dashboardImg2 .owl-item.center {
  position: relative;
  z-index: 999;
}
.dashboardImg2 .owl-item.center .item img {
  border: 16px solid #000000;
  border-radius: 18px;
  border-right-width: 36px;
  height: 550px;
  opacity: 1;
}
.dashboardImg .active .item img:hover {
  transform: rotate3d(0, 0, 0, 0deg) rotate(0deg);
  box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 28px 0 rgba(34, 33, 81, 0.01),
    28px 28px 28px 0 rgba(34, 33, 81, 0.25);
}

.dashboardImg .owl-nav {
  display: none;
}

.slider-container {
  width: 100%;
  perspective: 1500px;
  margin-top: 2rem;
}

.slider-container .owl-carousel .item {
  height: auto;
}
.slider-container .owl-carousel .item img {
  height: 100%;
}
.slider-container .owl-item.center .item {
  /* transform: scale(1) rotateY(0deg); */
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.slider-container .owl-nav {
  display: none !important;
}
.slider-container .owl-item.active .item {
  border: 3px solid #5aa2ff;
  border-radius: 18px;
  transform: perspective(1000px) rotateX(0deg) rotateY(-7deg) rotateZ(1deg);
  width: 89%;
  -webkit-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  -moz-box-shadow: 32px 3px 70px 7px rgba(0, 0, 0, 0.94);
  box-shadow: 29px 3px 29px 7px rgb(0 1 2 / 29%);
}

/* .slider-container .owl-item.active:nth-child(1),
       .slider-container .owl-item.active:nth-child(3) {
            transform: scale(0.95) rotateY(15deg);
        } */

.slider-container .item img {
  width: 100%;
  border-radius: 14px;
}

.slider-container .custom-nav {
  text-align: center;
  margin-top: 20px;
  position: absolute;
  z-index: 1;
  top: -32px;
  right: 47px;
}

.slider-container .custom-nav button {
  background: #1d3251;

  border: none;
  padding: 15px 20px;
  margin: 5px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 16px;
}
.slider-container .custom-nav button i {
  color: #fff;
}
.slider-container h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #ef3f67;
}
.slider-container .custom-nav button:hover {
  background: #031931;
}
.slider-container .custom-nav button:hover i {
  color: #fff;
}

/* laptop */

.laptop {
  width: 100%;
}

.laptop .screen {
  position: relative;

  width: 80%;

  margin: 0 auto;
  /* background: #1a1a1a;
    border: 1px solid rgb(121 121 121 / 1%);
    box-shadow: 0 0 0 3px rgb(137 137 137), inset 0 0 100px 0 rgb(83 83 83 / 75%); */

  background: #1a1a1a;

  border: 1px solid rgba(0, 0, 0, 0.01);

  box-shadow:
    0 0 0 3px rgba(64, 64, 64, 1),
    inset 0 0 100px 0 rgba(0, 0, 0, 0.75);

  border-radius: 12px 12px 0 0;

  overflow: hidden;
}

.laptop .screen::before {
  content: "";

  display: block;

  width: 100%;

  height: 550px;
}

.laptop .screen::after {
  content: "MacBook Pro";

  position: absolute;

  left: 50%;

  bottom: 0.5px;

  transform: translateX(-50%);

  font-size: 6px;

  font-weight: 500;

  letter-spacing: 0.2px;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.6)
  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

.laptop .screen .lcd {
  position: absolute;

  top: 3.8%;

  left: 2.2%;

  right: 2.2%;

  bottom: 3.5%;

  /* border: 1px solid;

    border-color: #000 #202020 #282828 #000; */

  border-radius: 3px;

  overflow: hidden;
}

.screen .lcd img {
  width: 100%;

  height: 100%;
}

.laptop .screen .glass_frame {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.175) 0%,

    rgba(255, 255, 255, 0) 50%
  );
}

.laptop .screen .screen_reflection {
  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;
  background: linear-gradient(
    100deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(255, 255, 255, 0.05) 33%,
    rgba(0, 0, 0, 0) 33.1%
  );
  /* background: linear-gradient(100deg, rgba(0,0,0,0) 0%,

    rgba(255,255,255,0.05) 33%, rgba(0,0,0,0) 33.1%); */
}

.laptop .keyboard {
  position: relative;

  width: 100%;
  height: 100px;
}
.keyboard img {
  width: 100%;
  transform: perspective(2997px) rotateX(84deg) scale(0.9);
  transition: 0.5s ease all;
  position: relative;
  top: -382px;
}
.laptop .keyboard.top {
  height: 3px;

  border-radius: 1px 1px 0 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgb(77 74 74 / 75%) 2%,
      rgba(0, 0, 0, 0.33) 7%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.33) 93%,
      rgb(83 83 83 / 75%) 98%,
      rgba(255, 255, 255, 0.5) 100%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.35) 33%,
      rgba(255, 255, 255, 0.35) 35%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(0deg, rgb(255 255 255) 0%, rgb(97 97 97) 100%);
}

/* parallax "viewport" */
.parallax {
  position: relative;

  perspective: 1px;
}
:root {
  --card-height: 40vw;
  --card-margin: 4vw;
  --card-top-offset: 1em;
  --numcards: 4;
  --outline-width: 0px;
}
.dashboard-div2 {
  background-color: #0e1d31;
}
.dashboard-div2 #cards {
  padding-bottom: calc(
    var(--numcards) * var(--card-top-offset)
  ); /* Make place at bottom, as items will slide to that position*/
  margin-bottom: var(
    --card-margin
  ); /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
  list-style: none;
  outline: calc(var(--outline-width) * 10) solid blue;
  margin-bottom: 0;
  display: grid;
  /* grid-template-columns: 1fr;
	grid-template-rows: repeat(var(--numcards), var(--card-height));
	gap: var(--card-margin); */
}

#card_1 {
  --index: 1;
  /* background-color: #0e1d31; */
}

#card_2 {
  --index: 2;
  /* background-color: #0e1d31; */
}

#card_3 {
  --index: 3;
  /* background-color: #0e1d31; */
}

.dashboard-div2 .card {
  position: sticky;
  top: 20%;
  background-color: transparent;
  margin-top: calc((--index) * var(--card-top-offset));
}

@supports (animation-timeline: works) {
  @scroll-timeline cards-element-scrolls-in-body {
    source: selector(body);
    scroll-offsets:
			/* Start when the start edge touches the top of the scrollport */
      selector(#cards) start 1,
      /* End when the start edge touches the start of the scrollport */
        selector(#cards) start 0;
    start: selector(#cards) start 1; /* Start when the start edge touches the top of the scrollport */
    end: selector(#cards) start 0; /* End when the start edge touches the start of the scrollport */
    time-range: 4s;
  }

  .card {
    --index0: calc(var(--index) - 1); /* 0-based index */
    --reverse-index: calc(var(--numcards) - var(--index0)); /* reverse index */
    --reverse-index0: calc(
      var(--reverse-index) - 1
    ); /* 0-based reverse index */
  }

  .card__content {
    transform-origin: 50% 0%;
    will-change: transform;

    --duration: calc(var(--reverse-index0) * 1s);
    --delay: calc(var(--index0) * 1s);

    animation: var(--duration) linear scale var(--delay) forwards;
    animation-timeline: cards-element-scrolls-in-body;
  }

  @keyframes scale {
    to {
      transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
    }
  }
}

.laptop .keyboard.top::after {
  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  width: 12%;

  height: 30%;

  background: rgba(0, 0, 0, 0.5);
}

.laptop .keyboard.bottom {
  height: 9px;

  border-radius: 0 0 33% 33%;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.35) 0%,
      rgb(153 151 151 / 75%) 2%,
      rgb(93 91 91 / 50%) 7%,
      rgba(0, 0, 0, 0) 50%
    ),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgb(135 135 135 / 50%) 83%,
      rgb(243 243 243 / 75%) 98%,
      rgba(255, 255, 255, 0.35) 100%
    ),
    linear-gradient(
      0deg,
      rgb(181 181 181 / 75%) 0%,
      rgba(0, 0, 0, 0.25) 33%,
      rgba(255, 255, 255, 1) 34%,
      rgba(255, 255, 255, 1) 100%
    ),
    linear-gradient(
      0deg,
      rgba(200, 200, 200, 1) 0%,
      rgba(200, 200, 200, 1) 100%
    );
}

.laptop .keyboard.bottom::after {
  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  width: 12%;

  height: 40%;

  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );

  border-radius: 0 0 0.5vw 0.5vw;
}
.dashboard-div3 img {
  width: 100%;
}
.footer-main .global {
  flex-wrap: wrap;
  gap: 10px;
}
.countriesFlag {
  display: flex;

  padding-right: 9px;
  margin-right: 10px;
}
.countriesFlag img {
  margin-right: 8px;
  width: 28px;
  height: 18px;
  object-fit: cover;
}
.countriesFlag p {
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 32px;
}

/* chatbot development page start */
.ai-chatbot-banner {
  /* background: linear-gradient(182deg, #08269d 0%, #0e1d31 56%);
   background: linear-gradient(316deg, #08269d 0%, #0e1d31 56%); */
  background-image:
    linear-gradient(to right, #020d39e8, #0e1d31e8),
    url(../img/chatbot-banner-bg.webp);
  height: 80vh;
  padding-top: 180px;
  padding-bottom: 80px;
}
.ai-agent-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 0%)),
    url(../img/hire-banner-01-background.webp);
  /* background-image: linear-gradient(to right, #0e1d31d9, rgb(11 14 20 / 79%)), url(../img/hire-banner-01-background.webp);  */
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
  overflow: hidden;
}
.innovation-service-banner {
  background-image:
    linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51 / 60%)),
    url(../img/innovation-service-banner.webp);
  /* background-image: linear-gradient(to right, #0e1d31d9, rgb(11 14 20 / 79%)), url(../img/hire-banner-01-background.webp);  */
  height: 100vh;
  padding-top: 180px;
  padding-bottom: 80px;
  overflow: hidden;
}
.case-studies-banner {
  background-color: #0e1d31;
  height: 88vh;
  padding-top: 180px;
  padding-bottom: 80px;
  overflow: hidden;
}
.ai-chatbot-banner .banner-img {
  width: 100%;
  transform: perspective(800px) rotateY(327deg) scale(0.9) rotateX(12deg);
  transition: 0.6s ease all;
}
.aichabotWhyNow {
  padding-bottom: 120px;
}
.chatbot-capabilities-section {
  background-color: #0e1d31;
  background-image:
    radial-gradient(#0e1d31, #001f55e6), url(../img/chatbot-integration-bg.webp);
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.list-style-faqs {
  font-size: 0.95rem;
}
.list-style-faqs li {
  line-height: 1.8;
  font-weight: 300;
}
.chatbot-process_content h2 {
  color: #fff;
  margin-bottom: 4rem !important;
}
.chatbot-capabilities {
  display: flex;
  width: 100%;
  gap: 20px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 30px;
  justify-content: space-between;
}
.ai-chatbot-banner .getQuoteBtn,
.ai-agent-banner .getQuoteBtn {
  padding: 16px 18px;
  line-height: 20px;
  background-color: #ee4865 !important;
  border: none;
}
.ai-chatbot-service {
  position: relative;
  z-index: 1;
}
.funfacts-style-wrap-inner-box {
  background: linear-gradient(
    to bottom,
    #ffeeff,
    #ffe5f3,
    #ffdde5,
    #ffd6d5,
    #fad0c4
  );
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  border-radius: 20px;

  padding-left: 50px;
  padding-right: 50px;
}
.ai-chatbot-service {
  background-color: #f1f1f1;
}
.ai-chatbot-service .service-card {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  text-align: left;
}
.ai-chatbot-service h2.pfont,
.ai-chatbot-service p.sub-txt {
  text-align: left;
}
.aiChatbotCount {
  background-color: #fff;
  background-color: #0e1d31;
  background-image:
    radial-gradient(#0e1d31c4, #001f55f0), url(../img/chatbot-count-bg.webp);
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.count_box {
  background-color: #4229d6;
  background: radial-gradient(#001f55, #0e1d31);
  padding: 35px 40px 35px 39px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  color: #fff;
}
.ai-chatbot-banner .ratings-box {
  background-color: #ffffff0a;
}
.count_box p {
  font-size: 1.1rem;
  margin-bottom: 0;
}
.count_box .counting {
  color: #fff;
}
.count_box .span_wrapper {
  display: flex;
  align-items: center;
}
.count_box .span_wrapper span.plus {
  font-size: 3rem;
}

.chatbot-capabilities .left-chatBot-cap {
  flex-basis: 45%;
  position: sticky;
  top: 150px;
  height: fit-content;
}
.chatbot-capabilities .right-chatbot-cap {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.chatbot-capabilities .right-chatbot-cap .ai-benefitsDiv {
  background: #fff;
  box-shadow: 0 8px 16px 0 rgb(1 11 33);
  backdrop-filter: blur(3.5px);
  -webkit-backdrop-filter: blur(3.5px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}
.types-chatbot-header p {
  font-size: 1rem;
  color: #e9e9e9;
}
.chatbot-capabilities .right-chatbot-cap .ai-benefitsDiv .ai-benefitsDivTxt {
  color: #0e1d31;
}
.chatbot-capabilities .right-chatbot-cap .ai-benefitsDiv .ai-benefitsDivTxt p {
  font-size: 1rem;
  color: #333333;
  font-weight: 300;
}
.chatbot-capabilities .ai-benefitsDiv h4 {
  font-weight: 400;
}
.chatbot-capabilities.smarter-healthcare .indDecDiv {
  bottom: 0;
  left: 6%;
  position: relative;
  width: 100%;
  top: 0;
  padding: 50px;
}
.chatbot-industries {
  background-color: #fff;
  background: radial-gradient(#001f55, #0e1d31);
  color: #fff;
}
.chatbot-process {
  background: radial-gradient(#001f55, #0e1d31);
  min-height: 100vh;
  position: relative;
}
.agent-process-txt {
  padding: 50px;
}
.agent-process-txt .numTxt {
  font-size: 6rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #e8ebf1;
}
.agent-process-txt h3 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 300;
}
.agent-process-txt p {
  font-size: 1rem;
  color: #8d8d8d;
  font-weight: 300;
}
.agent-process-list {
  list-style-type: none;
  font-size: 1rem;
  line-height: 2;
  padding: 0;
}
.agent-process-list i {
  margin-right: 10px;
}
.chatbot-process .chatbot-process_content {
  padding: 50px 40px 50px 42px;
  background-image: linear-gradient(to left, #152e51 0%, #0e1d3178 40%);
  border-radius: 10px 10px 0 0;
  margin-left: 10px;
  position: relative;
  z-index: 1;
}
.chatbot-process_content .chatbot-process_wrapper {
  position: relative;
}
.chatbot-process .chatbot-process_content .chatbot-process_wrapper::before {
  content: "";
  position: absolute;
  top: -5px;
  bottom: 18%;
  left: 25px;
  width: 2px;
  /* height: 440px; */
  background: #ef3f67;
}
.chatbot-process_content .content {
  margin-bottom: 26px;
}
.chatbot-process_content .number {
  float: left;
  width: 8%;
}
.chatbot-process_content .heading_text {
  display: inline-block;
  font-size: 1rem;
  width: 92%;
  padding-left: 40px;
  color: #fff;
}
.chatbot-process_content h5 {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 12px;
  transition: all 0.3s ease-in-out;
}
.chatbot-process_content span {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: -9px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-align: center;
  background: #ffffff;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
.chatbot-process .industries-serve-style1-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(28 33 86);
  background: linear-gradient(
    270deg,
    rgb(32 83 149 / 0%) 0%,
    rgb(46 223 207 / 0%) 21%,
    #0e1c35 90%,
    rgb(9 30 81) 100%
  );
  z-index: -1;
}
.chatbot-process .industries-serve-style1-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  width: calc((100% - 26px) / 2);
  filter: blur(2px);
  z-index: 0;
}
.popular-service-image {
  margin-top: 30px;
  padding: 72px 14px;
  text-align: center;
  /* background-color: #F2F7FE; */
  background-color: #ffffff;
  /* background: radial-gradient(#001f55, #0e1d31); */
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  border-radius: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.popular-service-image img {
  width: 100%;
}
.service-left-items {
  margin-right: 40px;
}
.service-right-items {
  margin-left: 40px;
}
.popular-service-items {
  margin-top: 30px;
  text-align: right;
  border-bottom: 1px solid #e0e1e5;
  padding-bottom: 30px;
}
.popular-service-items h3 {
  color: #ee4865;
  font-weight: 400;
  font-size: 1.4rem;
}
.popular-service-items .chatbot-Indu-icon {
  text-align: right;
  display: inline-block;
  position: relative;
}
.popular-service-items .content {
  margin-top: 10px;
}

.popular-service-items .chatbot-Indu-icon img {
  margin-right: 20px;
  width: 60px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(97%) saturate(2155%)
    hue-rotate(208deg) brightness(95%) contrast(107%);
  filter: brightness(0) saturate(100%) invert(95%) sepia(61%) saturate(2%)
    hue-rotate(221deg) brightness(112%) contrast(101%);
}
.popular-service-items.chatbot-style-2 {
  border: none;
  padding-bottom: 0;
}
.popular-service-items.chatbot-style-3 {
  text-align: left;
}
.typesChatbot-box-items {
  margin-top: 30px;
  border-radius: 25px;
  border: 1px solid rgba(207, 208, 212, 0.2);
  background: #3a4b651c;
  padding: 15px;
  color: #fff;
  height: 100%;
}
.typesChatbot-box-items .types-chatbot-icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border: 1px solid rgba(207, 208, 212, 0.2);
  border-radius: 200px 0 200px 200px;
  /* filter: grayscale(100%) brightness(300%); */
  background-color: #0e1d31;
  margin-bottom: 20px;
  transition: all 0.4s ease-in-out;
}
.typesChatbot-box-items .types-chatbot-icon img {
  width: 40px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(242deg) brightness(100%) contrast(102%);
}
.types-chatbot {
  background-color: #0e1d31;
  background-image:
    radial-gradient(#0e1d31, #001f55f5), url(../img/chatbot-bg2.webp);
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.chatbot-cta {
  background-color: #0e1d31;
  background-image:
    radial-gradient(#ffffff2e, #ffffffa1), url(../img/chatbot-cta-bg2.webp);
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.chatbot-cta h3 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #0d1e40;
}
.chatbot-cta p {
  font-size: 1rem;
  margin-bottom: 2rem;
}
.chatbot-CTA-btn a {
  padding: 10px 18px;
  border-radius: 22px;
  background-color: #ee4865;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
}
.chatbot-techStack .tech-stack {
  /* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px; */
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.chatbot-techStack .tech-stack .row1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.chatbot-techStack .tech-logo {
  background: #ffffff;
  padding: 10px 16px;
  border-radius: 10px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  width: 186px;
  height: 76px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.tech-logo span {
  margin-left: 5px;
  font-size: 0.8rem;
}
.chatbot-techStack .tech-logo img {
  height: 42px;
}

.chatbot-techStack h2 {
  font-size: 36px;
  margin-bottom: 2rem;
}
.chatbot-techStack .tech-stack2 {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.chatbot-techStack .tech-stack2 .row1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}
.tech-logo2 {
  border: 1px solid #ddd;
  padding: 6px;
  border-radius: 12px;
  width: 17%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-around;
}
.tech-logo2 p {
  margin-bottom: 0;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  font-weight: 400;
}
.tech-logo2 img {
  width: auto;
  height: 30px;
}
.chatbot-cta-img {
  text-align: center;
}
.chatbot-trends {
  background-color: #fff;
}
.Capabilities-icon {
  display: none;
}
.chatbot-techStack {
  background-color: #fff;
}
.chatbot-cta-img img {
  width: 80%;
}
.types-chatbot-header h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
.ai-agent-banner .ratings-box {
  background-color: #ffffff0a;
}
.ai-agent-banner-img {
  position: absolute;
  right: -30px;
  top: 58%;
  transform: translateY(-50%);
  width: 56%;
  padding: 18px;
  border: 1px solid #ffffff5e;
  border-radius: 12px;
}
.ai-agent-banner-img img {
  /* filter: grayscale(1); */
  border-radius: 12px;
  opacity: 0.2;
}
.ai-agent-banner-img video {
  border-radius: 12px;
}
.ai-agent-process-left {
  margin-bottom: 100px;
  position: -webkit-sticky;
  position: sticky;
  top: 30%;
  z-index: 2;
}
.cta-ai-agent {
  background: #0b1a2f;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.cta-ai-agent h2 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.75rem;
}
.cta-ai-agent p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  max-width: 680px;
}
.cta-ai-agent .btn-cta {
  background-color: #ffffff !important;
  color: #0b1a2f;
  font-weight: 600;

  transition: all 0.2s ease;
}
.cta-ai-agent .btn-cta:hover {
  background-color: #ee4865 !important;
}
.secure-ai-agent h5 {
  font-size: 1.4rem;
  font-weight: 400;
}
.video-wrapper.ai-agent-video {
  height: 100%;
}
.video-wrapper h4 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  color: #ee4865;
}
.video-wrapper p {
  font-size: 2.2rem;
  font-weight: 300;
  color: #212529;
  text-transform: capitalize;
}
.video-wrapper {
  padding: 40px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.gradient-animate {
  background: linear-gradient(270deg, #ee4865, #eb7a94, #f5588b, #031b39);
  background-size: 800% 800%;
  -webkit-background-clip: text;
  color: transparent;
  animation: gradientShift 6s ease infinite;
  font-size: 2.2rem;
  font-weight: 400;
}

@keyframes agent-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.pulse-text {
  font-size: 20px;
}
.pulse-word {
  display: inline-block;
  animation: agent-pulse 1.8s ease-in-out infinite;
  color: #008cdd;
  font-weight: 600;
}
.hightlight-agent-word {
  color: #008cdd;
  font-size: 2.3rem;
}
.video-wrapper.ai-agent-video {
  background: radial-gradient(
    circle,
    rgb(186 210 247) 3%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: hue-rotate(30deg);
}
.how-agent-work-sec {
  background-color: #040404;
}
.how-agent-work-sec video {
  border-radius: 12px;
  border: 10px solid #0b1a2f;
  margin-top: 4rem;
}
.how-agent-work-sec .how-agent-work-item .attribute-icon {
  width: 66px;
  height: 66px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 1rem;
  background: linear-gradient(to right, #070c24, #0b1e4afc);
}
.tech-stack-ai-agent #ai-agent-tech.owl-carousel,
.tech-stack-ai-agent #ai-agent-tech2.owl-carousel {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 3%,
    rgba(0, 0, 0, 0.2) 10%,
    rgba(0, 0, 0, 0.5) 20%,
    black 30%,
    black 70%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.2) 90%,
    rgba(0, 0, 0, 0.05) 97%,
    transparent 100%
  );
}
/* enterprice ai agent start */
.enterprise-banner {
  background-color: #0e1d31;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgb(0 0 51));
  height: 100vh !important;
  min-height: 100vh;
  padding-top: 180px;
  padding-bottom: 120px;
}
.enterprise-banner p.clor {
  font-size: 1rem;
}
.enterprise-banner .video-bg {
  filter: opacity(0.2) brightness(0.9);
}
.enterprise-steps.discovery-workshop-section
  .chatbot-capabilities
  .right-chatbot-cap
  .ai-benefitsDiv {
  padding: 2rem 2.5rem;
}
.enterprise-steps p.discovery-steps {
  font-size: 50px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  right: 2%;
  top: 2%;
}
.enterprise-banner .subHeading {
  color: #ee4865;
  font-weight: 400;
}
.wwh-ent-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.wwh-card {
  border: 0;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(22, 41, 84, 0.08);
  padding: 28px 22px;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cta-section2 {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.cta-section2 h3 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #0d1e40;
}
.cta-section2 p {
  font-size: 1.4rem;
  margin-bottom: 2rem;
}
.cta-section2 img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}
/* Icon bubble */
.icon-bubble {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  background: #0b1a2f;
  /* background: radial-gradient(120% 120% at 30% 20%, #5281c1 0%, #0b1a2f 50%, #135289 100%); */
  box-shadow: 0 8px 20px rgba(95, 130, 255, 0.35);
}
.icon-bubble img {
  filter: brightness(0) saturate(100%) invert(96%) sepia(11%) saturate(16%)
    hue-rotate(332deg) brightness(104%) contrast(106%);
}
.icon-bubble .iconify {
  color: #fff;
  font-size: 28px;
}

.wwh-title {
  font-weight: 600;
  font-size: 1.2rem;
  color: #1f2937;
  margin-bottom: 8px;
}
.wwh-desc {
  color: #6b7280;
  font-size: 0.98rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 300;
  min-height: 75px;
}
.key-box {
  background: #f3f6fb;
  border-radius: 14px;
  padding: 14px;
  display: flex;
  justify-content: space-around;
}
.key-head {
  font-weight: 400;
  color: #ee4865;
  font-size: 1rem;
  margin-bottom: 8px;
}
.metric-line {
  font-size: 0.95rem;
  margin: 2px 0;
  color: #334155;
  font-weight: 400;
}
.metric-line .down {
  color: #fb1f0f;
} /* using green for “good ↓” as in your example */
.metric-line .up {
  color: #00b84f;
}
.metric-line .down.bad {
  color: #e11d48;
}
.metric-line .up.bad {
  color: #e11d48;
}
.enterprise-detail-points {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.enterprise-detail-points li {
  padding: 8px 0;
  position: relative;
  padding-left: 20px;
  line-height: 1.6;
  font-weight: 300;
  font-size: 1rem;
  display: inline-block;
  margin: 0.2rem 0.5rem;
}
.enterprise-detail-points li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: -4px;
  top: 9px;
  color: #ee4865;
  font-size: 1rem;
  font-weight: 300;
}
ul.list-style2 {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.list-style2 li {
  font-size: 0.9rem;
  font-weight: 300;
  display: inline-block;
}
.roi-problem-section {
  background: #fff;
}
.roi-problem-section .ai-reg-service p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
  min-height: calc(4 * 1.5rem);
  font-size: 0.9rem;
  color: #414141;
}
.highlight-box h5 {
  color: #ee4865;
  font-weight: 400;
}
.roi-problem-section .title-xl {
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 1.05;
  letter-spacing: -0.2px;
}

/* Accordion styling to match screenshot */
.roi-problem-section #featureAccordion {
  border-radius: 0.9rem;
  background: rgba(0, 0, 0, 0);
}
.roi-problem-section .card {
  background: transparent;
  border: 0;
}
.roi-problem-section .card + .card {
  margin-top: 0.35rem;
}

.roi-problem-section .card-header {
  background: transparent;
  border: 0;
  padding: 0;
}
.roi-problem-section .acc-btn {
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 20px 36px 20px 0;
  color: #e8eef7;
  font-weight: 400;
  font-size: 1.2rem;
  border: 0;
  background: transparent;
  outline: none !important;
}
.roi-problem-section .acc-btn span {
  color: #000;
}
.roi-problem-section .acc-btn:hover {
  text-decoration: none;
  opacity: 1;
}
.roi-problem-section .acc-btn.collapsed {
  opacity: 0.9;
}
/* Caret */
.roi-problem-section .acc-btn::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid #e8eef7;
  border-bottom: 2px solid #e8eef7;
  transition: transform 0.25s ease;
  transform-origin: 50% 50%;
}
.roi-problem-section .acc-btn[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}
.roi-problem-section .acc-btn.collapsed::after {
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0.8;
}

.roi-problem-section .collapse {
  border: 0;
}
.roi-problem-section .acc-body {
  background: rgba(255, 255, 255, 0.08); /* muted gray block like screenshot */
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.75rem;
  padding: 20px;
  color: #b7c5db;
}
.roi-problem-section .acc-body p {
  font-size: 1rem;
}
.roi-problem-section .acc-body h6 {
  color: #4caf50;
  font-weight: 700;
  margin-bottom: 6px;
}

/* Right preview mock – framed app window */
.roi-problem-section .preview-frame {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1.2rem;
  position: relative;
  overflow: hidden;
  font-size: 1.1rem;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
/* subtle bezel */
.roi-problem-section .preview-frame::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 0.9rem;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.roi-problem-section .preview-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.roi-problem-section .caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0.6rem;
  padding: 10px 12px;
  font-size: 0.9rem;
}

/* Grid spacing */
.roi-problem-section .left-col {
  padding-right: 18px;
  height: 100%;
}
.roi-problem-section .right-col {
  padding-left: 18px;
  height: 100%;
}
.roi-problem-section .ent-caseStudy-btn {
  font-size: 1rem;
  border-bottom: 1px solid #ffadbb40;
  color: #ee4865;
}
.tab-ent-servie {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 10px;
  padding: 8px;
  margin-top: 22px;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.ent-ai-service-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.entServicesContent {
  padding: 3rem 2rem;
}
.entServicesContent h3 {
  font-size: 2rem;
}
.ent-service-card {
  padding: 20px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 1px solid rgba(255, 255, 255, 0.14);
}
.ent-client {
  background: #0b1a2f;
}
.ent-service-card-dark {
  padding: 20px;
  background: #0b1a2f;
  border-radius: 10px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.14);
}
.ent-service-card h5,
.ent-service-card-dark h5 {
  font-weight: 400;
}
.ent-service-card.ai-steps-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ent-service-card.ai-steps-card i {
  color: #ee4865;
}
.ent-service-card p.ent-service-process {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.ent-service-process span {
  font-size: 0.8rem;
  display: block;
  font-weight: 300;
  margin-top: 4px;
  color: #535353;
}
.ent-client-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem 1rem;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.ent-client-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #007bff;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.ent-client-card:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
.ent-client-card:hover::before {
  opacity: 0.05;
}
.ent-client-logo {
  font-size: 3.5rem;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.ent-client-logo img {
  width: 100%;
  height: auto;
}
.ent-client-card:hover .ent-client-logo {
  transform: scale(1.1);
  animation: wiggle 0.3s ease;
}
.client-name {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  text-align: center;
  margin-bottom: 1rem;
  min-height: 3rem;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}
.client-card:hover .client-name {
  color: #007bff;
}
.client-country {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6c757d;
  font-size: 0.875rem;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.client-card:hover .client-country {
  transform: scale(1.1);
}
.accordion-wrap {
  width: 100%;
  max-width: 680px;
}

/* Card look */
.entAccordion .acc-card {
  border: none;
  border-radius: 10px;
  overflow: hidden; /* keeps rounded corners */
  margin-bottom: 14px;
}
.entAccordion .acc-card:last-child {
  margin-bottom: 0;
}
/* Header button */
.entAccordion .card-header {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 0.5rem 1.25rem;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  border: 0;
}
.entAccordion .acc-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  font-size: 1.2rem;
  font-weight: 400;
  border: none;
  text-align: left;
  position: relative;
}

.entAccordion .acc-btn:focus {
  outline: none;
  box-shadow: none;
}

/* Chevron on the right */
.entAccordion .acc-btn::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: translateY(-50%) rotate(-45deg);
  transition: transform 0.2s ease;
}
.entAccordion .acc-btn[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Body */
.entAccordion .acc-body {
  padding: 12px;
}
.entAccordion .acc-body p {
  font-weight: 300;
  font-size: 1rem;
}
.acc-list {
  font-size: 0.9rem;
  font-weight: 300;
  list-style-type: disclosure-closed;
  line-height: 2;
  margin: 0;
}
.acc-list li {
  padding: 0;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
ul.list-pts {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 8px 4px;
  flex-wrap: wrap;
  margin: 0;
}
.list-pts li {
  background: #121b33;
  border: 1px solid #f1f1f154;
  border-radius: 10px;
  padding: 6px 10px;
  color: #dbe8ff;
  transition:
    transform 0.12s ease,
    border-color 0.12s ease;
  font-size: 0.9rem;
  font-weight: 300;
}
.ent-service-card-dark .down {
  color: #fb1f0f;
}
.ent-service-card-dark .up {
  color: #00b84f;
}
.ent-built-process {
  position: relative;
  padding: 1rem;
  background-color: #0e1d31;
  border-radius: 10px;
  color: #fff;
  height: 100%;
}
.ent-built-process .ent-txt {
  font-size: 1.2rem;
  opacity: 0.7;
  font-weight: 300;
  margin-bottom: 0;
  color: #03a9f4;
  /* animation: glowPulse 3s ease-in-out infinite;
      transition: all .3s ease; */
}
@keyframes glowPulse {
  0% {
    color: #fff;
    text-shadow: none;
  }
  50% {
    color: #efd3d8;
    text-shadow:
      0 0 8px rgba(0, 123, 255, 0.6),
      0 0 16px rgba(0, 195, 125, 0.4);
  }
  100% {
    color: #fff;
    text-shadow: none;
  }
}

/* pause and brighten on hover */
.ent-txt:hover {
  animation-play-state: paused;
  color: #007bff;
  text-shadow:
    0 0 12px rgba(0, 123, 255, 0.7),
    0 0 20px rgba(0, 195, 125, 0.5);
}
ul.list-style3 {
  padding: 0;
  padding-left: 10px;
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  gap: 40px;
}
ul.list-style3 li {
  border: 1px solid #54698d;
  border-radius: 12px;
  padding: 10px;
  width: 22%;
  position: relative;
  background-color: #ffffff24;
  font-size: 0.9rem;
}
.ent-withAI ul.list-style3 li {
  border: 1px solid #ee486582;
  background-color: #0025556e;
}
.ent-todayAI,
.ent-withAI {
  border: 1px solid #dddddd1f;
  padding: 10px;
  border-radius: 12px;
}
ul.list-style3 li i {
  position: absolute;
  right: -34px;
  font-size: 26px;
  z-index: 1;
}
.ent-withAI {
  background: #0b1a2f;
  border-radius: 12px;
  color: #fff;
  animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 6px #0b1a2f;
  }
  to {
    box-shadow: 0 0 8px #0ea5e9;
  }
}
ul.list-style3 li img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(66%) saturate(5632%)
    hue-rotate(179deg) brightness(109%) contrast(105%);
}
.built-process-ent-section {
  background-color: #fff;
}
.ent-built-process .list-style2 {
  font-size: 0.9rem;
  font-weight: 300;
  padding: 0;
  padding-left: 1rem;
}
.ent-built-process .list-style2 li {
  margin-bottom: 0.2rem;
}
.built-process-arrow {
  font-size: 4rem;
  color: #fff;
  animation: moveArrow 1.5s ease-in-out infinite alternate;
  transition:
    color 0.3s ease,
    text-shadow 0.3s ease;
}

/* left ↔ right smooth loop */
@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(25px);
  }
}

/* pause + glow on hover */
.built-process-arrow:hover {
  animation-play-state: paused;
  color: #19c37d;
  text-shadow: 0 0 10px rgba(25, 195, 125, 0.5);
}
.ent-built-processBox h4 {
  font-size: 1.2rem;
}
.ent-built-processBox.ent-withAI h4 {
  color: #ee4865;
}
.ent-built-processBox.ent-todayAI h4 {
  color: #b7b7b7;
}
.ent-todayAI {
  background-color: #474a552e;
}
.ai-slide {
  background: radial-gradient(circle at top left, #0f172a 0%, #020617 70%);
  border-radius: 24px;
  padding: 30px;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

.case-img-wrap img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  transition: transform 0.4s ease;
}

.ai-slide:hover img {
  transform: scale(1.04);
}
.ent-case-desc {
  height: 100%;
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.roi-problem-section .owl-carousel .owl-nav button {
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow:
    rgba(0, 0, 0, 0.07) 0px 1px 2px,
    rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px,
    rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px,
    rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.ai-pill {
  position: absolute;
  top: 46px;
  left: 16px;
  padding: 10px 14px;
  background: rgb(206 221 255 / 84%);
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 14px;
}

.ai-pill span {
  color: #0b1a2f;
  font-weight: 600;
}

.ai-label {
  font-size: 1.4rem;
  letter-spacing: 0.18em;
  color: #9ca3af;
}

.ai-title {
  font-size: 1rem;
  font-weight: 300;

  color: #cbd5e1;
}

.ai-link {
  margin-top: 15px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #38bdf8;
  text-decoration: none;
  border: 1px solid #dddddd3d;
  padding: 10px 16px;
  border-radius: 20px;
}
.ai-link:hover {
  color: #0b1a2f;
  border: 1px solid #ddddddab;
  background-color: #ffffff54;
}
.ai-link i {
  margin-left: 6px;
  transition: transform 0.2s;
}

.ai-link:hover i {
  transform: translateX(4px);
}
.challengeTxt {
  color: #eb455f;
}
.solTxt {
  color: #03a84e;
}
.video-wrapper2 video {
  width: 100%;
  height: auto;
  object-fit: cover;

  animation: fadeZoomIn 1.4s ease-out forwards;
  opacity: 0;
  transform: scale(1.05);
}
.video-card {
  animation: floatVideo 5s ease-in-out infinite;
}
@keyframes fadeZoomIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes floatVideo {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* enterprice ai agent end */

/* n8n start */
:root {
  --sales-color: #ff9bac; /* n8n Orange */
  --ops-color: #38bdf8; /* Sky Blue */
  --ai-color: #949def; /* Purple */
  --hr-color: #baffe6; /* Emerald */

  /* Default fallback for accent-color to prevent 'not found' errors */
  --accent-color: #ff9bac;
}
.n8n-what-build {
  background: radial-gradient(circle at top left, #0f172a 0%, #020617 70%);
}
.integrations-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/background-img.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.source-link {
  font-size: 0.75rem;
  color: #c9c9c985;
  font-weight: 300;
}
.why-n8n-count {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ee4865;
  line-height: 50px;
  text-align: center;
  margin-bottom: 1rem;
  color: #ee4865;
}
.n8n-banner {
  overflow: hidden;
  height: 100vh !important;
}
.video-n8n {
  border-radius: 12px 0 0 12px;
}
.sticky-card {
  position: sticky;
  top: 150px; /* Standardized Top Position */
  margin-bottom: 50px;
  display: flex;
  min-height: 500px;
  background: #1e293b;
  border: 1px solid #334155;
  border-radius: 24px;
  padding: 2.5rem 2rem;
  box-shadow: 0 -15px 50px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  transition: transform 0.3s ease;
  z-index: 1;
}
.sticky-card p {
  font-size: 1.2rem;
}
.ai-prob-sol-section .sticky-card {
  background-color: #fff;
  min-height: 640px;
}
.hero-video-wrapper {
  position: absolute;
  width: 50%;
  right: 0;
  top: 22%;
  height: fit-content;
  border-radius: 12px 0 0 12px;
}
.n8n-challeng-img {
  width: 94%;
  height: auto;
  border-radius: 12px;
}
.ai-prob-sol-section .n8n-challeng-img {
  box-shadow:
    rgb(26 72 113 / 22%) 6px 2px 8px 0px,
    rgb(163 193 207) -6px -2px 8px 0px;
}
.hero-video-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(3, 17, 55, 0.45);
  pointer-events: none;
  height: 99%;
  border-radius: 12px 0 0 12px;
}
.pain-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 20px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transition: all 0.25s ease;
  display: flex;
  align-items: flex-start;
}

.pain-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

.pain-number {
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #edf2f7;
  border: 2px solid #a0aec0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #4a5568;
  margin-right: 15px;
}

.pain-title {
  font-size: 1.2rempx;
  font-weight: 600;
  margin-bottom: 6px;
  color: #0e1d31;
}

.pain-desc {
  font-size: 0.9rem;
  color: #4a5568;
  line-height: 1.6;
}

.pain-source {
  margin-top: 8px;
  font-size: 11px;
  text-transform: uppercase;
  color: #a0aec0;
}
.integration-row {
  padding: 18px 20px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 3px;
  margin-bottom: 18px;
}

.integration-label {
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 4px;
}

.integration-title {
  font-size: 1.2rem;
  font-weight: 300;
  color: #0e1d31;
  margin-bottom: 0;
}
.logo-strip {
  display: flex;
  flex-wrap: wrap;
}

.logo-chip {
  background: #f9fafb;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  width: 100px;
  height: 62px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 6px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease;
}

.logo-chip img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo-chip:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.14);
  border-color: #c7d2fe;
  background-color: #ffffff;
}

.softlabs-n8n-story {
  background: radial-gradient(
    circle at top left,
    #020617 0,
    #020617 40%,
    #020617 100%
  );
  color: #e5e7eb;
  position: relative;
  overflow: hidden;
}

.softlabs-n8n-story::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.25), transparent 55%),
    radial-gradient(
      circle at 100% 100%,
      rgba(16, 130, 185, 0.2),
      transparent 55%
    );
  opacity: 0.9;
  pointer-events: none;
}

.softlabs-n8n-story .container {
  position: relative;
  z-index: 1;
}

.sn8n-frame {
  background: rgba(15, 23, 42, 0.96);
  border-radius: 24px;
  padding: 28px 22px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.9);
  backdrop-filter: blur(18px);
}
/* Feature List Styling */
.why-n8n-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px; /* Spacing between items */
  padding-bottom: 20px;
  border-bottom: 1px solid #eee; /* Light divider line */
}
/* Remove border from the last item in a column */
.why-n8n-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.why-n8n-icon-box img {
  width: 150px;
  height: auto;
  border-radius: 12px;
  margin-right: 30px;
  margin-top: 5px;
}
.why-n8n-title {
  font-weight: 500;
  font-size: 1.2rem;
  color: #0b1a2f;
  margin-bottom: 10px;
}
.why-n8n-desc {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}
/* The Vertical Divider Line */
.vertical-divider {
  border-left: 1px solid #e0e0e0;
  height: 100%;
}
@media (min-width: 992px) {
  .sn8n-frame {
    padding: 32px 28px;
  }
}
/* Problem & Solution Styling */
.showcase-container {
  max-width: 1400px;
  width: 95%;
  margin: 0 auto;
}
/* Glass Card Effect */
.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  height: 100%;
}
.glass-card h5 {
  font-size: 1.4rem;
}
.glass-card h6 {
  font-size: 1.2rem;
}
.glass-card p {
  font-size: 0.9rem;
  font-weight: 300;
}
.results-section h6 {
  font-weight: 500;
  font-size: 1.2rem;
}
.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.section-problem {
  border-left: 4px solid #eb455f;
  margin-bottom: 1.5rem;
}
.section-solution {
  border-left: 4px solid #03a84e;
}
.text-problem {
  color: #eb455f;
}
.text-solution {
  color: #03a84e;
}
/* Right Side Visuals */
.visual-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visual-wrapper h4 {
  font-weight: 500;
}
.visual-container {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.2);
}
.visual-container img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.visual-container:hover img {
  transform: scale(1.03);
}
.floating-badge {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(15, 23, 42, 0.85);
  padding: 8px 16px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  font-size: 0.85rem;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
/* Results Footer */
.results-section {
  margin-top: 2rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 20px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
.metric-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.03) 0%,
    transparent 100%
  );
  transition: background 0.3s;
}
.metric-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
.metric-icon {
  font-size: 2.5rem;
  margin-bottom: 0.8rem;
  background: #ee4865;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.metric-text {
  font-size: 1rem;
  color: #cbd5e1;
  line-height: 1.4;
  font-weight: 300;
}

.sn8n-h2 {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
  color: #e2e8f0;
}

.sn8n-subhead {
  font-size: 0.98rem;
  color: #cbd5f5;
  margin-bottom: 0;
}

.sn8n-header-row {
  margin-bottom: 28px;
}

.sn8n-orbit {
  position: relative;
  width: 190px;
  height: 190px;
  margin-left: auto;
  right: 40px;
  top: 0;
}

.sn8n-orbit-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: radial-gradient(
    circle at 30% 30%,
    #e0f2fe 0,
    #38bdf8 45%,
    #1d4ed8 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  font-size: 0.9rem;
  color: #0f172a;
  box-shadow:
    0 0 0 8px rgba(56, 189, 248, 0.25),
    0 18px 40px rgba(15, 23, 42, 0.9);
}

.sn8n-orbit-ring {
  position: absolute;
  border-radius: 999px;
  border: 1px dashed rgba(148, 163, 184, 0.5);
  animation: sn8n-spin 20s linear infinite;
}

.sn8n-orbit-ring-1 {
  inset: 18px;
}

.sn8n-orbit-ring-2 {
  inset: 0;
  animation-duration: 28s;
}

.sn8n-orbit-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.4);
  background: radial-gradient(
    circle at 30% 30%,
    #bfdbfe 0,
    #60a5fa 50%,
    #1d4ed8 100%
  );
  animation: sn8n-orbit-move 18s linear infinite;
}

.sn8n-orbit-dot-1 {
  top: 6%;
  left: 50%;
}

.sn8n-orbit-dot-2 {
  bottom: 8%;
  left: 10%;
  animation-duration: 22s;
}

.sn8n-orbit-dot-3 {
  top: 30%;
  right: 6%;
  animation-duration: 26s;
}

@keyframes sn8n-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes sn8n-orbit-move {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  50% {
    transform: rotate(180deg) translateX(2px);
  }
  100% {
    transform: rotate(360deg) translateX(0);
  }
}

/* Cards Container */
.cards-wrapper {
  position: relative;
  z-index: 1;
}
/* Main Card */
.partnership-card {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  height: 100%;
  position: relative;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04);
}
.partnership-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #ee4865, #f38094);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}
.partnership-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(234, 83, 39, 0.12);
  border-color: rgba(234, 83, 39, 0.2);
}
.partnership-card:hover::before {
  transform: scaleX(1);
}
.card-type-talent .partnership-card::before {
  background: linear-gradient(90deg, #0e1d31, #3f91fd);
}
.card-type-talent .partnership-card:hover {
  box-shadow: 0 20px 50px rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.2);
}
/* Card Ribbon */
.card-ribbon {
  position: absolute;
  top: 24px;
  right: -35px;
  background: linear-gradient(135deg, #ea5327, #ff7a54);
  color: white;
  padding: 6px 40px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transform: rotate(45deg);
  box-shadow: 0 2px 10px rgba(234, 83, 39, 0.3);
}
.card-type-talent .card-ribbon {
  background: linear-gradient(135deg, #6366f1, #818cf8);
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
}
/* .n8n-logo-div
{
    transform: rotateX(57deg) rotateZ(-21deg);
    transform-style: preserve-3d;
    transition: .4s ease-in-out transform, .4s ease-in-out box-shadow;
    text-align: right;
} */
/* Card Header */
.card-header-area {
  padding: 28px 32px 20px;
  border-bottom: 1px solid #e2e8f0;
  position: relative;
  display: flex;
  align-items: center;
}
.card-icon-box {
  width: 60px;
  height: 60px;
  border-radius: 20px;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: #fff4f1;
  transition: all 0.4s ease;
}
.card-icon-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ee4865;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.partnership-card:hover .card-icon-box {
  transform: scale(1.05) rotate(-3deg);
}
.partnership-card:hover .card-icon-box::after {
  opacity: 1;
}
.card-icon-box i {
  font-size: 1.75rem;
  color: #ee4865;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}
.partnership-card:hover .card-icon-box i {
  color: white;
  transform: scale(1.1);
}
.card-type-talent .card-icon-box {
  background: #eef2ff;
}
.card-type-talent .card-icon-box i {
  color: #0e1d31;
}
.card-type-talent .card-icon-box::after {
  background: #0e1d31;
}
.card-type-talent .partnership-card:hover .card-icon-box i {
  color: white;
}

.card-type-talent .partnership-card:hover .card-icon-box i {
  color: white;
}
.card-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #ee4865;
  margin-bottom: 10px;
  display: inline-block;
}
.card-type-talent .card-label {
  color: #0e1d31;
}
.card-title {
  font-size: 1.6rem;
  font-weight: 300;
  color: #0f172a;
  line-height: 1.35;
  margin: 0;
}
/* Card Body */
.card-body-area {
  padding: 20px 25px;
}
.card-description {
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.8;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  min-height: 10.8em;
}
/* Benefits */
.benefits-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #64748b;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.benefits-label::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #e2e8f0;
}
.n8n-benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 9px 18px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}
.n8n-benefit-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #ee4865;
  transform: scaleY(0);
  transition: transform 0.3s ease;
}
.n8n-benefit-item:hover {
  background: #ffffff;
  transform: translateX(8px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.n8n-benefit-item:hover::before {
  transform: scaleY(1);
}
.card-type-talent .n8n-benefit-item::before {
  background: #0e1d31;
}
.benefit-check {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 8px;
  background: #ee4865;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(234, 83, 39, 0.25);
}
.benefit-check i {
  font-size: 0.7rem;
  color: white;
}
.card-type-talent .benefit-check {
  background: #0e1d31;
  box-shadow: 0 3px 10px rgba(99, 102, 241, 0.25);
}
.benefit-content {
  flex: 1;
}
.benefit-content strong {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #0f172a;
  margin-bottom: 2px;
}
.benefit-content span {
  font-size: 0.82rem;
  color: #64748b;
  line-height: 1.5;
}

.billing-box .billing-text {
  flex: 1;
}

.billing-box .billing-text .label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #64748b;
}

.card-footer-area {
  padding: 5px 35px 5px;
  background: linear-gradient(180deg, transparent, rgba(248, 250, 252, 0.5));
}
.billing-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: #f8fafc;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 1px solid #e2e8f0;
}
.billing-box .billing-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fbf1f3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.billing-box .billing-icon i {
  color: #ee4865;
  font-size: 1rem;
}
.card-type-talent .billing-box .billing-icon {
  background: #e8f0fb;
}
.card-type-talent .billing-box .billing-icon i {
  color: #0e1d31;
}
.billing-box .billing-text {
  flex: 1;
}
.billing-box .billing-text .label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #64748b;
}
.billing-box .billing-text .value {
  font-size: 0.9rem;
  font-weight: 500;
  color: #0f172a;
}
.sn8n-orchestrator-title {
  font-size: 1.05rem;
  font-weight: 400;
  color: #e5e7eb;
  margin-bottom: 8px;
}
.n8n-flowchart-img {
  border-radius: 12px;
}
.sn8n-attributes-grid strong {
  color: #cbdcff;
}
.sn8n-orchestrator-flow {
  flex: 0 0 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.sn8n-flow-step {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.5);
  background: radial-gradient(
    circle at top,
    rgba(56, 189, 248, 0.15),
    rgba(15, 23, 42, 0.96)
  );
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.sn8n-flow-center {
  background: radial-gradient(
    circle at top,
    rgba(52, 211, 153, 0.3),
    rgba(15, 23, 42, 0.96)
  );
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.4);
}

.sn8n-flow-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: #e5e7eb;
}

.sn8n-flow-arrow {
  width: 30px;
  height: 2px;
  background: linear-gradient(
    to right,
    rgba(56, 189, 248, 0.2),
    rgba(56, 189, 248, 0.9)
  );
  margin: 0 8px;
  position: relative;
  overflow: visible;
}

.sn8n-flow-arrow::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid rgba(56, 189, 248, 0.9);
  border-right: 2px solid rgba(56, 189, 248, 0.9);
  transform: translateY(-50%) rotate(45deg);
}

.sn8n-attributes {
  height: 100%;
  background: rgba(15, 23, 42, 0.96);
  border-radius: 18px;
  padding: 14px 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.sn8n-attributes-title {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #e5e7eb;
}

.sn8n-toggle-btn {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.8);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: 0;
}

.sn8n-toggle-bar {
  width: 10px;
  height: 2px;
  background: rgba(226, 232, 240, 0.9);
  margin: 1px 0;
  transition: transform 0.2s ease;
}

.sn8n-attributes-grid {
  margin-top: 8px;
}
.sn8n-attributes-grid p {
  font-size: 0.9rem;
}
.sn8n-attr-card {
  height: 100%;
  border-radius: 14px;
  padding: 10px 12px 10px 18px;
  background: radial-gradient(
    circle at top,
    rgba(37, 99, 235, 0.1),
    rgba(15, 23, 42, 0.96)
  );
  border: 1px solid rgba(148, 163, 184, 0.6);
  position: relative;
  overflow: hidden;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.sn8n-attr-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.9);
  border-color: rgba(56, 189, 248, 0.9);
}

.sn8n-attr-wide {
  padding-top: 11px;
  padding-bottom: 11px;
}

.sn8n-attr-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(56, 189, 248, 0.25);
  background: radial-gradient(
    circle at 30% 30%,
    #bfdbfe 0,
    #38bdf8 45%,
    #1d4ed8 100%
  );
}

.sn8n-icon-2 {
  background: radial-gradient(
    circle at 30% 30%,
    #fee2e2 0,
    #fb7185 45%,
    #b91c1c 100%
  );
  box-shadow: 0 0 0 5px rgba(248, 113, 113, 0.25);
}

.sn8n-icon-3 {
  background: radial-gradient(
    circle at 30% 30%,
    #ede9fe 0,
    #a855f7 45%,
    #6b21a8 100%
  );
  box-shadow: 0 0 0 5px rgba(192, 132, 252, 0.25);
}

.sn8n-icon-4 {
  background: radial-gradient(
    circle at 30% 30%,
    #fef3c7 0,
    #facc15 45%,
    #b45309 100%
  );
  box-shadow: 0 0 0 5px rgba(250, 204, 21, 0.25);
}

.sn8n-icon-5 {
  background: radial-gradient(
    circle at 30% 30%,
    #dcfce7 0,
    #22c55e 45%,
    #15803d 100%
  );
  box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.25);
}

.category-block {
  margin-bottom: 2rem;
}
.category-label {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #ee4865;
  margin-bottom: 10px;
  gap: 8px;
}

.template-card {
  background: #ffffff;
  border-radius: 18px;

  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease,
    border-color 0.25s ease;
  position: relative;
  padding: 1rem;
}

.template-card:hover {
  transform: translateY(-3px);
  border-color: transparent;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  border: 1px solid #0b1a2f;
}

.template-header-tabs {
  padding: 10px 16px 0;
  background: #fff;
  display: flex;
  gap: 20px;
}

/* Tabs for Template 1 / 2 */
.card-tabs {
  border-bottom: none;
}

.card-tabs .nav-item {
  margin-right: 6px;
}

.card-tabs .nav-link {
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 6px 14px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  transition: all 0.2s ease;
}

.card-tabs .nav-link span {
  opacity: 0.8;
  margin-left: 4px;
  font-weight: 500;
}

.card-tabs .nav-link.active {
  border-color: #e2e8f0;
  color: #0f172a;
  border-image-source: linear-gradient(to right, #ee4865, #a50a25) !important;
}

.template-body {
  padding: 14px 16px 16px;
}

/* Horizontal layout inside template */
.template-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.template-img {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.template-img img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.template-row:hover .template-img img {
  transform: scale(1.06);
}
.ps-block ul {
  padding: 0;
  padding-left: 16px;
}
.ps-block ul li {
  font-size: 0.9rem;
  font-weight: 300;
  color: #1991ff;
}

.template-img-label {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
}

.template-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.top-meta {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-size: 0.76rem;
  color: #64748b;
  gap: 10px;
}

.top-meta .pill {
  padding: 3px 9px;
  border-radius: 999px;
  font-weight: 600;
  color: #fff;
  font-size: 0.7rem;
}

.pill.sales {
  background: #059669;
}
.pill.marketing {
  background: #7c3aed;
}
.pill.support {
  background: #0284c7;
}

.top-meta .index {
  font-weight: 600;
}

.template-content h5 {
  font-size: 2rem;
  font-weight: 400;
  color: #0f172a;
  margin-bottom: 6px;
}

.ps-line {
  font-size: 0.86rem;
  color: #64748b;
  margin-bottom: 4px;
}

.ps-line strong {
  color: #0f172a;
  margin-right: 4px;
}

.ps-block.problem {
  background: #fef2f2;
  border-left: 3px solid #ee4865;
}
.ps-block.solution {
  background: #f0fdf4;
  border-left: 3px solid #03a84e;
}
.ps-block.keyAttr {
  background: #f1f7ff;
  border-left: 3px solid #0e1d31;
}
.ps-block {
  padding: 16px;
  border-radius: 12px;
  position: relative;
  height: 100%;
}
.ps-block .ps-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.ps-block p {
  font-size: 0.88rem;
  color: #4b5563;
  margin: 0;
  line-height: 1.55;
}
/* Hover highlight on active tab content */
.tab-pane.show.active .template-row {
  animation: fadeUp 0.25s ease-out;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Top Colored Line */
.sticky-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--accent-color, #ff6d5a);
  box-shadow: 0 0 20px var(--accent-color, #ff6d5a);
}
.sticky-card h3 {
  font-size: 2.5rem;
  font-weight: 400;
}
/* --- Internal Grid & Workflow Design --- */
.workflow-col {
  padding: 15px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.03);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.workflow-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: white;
  display: flex;
  align-items: center;
}

.workflow-title i {
  color: var(--accent-color, #ff6d5a);
  margin-right: 10px;
  background: rgba(255, 255, 255, 0.05);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.9rem;
}
/* Horizontal Steps */
.steps-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 1.5rem;
  align-items: center;
}
/* BS4 doesn't support gap properly in flex, so we add margin to items */
.steps-container > * {
  margin-right: 5px;
  margin-bottom: 5px;
}
.steps-container > *:last-child {
  margin-right: 0;
}
.n8n-step-badge {
  background: #0f172a;
  border: 1px solid #334155;
  color: #eef5fd;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.8rem;
  white-space: nowrap;
}

.step-arrow {
  color: #fff;
  opacity: 0.8;
  font-size: 0.7rem;
}
.result-footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed #334155;
  font-size: 0.9rem;
  color: #fff;
  display: flex;
  align-items: start;
}
.result-footer i {
  color: var(--accent-color, #ff6d5a);
  margin-right: 8px;
  margin-top: 4px;
}
/* Animation utilities (since BS4 has fewer built-in) */
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.animate-bounce {
  animation: bounce 2s infinite;
}
/* n8n end */

/* aiinfinite core start */
.aiinfinite-stat-card {
  background: #ffffff;
  border: 1px solid #e2e6ee;
  border-radius: 14px;
  padding: 36px 30px;
  height: 100%;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
  text-align: center;
}
.aiinfinite-stat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}
.stat-kicker {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 600;
  color: #ee4865;
  margin-bottom: 0.25rem;
}
.stat-headline {
  font-weight: 400;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
.stat-desc {
  font-size: 0.95rem;
  color: #5f6b84;
  margin: 0;
  line-height: 1.6;
}
.progress-wrap {
  margin: 18px 0;
}
.progress-bar-bg {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: #e4e8ef;
  overflow: hidden;
}
.progress-bar-fill {
  width: 0%;
  height: 100%;
  border-radius: 999px;
  transition: width 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.progress-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  color: #5f6b84;
  margin-top: 6px;
}
.progress-meta .value {
  font-weight: 700;
}
.stat-percent {
  font-size: 2rem;
  font-weight: 400;
  color: #0b1a2f;
  margin-bottom: 8px;
}
.aiinfinite-features-section {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.aiinfinite-features-section .cs-feature-item p {
  color: #0e1d31;
}
/* aiinfinite core end */

/* ai agent discovery section start*/

.agent-industries.carousel-section {
  position: relative;
  background: radial-gradient(rgb(0, 31, 85), rgb(14, 29, 49));
  overflow: hidden;
}

.cmp-card .table-responsive {
  border-radius: 8px;
}
.cmp-table {
  margin-bottom: 0;
}
.cmp-table tbody td {
  font-size: 1rem;
}
.cmp-table thead th {
  padding: 1rem;
  font-weight: 600;
  border-bottom: 1px solid rgb(15 23 42);
  font-size: 1.2rem;
}

.cmp-table thead th.feature-th {
  background: #0b1a2f;
  color: #fff;
}
.cmp-table thead th.chatbot-th {
  background: #0b1a2f;
  color: #fff;
}
.cmp-table thead th.agent-th {
  background: #0b1a2f;
  position: relative;
  color: #fff;
}
.cmp-table thead th.agent-th:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #0d6efd;
  opacity: 0.6;
}
.cmp-table tbody td:nth-child(2) {
  background: #fff0f0;
  position: relative;
}
.cmp-table tbody td:nth-child(3) {
  background: #e7f0ff;
  position: relative;
}
.cmp-table tbody td:nth-child(3):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #0d6efd;
  opacity: 0.5;
}
/* Zebra striping refinement */
.cmp-table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fafcff;
}
.cmp-table.table-striped tbody tr th[scope="row"] {
  font-weight: 500;
  color: #0b1a2f;
  text-wrap-mode: nowrap;
}
/* Badges */
.cmp-card .legend .badge {
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 0.4rem 0.7rem;
}
.cmp-card .tick {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e9f7ef;
  color: #1e7e34;
  font-weight: 700;
  margin-right: 0.35rem;
}
.cmp-card .dash {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff3cd;
  color: #8a6d3b;
  font-weight: 700;
  margin-right: 0.35rem;
}
.agent-techStack .chip {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  margin: 0.3rem;
  background: #fff;
  font-weight: 600;
  font-size: 0.95rem;
}
.agent-techStack {
  background: radial-gradient(rgb(0, 31, 85), rgb(14, 29, 49));
}
.agent-techStack h5 {
  font-size: 1.4rem;
}
.agent-techStack .card {
  border-radius: 12px;
  box-shadow:
    rgb(0 0 0 / 23%) 0px 15px 25px,
    rgb(0 0 0 / 25%) 0px 5px 10px;
}
.agentVsBot p {
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0;
}
.agentVsBot-card {
  background-color: #fff;
  box-shadow:
    rgb(0 0 0 / 9%) 0px 15px 25px,
    rgb(0 0 0 / 8%) 0px 5px 10px;
  padding: 16px;
  height: 100%;
  border-radius: 12px;
}
.agentVsBot-card p {
  font-size: 1rem;
  margin-bottom: 0;
}
.agentVsBot-card h4 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.agent-industries .owl-carousel .item {
  /* min-height: 70vh; */
  display: flex;
  align-items: center;
  justify-content: center;
}
/* maul vs auto start */
.agent-Before-card,
.agent-after-card {
  padding: 20px;

  box-shadow:
    rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  border-radius: 18px;
}
.agent-Before-card {
  background-color: #f1f1f1;
}
.agent-Before-card .work-content-inner-con h5 {
  color: #0b1a2f;
  font-size: 1rem;
  font-weight: 300;
}
.agent-after-card .work-content-inner-con h5 {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
}
.agent-Before-card img {
  filter: grayscale(1);
}
.agent-after-card {
  background-color: #0b1a2f;
  margin-top: 10rem;
}
.agent-before-after img.robot-img {
  top: 187px;
  left: -79px;
}
.agent-before-after {
  background-color: #fff;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Header buttons */
.top-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 6px 0 14px;
  gap: 10px;
}
.top-controls .btn {
  border-radius: 14px;
  font-weight: 700;
  padding: 0.38rem 0.7rem;
  font-size: 0.9rem;
  margin-left: 8px;
}
.agent-badge {
  border: 1px solid #f1f1f1;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  padding: 4px 6px;
  border-radius: 17px;
  font-size: 0.9rem;
}
.agent-before-after .agent-badge-before {
  background: #fff;
  border: 1px solid #c5c5c5;
  color: #111827;
}
.agent-before-after .agent-badge-after {
  background: #e3eeff;
  border: 1px solid #c3d6ff;
  color: #0d1d3e;
}
.agent-before-after .agent-badge-saved {
  background: #ecfeff;
  border: 1px solid #bae6fd;
  color: #0f9315;
}
/* Section wrapper */
.agent-before-after .agent-BeforeSection {
  border: 1px solid #cae1ff;
  border-radius: 14px;
  background: #fff;
  padding: 16px;
  margin-bottom: 16px;
}
.agent-before-after .section--green {
  background: #dde5f7;
  border-color: #0e1d31;
}
.agent-before-after .section-title {
  font-size: 2rem;
  font-weight: 500;
  color: #1f2937;
  margin-bottom: 25px;
  text-transform: capitalize;
}
/* BEFORE – single row */
.agent-before-after .before-row {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 14px; /* gap if browser supports */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
}
.agent-before-after .before-row > .step-card {
  margin-right: 4px;
}
.agent-before-after .before-row > .step-card:last-child {
  margin-right: 0;
}
.agent-before-after .step-card {
  background: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 14px;
  padding: 14px 16px;
  min-width: 155px;
  max-width: 220px;
  flex: 1 1 auto;
  position: relative;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
  text-align: center;
}
.step-card:hover,
.step-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.08);
  border-color: #dbeafe;
}
.step-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f3f4f6;
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  font-size: 22px;
}
.agent-before-after .step-title {
  font-weight: 400;
  color: #111827;
  margin: 0 0 4px;
  font-size: 1rem;
  white-space: nowrap;
}
.agent-before-after .step-time {
  color: #144995;
  font-size: 0.9rem;
  margin: 0;
  font-weight: 400;
}
.agent-before-after .step-card::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 1px;
  background: #e5e7eb;
}
.agent-before-after .step-card:last-child::after {
  display: none;
}
/* AFTER rail */
.rail {
  position: relative;
  border-radius: 14px;
  padding: 44px 16px 18px;
}
.chip-review {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  background: #0d1d3e;
  color: #fff;
  padding: 0.24rem 0.6rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.84rem;
  display: flex;
  align-items: center;
  gap: 6px;
}
.rail-steps {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.rail-block {
  background: #fff;
  border: 1px solid #0d1d3e;
  border-radius: 14px;
  padding: 16px;
  min-width: 260px;
  flex: 1 1 0;
  position: relative;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
  text-align: center;
}
.agent-before-after .rail-block:hover,
.rail-block:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2, 6, 23, 0.08);
  border-color: #76a3ff;
}
.agent-before-after .rail-title {
  font-weight: 500;
  color: #111827;
  margin: 0 0 2px;
  font-size: 1rem;
}
.agent-before-after .rail-time {
  margin: 0;
  color: #ee163c;
  font-size: 0.9rem;
  font-weight: 400;
}
.agent-before-after .rail-knot {
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 2px;
  background: #a3afd7;
}
.agent-before-after .rail-block:last-child .rail-knot {
  display: none;
}
.agent-before-after .pct-badge {
  position: absolute;
  top: -14px;
  right: 8px;
  background: #144995;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  opacity: 0;
  transform: translateY(-4px) scale(0.9);
  transition: all 0.35s ease;
}
.agent-before-after #traditional-ai-enhancement .owl-nav button {
  background-color: #0e1d31 !important;
}
.rail-block.appear .pct-badge {
  opacity: 1;
  transform: none;
}
.agent-before-after h3 {
  font-size: 2.4rem;
  position: absolute;
  margin-bottom: 1rem;
  top: -2px;
}

.work-img-con figure img {
  position: relative;
  z-index: 2;
}
.work-img-con {
  padding-top: 74px;
  padding-bottom: 68px;
}
.agent-before-after .work-content-con ul li {
  margin-bottom: 35px;
}
.agent-before-after .work-content-con ul li span {
  font-size: 20px;
  font-weight: 600;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-right: 27px;
}

/* cicd */
.cicd-intro img {
  box-shadow: 0 20px 40px 0 rgb(5 59 106 / 46%);
  border-radius: 12px;
}
.cicd-intro p {
  font-size: 1rem;
}
.char-cicd-section {
  background-color: #fff !important;
  background-image: none;
}
.char-cicd-section .ai-benefitsDivIcon img {
  width: 56px;
  position: absolute;
  right: 12px;
  top: 20px;
}
.char-cicd-section .chatbot-capabilities .right-chatbot-cap .ai-benefitsDiv {
  padding: 4rem;
  display: block;
  box-shadow: none;
  border: 1px solid rgb(133 133 133 / 18%);
  background: #0e1d31;
}
.char-cicd-section
  .chatbot-capabilities
  .right-chatbot-cap
  .ai-benefitsDiv
  .ai-benefitsDivTxt
  p,
.char-cicd-section .chatbot-capabilities .ai-benefitsDiv h4 {
  color: #fff;
}
/* maul vs auto end */
.comparison-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid #e9ecef;
  height: 100%;
}
.comparison-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.comparison-card .card-header {
  background: white;
  border-bottom: 1px solid #e9ecef;
  padding: 25px 30px;
  text-align: center;
}
.comparison-card .card-header h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #0e1d31;
  margin: 0;
}
.comparison-card .comparison-row {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  align-items: stretch;
}
.before-section,
.after-section {
  flex: 1;
}
.before-section img,
.after-section img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 0.6rem;
}
.comparison-row .section-label {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  text-align: center;
}
.comparison-row .before-section .section-label {
  color: #dc3545;
}
.comparison-row .after-section .section-label {
  color: #28a745;
}
.comparison-row .content-text {
  font-size: 0.9rem;
  line-height: normal;
}
.comparison-stats-section .stat-content {
  display: flex;
  align-items: center;
}
.comparison-stats-section .stat-item {
  margin-bottom: 1rem;
}
.comparison-stats-section .stat-label {
  background-color: #e3e3e3;
  display: inline-block;
  font-size: 0.7rem;
  padding: 2px 4px;
  color: #000000;
  border-radius: 4px;
  margin-right: 0.5rem;
  text-wrap-mode: nowrap;
}
.comparison-stats-section .stat-value {
  font-size: 0.9rem;
}

.agent-industries .slide-box {
  background-color: #0b1a2f;
  border-radius: 20px;
  padding: 60px;
  display: flex;
  justify-content: center;
  width: 90%;
  margin: auto;
  position: relative;
}
.agent-industries .slide-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  background: linear-gradient(90deg, #143b76, #0b325a);
  border-radius: 0 0 20px 20px;
}
.agent-industries .slide-left h4 {
  background: #83b1ef;
  padding: 6px 16px;
  border-radius: 999px;
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: 400;
}

.agent-industries .slide-left p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.agent-industries .slide-left ul,
.agent-industries .slide-left h6 {
  color: #fff;
}
.agent-industries .slide-right {
  border-radius: 20px;
  padding: 20px;

  width: 100%;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent-industries .slide-right video {
  border-radius: 12px;
  border: 1px solid #f1f1f1;
}
p.discovery-steps {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 1rem;
  position: absolute;
  right: 4%;
  top: 4%;
  color: #243860;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
}
/* end */
.discovery-workshop-section
  .chatbot-capabilities
  .right-chatbot-cap
  .ai-benefitsDiv {
  padding: 4rem;
  display: block;
  box-shadow: none;
  border: 1px solid rgb(133 133 133 / 18%);
  background: #f9f9f9;
}
.discovery-workshop-section .ai-benefitsDivIcon img {
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(34%) saturate(1610%)
    hue-rotate(181deg) brightness(91%) contrast(96%);
}
.ai-agent-industries.owl-carousel .owl-nav button.owl-next,
.ai-agent-industries.owl-carousel .owl-nav button.owl-prev {
  background-color: #ef3f67 !important;
  font-size: 26px;
  line-height: 55px;
  color: #fff;
}
.ai-agent-industries.owl-carousel .owl-nav button.owl-prev,
.ai-agent-industries.owl-carousel .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
}
/* discovery-workshop-section start */
.discovery-workshop-section {
  background: linear-gradient(191deg, #0b1a2f 0%, #0e1d31 100%);
  position: relative;
}

.circular-container {
  position: relative;
  width: 450px;
  height: 450px;
}

.center-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-33%, -33%);
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.center-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}

.center-subtitle {
  font-size: 0.9rem;
  opacity: 0.8;
  color: #fff;
}

.step-circle {
  position: absolute;
  width: 120px;
  height: 120px;
  background: rgba(255, 255, 255, 0.9);
  color: #2c3e50;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
  cursor: pointer;
  transition: all 0.4s ease;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  border: 4px solid rgba(255, 255, 255, 1);
}

.step-circle:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.step-1 {
  top: 30px;
  left: 50%;
  transform: translateX(-28%);
  background: linear-gradient(135deg, #ff9a9e, #fecfef);
  background: linear-gradient(135deg, #a8edea, #fed6e3);
}

.step-2 {
  bottom: 132px;
  left: 30px;
  background: linear-gradient(135deg, #a8edea, #fed6e3);
}

.step-3 {
  bottom: 132px;
  right: -20px;
  background: linear-gradient(135deg, #fbc2eb, #a6c1ee);
  background: linear-gradient(135deg, #a8edea, #fed6e3);
}

.circular-container .discovery-workshop-number {
  font-size: 2rem;
  background-color: transparent;
  font-weight: bold;
  margin-bottom: 5px;
  color: #2c3e50;
}

.step-title-circle {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2c3e50;
}

.connecting-path {
  position: absolute;
  border: 3px dashed rgb(159 156 156 / 79%);
  border-radius: 50%;
}

.path-1 {
  width: 200px;
  height: 200px;
  top: 150px;
  left: 150px;
  animation: rotate 20s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.detail-section {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 30px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.detail-section:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-5px);
}

.detail-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.detail-icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-size: 1.5rem;
}

.detail-title {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}

.detail-points {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
}

.detail-points li {
  padding: 8px 0;
  position: relative;
  padding-left: 20px;

  line-height: 1.6;
  font-weight: 300;
  font-size: 1rem;
}

.detail-points li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: -4px;
  top: 9px;
  color: #ee4865;
  font-size: 1rem;
  font-weight: 300;
}

.duration-badge {
  background: linear-gradient(45deg, #667eea, #764ba2);
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 0.9rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.duration-badge i {
  margin-right: 8px;
}

.floating-elements {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.floating-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: float 8s ease-in-out infinite;
}

.dot-1 {
  top: 20%;
  left: 15%;
  animation-delay: 0s;
}

.dot-2 {
  top: 60%;
  right: 20%;
  animation-delay: -2s;
}

.dot-3 {
  bottom: 30%;
  left: 25%;
  animation-delay: -4s;
}

.dot-4 {
  top: 40%;
  right: 15%;
  animation-delay: -6s;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
    opacity: 0.3;
  }
  50% {
    transform: translateY(-30px);
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .event-card-v3 .date-badge {
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
  }
  .visual-canvas {
    height: auto;
    width: auto;
    background: transparent;
    justify-content: flex-start;
    border: none;
    overflow: inherit;
    margin-bottom: 3rem;
  }
  .pillar-row {
    margin-bottom: 40px;
  }
  .pillar-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
  }
  .ai-card {
    width: 275px;
    padding: 10px;
  }
  .ai-bfsi-banner.services-banner .mplp p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .ai-bfsi-banner .card-title-text {
    font-size: 0.9rem;
  }
  .card-2 {
    top: 180px;
    right: 80px;
  }
  .sovereignty-base {
    width: 70px;
    height: 70px;
    border-radius: 12px;
  }
  .doc-scanner-container {
    width: 100px;
    height: 160px;
  }
  .specialized-engines-section .showcase-panel {
    overflow: inherit;
    max-height: fit-content;
    padding: 0;
    background-color: transparent;
  }
  .specialized-engines-section .showcase-panel .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 1rem !important;
    border-radius: 12px;
  }
  .col-tabs-nav {
    display: none;
  }
  .event-card-v3 .date-badge span {
    font-size: 1rem;
  }
  .process-timeline-aus {
    position: relative;
    margin-top: 20px;
  }
  .aus-page-banner .mplp h1,
  .uae-page-banner .mplp h1,
  .northernIreland-page-banner .mplp h1 {
    font-size: 1.4rem !important;
  }
  .aus-page-banner .subHeading,
  .uae-page-banner .subHeading,
  .northernIreland-page-banner .subHeading {
    font-size: 2rem;
  }
  .aus-page-banner p.clor,
  .uae-page-banner p.clor,
  .northernIreland-page-banner p.clor {
    font-size: 1rem;
  }
  #event-slider .owl-nav,
  .roi-problem-section .owl-carousel .owl-nav {
    display: none;
  }
  #event-slider.owl-carousel .owl-item img {
    display: block;
    height: 200px;
    object-fit: cover;
  }
  .process-timeline-aus:before {
    display: none;
  }

  .process-step-text-aus {
    margin-bottom: 10px;
    text-align: center;
  }

  .process-step-text-aus:after {
    display: none;
  }
  .process-step-aus {
    margin-bottom: 40px;
    text-align: center;
  }
  .process-step-aus .step-circle-aus {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .process-step-text-aus .step-circle {
    margin-left: auto;
    margin-right: auto;
  }
  .process-step-footer-aus {
    position: relative;
    bottom: auto;
  }
  .aus-page-banner {
    height: auto;
  }
  .speed-section .tools {
    line-height: 4;
  }
  .speed-section .tools span {
    white-space: nowrap;
  }
  .capabilities-service-card {
    padding: 15px;
    margin-bottom: 20px;
  }
  .step-meta-aus {
    flex-wrap: wrap;
  }
  .global-engg-profile-card {
    height: auto;
    margin-bottom: 10px;
  }

  .bg-decorative-icon {
    font-size: 120px;
    bottom: -20px;
    right: -20px;
    opacity: 0.02;
  }
  .circular-container {
    width: 350px;
    height: 350px;
    margin-bottom: 40px;
  }
  .n8n-banner h1 {
    font-size: 1.4rem !important;
  }
  .n8n-banner {
    height: auto !important;
    padding-top: 150px;
  }
  .n8n-banner p.subHeading {
    font-size: 1.6rem !important;
    line-height: 1.5;
  }
  .n8n-banner .mplp p.clor {
    line-height: 1.5;
    font-size: 1rem;
  }
  .logo-chip {
    width: 86px;
    height: 62px;
  }
  .metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .partnership-card {
    height: auto;
    margin-bottom: 1rem;
  }
  .category-label {
    margin-bottom: 0;
  }
  .template-content h5 {
    font-size: 1.6rem;
  }
  .vertical-divider {
    border: 0;
  }
  .ps-block {
    margin-top: 1rem;
    height: auto;
  }
  .card-tabs .nav-link.active {
    font-size: 0.8rem;
  }
  .template-header-tabs {
    flex-direction: column;
  }
  .agent-before-after .rail-title {
    white-space: normal;
  }
  .n8n-what-build .sticky-card {
    position: relative;
    min-height: auto;
    text-align: center;
    top: auto;
    margin-bottom: 24px;
  }
  .n8n-what-build .workflow-col {
    margin-bottom: 1rem;
    height: auto;
  }
  .agent-before-after h3 {
    position: relative;
    top: auto;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .agent-before-after .section-title {
    font-size: 1.5rem;
  }
  .agent-before-after .rail-knot {
    display: none;
  }
  .agent-before-after .carouselDiv {
    padding: 20px 0;
  }
  .cmp-card .table-responsive {
    border-radius: 8px;
    height: auto;
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 0;
  }
  .agentVsBot-card {
    height: auto;
    margin-bottom: 1rem;
  }
  .cmp-card {
    padding: 4px;
  }
  .center-circle {
    width: 150px;
    height: 150px;
  }

  .center-title {
    font-size: 1.4rem;
  }

  .center-subtitle {
    font-size: 1rem;
  }

  .step-circle {
    width: 100px;
    height: 100px;
  }

  .step-number {
    font-size: 1.5rem;
  }

  .step-title-circle {
    font-size: 0.9rem;
  }

  .path-1 {
    width: 220px;
    height: 220px;
    top: 65px;
    left: 65px;
  }
  p.discovery-steps {
    font-size: 50px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .main-title {
    font-size: 2.5rem;
  }

  .detail-header {
    flex-direction: column;
    text-align: center;
  }

  .detail-icon {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .hero-video-wrapper {
    display: none;
  }
  .why-n8n-item.borderBottom {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee !important;
  }
  .sticky-card h3 {
    font-size: 2.2rem;
  }
  .n8n-challeng-img {
    width: 100%;
  }
  .template-card,
  .category-label {
    text-align: center;
  }
  .card-tabs {
    justify-content: center;
  }
  .template-content p {
    margin-top: 1rem;
  }
  .ps-block p,
  .ps-block .ps-label {
    font-size: 1rem;
  }
  .home-case-img {
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .circular-container {
    width: 280px;
    height: 280px;
  }
  .plan-subtitle
{
  font-size: 1.2rem;
}
.plan-header
{
  min-height: 106px;
  padding: 1.2rem;
}
  .step-1 {
    top: 0px;
    left: 54%;
    transform: translateX(-28%);
  }
  .step-3 {
    bottom: 68px;
    right: -61px;
  }
  .step-2 {
    bottom: 78px;
    left: 0px;
  }
  .center-circle {
    width: 120px;
    height: 120px;
    top: 53%;
    left: 53%;
  }

  .step-circle {
    width: 80px;
    height: 80px;
  }

  .step-number {
    font-size: 1.2rem;
  }

  .step-title-circle {
    font-size: 0.7rem;
  }

  .path-1 {
    width: 180px;
    height: 180px;
    top: 80px;
    left: 80px;
  }
}
/* end */

.how-agent-work-sec .attribute-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%)
    hue-rotate(326deg) brightness(103%) contrast(101%);
  width: 40px;
  height: 40px;
}
.how-agent-work-sec .cs-feature-item {
  background-color: #fff;
  margin-bottom: 1rem;
  border-radius: 12px;
}
.agent-work-arrow {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #999;
  margin-bottom: 20px;
}
.agent-work-arrow.work-right-arrow i {
  position: absolute;
  right: -26px;
  top: 25%;
}
.how-agent-work-sec .cs-feature-item.human-int {
  margin-top: 6rem;
  margin-left: 2rem;
}
.how-agent-work-sec .how-agent-work-item h5 {
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.how-agent-work-sec .how-agent-work-item p {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0;
}
.agent-key-attr-Div {
  border-radius: 12px;

  padding: 30px 25px;
  margin-bottom: 30px;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.agent-key-attr-Div img {
  margin-bottom: 0.5rem;

  width: 60px;
  height: 60px;
}
.agent-key-attr-Div h5 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  color: #0b1a2f;
  font-weight: 400;
}
.agent-key-attr-Div p {
  font-size: 1rem;
  margin-bottom: 0;
}
.agent-key-attr-Div .key-attr-num {
  font-size: 80px;
  font-weight: 700;
  position: relative;
  color: #ddd;
}
.agent-ket-attr-box {
  background: radial-gradient(#001f55, #0e1d31);
  padding: 20px;
  color: #fff;
  border-radius: 12px;
}
.agent-ket-attr-box h5 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.agent-key-attr-Div:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: rgba(102, 126, 234, 0.15);
}
.feature-teaser {
  font-size: 0.95rem;

  margin-bottom: 0;
  transition: all 0.4s ease;
}
.feature-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 25px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
  pointer-events: none;
}
.feature-full p {
  font-size: 0.9rem;
}
.agent-key-attr-Div:hover .feature-teaser {
  opacity: 0;
  transform: translateY(-10px);
}
.agent-key-attr-Div:hover .feature-full {
  background: #0e1d31;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.agent-key-attr-Div:hover .feature-full h5 {
  color: #fff;
}
.video-wrapper.ai-agent-video2 {
  background: linear-gradient(272deg, #cbffe3 33%, rgba(255, 255, 255, 1) 70%);
  border-radius: 12px;
}
.video-wrapper.ai-agent-video3 {
  /* background: linear-gradient(272deg, rgba(255, 255, 255, 1) 33%, #6398df 70%); */
  background: linear-gradient(272deg, rgba(255, 255, 255, 1) 33%, #225497 70%);
  border-radius: 12px;
}
.video-wrapper .video-div {
  width: 70%;
}
.video-wrapper .video-txt {
  width: 30%;
}
.why-ai-agent video {
  transform: perspective(1500px) rotateY(2deg);
  border-radius: 1rem;
  border: 5px solid #0b1a2f;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  transition: transform 1s ease 0s;
}
.ai-agent-video video {
  transform: perspective(800px) rotateY(5deg) scale(0.9) rotateX(0deg);
  transition: 0.6s ease all;
  box-shadow: 0 22px 20px -20px rgb(0 0 0 / 46%);
  border-radius: 6px;
  border: 1px solid #bdbdbd;
}
.ai-agent-video2 video {
  border-radius: 9px;
  border: 3px solid #0e1d31;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
  width: 100%;
}
.ai-agent-video3 video {
  border-radius: 9px;
  border: 3px solid #0e1d31;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
  width: 100%;
}
#industryTabContent .agent-section video {
  box-shadow:
    2em 4em 6em -2em rgba(0, 0, 0, 0.5),
    1em 2em 3.5em -2.5em rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  border: 1px solid #585a5e;
}
.deliverable-ai-agent {
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.deliverable-ai-agent .card-custom {
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background-color: #fff;
  padding: 2rem;
  box-shadow: 0px 8px 16px 0px #007bff40;
  height: 100%;
}
.deliverable-ai-agent .services-section .services-column .inner-column {
  margin-left: 0;
}
.deliverable-ai-agent .services-section .service-block:nth-child(3) {
  margin-right: 90px;
}
.deliverable-ai-agent .services-section .service-block .title {
  color: #0b1a2f;
  font-weight: 400;
}
.deliverable-ai-agent .service-block .text {
  font-weight: 300;
}
.deliverable-ai-agent .service-block .icon {
  transform: translateY(48%);
}
.deliverable-ai-agent .card-custom img {
  border-radius: 12px;
  border: 1px solid #dddddd5e;
}
.deliverable-ai-agent .card-custom p {
  font-size: 1rem;
}
.deliverable-ai-agent .card-custom h5 {
  font-size: 1.4rem;
}
.deliverable-ai-agent .card-custom .icon-container {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  color: #0e1d31;
  display: flex;
}
.tech-stack-ai-agent.above-section {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.tech-stack-ai-agent .ai-tech {
  background-color: #fff;
  border-radius: 12px;
  height: 80px;

  border: 1px solid #ddd;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tech-stack-ai-agent .ai-tech {
  overflow-wrap: anywhere;
}
.tech-stack-ai-agent .ai-tech .ai-tech-img img {
  width: 50px;
  height: auto;
}
.tech-stack-ai-agent #ai-agent-tech2 .ai-tech {
  text-align: right;
}
.tech-stack-ai-agent .ai-tech .ai-tech-img {
  margin-right: 10px;
}
.tech-stack-ai-agent h5 {
  font-size: 1.4rem;
  color: #0e1d31;
}
#ai-agent-tech2.owl-carousel .owl-stage-outer {
  direction: rtl !important;
}
#ai-agent-tech.owl-carousel {
  margin-bottom: 4rem;
}

.ai-agent-industries .tab-heading {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.ai-agent-industries .nav-tabs .nav-item.show .nav-link,
.ai-agent-industries .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 2px solid #ee4865 !important;
  color: #ee4865 !important;
  background-color: transparent;
  border-image-source: none !important;
}
.ai-agent-industries .nav-tabs .nav-link {
  border: none;
  color: #fff !important;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  font-weight: 300;
}
.ai-agent-industries .tab-pane {
  padding: 1rem;
}
.ai-agent-industries .agent-section {
  margin-top: 2rem;
}
.ai-agent-industries .agent-section img {
  width: 100%;
  box-shadow:
    rgb(1 10 28 / 80%) 0px 12px 18px,
    rgba(0, 0, 0, 0.22) 0px 10px 9px;
  border-radius: 12px;
}
.ai-agent-industries .agent-details h5 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ff4b78;
}
.agent-industries-card {
  background-color: #ffffff1f;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 12px;
}
.agent-industries-card p {
  margin-bottom: 0.3rem;
}
.agent-industries-card h6 {
  font-size: 1.2rem;
  color: #fdff87 !important;
}
.ai-agent-industries .agent-options ul {
  display: inline-flex;
  white-space: nowrap;
  font-weight: 300;
  gap: 30px;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.ai-agent-industries .agent-options ul li {
  font-size: 0.9rem;
}
.ai-agent-industries .agent-details p {
  font-size: 1rem;
  margin-top: 0.5rem;
}
.ai-agent-industries .agent-name {
  color: #83b1ef;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}
.ai-agent-industries .agent-options span {
  display: inline-block;
  background: white;
  color: black;
  padding: 4px 10px;
  margin: 3px 6px 6px 0;
  font-size: 0.85rem;
  border-radius: 20px;
}
.agent-industries-card ul {
  display: inline-flex !important;
  flex-wrap: wrap;
  column-gap: 30px;
}
.ai-agent-industries ul#industryTabs {
  padding-left: 1.2rem;
  border-bottom: 0;
  margin-top: 1rem;
  justify-content: center;
  background-color: #ffffff1a;
  border-radius: 28px;
}
.ai-agent-industries ul li {
  font-size: 0.9rem;
}
#ai-agent-tech.owl-carousel .owl-nav,
#ai-agent-tech2.owl-carousel .owl-nav {
  display: none;
}
.ai-agent-process {
  background: radial-gradient(#001f55, #0e1d31);
  color: #fff;
}
.ai-agent-process-right .process-item {
  background: #ffffff;
  color: #333;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  box-shadow: 4px 4px 14px 0 #d5dbde;
  margin-bottom: 50px;
  /* max-width: 470px; */
  padding: 0 40px 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
  z-index: 2;
}
.ai-agent-process-right .process-item .xb-item--number {
  background-color: #ee4865;
  border: 1px solid rgba(17, 17, 18, 0.1);
  border-radius: 0 0 27px 27px;
  color: #fff;
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  height: 57px;
  padding-top: 12px;
  text-align: center;
  width: 54px;
}
.ai-agent-process-right .process-item .xb-item--img {
  margin: 14px 0 25px;
}
.useCases-slider .item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  padding: 30px 25px;
  background-size: cover;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.useCases-slider.owl-carousel .owl-stage {
  display: flex;
}
.use-cases-points {
  z-index: 1;
  /* position: absolute;
    right: 20px;
    bottom: 20px; */
}
.useCases-slider.owl-theme .owl-nav {
  display: none;
}
.use-cases-info h4 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.use-cases-info p {
  font-size: 1rem;
}
.useCases-slider h5 {
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.useCases-slider p {
  font-size: 1rem;
  margin: 0;
}
.useCases-slider .useCasesImg {
  width: 100px !important;
  height: auto;
  margin-left: inherit !important;
  margin-bottom: 1rem;
}
.use-cases-item--item {
  margin-top: 40px;
  font-size: 0.9rem;
  font-weight: 300;
  max-width: 272px;
  padding-left: 30px;
  position: relative;
}
.ai-use-cases .use-cases-info {
  background: radial-gradient(#001f55, #0e1d31);
  padding: 20px;
  padding-bottom: 60px;
  border-radius: 5px;
  color: #fff;
  display: block;
  height: calc(100% - 50px);
}
.ai-use-cases .use-cases-info .use-cases-desc {
  width: 100%;
}
.ai-use-cases .use-cases-info img.useCasesImg {
  width: 60px;
  height: auto;
  margin-right: 10px;
}
.ai-use-cases .use-cases-info .use-cases-item--item {
  margin-top: 16px;
  max-width: fit-content;
  padding-left: 18px;
}
ai-agent-use-cases-bg.webp .ai-use-cases .use-cases-info h4 {
  font-size: 1.6rem;
}
.use-cases-item--item:before {
  background: #ee4865;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.use-cases-item--number {
  color: #fff;
  color: #fff;
  display: block;
  font-family: Aeonik;
  font-family: var(--font-heading);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}
.use-cases-section {
  /* background-image: linear-gradient(to top, #a7c2ff5e, #07124729), url(../img/ai-agent-use-cases-bg.webp); */
  background-image:
    linear-gradient(to top, #d6e0f1c9 0%, #e5d0d0eb 50%, #c4d9f9b5 100%),
    url(../img/ai-agent-use-cases-bg.webp);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.use-cases-section .custom-nav {
  text-align: center;
  margin-top: 2rem;
}
.use-cases-section .custom-nav button {
  background: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  transition: all 0.3s ease;
}
.use-cases-section .custom-nav button:hover {
  transform: scale(1.1);
}
.use-cases-section .custom-nav span {
  font-size: 1.4rem;
  color: #333;
}
.use-cases-section .useCases-slider .item:before {
  background: linear-gradient(
    272deg,
    #0c111d,
    rgba(12, 17, 29, 0.84) 24.69%,
    rgba(12, 17, 29, 0.48) 55.72%,
    rgba(12, 17, 29, 0.9) 82.18%,
    #0c111d
  );
  background: radial-gradient(#001f55, #0e1d31);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 100%;
}
.use-cases-info {
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.use-cases-desc {
  width: 42%;
}
.security-agent-section {
  background-color: #fff;
  background: radial-gradient(#001f55, #0e1d31);
  color: #fff;
}
.security-agent-image img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.security-agent-icon-items {
  display: flex;
  gap: 30px;
  border-bottom: 1px solid rgba(207, 208, 212, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.security-agent-icon-items .security-icon {
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 50%;
  line-height: 70px;
  background-color: #fff;
}
.security-agent-icon-items .security-icon img {
  width: 40px;
  height: auto;
}
.security-agent-icon-items .content {
  flex-basis: 74%;
}
.ai-agent-box {
  border-radius: 16px;
  border: 1px solid #2e4673;
  background: #0d1d3e;
  padding: 20px;
  margin-bottom: 24px;
  transition: all 0.5s ease;
  z-index: 1;
  height: 100%;
}
.ai-agent-box h5 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #ee4865;
}
.aiAgent-cta-section {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
}
.aiAgent-cta-section video {
  width: 100%;
  padding: 20px;
  border: 1px solid #ffffff7a;
  border-radius: 12px;
  background-color: #0e2950db;
}
.hiring-bottleneck-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
.hiring-bottleneck-card2 {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
  margin-bottom: 2rem;
}
.hiring-bottleneck-card2 strong {
  color: #83b1ef;
}
.hiring-bottleneck-card2 h5 {
  color: #fff;
}
.agent-helped-video {
  padding: 20px;
  border: 5px solid #0e1d31;
  border-radius: 12px;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.hiring-bottleneck-card2 ul {
  padding-left: 1rem;
}
.hiring-bottleneck-card2 ul li {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
}
.agent-helped-div {
  margin-top: 4rem;
}
.agent-helped-div h5 {
  font-size: 1.6rem;
}
.aiAgent-cta-section .txtBox h3 {
  font-size: 2.5rem;
  color: #ffffff;
  margin-bottom: 1rem;
}
.secure-agent-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;

  border-radius: 16px;

  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
}

.secure-agent-card p {
  font-size: 1rem;
  margin-bottom: 0;
  opacity: 0.9;
}
.secure-agent-img {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  background: radial-gradient(rgb(0, 31, 85), rgb(14, 29, 49));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
.secure-agent-img img {
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(49%) saturate(0%) hue-rotate(322deg) brightness(103%) contrast(102%); */
}
.secure-agent-img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 30px rgba(0, 212, 255, 0.5);
}
.aiAgent-cta-section .txtBox p {
  color: #ee4865;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  font-weight: 200;
}
.core-system {
  position: relative;
  display: flex;
  margin-top: 20px;
  gap: 20px;
}
.core-system-box {
  flex: 1;
}
.core-system-box p {
  font-size: 0.9rem;
}
.agent-work-img {
  width: 100%;
}
.ai-agent-box p {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 0;
}
.service-block-one .inner-box {
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(169, 104, 250, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.service-block-two .inner-box,
.theme-btn.btn-two:hover {
  background: radial-gradient(#001f55, #0e1d31);
  color: #fff;
}
.service-block-one,
.service-block-two {
  height: 100%;
}
.service-block-one p,
.service-block-two p {
  font-size: 1rem;
  margin-top: 1rem;
}
.chatbotcta-txt {
  padding: 50px;
}
.cta-box {
  display: flex;
}
.link-box {
  font-size: 0.9rem;
  color: #ddd;
}
.chatbot-cta-section2 {
  background-color: #f1f1f1;
}
.chatbot-cta-section2 .imgBox {
  background: url("../img/chatbot-image.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  flex: 45%;
  border-radius: 10px 0 0 10px;
}
.chatbot-cta-section2 .txtBox {
  flex: 55%;
  border-radius: 0 10px 0 10px;
  background-color: #fff;
}
.chatbot-cta-section2 .txtBox h3 {
  font-size: 3rem;
  color: #0d1e40;
  margin-bottom: 1rem;
}
.chatbot-cta-section2 .txtBox p {
  font-size: 1rem;
  margin-bottom: 2rem;
}
.service-block-one .image-box {
  background: radial-gradient(#001f55, #0e1d31);
  padding: 20px;
  border-radius: 12px;
}
.chatbot-int-img {
  width: 60% !important;
  margin-bottom: 2rem;
}
.service-block-one .image-box img {
  width: 100%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(0%)
    hue-rotate(107deg) brightness(103%) contrast(106%);
}
/* chatbot development page end */

/* case study start */
/* Feature Grid Section */
.caseStudy-CTA {
  position: relative;
  background-image:
    linear-gradient(to right, rgb(229 243 255 / 88%), rgb(255 255 255 / 84%)),
    url(../case-studies/images/truck-tracking-cta-banner.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.caseStudy-CTA .casestudy-text {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 2rem;
  color: #0e1d31;
}
.cta-image {
  width: 100%;
}

.features-grid-section {
  background: radial-gradient(#001f55, #0e1d31);
  color: white;
  padding: 60px 0;
  position: relative;
}

.features-intro-title {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.features-intro-text {
  font-size: 1.1rem;

  line-height: 1.6;
}

.case-study-feature-card {
  background-color: white;
  border-radius: 12px;
  padding: 25px;
  height: 100%;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.case-study-feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.case-study-feature-icon img {
  width: 80%;
}
.blue-icon {
  background-color: #4661f2;
}

.cyan-icon {
  background-color: #38c5e8;
}

.orange-icon {
  background-color: #ff9a3d;
}

.red-icon {
  background-color: #ff5a5a;
}

.purple-icon {
  background-color: #8a6aff;
}

.green-icon {
  background-color: #4caf50;
}

.feature-card-title {
  color: #333;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.feature-card-text {
  font-size: 0.95rem;
  color: #212529;
  margin-bottom: 0;
}
.stats-section {
  background-color: #f9fafb;
  border-radius: 20px;

  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.stats-section.tech-stats {
  border-radius: 0;
  box-shadow: none;
}
.tech-category-row {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.category-name {
  flex-basis: 25%;
  text-align: left;
  padding-right: 20px;
}
.tech-list-display {
  flex-basis: 75%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 26px;
}
.tech-item {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 0.9rem;
  color: #495057;
  white-space: nowrap;
  min-width: 100px;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.tech-item img {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  object-fit: contain;
  background-color: transparent;
  padding: 0;
}
.tech-item p {
  margin-bottom: 0;
  padding-top: 0;
  line-height: 1;
  margin-left: 10px;
  font-size: 1rem;
  color: #101d30;
}
.category-name h5 {
  color: #101d30;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 0;
}
.tech-category-row.border-bottom {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.main-tech-display-area {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 30px;
}
.stats-section.tech-stats .stats-card {
  border: 0;
}
.stat-number {
  font-size: 3rem;
  font-weight: 800;
  color: #0e1d31;
  margin-bottom: 5px;
}
.stat-text {
  font-size: 1.1rem;
  color: #555;
}
.technologies__list {
  position: relative;
  display: flex;
  align-items: center;

  justify-content: center;
}
.technologies-img img {
  width: 40px;
  height: auto;
  margin-right: 10px;
}
.technologies-img,
.technologies__list li {
  position: relative;
  padding: 20px;
  display: block;
}
.mainHightlight-box {
  margin-bottom: 6rem;
}
.case-studies-banner h5,
h5.case-study-tag {
  display: inline-block;
  align-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding: 13px 16px 13px 54px;
  position: absolute;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  top: -75px;
}
.case-studies-banner h5 span,
h5.case-study-tag span {
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.4s;
  background: #fff;
  margin: 0 6px 0 0;
  position: absolute;
  left: 6px;
  top: 6px;
}
.connector1 {
  position: absolute;
  top: -20vh;
  left: -10vh;
  width: 200px;
}
.connector2 {
  position: absolute;
  top: -20vh;
  right: -10vh;
  width: 200px;
}
.connector3 {
  position: absolute;
  bottom: -20vh;
  left: -10vh;
  width: 200px;
}
.connector4 {
  position: absolute;
  bottom: -20vh;
  right: -10vh;
  width: 200px;
}
.cs-innovation-box {
  background-color: #f6faff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  position: relative;
}

.cs-innovation-box h5 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #0e1d31;
  color: #ee4865;
}

.cs-innovation-box p {
  font-size: 1rem;
  opacity: 0.8;
}
.cs-innov-box {
  margin-top: -160px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 40px 20px;
  border-radius: 12px;
}
.cs-innovation-img3 {
  position: absolute;
  width: 200px;
  height: auto;
  right: -10%;
  bottom: -10%;
}

.circle-number {
  width: 40px;
  height: 40px;
  background-color: #0e1d31;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
  display: inline-flex;

  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin: 0 auto 15px;
  position: relative;
  z-index: 2;
}

.cs-innovation .emerging-txt-div {
  background-color: #0e1d31;
  background-image:
    linear-gradient(to right, #0e1d31, #0e1d31),
    url(../img/cs-background-texture.webp);
}
.center-image-wrapper {
  text-align: center;
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border-radius: 69% 31% 22% 78% / 45% 27% 73% 55%;
  margin: 0 auto;
  background-color: #f0f6ff;
}
.cs-What-built p {
  font-size: 1rem;
  opacity: 0.8;
}
.cs-What-built ul {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  list-style-type: none;
  padding-left: 10px;
}
.cs-What-built ul li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 0.5rem;
}
.cs-What-built ul li:last-child {
  margin-bottom: 0;
}
.cs-What-built ul li i {
  color: #ee4865;
}
.center-image-wrapper img {
  width: auto;
  height: 350px;
  /* border-radius: 50%; */
  /* border: 8px solid #ebe9fb; */
  object-fit: cover;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -62px;
}

.cs-industry-box {
  position: relative;
  isolation: isolate;
  width: 100%;
  background: #091345;
  border-radius: 10px;
  flex-shrink: 0;
  text-align: center;
  padding: 30px 10px;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cs-industry-box .cs-icons {
  margin-top: 32px;
  filter: contrast(0.5);
  width: 38px;
  height: auto;
  display: none;
}
.cs-industry-box:before {
  inset: -120% -180%;
  background: radial-gradient(
    #5e6ad2,
    rgba(5, 106, 210, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.cs-industry-box:after {
  inset: -280%;
  background: radial-gradient(
    #fc7840,
    rgba(252, 120, 64, 0.2) 30%,
    transparent 50%
  );
  opacity: 0.15;
}

.cs-industry-box:after,
.cs-industry-box:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  will-change: transform, opacity;
}
.ai-benefits-section.detailed-explanation-ai-sec {
  background-image:
    radial-gradient(#aab9d3ab, #aabacf),
    url(../img/ai-manufacture/marketRealityBg.webp);
  background-image:
    radial-gradient(
      circle at center,
      rgba(170, 185, 211, 0.67),
      rgba(170, 186, 207, 1)
    ),
    url("../img/ai-manufacture/marketRealityBg.jpg"),
    url("../img/ai-manufacture/marketRealityBg.webp");
}
.ai-benefits-section.detailed-explanation-ai-sec h4 {
  color: #0e1d31;
}
.ai-benefits-section.detailed-explanation-ai-sec {
  font-size: 1rem;
}
.road-map-content {
  position: relative;
  padding: 0 110px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.road-map-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #b7babd;
}
.road-map-item {
  max-width: 410px;
  border-radius: 15px;
  background: #fff;
  padding: 40px 50px 30px;
  border: 1px solid #0e1d31;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.road-map-item .number {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 40px rgba(104, 68, 237, 0.2);
  border: 5px solid #fff;
  background: #0e1d31;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
}
.road-map-item .cs-process-arrow {
  position: absolute;
  opacity: 0.2;
  transition: all 0.3s ease-in-out;
  filter: brightness(0) saturate(100%) invert(10%) sepia(13%) saturate(2470%)
    hue-rotate(175deg) brightness(99%) contrast(100%);
}
.road-map-item.item-1 .cs-process-arrow,
.road-map-item.item-3 .cs-process-arrow {
  right: -125px;
  top: 50%;
  transform: translateY(-50%);
}
.road-map-item.item-2 .cs-process-arrow,
.road-map-item.item-4 .cs-process-arrow {
  left: -125px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.road-map-item.item-2 {
  margin-top: 188px;
}
.road-map-item:hover {
  border: 1px solid #6844ed;
  background: #0e1d31;
  color: #fff;
  box-shadow: 0 10px 60px 0 rgba(104, 68, 237, 0.2);
}
.road-map-item.item-3 {
  margin-top: -48px;
}
.road-map-item.item-4 {
  margin-top: 80px;
  margin-bottom: 72px;
}
.road-map-item h4 {
  margin-top: 20px;
  margin-bottom: 9px;
}
.cs-induTxt h5 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.5rem;
  color: #ee4865;
}
.cs-induTxt p {
  color: #fff;
}
.indu-box-mt2 {
  margin-top: 2.5rem;
}
.indu-box-mt3 {
  margin-top: 5.5rem;
}
.case-study-details {
  background-color: #fff;
  padding: 30px;
}
.case-study-details-border {
  border-right: 1px solid #101d30 !important;
}
.case-study-details-border:last-child {
  border-right: 0 !important;
}
.case-study-details .card {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-top: -6rem;
  height: auto;
  box-shadow:
    rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  box-shadow:
    rgb(16 29 48 / 50%) 0px 2px 4px 0px,
    rgb(115 172 255 / 64%) 0px 2px 16px 0px;
}
.case-study-details .card h5 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.5rem;
  color: #ee4865;
}
.case-study-details .card p {
  margin-bottom: 0;
  font-weight: 400;
}
.cs-client-intro {
  overflow: hidden;
}
.cs-client-intro .cs-country-flags {
  margin-right: 10px;
}
.cs-client-intro .cs-country-txt {
  display: flex;
}
.case-study-details .card .border-right {
  border-right: 1px solid #101d30 !important;
}
.case-studies-banner .getQuoteBtn {
  background-color: #ee4865 !important;
  border-color: #ee4865 !important;
}
.cs-challenges-sol-section {
  background-color: #0e1d31;
  background-image:
    linear-gradient(to right, #0e1d31, #053069f7),
    url(../img/cs-chal-sol-bg.webp);
  background-image:
    -webkit-linear-gradient(left, #0e1d31, rgba(5, 48, 105, 0.97)),
    url("../img/cs-chal-sol-bg.webp");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.card-cs-challenges {
  background-color: #ffffff0a;
  height: 100%;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  border: 1px solid #fefeff17;
}
.card-cs-challenges.cs-chall {
  border-radius: 16px 0 0 16px;
}
.card-cs-challenges.cs-soln {
  border-radius: 0 16px 16px 0;
}

.card-cs-challenges ul {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.card-cs-challenges ul li {
  margin-bottom: 15px;
  font-size: 15px;
  display: flex;
  color: #fff;
}
.challenge-solution-txt h5 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 0;
}
.challenge-solution-txt p,
.cs-solution-section p {
  font-size: 1rem;
  opacity: 0.8;
}
.check-icon {
  color: #ee4865;
  margin-right: 10px;
}
.challenge-title {
  color: #eb3535;
}
.solution-title {
  color: #4caf50;
}
.challenge-title,
.solution-title {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  background-color: #12121224;
  padding: 10px 9px;
  border-radius: 4px;
}
.challenge-item,
.solution-item {
  margin-bottom: 30px;
  font-size: 14px;
  display: flex; /* Use flexbox */
  align-items: flex-start; /* Align items to the top */
  margin-left: 1.4rem;
}
.item-number {
  font-weight: bold;
  color: #6c757d; /* Gray for number */
  margin-right: 25px;
  font-size: 2.4rem;
  text-align: left; /* Align text to the left */
}
.case-studies-banner .banner-thumb {
  position: absolute;
  right: 0;
  top: 57%;
  transform: translateY(-50%);
  width: 50%;
}
.case-studies-banner .banner-thumb img {
  width: 100%;
  filter: brightness(0.5);
}
.case-studies-banner .banner-thumb img.neo-3d-ai-banner {
  width: 74%;
  right: -68px;
  position: relative;
}
.case-studies-banner.cs-food-delivery .banner-thumb img {
  transform: rotate(339deg);
  width: 74%;
}
.cs-achievedImg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 42%;
}
.challenge-item .item-number {
  color: #ff0000;
  opacity: 0.4;
}
.solution-item .item-number {
  color: #50c878;
  opacity: 0.4;
}
.cs-challenges-div {
  margin-right: 2rem;
}
.cs-solutions-div {
  margin-left: 2rem;
}

.challenge-item h5,
.solution-item h5 {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  font-weight: 500;
  color: #0e1d31;
}
.challenge-item p,
.solution-item p {
  font-size: 1rem;
  opacity: 0.8;
}
.achievement-number span {
  font-weight: bold;
  color: white;
  background-color: #ee4865;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  font-size: 16px;
}
.achievement-item {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 12px;
}
.achievement-content {
  flex-grow: 1;
  font-size: 14px;
  margin-left: 10px;
}
.achievement-content h5 {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  font-weight: 500;
  color: #0e1d31;
}
.achievement-content p {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 0;
}

.achievement-item:nth-child(odd) {
  margin-left: 2rem;
  margin-right: 2rem;
}
.achievement-item:nth-child(even) {
  margin-left: 6rem;
}
.achievement-image {
  width: 100%;
  height: auto;
}
.achievement-image.inventory-achiev-img {
  transform: perspective(1800px) rotateY(14deg) rotateX(4deg);
}
.achievement-dating-image {
  width: 400px;
  height: auto;
}
.cs-achievement-section {
  background-color: #fff;
  position: relative;
}
.cs-feature-section {
  background-color: #0e1d31;
}
.cs-feature-item h5 {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  font-weight: 500;
  color: #ee4865;
}
.cs-feature-item p {
  font-size: 1rem;
  color: #fff;
  opacity: 0.8;
}
img.cs-feature-img {
  width: 60px;
  margin-bottom: 1rem;
}
.cs-counter-section {
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.cs-cta-section {
  background-color: #0e1d31;
  text-align: center;
}
.cs-cta-section h4 {
  margin-bottom: 2rem;
  font-size: 2rem;
}
.cs-CTA-btn {
  padding: 10px 18px;
  border-radius: 22px;
  background-color: #ee4865;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
}
.neumorphic-card {
  background: #ffffff;
  border-radius: 12px;
  /* box-shadow: 8px 8px 26px #a3b1c6, -8px -8px 3px #ffffff; */
  padding: 40px 25px;
  transition: 0.3s ease;
  height: 100%;
  border: 1px solid #ddd;
}
.cs-soln-icon {
  background-color: #0e1d31;
  display: inline-block;
  line-height: 45px;
  padding: 0 12px;
  border-radius: 12px;
  margin-bottom: 0.8rem;
}
.cs-soln-icon i {
  filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(0%)
    hue-rotate(111deg) brightness(104%) contrast(104%);
}
.cs-soln-card {
  text-align: center;
  padding: 20px;
}
.cs-soln-card h5 {
  font-size: 1.2rem;
  font-weight: 500;
}
.cs-soln-card p {
  font-size: 1rem;
  opacity: 0.8;
}
.cs-soln-card:nth-child(1) {
  margin-bottom: 3rem;
}
.cs-soln-card:nth-child(2) {
  margin-bottom: 3rem;
}
.cs-soln-card:nth-child(3) {
  margin-bottom: 3rem;
}
.neumorphic-card:hover {
  box-shadow:
    inset 8px 8px 16px #a3b1c6,
    inset -8px -8px 16px #ffffff;
  transform: translateY(-5px);
}
.cs-soln-section .neumorphic-card img {
  width: 100%;
  background-color: #101d3012;
  padding: 6px;
  border-radius: 12px;
}
.cs-solution-section h5 {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  font-weight: 500;
  color: #0e1d31;
}
.cs-solution-section p {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 0;
}
.technologies-section {
  background-color: #0e1d31;
}
.technologies-section .tools-card {
  background-color: #ffffff0a;
  border: 1px solid #e4e4e41c !important;
  color: #fff;
}
.technologies-section .tools-img {
  background: rgb(16 29 48 / 31%);
}
.technologies-section .tools-card h5 {
  color: #fff;
}
.cs-feature-item {
  padding: 20px;
}
.accreditations-box-items .accreditations-content {
  width: 60%;
}
.accreditations-box-items {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-weight: bolder;
  border-radius: 12px;
  background: rgb(237 236 236 / 39%);
  border: 1px solid white;
  padding: 24px;
  height: calc(100% - 30px);
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  backdrop-filter: blur(6px);
}
.accreditations-box-items .accreditations-image {
  width: 36%;
  margin-right: 2rem;
}
.accreditations-box-items .accreditations-image img {
  width: 100%;
  height: auto;
  margin-left: 10px;
}
.accreditations-box-items .accreditations-content h5 {
  font-size: 1rem;
  margin-bottom: 0.4rem;
  color: #0e1d31;
  font-weight: 500;
}

.accreditations-box-items .accreditations-content p {
  font-size: 0.9rem;

  margin-bottom: 0;
}
.accreditations-image {
  width: 38%;
}
.accreditations-box-items .accreditations-content .acc-link {
  color: #ee4865;
  font-size: 0.8rem;
  font-weight: 400;
}
.digital-sol-link {
  color: #ee4865;
  font-size: 0.8rem;
  font-weight: 400;
}
.accre-section {
  background-image:
    linear-gradient(to right, rgb(255 243 243 / 72%), rgb(1 1 33 / 50%)),
    url(../img/accred-background-img.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.digital-sol-section {
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 34%), rgb(203 204 245 / 42%)),
    url(../img/digital-sol-background2.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.teams-page-section {
  background-image:
    linear-gradient(to right, rgb(255 243 243 / 72%), rgb(234 234 255 / 50%)),
    url(../img/accred-background-img.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.accreditations-content h6 {
  font-size: 0.8rem;
  margin-top: 10px;
}
.digital-sol-box {
  display: flex;
  padding: 30px;
  background-color: #ffffff3d;
  box-shadow: 1px 0 30px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  margin-bottom: 2rem;
}
.digital-sol-box .digital-sol-media {
  width: 180px;
  min-width: 180px;
  margin-right: 20px;
  border-radius: 0.25rem;
}
.digital-sol-box .digital-sol-media img {
  width: 100%;
  height: auto;
}
.digital-sol-box .digital-sol-info {
  padding-top: 0;
  align-self: center;
}
.digital-sol-info h5 {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
  color: #0e1d31;
  font-weight: 500;
}
.digital-sol-info p {
  font-size: 0.9rem;
  opacity: 0.8;
  margin-bottom: 0;
}
.team-img-wrapper::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 90%;
  top: 30px;
  left: 0;
  background: #7f2ef8;
}
.team-page-img {
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
}
.tp-about-2-shape-top {
  position: absolute;
  top: 20px;
  right: 0;
  background: #fff;
  padding: 20px 10px 22px 28px;
}
.team-about-2-shape-bottom {
  position: absolute;
  left: -104px;
  bottom: 30px;
  border-radius: 10px;
  background: #ffffff;
  padding: 34px 35px 28px 38px;
  animation: moving 9s linear infinite;
  max-width: 300px;
  box-shadow:
    rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px;
}
.team-about-2-shape-bottom p {
  font-size: 1rem;
  color: #ee4865;
  font-weight: 400;
  background: linear-gradient(to top, #1c64f3, #ee4865);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tp-section-subtitle.style-2 {
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
}
.team-designation {
  color: #ee4865;
  font-size: 1rem;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.team-more-info {
  border: 10px solid #197ab62b;
  padding: 2.5rem;
  margin-top: 1rem;
}
.teamBox {
  margin-top: 4rem;
}
.team-section-title {
  font-size: 55px;
  letter-spacing: -1px;
  color: #0e1d31;
}
.team-feature-icon span {
  width: 80px;
  height: 80px;
  line-height: 90px;
  display: inline-block;
  background: #f2f2ff;
  color: #7f2ef8;
  text-align: center;
  border-radius: 50%;
  font-size: 40px;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  margin-right: 32px;
}
.team-content p {
  font-size: 1rem;
  opacity: 0.8;
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-30px);
  }
  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}
.journey-box {
  padding: 50px 45px 60px 45px;
  background: #0e1d31;
  border-radius: 10px;
  margin-bottom: 2rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

h5.journey_title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 15px;

  color: #fff;
  display: block;
  text-transform: capitalize;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.journey-box span {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  color: #ffffff;
  background: #6e737c5e;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.journey-box img {
  width: 30px;
  height: auto;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(335deg) brightness(104%) contrast(101%);
}
.journey-box svg {
  width: 30px;
  height: auto;
}
.journey-box p {
  font-size: 1rem;
  opacity: 0.8;
  margin-bottom: 40px;
  color: #ffffff;
}
.team-count-section {
  background: #0e1d31;
}
.beforeAfter-Section {
}
.beforeAfter-Section .bg-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5 !important;
  filter: brightness(0.5);
}
.beforeAfter-Section .bg-overlay2 {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00abff7a;
  opacity: 0.2;
}
.cs-afterImg {
  margin-top: 4rem;
}
.beforeAfter-Section .card .card-img-overlay {
  z-index: 2;
}
.beforeAfter-Section .card {
  height: auto !important;
  border-radius: 20px;
  box-shadow:
    rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
/* case study end */
@media (min-width: 1399px) and (max-width: 1440px) {
  .mplp p.subHeading {
    font-size: 1.4rem;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .cs-main-image {
    transform: translateY(-23%);
  }
  .desktop-process .circle {
    width: 130px;
    height: 130px;
  }
  .process-steps-section .curve_arrow {
    right: -60px;
    width: 124px;
  }
  .process-steps-section .curve_arrow2 {
    position: absolute;
    top: 65px;
    right: -68px;
    width: 124px;
  }
}
@media (max-width: 1300px) and (min-width: 1000px) {
  .tech-stack-compat-section .aiModelDiv {
    background: #0e1d31;
    height: 178px !important;
  }
}
@media (max-width: 1200px) and (min-width: 1000px) {
  .small-image-bottom {
    position: absolute;
    bottom: -28%;
    left: 7%;
    width: 200px;
  }
  .cs-main-image {
    transform: translateY(-6%);
  }
  .cs-php-box .cs-thumb img {
    width: 150px;
    height: auto;
  }
  .cs-php-box .cs-php-content {
    padding: 40px;
    height: 100%;
  }
}
@media (max-width: 1000px) {
  .dashboardImg .item {
    margin: 0;
    transform: scale(0.9);
  }
  .teamExperiseDiv {
    padding-left: 0rem;
  }
}
.dashboardImg .active .item {
  opacity: 1;
  transform: scale(1);
}
/* innovation service start */

.innovation-diff .custom-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.innovation-diff .custom-card-content {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  height: 100%;
  border: 1px solid #050e332e;
}
.innovation-diff .custom-card-content h6 {
  font-size: 1.6rem;
  text-transform: capitalize;
  color: #0e1d31;
}
.innovation-diff .custom-card-content p {
  margin-bottom: 0;
  font-size: 1rem;
}
.innovation-diff .custom-card-content p span {
  font-size: 1.2rem;
  color: #0e1d31;
  font-weight: 400;
}
.innovation-diff .custom-card-image img {
  max-width: 240px;
  height: 100%;
  border-radius: 20px;
}
.innovation-stpes {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.innovation-stpes .step-card {
  position: relative;
  display: block;
  text-decoration: none !important;
  border-radius: 12px;
  border: 2px solid #7f9ec7;
  background: #fff;
  padding: 1.25rem 1.25rem 1rem;
  min-height: 110px;
  transition:
    box-shadow 0.15s ease,
    transform 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
  color: #0e1d31;
  margin-left: 38px;
  margin-right: 38px;
}
.innovation-stpes .step-card + .innovation-stpes .step-card {
  margin-top: 22px;
}

.innovation-stpes .step-card.active {
  background: #0e1d31;
  border-color: #0e1d31;
  color: #fff;
  box-shadow: 0 14px 32px rgba(11, 24, 48, 0.28);
}
.inno-arrow img {
  height: 100px;
  position: absolute;
  left: -66px;
  top: 100px;
  opacity: 0.8;
  filter: brightness(0) saturate(100%) invert(8%) sepia(43%) saturate(1330%)
    hue-rotate(181deg) brightness(96%) contrast(95%);
}
.innovation-stpes .step-card {
  padding: 22px;
  margin-bottom: 1rem;
}
.what-we-do h3 {
  color: #101c30;
  font-size: 2rem;
  font-weight: 400;
}
.outcome h4 {
  color: #4caf50;
  font-size: 2rem;
  font-weight: 400;
}
.inno-arrow2 img {
  height: 100px;
  position: absolute;
  right: -66px;
  top: 100px;
  opacity: 0.8;
  filter: brightness(0) saturate(100%) invert(8%) sepia(43%) saturate(1330%)
    hue-rotate(181deg) brightness(96%) contrast(95%);
}
.innovation-stpes .tab-content p {
  font-size: 1rem;
  opacity: 0.8;
}
/* number badge */
.step-badge {
  position: absolute;
  right: 0.6rem;
  top: 0.55rem;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.9rem;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.innovation-stpes .step-card:not(.active) .step-badge {
  background: #e9edf7;
  color: #1d2b55;
  border: 1px solid #d8def0;
}

/* center icon (lightbulb) */
.icon-bulb {
  width: 30px;
  height: 30px;
  display: block;
}
.icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.icon-row img {
  width: 50px;
  height: 50px;
}
.inno-step-title {
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  margin: 0.4rem 0 0;
}
.innovation-stpes .step-card.active .icon-bulb path {
  stroke: #fff;
}
.innovation-stpes .step-card:not(.active) .icon-bulb path {
  stroke: #1f2a44;
}

/* arrows (Iconify) between steps */

.innovation-stpes .step-card:not(:first-child) .arrow {
  display: block;
}
.innovation-stpes .step-card.active .icon-row img {
  filter: brightness(0) saturate(100%) invert(88%) sepia(88%) saturate(49%)
    hue-rotate(33deg) brightness(112%) contrast(112%);
}

.inno-service {
  background: radial-gradient(rgb(0, 31, 85), rgb(14, 29, 49));
}
.inno-service-card {
  border: none;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.5);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
  overflow: hidden;
  height: 100%;
}
.inno-service-card:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 60px -25px rgba(0, 0, 0, 0.6);
}

.inno-service-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  opacity: 0.85;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}
.inno-service-card:hover img {
  opacity: 1;
  transform: scale(1.04);
}
.inno-service-card h4 {
  font-size: 1.6rem;
  color: #ee4865;
  font-weight: 400;
  margin-bottom: 1rem;
}
.inno-service-card p {
  font-size: 1rem;
  color: #c7d2e3;
}
.innovation-caseStudy h4 {
  font-size: 2.5rem;
  color: #0e1d31;
  margin-bottom: 0.5rem;
}
.innovation-caseStudy p {
  font-size: 1rem;
  opacity: 0.8;
}
.innovation-caseStudy img {
  border-radius: 50px;
  transition: all 0.4s ease-in-out;
}
.innovation-caseStudy img:hover {
  transform: rotate(10deg);
}
.innovation-caseStudy .casestudy-cta {
  margin-top: 1rem;
  position: relative;
  display: inline-block;
}
.casestudy-cta {
  background-color: #ee4865;
  padding: 10px 18px;
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
}
.casestudy-cta2 {
  background: #0e1d31;
  padding: 10px 18px;
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
  margin-top: 4rem;
  display: inline-block;
}
.casestudy-cta2:hover {
  background: #fff;
  color: #0e1d31;
  border: 1px solid #0e1d31;
}
.casestudy-cta:hover {
  background-color: #fff;
  color: #ee4865;
  border: 1px solid #ee4865;
}
.inno-cta-section {
  background: linear-gradient(90deg, #0e1d31 0%, #1f2937 100%);
  color: #fff;
  padding: 80px 0;
  text-align: center;

  position: relative;
  overflow: hidden;
}
.inno-cta-section::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.inno-cta-section .inno-cta-title {
  font-size: 2.8rem;
}
.inno-cta-section .inno-cta-text {
  font-size: 1.4rem;
  opacity: 0.8;
}
.inno-cta-btn {
  background-color: #ee4865;
  padding: 10px 24px;
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
  margin-top: 1rem;
  display: inline-block;
}
.innovation-service {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 35px 25px;
  text-align: center;
  transition: 0.4s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  height: 100%;
}
.innovation-service:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle at center,
    rgba(0, 255, 204, 0.15),
    transparent 70%
  );
  transition: 0.5s;
  opacity: 0;
  z-index: 0;
}
.innovation-service:hover:before {
  opacity: 1;
}

.innovation-service:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.innovation-service-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0e1d31, #3771bf);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 25px;
  position: relative;
  z-index: 1;
}
.innovation-service-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
    hue-rotate(93deg) brightness(103%) contrast(103%);
}
.innovation-service h4 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}

.innovation-service p {
  color: #cfd8e3;
  font-size: 1rem;
  margin-bottom: 0;
}
/* innovation service end */

/* private LLM Service start */
.private-llm-banner {
  height: 100vh !important;
}
.private-llm-banner .video-bg {
  filter: opacity(0.1);
}
.llm-banner-img img {
  position: absolute;
  width: 45%;
  right: 5%;
  top: 20%;
}
.stats-container {
  margin-top: 1rem;
}
.big-number {
  font-size: 3rem;
  font-weight: 500;
  color: #0e1d31;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}
.narrative-text p strong {
  font-size: 1.4rem;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}
.stat-category {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  color: #ee4865;
  margin-bottom: 15px;
  display: block;
}

.stat-body {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
}

.stat-source {
  font-size: 0.75rem;
  color: #d7d7d7;
  margin-top: 10px;
  display: block;
}
.narrative-text p {
  font-size: 1.05rem;
  line-height: 1.9;
}

/* Form Container */
.wizard-container {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.1);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.btn-prev {
  background: transparent !important;
  color: #6b7280;
  border: 1px solid transparent !important;
}
.btn-prev:hover {
  color: #1f2937;
  background: #e5e7eb;
}
.btn-next {
  background: #0e1d31 !important;
  color: white;
  border: none;
  box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3);
}
.btn-next:hover {
  background: #1d4ed8;
  border: none !important;
  transform: translateY(-1px);
}
#private-llm-submitBtn {
  background-color: #11235a !important; /* Emerald Green */
  color: white;
  border: none;
  display: none;
}
#private-llm-submitBtn:hover {
  background: #059669;
}
.btn-next:disabled,
#private-llm-submitBtn:disabled {
  background: #9ca3af !important; /* Gray */
  cursor: not-allowed;
  box-shadow: none;
  transform: none !important;
}
/* Header */
.wizard-header {
  padding: 2.5rem 2.5rem 1rem 2.5rem;
  text-align: center;
}
.wizard-title {
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #1f2937;
}
.wizard-subtitle {
  color: #6b7280;
  font-size: 0.95rem;
}
.step-indicator-llm {
  text-align: right;
  font-size: 0.8rem;
  color: #6b7280;
  margin-top: 5px;
  font-weight: 600;
}
/* Steps & Questions */
.private-llm-step-content {
  display: none; /* Hidden by default */
  padding: 0 2.5rem 2.5rem 2.5rem;
  animation: fadeIn 0.4s ease forwards;
}
.private-llm-step-content.active {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.progress-wrapper {
  padding: 0 2.5rem;
  margin-bottom: 2rem;
}
.private-llm-progress {
  height: 6px;
  border-radius: 3px;
  background-color: #f3f4f6;
}
.progress-bar {
  background-color: #0e1d31;
  transition: width 0.4s ease;
}
.question-text {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  color: #0d1e40;
}
/* Custom Checkbox Cards */
.option-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* Hide the actual checkbox input */
.custom-option-input {
  display: none;
}
/* The Label acts as the card */
.option-card {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: #fff;
  position: relative;
}
.option-card:hover {
  border-color: #94a3b8;
  background-color: #f8fafc;
  transform: translateY(-1px);
}
.option-check-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 2px solid #d1d5db;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
  transition: all 0.2s;
  background: #fff; /* Explicit white background */
}
.option-check-icon i {
  display: none; /* Hide tick initially */
}
.option-text {
  font-weight: 400;
  color: #1f2937;
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.2s;
}
.option-card.active {
  border-color: #1e3a8a;
  background-color: #1e3a8a;
  box-shadow: 0 10px 20px -5px rgba(30, 58, 138, 0.4); /* Dark blue shadow */
  transform: translateY(-2px); /* Lift effect */
}
.option-card.active .option-text {
  color: #ffffff; /* White text on dark blue */
}
.option-card.active .option-check-icon {
  background-color: #ffffff; /* White box */
  border-color: #ffffff;
  color: #1e3a8a; /* Blue tick */
}
.option-card.active .option-check-icon i {
  display: block; /* Show tick */
}

/* Success State */
.success-message {
  display: none;
  text-align: center;
  padding: 4rem 2rem;
}
.success-icon {
  width: 80px;
  height: 80px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  margin: 0 auto 1.5rem auto;
}
.wizard-footer {
  padding: 1.5rem 2.5rem;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.private-llm-process-container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap; /* Wraps on mobile */
  gap: 14px;
}
/* --- Card Styling --- */
.private-llm-architech {
  background-color: #fbfbfb;
}
.private-llm-step-card {
  flex: 1;
  min-width: 260px; /* Minimum width before wrapping */
  border: 2px solid #0e1d31;
  border-radius: 12px;
  background-color: #f0f6fc;
  display: flex;
  flex-direction: column;
  overflow: hidden; /* Clips the header to the border radius */
  margin-bottom: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.step-header {
  background-color: #0e1d31;
  color: white;
  padding: 15px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  min-height: 80px; /* Ensures headers align evenly */
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-body {
  padding: 15px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  color: #333;
}
.step-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 15px;
}
/* --- Arrow Styling --- */
.arrow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin-bottom: 20px; /* Aligns with card margin */
  color: #0e1d31;
}
.arrow-icon {
  font-size: 24px;
  color: #0e1d31;
}

/* General Icon Size */
.graphic-area {
  margin-top: 2rem;
  margin-bottom: 2rem;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
/* Step 1 Icons */
.icon-stack-1 {
  position: relative;
  font-size: 50px;
  color: #2c3e50;
}
/* --- Navigation Tabs --- */
.nav-pills-custom {
  justify-content: center;
  margin-bottom: 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 1rem;
  flex-wrap: nowrap; /* Prevent stacking on very small screens */
  -webkit-overflow-scrolling: touch;
}
.nav-pills-custom .nav-link {
  color: #94a3b8 !important;
  background: transparent;
  border-radius: 50px;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
  margin: 0 5px;
}
.nav-pills-custom .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.nav-pills-custom .nav-link.active {
  background: linear-gradient(135deg, #234068, #0b1a2f);
  color: #fff;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
}
.tech-info h5 {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: #fff;
}
.nav-pills-custom i {
  margin-right: 8px;
}
.private-llm-tech-card {
  backdrop-filter: blur(10px);
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.private-llm-tech-card .tech-info {
  text-align: center;
}
.private-llm-tech-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    transparent,
    rgba(255, 255, 255, 0.03),
    transparent
  );
  transform: translateX(-100%);
  transition: 0.5s;
}
.private-llm-tech-card:hover {
  transform: translateY(-5px);
  border-color: rgba(99, 102, 241, 0.3);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  background: rgba(30, 41, 59, 0.9);
}
.private-llm-tech-card:hover::before {
  transform: translateX(100%);
}
.private-llm-tech-stack {
  background-color: #0b1a2f;
  position: relative;
  overflow: hidden;
}
.private-llm-tech-title {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin-bottom: 1rem;
}
.private-llm-tech-stack .nav-item {
  padding-right: 6px;
}
.logo-box {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.03);
}
.tab-pane.active .col-md-4 {
  animation: fadeInUp 0.5s ease forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.use-case-section {
  position: sticky;
  top: 150px;
  min-height: 50vh;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.5);
  padding: 2rem 1rem;
}
.section-content {
  z-index: 2;
}
.private-llm-usecases {
  background-color: #0b1a2f;
}

.usecases-feature-list {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 300;
  display: flex;
  gap: 14px;
}
.usecases-feature-list li {
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
  color: #64748b;
  font-size: 0.9rem;
}
.usecases-feature-list li strong {
  color: #343434;
}
.usecases-feature-list li:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #4caf50;
  position: absolute;
  left: 0;
  top: 0;
}
.private-llm-sol h5 {
  font-size: 1.2rem;
  color: #4caf50;
}
.private-llm-sol p {
  font-size: 0.9rem;
  color: #64748b;
}
.section-content .tag {
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: bold;
}
.tag-risk {
  background: #ff6b6b;
  color: white;
}
.tag-safe {
  background: #1dd1a1;
  color: #0a192f;
}

.usecase-heading {
  font-size: 2rem;
  font-weight: 300;
}
.private-llm-sol {
  padding: 20px;
}
.private-llm-cta {
  background-color: #fff;
}
.private-llm-quiz {
  background-image: url(../img/formBg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.private-llm-cta h3 {
  font-size: 2.4rem;
  color: #0e1d31;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.private-llm-challenge {
  font-size: 1rem;
  font-weight: 300;
  margin-top: 1rem;
  border-left: 2px solid #ff9595;
  padding: 10px 20px;
}
.private-llm-challenge h5 {
  color: #ff4343;
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.private-llm-challenge h6 {
  font-size: 1rem;
  font-weight: 500;
  color: #7a7a7a;
}
.private-llm-challenge .usecases-feature-list li:before {
  color: #ff9595;
}
.private-llm-challenge p {
  font-size: 0.9rem;
  color: #64748b;
}
.private-llm-painpt {
  border: 1px solid #ff9595;
  border-radius: 4px;
  padding: 4px;
  color: #ff2020;
  background-color: #fff5f5;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 400;
}
.badge-usecase {
  color: #0b1a2f;
  border: 1px solid #0b1a2f69;
  background-color: #f3f8ff;
  border-radius: 14px;
  margin-bottom: 1rem;
}

.usecase-num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- DASHBOARD INTERACTIVITY --- */
.dashboard-container {
  background: #0b1121;
  font-size: 1rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem;
  height: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.msg-bubble {
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.msg-user {
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  text-align: right;
  margin-left: 20%;
}
.msg-ai {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: white;
  margin-right: 10%;
}
.status-badge {
  font-size: 0.7rem;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}
.dashboard-container .progress {
  width: 100%;
}
.dashboard-header.bg-danger {
  background-color: #ff8c8c2b !important;
}
.dashboard-container .table-dark tr th,
.dashboard-container .table-dark tr td {
  background-color: #343a40;
}
.dashboard-container .table-dark tr th {
  color: #fff;
}
.usecase4-spinner {
  width: 50px;
  height: 50px;
  line-height: 65px;
  text-align: center;
}
.private-llm-service-icon {
  width: 70px;
  height: 70px;
  background-color: #0e1d31;
  line-height: 38px;
  padding: 16px;
  text-align: center;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.private-llm-service-icon img {
  width: 100%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7487%)
    hue-rotate(148deg) brightness(101%) contrast(105%);
}
.private-llm-ai-services-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  margin: 10px;
}
.private-llm-ai-services-card h5 {
  font-size: 1rem;
}
.ai-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(255, 255, 255, 0.95);
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #0984e3;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(4px);
  z-index: 2;
}

.vector-illustration {
  width: 90px;
  height: 90px;
  z-index: 1;
  fill: #0984e3;
}
.middle-column {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature-card-featured {
  transform: scale(1.02);
  box-shadow: 0 8px 30px rgba(9, 132, 227, 0.08);
  border: 1px solid rgba(9, 132, 227, 0.1);
  height: 100%;
}
.feature-card-featured .card-img-wrapper {
  height: 400px; /* Larger image area for center card */
  background-color: #f1f1f1;
}
.about-right-side {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.private-llm-architech {
  background-image:
    radial-gradient(#ffffff2e, #ffffffa1), url(../img/chatbot-cta-bg2.webp);
  position: relative;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.ai-panel {
  position: relative;
  padding: 32px;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
}
.panel-light {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.panel-dark {
  background: #0f172a;
  border: 4px solid #3b82f6;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.25);
  transform: none;
}
.panel-light .f-title {
  color: #334155;
}
.panel-light .f-desc {
  color: #64748b;
}

.panel-dark .f-title {
  color: #ffffff;
}
.panel-dark .f-desc {
  color: #cbd5e1;
}
.private-llm-f-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.private-llm-f-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
}
.private-llm-f-item + .private-llm-f-item {
  border-top: 0;
}
.corner-tag {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 800;
  border-bottom-left-radius: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.private-llm-f-list .mark {
  font-weight: 900;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 2px;
  flex: 0 0 auto;
  width: 18px;
  text-align: center;
  background-color: transparent;
}
.f-title {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.25;
}
.f-desc {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.5;
}
.private-llm-f-list .mark.bad {
  color: #ef4444;
}
.private-llm-f-list .mark.good {
  color: #4ade80;
}
.tag-traditional {
  background: #f1f5f9;
  color: #64748b;
  letter-spacing: 0.06em;
}
.tag-recommended {
  background: #2563eb;
  color: #ffffff;
}
.panel-h3 {
  margin: 0 0 22px;
  font-size: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 12px;
}
.panel-h3.light {
  color: #1f2937;
}
.panel-h3.dark {
  color: #ffffff;
}

.emoji-badge {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 18px;
  flex: 0 0 auto;
}
.badge-light {
  background: #e6f2ff;
}
.badge-dark {
  background: rgba(37, 99, 235, 0.2);
  color: #93c5fd; /* blue-300 */
}
.private-llm-cta-card {
  background: #fdfdfd;
  border-radius: 24px;
  padding: 60px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
  border: 1px solid #f1f1f1;
}
.private-llm-cta-card img {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
/* private LLM Service end */
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .opporTxt {
    font-size: 2rem;
  }
  .digital-sol-box .digital-sol-media {
    width: 120px;
    min-width: 120px;
  }
  .cs-innovation-img2 {
    height: auto;
  }
  .desktop-process .circle {
    width: 100px;
    height: 100px;
  }
  .process-steps-section .curve_arrow {
    right: -46px;
    width: 100px;
  }
  .process-steps-section .curve_arrow2 {
    right: -57px;
    width: 100px;
  }
  .small-image-bottom {
    position: absolute;
    bottom: 0;
    left: auto;

    border-radius: 12px;
    width: 200px;
    webkit-animation: Img-mover 1s infinite alternate;
    animation: Img-mover 1s infinite alternate;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  }
  .cs-main-image {
    width: 60%;
    height: auto;
    border-radius: 12px;
    position: absolute;
    /* bottom: -14vh; */
    left: auto;
    transform: translateY(-70%);
  }

  .manufClientTxt {
    bottom: 3%;
  }
  .nextLevelManf-rightDiv {
    margin-left: 0;
  }
  .laptop .screen::before {
    height: 450px;
  }
  .keyboard img {
    top: -270px;
  }
  .stat-number {
    font-size: 2rem;
  }
}

@media (max-width: 1366px) and (max-height: 770px) {
  .Home-page-banner h1 {
    font-size: 3.5rem;
  }
  .hire-banner .hireHeading {
    font-size: 2rem;
  }
  .home-banner-ratings .ratings-div .iso-logo {
    width: 80px;
  }
  .home-banner-ratings .ratings-div img {
    width: 120px;
  }
  .home-banner-ratings .ratings-div .duns-logo {
    width: 80px;
  }
  .Home-page-banner {
    padding-top: 8rem;
  }
  .home-banner-btn-div {
    margin-top: 0rem;
  }
}
@media (max-width: 1366px) and (max-height: 770px) and (min-height: 600px) {
  .hire-banner {
    height: auto;
  }
}
@media (max-width: 975px) {
  .aiAgent-cta-section .contactBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 30px;
    border: 0;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
    border-radius: 10rem;
    transition: all 0.02s;
    font-weight: 500;
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
    background: #fff;
    color: #0e1d31;
    border: 3px solid rgb(16, 202, 248);
    box-shadow: rgb(239 63 103 / 70%) 0px 5px 15px;
    animation: electric 1s infinite;
  }
  @keyframes electric {
    0% {
      border-color: hsl(241, 54%, 74%);
    }
    50% {
      border-color: #f80053;
    }
    100% {
      border-color: #041e74;
    }
  }
}
@media (max-width: 768px) {
  .private-llm-banner {
    height: auto !important;
  }
  .llm-banner-img {
    display: none;
  }
  .use-case-section {
    position: relative;
    top: auto;
    margin-bottom: 1rem;
  }
  .built-process-ent-section ul.list-style3 {
    flex-direction: column;
    padding: 0;
  }
  .arrow-container {
    display: none;
  }
  .ai-panel {
    padding: 20px;
  }
  .built-process-ent-section ul.list-style3 span {
    display: block;
  }
  .entServicesContent {
    padding: 2rem 1rem;
  }
  .ent-service-process span {
    font-size: 1rem;
  }
  .wwh-desc {
    min-height: fit-content;
    font-size: 1rem;
  }
  .client-country {
    font-size: 1.4rem;
  }
  .ent-service-card p.ent-service-process {
    font-size: 1.2rem;
  }
  .ent-service-card h5,
  .ent-service-card-dark h5 {
    font-size: 1.4rem;
  }
  .acc-list {
    font-size: 1rem;
  }
  .built-process-ent-section ul.list-style3 li i {
    font-size: 22px;
    bottom: -33px;
    right: 0;
    left: 0;
    transform: rotate(90deg);
  }
  .ent-built-processBox h4 {
    font-size: 1.2rem;
    text-align: center;
  }
  .built-process-ent-section ul.list-style3 li {
    width: 100%;
    flex-direction: column;
    height: 90px;
    text-align: center;
    justify-content: space-between;
  }
  .built-process-ent-section ul.list-style3 li img {
    width: 30px;
    height: 30px;
  }
  .ai-btm-accredtn .accrdt-int-grid {
    min-height: 70px;
    height: auto;
  }
  .innovation-diff .custom-card {
    display: inline-block;

    position: relative;
  }
  .innovation-diff .custom-card-image img {
    max-width: fit-content;
    width: 100%;
  }
  .innovation-diff .custom-card-content {
    width: 80%;
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: auto;
    background: rgb(255 255 255 / 65%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .inno-service-card h4 {
    text-align: center;
  }
  .inno-service-card p {
    text-align: justify;
    text-align-last: center;
  }
  .innovation-stpes .step-card {
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .inno-arrow img,
  .inno-arrow2 img {
    display: none;
  }
  .innovation-caseStudy .casestudy-cta {
    margin-bottom: 2rem;
  }
  .innovation-caseStudy p {
    font-size: 1.2rem;
  }
  .innovation-caseStudy h4 {
    font-size: 2.2rem;
  }
  .tools-img-div {
    flex-flow: wrap;
  }
  .case-study-details .card {
    margin-top: 2rem !important;
    box-shadow: none;
    /* border: 1px solid #ddd !important; */
  }

  .video-wrapper .video-div,
  .video-wrapper .video-txt {
    width: 100%;
  }
  .agent-key-attr-Div {
    margin-bottom: 10px;
    padding: 15px 10px;
  }
  .cmp-table.table-striped tbody tr th[scope="row"] {
    text-wrap-mode: wrap;
  }
  .agent-before-after .top-controls {
    justify-content: center;
  }
  .video-wrapper {
    padding: 20px;
  }
  .video-wrapper.ai-agent-video3 {
    background: linear-gradient(
      360deg,
      rgba(255, 255, 255, 1) 33%,
      #225497 70%
    );
  }
  .ai-agent-video3 video {
    margin-bottom: 1rem;
  }
  .secure-ai-agent h2.pfont,
  .secure-ai-agent p.sub-txt {
    text-align: left !important;
  }
  .secure-ai-agent hr {
    margin: 20px 0;
  }
  .video-wrapper p {
    text-align: center;
  }
  .how-agent-work-item {
    padding: 20px;
    text-align: center;
  }
  .agent-key-attr-Div:hover {
    transform: none;
    box-shadow: none;
    border-color: unset;
  }
  .agent-key-attr-Div:hover .feature-teaser {
    opacity: 1;
    transform: none;
  }
  .agent-key-attr-Div:hover .feature-full {
    opacity: 0;
    background: transparent;
    transform: none;
    display: none;
  }
  .deliverable-ai-agent .service-block .icon {
    transform: none;
    position: relative;
    left: auto;
    top: auto;
  }
  .deliverable-ai-agent .service-block .content {
    padding-left: 0;
    text-align: center;
  }
  .secure-agent-img img {
    width: 24px;
    height: 24px;
  }
  .secure-agent-img {
    width: 48px;
    height: 48px;
    margin-right: 6px;
  }
  .secure-ai-agent .secure-agent-card {
    grid-column-gap: 8px;
    padding: 8px;
  }
  .deliverable-ai-agent .service-block .text {
    font-weight: 300;
    font-size: 1rem;
  }
  .agent-industries .slide-box {
    flex-direction: column;
    padding: 30px;
  }
  .ai-agent-industries .agent-options ul {
    display: block;
  }
  .agent-industries .slide-left p {
    font-size: 1rem;
  }
  .agent-industries .slide-right {
    display: block;
    padding: 0;
    margin-left: 0;
  }
  .discovery-workshop-section
    .chatbot-capabilities
    .right-chatbot-cap
    .ai-benefitsDiv {
    text-align: left !important;
  }
  .hiring-bottleneck-card p {
    margin-bottom: 0;
  }
  .hiring-bottleneck-card {
    margin-bottom: 1rem;
    height: auto;
  }
  .agent-helped-video {
    margin-bottom: 1rem;
  }
  .hiring-bottleneck hr {
    margin: inherit;
  }
  .agent-helped-div p.sub-txt,
  .hiring-bottleneck h2.pfont {
    text-align: left !important;
  }
  .tech-category-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0;
  }
  .tech-item img {
    width: auto;
    height: 34px;
  }
  .counting {
    color: #ee4865;
  }
  .category-name,
  .tech-list-display {
    flex-basis: 100%;
    padding-right: 0;
    text-align: left;
    gap: 12px;
  }
  .category-name {
    margin-bottom: 10px;
  }
  .tp-section-title {
    font-size: 2rem;
    letter-spacing: -1px;
    margin-top: 2rem;
  }
  .digital-sol-box {
    display: block;
    padding: 10px;
    height: 100%;
  }
  .teams-page-banner h1,
  .teams-page-banner p {
    text-align: left;
  }
  .team-about-2-shape-bottom {
    position: relative;
    left: auto;
    bottom: auto;

    padding: 20px;

    max-width: 300px;
  }
  .card-cs-challenges {
    height: auto;
  }
  .team-section-title {
    font-size: 2.5rem;
  }
  .team-img-wrapper::before {
    height: 75%;
  }
  .team-content p {
    font-size: 1.1rem;
  }
  .road-map-content {
    padding: 0;
  }
  .road-map-content:before {
    display: none;
  }
  .cs-inventory-image {
    margin-left: 0;
    height: auto;
  }
  .sticky-benefits-section img {
    height: auto;
  }
  .road-map-item {
    padding: 22px;
  }
  .road-map-item.item-2 {
    margin-top: 20px;
  }
  .road-map-item.item-3 {
    margin-top: 20px;
  }
  .road-map-item.item-4 {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .road-map-item h4 {
    margin-top: 6px;
  }
  .road-map-item .number {
    width: 40px;
    height: 40px;
  }
  .road-map-item p {
    margin-bottom: 0;
  }
  .digital-sol-box .digital-sol-media {
    width: 100%;
    min-width: auto;
    height: auto;
    margin-bottom: 10px;
  }
  .digital-sol-section .xs-mb {
    margin-bottom: 2rem;
  }
  .digital-sol-info h5 {
    font-size: 1.4rem;
  }
  .digital-sol-info p {
    font-size: 1.1rem;
  }
  .case-study-details .card .case-study-details-border {
    border: 1px solid #f5f5f5 !important;

    padding: 20px;
    text-align: left;
  }
  .center-image-wrapper img {
    bottom: 0;
  }
  /* .case-study-details .card .case-study-details-border:nth-child(1)
    {
         margin-bottom: 2rem;
    }
     .case-study-details .card .case-study-details-border:nth-child(2)
    {
         margin-bottom: 2rem;
    } */
  .small-image-top,
  .small-image-bottom {
    width: 28%;
  }
  .case-studies-banner h5,
  h5.case-study-tag {
    top: -50px;
  }
  .small-image-bottom {
    position: relative;
    width: 34%;
    bottom: -53%;
    left: -24%;
  }
  .cs-main-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    position: absolute;
    /* transform: translateY(-38%); */
    left: 0;
  }
  .cs-client-intro .cs-country-txt {
    display: block;
  }
  .cs-solutions-div {
    margin-left: 0;
  }
  .cs-client-intro h2.pfont {
    text-align: left !important;
  }
  .technologies__list {
    flex-wrap: wrap;
    padding: 0;
  }
  .case-study-details .card h5 {
    font-size: 1.4rem;
  }
  .cs-innovation-img3 {
    position: absolute;
    width: 100px;
    height: auto;
    right: 8px;
    bottom: -10%;
  }
  .cs-soln-section .cs-soln-card {
    padding: 12px;
  }
  .technologies-img,
  .technologies__list li {
    padding: 10px;
  }
  .technologies__list {
    justify-content: flex-start;
  }
  .technologies-sec h2.pfont,
  .cs-challenges-sol-section h2.pfont {
    text-align: left !important;
  }
  .cs-achievement-section h2.pfont {
    text-align: left !important;
    margin-bottom: 0;
  }
  .case-studies-banner .banner-thumb {
    display: none;
  }
  .cs-feature-section h2.pfont {
    text-align: center !important;
  }
  .interactive-list {
    margin-left: 0;
  }
  .case-study-details {
    padding: 0;
  }
  .achievement-item:nth-child(odd),
  .achievement-item:nth-child(even) {
    margin-left: 0;
  }
  .achievement-item:nth-child(odd) {
    margin-right: 0;
  }
  .cs-What-built h2.pfont {
    text-align: left !important;
  }
  .cs-feature-item {
    padding: 10px;
  }
  .cs-innovation-box p {
    font-size: 1.1rem;
  }
  .cs-innovation-box h5 {
    font-size: 1.4rem;
  }
  .circle-number {
    display: none;
  }
  .achievement-number span {
    margin-right: 10px;
  }
  .achievement-content h5,
  .cs-soln-card h5 {
    font-size: 1.4rem;
  }
  .item-number {
    margin-right: 18px;
    font-size: 2rem;
  }
  .challenge-solution-txt h5 {
    font-size: 1.4rem;

    margin-bottom: 0.2rem;
  }
  .achievement-content p,
  .challenge-solution-txt p,
  .cs-solution-section p,
  .cs-What-built p {
    font-size: 1.1rem;
  }
  .cs-soln-card p {
    font-size: 1.1rem;
  }
  .interactive-list li {
    font-size: 1.1rem;
  }
  .stat-number {
    font-weight: 400;
    font-size: 2rem;
  }
  .cs-feature-item {
    text-align: center;
    padding: 10px;
  }
  .cs-feature-item p {
    font-size: 1.1rem;
  }
  .cs-feature-item h5 {
    font-size: 1.4rem;
  }
  .intro-subtxt {
    font-size: 1.1rem;
  }
  .chatbot-capabilities {
    display: block;
  }
  .chatbot-capabilities .left-chatBot-cap {
    position: relative;
    top: auto;
  }
  .list-style-faqs {
    font-size: 1.2rem;
  }
  .types-chatbot-header h3 {
    font-size: 1.6rem;
  }
  .ai-chatbot-banner {
    background: linear-gradient(182deg, rgb(35 74 157) 0%, #0e1d31 56%);
  }
  .sticky-benefits-section h2 {
    text-align: center !important;
  }
  .chatbot-capabilities
    .right-chatbot-cap
    .ai-benefitsDiv
    .ai-benefitsDivTxt
    p {
    font-size: 1.2rem;
  }
  .chatbot-capabilities .ai-benefitsDiv h4 {
    font-weight: 500;
  }
  .chatbot-capabilities .ai-benefitsDivIcon {
    margin-bottom: 20px;
  }
  .Capabilities-icon {
    display: block;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    filter: brightness(0) saturate(100%) invert(6%) sepia(16%) saturate(6635%)
      hue-rotate(195deg) brightness(95%) contrast(92%);
  }
  .aiChatbotCount .count_box {
    /* height: 93%; */
    padding: 20px;
    margin-bottom: 26px;
  }
  .ai-chatbot-service h2.pfont,
  .ai-chatbot-service p.sub-txt {
    text-align: left !important;
  }
  .chatbot-capabilities .right-chatbot-cap .ai-benefitsDiv {
    display: block;
    padding: 20px;
    text-align: center;
  }
  .tech-logo2 {
    width: 32%;
  }
  .ai-chatbot-banner .bannerBtns {
    display: inline-flex;
  }
  .ai-chatbot-banner .bannerBtns .getQuoteBtn,
  .ai-chatbot-banner .bannerBtns .home-banner-btn2 {
    font-size: 12px;
    padding: 7px 16px;
    margin-top: 20px;
  }
  .types-chatbot .col {
    flex-basis: fit-content;
  }
  .typesChatbot-box-items {
    height: auto;
    text-align: center;
  }
  .chatbot-capabilities .right-content {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #ddd; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  }
  .chatbot-capabilities .left-column {
    display: none;
  }
  .chatbot-techStack .tech-logo {
    display: inline-flex;
    width: 50%;
    flex: 1;
  }
  .chatbot-cta-img img {
    margin-bottom: 2rem;
  }
  .chatbot-cta-section2 .cta-box {
    display: block;
  }
  .typesChatbot-box-items .types-chatbot-icon {
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  .chatbot-cta h3,
  .cta-section2 h3 {
    font-size: 2rem;
  }
  .service-block-one .image-box {
    display: none;
  }
  .chatbot-cta-section2 .chatbotcta-txt {
    padding: 30px;
  }
  .chatbot-cta-section2 .txtBox h3 {
    font-size: 2rem;
  }
  .chatbot-cta-section2 .contactBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 30px;
    border: 0;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
    border-radius: 10rem;
    transition: all 0.02s;
    font-weight: 500;
    cursor: pointer;
    z-index: 0;
    box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);
    background: #fff;
    color: #0e1d31;
    border: 3px solid #0e1d31;
    box-shadow: rgb(239 63 103 / 70%) 0px 5px 15px;
    animation: electric 1s infinite;
  }
  .chatbot-capabilities-section .sub-txt {
    text-align: center !important;
  }
  .popular-service-items .chatbot-Indu-icon img {
    margin-right: 0;
  }
  .chatbot-cta-section2 .imgBox {
    height: 200px;
    border-radius: 10px 10px 0 0;
  }
  .chatbot-int-img {
    display: none;
  }
  .chatbot-cta {
    text-align: center;
  }
  .service-right-items {
    margin-left: 0;
  }
  .service-left-items {
    margin-right: 0;
  }
  .ai-pill {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 1rem;
  }
  .ent-ai-service-section .nav {
    flex-wrap: nowrap;
  }
  .ent-ai-service-section .tab-ent-servie {
    overflow: auto;
  }
  .ent-ai-service-section .nav-item {
    white-space: nowrap;
  }
  .enterprise-steps p.discovery-steps {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .popular-service-image {
    display: none;
  }
  .popular-service-items,
  .popular-service-items.chatbot-style-3 {
    text-align: center;
  }

  .popular-service-items.chatbot-style-2 {
    border-bottom: 1px solid #e0e1e5;
  }
  .popular-service-items.chatbot-style-2.chatbot-style-3 {
    border: none;
  }
  .chatbot-process .chatbot-process_content {
    padding: 50px 20px 50px 22px;
  }
  /* .chatbot-process .chatbot-process_content .chatbot-process_wrapper::before
{
    height: 740px;
} */
  .chatbot-capabilities.smarter-healthcare .indDecDiv {
    bottom: 0;
    left: 0;
    position: relative;
    width: 100%;
    top: 0;
    padding: 20px;
  }
  .chatbot-capabilities.smarter-healthcare .indDecDiv .right-description p {
    font-size: 1.1rem;
  }
  .types-chatbot-header p {
    font-size: 1.1rem;
  }
  .chatbot-capabilities .rightDiv {
    padding-left: 15px;
  }
  .chatbot-capabilities .right-content:last-child {
    border: none;
  }
  .next-level-mobileView {
    display: block;
  }
  .marketRealitySection img {
    animation: none;
    -webkit-animation: none;
  }
  .slider-container .owl-item.active .item {
    transform: none;
    width: 100%;
    box-shadow: 3px 3px 7px 7px rgb(0 1 2 / 29%);
  }
  .compat-img img {
    width: 120px !important;
  }
  .smart-AIsol-new-card2 h4 {
    text-shadow: -1px 2px 2px rgb(108 110 128 / 36%);
  }
  .traditional-aienhancement-section .carouselBox h4 {
    margin-bottom: 1rem;
  }
  .traditional-aienhancement-section .carouselDiv {
    padding: 4rem 2rem 1rem;
  }
  .smart-AIsol-new-card2 .impactArrowDivDown i,
  .smart-AIsol-new-card2 .impactArrowDivUp i {
    font-size: 1.4rem;
  }
  .TeamTestimonial p {
    font-size: 1.2rem;
  }
  .TeamTestimonial {
    height: auto;
  }
  .intelligent-sol .percentageDown,
  .intelligent-sol .percentageUp {
    font-size: 1.8rem;
  }
  .traditional-aienhancement-section .carouselBox {
    margin-bottom: 4rem;
  }
  .whyNow-rightBox {
    margin-top: 4rem;
  }
  .ai-banner .ctaDiv .btn,
  .ai-banner .ctaDiv .consultCTA {
    font-size: 1.3rem;
    padding: 5px 10px 4px 10px;
  }
  .ai-banner .ctaDiv .consultCTA {
    margin-left: 0.5rem;
  }
  .teamExperiseBox ul.liststyle2 li {
    display: inline-block;
    margin-left: 16px;
  }
  .ai-banner .arrow1 {
    line-height: 2;
  }
  ul.liststyle2 li:before {
    margin-right: 4px;
  }
  .teamExperiseDiv {
    text-align: center;
  }
  .home-caseStudy .healthcareCaseStudies .blog-card .blog-title {
    font-size: 1.4rem;
  }
  .AI-Adoption-Hurdles .agile-img {
    margin-bottom: 2rem;
    transform: none;
    box-shadow: 0.1rem 0.1rem 1rem rgb(0 0 0 / 26%);
  }
  .marketRealityDesc {
    font-size: 1.2rem;
    font-weight: 600;
  }
  .impactDiv {
    margin-bottom: 0;
  }
  .InnovSrc {
    margin-bottom: 0;
    position: relative;
    bottom: auto;
    white-space: nowrap;
  }
  .whyNow-leftBox h4,
  .whyNow-rightBox h4 {
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 0.5rem;
  }
  .whyNow-leftBox p,
  .whyNow-rightBox p {
    font-size: 1rem;
  }
  .whyNow-leftBox,
  .whyNow-rightBox {
    display: flex;
    align-items: center;
  }
  .whyNow-leftBox p,
  .whyNow-rightBox p {
    text-align: left;
  }
  .whyNow-leftBox .painPtsource {
    right: 0;
    left: 37px;
    font-size: 0.9rem;
    bottom: 12px;
  }
  .whyNow-rightBox .painPtsource {
    right: 42px;
    left: 0;
    font-size: 0.9rem;
    bottom: 12px;
    text-align: right;
  }
  .slider-container .custom-nav {
    top: auto;
    right: 0;
    left: 0;
    bottom: -48px;
  }
  .ai-benefitsDiv h4 {
    font-size: 1.4rem;
  }
  .ai-banner h1,
  .ai-banner .clor {
    text-align: left;
  }
  .ai-banner .ctaDiv {
    justify-content: flex-start !important;
  }
  .opporTxt {
    font-size: 2rem;
    width: 60%;
    text-align: center;
    transform: translate(-1%, -3%);
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .whyNow-rightBox {
    flex-flow: row-reverse;
  }
  .whyNow-rightBox .graphImg {
    margin-right: 10px;
  }
  .whyNow-rightArrow,
  .whyNow-leftArrow {
    animation: none;
  }
  .whyNow-rightArrow {
    transform: rotate(90deg);
    top: -21px;
    right: 0;
    left: 0;
    width: 42px;
    margin: 0 auto;
  }
  .ai-sol-challenges .sub-txt {
    font-size: 1.2rem !important;
    text-shadow: none;
  }
  .ai-benefitsDivTxt p {
    font-size: 1.1rem;
  }
  .ai-benefits-section {
    background-image: none;
  }
  .chatbot-capabilities .right-title {
    color: #ee4865;
    font-size: 1.6rem;
  }
  .popular-service-items h3 {
    font-size: 1.6rem;
    margin-top: 1.4rem;
  }
  .ai-chatbot-service .service-cards {
    text-align: center;
  }
  .chatbot-capabilities .leftDiv,
  .chatbot-capabilities .rightDiv {
    margin-top: 0;
  }
  .whyNow-leftArrow {
    transform: rotate(90deg);
    bottom: -58px;
    top: auto;
    right: 0;
    left: 0;
    width: 42px;
    margin: 0 auto;
  }
  .oppor-bg {
    height: 150px;
    margin-top: 3rem;
    margin-bottom: 4rem;
  }
  .graphImg {
    width: 70px;
    height: fit-content;
  }
  .Innov-AI-Sol-txt .border-right {
    border: 0;
  }
  .traditional-aienhancement-section .border-right {
    border: 0;
  }
  .nextLevelManf-rightDiv {
    margin-left: 0;
    padding: 40px 10px;
  }
  .nextLevelManfImg {
    width: 60px;
  }
  .smart-AIsol-new-card2 .Innov-AI-Sol-txt {
    font-size: 1.2rem;
    margin-bottom: 2.6rem;
    color: #212529;
  }
  .smart-AIsol-new-card2 h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem !important;
  }
  .smart-AIsol-new-card2 .impactName {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .teamExperise-section .srcLink {
    position: relative;
    right: 0;
    left: 0;
    margin-top: 1rem;
    text-align: center;
    color: #828eb9;
  }
  .Health-srcLink {
    position: relative;
    bottom: auto;
    margin-bottom: 3rem;
    font-size: 0.8rem;
  }
  .dashboard-div3 img {
    width: 100%;
  }
  .healthcare-Expertise .manufacturingClientDiv {
    height: auto;
    margin-bottom: 1rem;
  }
  .ai-sol-challenges .sub-txt,
  .ai-sol-challenges h2 {
    text-align: left !important;
  }
  .next-level-manf-section h5 {
    margin-bottom: 2rem;
    font-size: 1rem;
  }
  .your-fact-txt {
    font-size: 0.9rem;
  }
  .next-level-mobileView img {
    width: 100%;
  }
  .smart-AIsol-new-card2 {
    height: auto;
    margin-bottom: 2rem;
  }
  .solutionsNum2 {
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 1;
    background-color: #0e1d31;
    border-radius: 50%;
    color: #fff;
    bottom: 41px;
    top: auto;
    right: 37px;
    left: auto;
  }
  .marketRealityTxt.mobile-margin1 {
    margin-bottom: 3rem;
  }
  .marketRealityTxt.mobile-margin2 {
    margin-bottom: 4rem;
  }
  .AI-Adoption-Hurdles h2,
  .AI-Adoption-Hurdles .sub-txt,
  .marketRealitySection h2,
  .marketRealitySection .sub-txt {
    text-align: left !important;
  }
  .AI-Adoption-Hurdles hr {
    display: none;
  }
  .retail-aienhancement .srcLink,
  .sports-aienhancement .srcLink {
    right: 0;
    bottom: 0%;
    text-align: center;
    left: 0;
  }
  .next-level-desktopView {
    display: none;
  }
  .slider-container .owl-item.active .item,
  .slider-container .owl-item.active .item img {
    border-radius: 9px;
  }
  .ai-benefitsDiv {
    margin-left: 0;
    padding: 10px;
    border-bottom: 1px solid #ffffff14;
  }
  .dashboard-div2 #cards {
    padding-left: 0;
    padding-bottom: 0;
  }
  .ai-benefits-section h2 {
    text-align: left !important;
  }
  .ai-benefitsDivIcon {
    margin-right: 20px;
  }
  .ai-benefitsDivIcon img {
    width: 60px;
    height: auto;
  }
  .sticky-benefits-section {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .AI-Adoption-Hurdles .wrapper-ml2 {
    margin-left: 0;
  }
  .manufacturingClientDiv {
    height: auto;
  }
  .formsection .home-cmn-ttl {
    margin-left: 0;
    text-align: left;
  }
  .laptop .screen::before {
    height: 200px;
  }
  .laptop .screen {
    width: 80%;
  }
  .keyboard img {
    width: 100%;
    transform: perspective(2000px) rotateX(86deg) scale(0.9);
    transition: 0.5s ease all;
    position: relative;
    top: -100px;
  }
  .laptop .keyboard {
    height: 55px;
  }
  .intelligent-sol {
    padding-bottom: 20px;
  }
  .intelligent-sol .emerging-txt-div {
    padding-top: 80px;
  }
}
@media (max-width: 576px) {
  /* .chatbot-capabilities .left-column
    {
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding: 1rem;
        margin-bottom: 0;
    } */
        .it-staff-industry .nav-pills-custom {
        display: none;
    }
    .it-staff-industry .tab-content-custom {
    background: none;
    padding: 0;
}
        .it-staff-industry .tab-content>.tab-pane {
        display: block;
        opacity: 1;
        background-color: #fff;
        padding: 25px 16px;
        margin-bottom: 1rem;
        border-radius: 12px;
    }
  .privateLLM-blindspot-section h2.pfont,
  .privateLLM-blindspot-section p.sub-txt,
  .why-private-llm h2.pfont,
  .why-private-llm p.sub-txt {
    text-align: left !important;
  }
  .private-llm-step-content {
    padding: 0 1rem 1rem 1rem;
  }
  .private-llm-cta-card {
    padding: 20px;
  }
  .private-llm-cta h3 {
    font-size: 2rem;
    margin-top: 1rem;
  }
  .wizard-footer {
    padding: 1rem 0.5rem;
  }
  .private-llm-sol {
    padding-bottom: 0;
  }
  .private-llm-ai-services-card {
    padding: 10px;
    margin: 16px;
  }
  .stat-col {
    margin-bottom: 2rem;
  }
  .stat-body {
    margin-bottom: 0;
  }
  .wizard-header {
    padding: 1.4rem;
  }

  .stat-source {
    margin-top: 5px;
  }
  .chatbot-capabilities.smarter-healthcare .industry-item {
    padding: 10px;
  }
  .case-studies-banner {
    height: 100vh;
    padding-bottom: 56px;
  }
  /* .cs-main-image {
    bottom: -16vh;
    } */
  .chatbot-capabilities .leftDiv {
    padding-right: 15px;
  }
  .chatbot-capabilities .leftDiv .arrowDiv {
    display: none !important;
  }
  .ai-manufacturing-banner h1,
  .ai-manufacturing-banner .subHeading {
    text-align: left;
  }
  /* .chatbot-process .chatbot-process_content .chatbot-process_wrapper::before {
        height: 640px;
    } */
  .ai-manufacturing-banner .ctaDiv {
    display: flex;
    flex-direction: row;
    justify-content: flex-start !important;
  }
  .ai-manufacturing-banner h1 {
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 1rem !important;
  }
  .ai-manufacturing-banner p.clor {
    text-align: left;
  }
  .ai-manufacturing-banner .subHeading {
    font-size: 1.7rem;
    line-height: 1.2;
  }
  .marketRealityCount {
    font-size: 3rem;
  }
  .nextLevelArrowDiv {
    position: absolute;
    top: 200px;
  }
  .graphImg {
    width: 60px;
    height: fit-content;
  }
  #traditional-ai-enhancement .owl-next {
    right: -4% !important;
  }
  #traditional-ai-enhancement .owl-prev {
    left: -4% !important;
  }
  .teamExperiseDiv {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .your-fact-txt {
    font-size: 0.8rem;
    text-align: left;
    min-height: 40px;
  }
  #traditional-ai-enhancement .owl-nav button {
    height: 45px;
    line-height: 45px;
    width: 45px;
  }
  .quote-card {
    flex-direction: column;
    text-align: center;
  }
  .quote-image {
    margin: 10px 0;
  }
  .ai-pain-point .card {
    padding: 1.2rem;
  }
  .Ai-highlight.painPt-num {
    font-size: 1.6rem;
  }
  .painPt-text {
    font-size: 1rem;
  }
  .whyNow-rightBox {
    margin-top: 3.8rem;
  }
  .whyNowDiv {
    margin-top: 0rem;
  }
  .aiManf-whyNow {
    padding-bottom: 0rem;
  }
  .quote-text {
    width: 100%;
  }

  .manufClientTxt {
    position: relative;
    bottom: 0%;
    left: 0;
    right: 0;
    top: 15px;
  }
  .manufacturingClientLogo {
    width: 100%;
  }
  .manufacturingClientDiv h5.hightlistTxt,
  .manufacturingClientDiv .txt1 {
    text-align: center;
  }
  .teamExperiseBox {
    padding: 1rem;
  }
  .iso-certificates-div img {
    width: 96%;
  }
  .compat-img img {
    width: 120px !important;
    margin-bottom: 2rem;
    transform: none;
  }
  .compat-img {
    position: relative;
  }
  .tech-stack-compat-section .aiModelDiv img {
    transform: none;
  }
  .tech-stack-compat-section .aiModelDiv {
    padding: 0 !important;
    height: 100%;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .whyNow-leftBox p,
  .whyNow-rightBox p {
    font-size: 1.4rem;
  }
  .whyNow-leftBox h4,
  .whyNow-rightBox h4 {
    font-size: 1.4rem;
  }
  .whyNow-leftBox p,
  .whyNow-rightBox p {
    font-size: 1rem;
  }
  /* .whyNow-rightArrow, .whyNow-leftArrow
{
    display: none;
} */
  .nextLevelManfImg {
    width: 40px;
  }
  .next-level-manf-section h5 {
    font-size: 1rem;
    text-align: left;
    height: 36px;
    margin-bottom: 0;
  }
  .nextLevelarrow span {
    width: 5vw;
    height: 5vw;
    border-bottom: 4px solid #0e1d31;
    border-right: 4px solid #0e1d31;
  }

  img.plusIcon {
    width: 26px;
  }
  .nextLevelManf-rightDiv {
    margin-left: 0;
    padding: 40px 10px;
    text-align: left;
  }
  .nextLevelManf-leftDiv {
    padding: 40px 8px;
  }
  .ai-mang-form .pfont,
  .ai-mang-form .sub-txt {
    text-align: left !important;
  }
  #accordion2 {
    padding-top: 0 !important;
  }
  #accordion2 .panel {
    margin: 0 0 25px 0px;
  }
  #accordion2 .panel-title a {
    font-size: 15px;
  }
  .traditional-aienhancement-section .carouselBox {
    width: 96%;
  }
  .ai-manufacturing-banner,
  .ai-construction-banner {
    height: auto;
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
/* ai manufacturing page end */
@media screen and (max-width: 1360px) and (min-width: 900px) {
  .emerging-tech-feature-2-cnt-title {
    font-size: 1.4rem;
  }
  .emerging-tech-feature-2-content-bottom {
    transform: translateY(30px);
  }
  .emerging-txt-div .slider-div {
    margin-bottom: 16px;
  }
  .tech-stack-div .tech-box {
    padding: 44px;
  }
  #tabs .tech-stack .nav-tabs .nav-link {
    font-size: 1.1rem;
  }
  .Blog-div .card-div .thumbnail img {
    height: 186px;
  }
  .php-why-choose .why-hire {
    height: 90%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
  .Home-page-banner h1 {
    font-size: 3rem;
  }
  .imgDiv img {
    width: 350px;
  }
  .indDecDiv {
    width: 60%;
  }
  .tech-box {
    padding: 35px;
  }
  .sw-dev-process-div .curve_arrow5 {
    left: -80px;
  }
  .sw-dev-process-div .curve_arrow5 img,
  .sw-dev-process-div .curve_arrow4 img,
  .sw-dev-process-div .curve_arrow3 img {
    width: 140px;
  }
  .sw-dev-process-div .curve_arrow3 {
    top: 350px;
    right: -33px;
  }
  .sw-dev-process-div .curve_arrow4 {
    top: 15px;
    left: -90px;
  }
  .hiringSection-box {
    padding: 24px;
  }
  .hiringSection-title .title {
    font-size: 1.8rem;
  }
  .ai-btm-accredtn .accrdt-int-grid {
    height: 120px;
  }
  .ai-pill {
    position: absolute;
    top: 16px;
    left: 16px;
  }
}
@media (max-width: 992px) {
  .sw-dev-process-div .curve_arrow2 img,
  .sw-dev-process-div .curve_arrow img,
  .sw-dev-process-div .curve_arrow5 img,
  .sw-dev-process-div .curve_arrow4 img,
  .sw-dev-process-div .curve_arrow3 img {
    display: none;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .tech-img-div {
    width: 90px;
    height: 90px;
  }
  .imgDiv img {
    width: 100%;
  }
  .indDecDiv {
    width: 90%;
  }
  .homeTopIndu.topIndustries .left-column {
    padding: 1rem;
    font-size: 1rem;
  }
  .home-caseStudy .healthcareCaseStudies .blog-content {
    width: 100%;
  }
  .home-caseStudy .healthcareCaseStudies .blog-image {
    width: 100%;
    height: 300px;
  }
  .home-caseStudy .healthcareCaseStudies .blog-card {
    display: block;
  }
}
@media (max-width: 768px) {
  .sw-dev-process-div .curve_arrow3 img {
    display: none;
  }
  .home-why-choose-wrapper .single-steps-area::after {
    display: none;
  }
  .blogs-carousel.owl-carousel .owl-nav button,
  .news-carousel .owl-nav button {
    height: 50px;
    line-height: 55px;
    width: 50px;
    font-size: 20px;
  }
  .Blog-div .card-div .thumbnail img {
    height: 180px;
  }
  .testi-owl-carousel .owl-nav .owl-prev,
  .testi-owl-carousel .owl-nav .owl-next {
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
  #emerging-tech .owl-nav button {
    height: 50px;
    line-height: 50px;
    width: 50px;
  }
  .probDiv,
  .solDiv {
    width: auto;
    padding: 0;
    margin-bottom: 2rem;
  }
  .emerging-txt-div {
    padding-top: 60px;
  }
  .client-logo-img {
    width: 64% !important;
    height: auto;
  }
  .leftDiv,
  .rightDiv {
    margin-top: 2rem;
  }
  .prototype-ind-trends .rightDiv {
    margin-top: 0 !important;
    padding: inherit;
    text-align: center;
  }
  .prototype-ind .aiSoln .blog-description {
    font-size: 1rem;
  }
  .prtyp-benefit .pfont {
    margin-top: 1rem;
  }
  .ezy__clients8-item {
    height: 180px;
  }
  .home-client-section .indu-name {
    margin-top: 6px;
  }
  .ezy__clients8-heading {
    font-size: 35px;
    line-height: 35px;
  }
  .home-banner-btn-div {
    margin-top: 2rem;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: flex-start;
  }
  .home-banner-btn,
  .home-banner-btn2 {
    font-size: 14px;
    padding: 10px 16px;
    margin-top: 0;
  }
  #global-accreditations .owl-item img {
    width: 70%;
  }
  .acc-box {
    padding: 1rem;
  }
  .home-service .service-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 1.6rem;
  }
  .Home-page-banner {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .home-service .service-icon img {
    width: 40px;
  }
  .home-service .service-icon {
    margin: 0 auto;
    margin-bottom: 1.6rem;
  }
  .industries-section .tab-pane {
    padding: 0 !important;
    border: none !important;
  }
  .industries-section .industry-card-home {
    padding: 30px 20px;
  }
  #emerging-tech .owl-next,
  #emerging-tech .owl-prev {
    position: relative;
  }
  .our-speciality-area .our-speciality-content-wrap {
    padding: 10px;
  }
  .home-why-choose h3 {
    font-size: 1.6rem;
  }
  .home-why-choose .feature-content p {
    font-size: 1.2rem;
  }
  .hiringSection-box {
    margin-bottom: 20px;
    height: auto;
  }
  .hiringSection-list ul li {
    font-size: 1.2rem;
  }
  .Home-page-banner h1 {
    font-size: 3rem;
  }
  .home-banner-desc {
    font-size: 1.2rem;
    padding-left: 0rem;
    padding-right: 1rem;
  }
  .Home-page-banner .banner-text {
    text-align: left;
  }
  .home-banner-ratings .ratings-div {
    padding: 10px;
  }
  .home-countSection h2 {
    text-align: left !important;
  }
  .home-countSection p.sub-txt {
    padding-right: 0;
    line-height: 1.8;
    text-align: left !important;
  }

  .sw-dev-process-div .curve_arrow2 img,
  .sw-dev-process-div .curve_arrow img,
  .sw-dev-process-div .curve_arrow5 img,
  .sw-dev-process-div .curve_arrow4 img {
    display: none;
  }
  .testi-owl-carousel .owl-nav {
    position: relative;
    z-index: 1;
    top: auto;
    left: auto;
    right: auto;
    bottom: -3rem;
    margin: 0 auto;
    text-align: center;
  }
  .testi-owl-carousel .testimonial-1 {
    justify-content: normal !important;
    height: auto !important;
  }
  .testimonial-1 .testimonial-name {
    font-size: 1.4rem;
  }
  .testimonial-1 .testimonial-text p {
    font-size: 1.2rem;
  }
  .testimonial-1 .testimonial-info {
    margin-top: 2rem;
  }
  .testimonial-1 .info {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 1rem;
  }
  .testimonial-1 .reqName {
    line-height: 1.2;
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  .testimonial-1 .verifiedClient {
    margin: 0 !important;
  }
  .working-process-number h6 {
    font-size: 100px;
  }
  .home-why-choose .pfont {
    text-align: left !important;
  }
  .home-why-choose-wrapper .single-steps-area {
    gap: 10px;
    margin-bottom: 0px;
    margin-top: 30px;
  }
  .homeTopIndu.topIndustries .left-column {
    padding: 1.2rem;
  }
  .homeTopIndu.topIndustries .industry-item {
    margin-bottom: 0.8rem;
  }
  .sw-dev-process2 .sw-dev-process-div h3 {
    font-size: 2rem;
  }
  .sw-dev-process-div {
    margin-bottom: 10px;
  }
  .tech-box {
    padding: 10px;
  }
  .tech-stack .nav-fill {
    justify-content: normal;
    flex-direction: row !important;
  }
  .tech-logo-box {
    height: 100%;
    padding: 6px;
    width: 33%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .techstack-p {
    font-size: 12px;
    line-height: 18px;
  }
  .tech-img-div {
    width: 84px;
    height: 84px;
  }
  .tech-stack .techstack-images {
    width: 45px;
  }
  #tabs .tech-stack .nav-tabs .nav-link {
    font-size: 1rem;
    padding: 6px 30px;
  }
  .home-meth .service-block .icon img {
    margin-bottom: 1.2rem;
  }
  .home-ai-solutions-section .caseStudy__single .meta {
    background-color: rgb(23 34 88 / 71%);
  }
  #accordion .panel-title a {
    padding: 16px 42px 16px 16px;
  }
  #accordion .panel-title a::after,
  #accordion .panel-title a[aria-expanded="false"]::after {
    top: 35%;
  }
  #accordion .panel {
    margin: 0 0 25px 0px;
  }
  .home-why-choose .about-text {
    font-size: 15px;
  }
  .news-carousel .carousel-slide img {
    height: 330px;
  }
  .hiring-pricing-card {
    padding: 20px;
  }
  .flex-container {
    margin: 0;
  }
  .industries-section .split-grid {
    gap: 18px;
  }
  .industries-section .text-solve,
  .industries-section .text-pain {
    font-size: 1rem;
  }
  .industries-section .pain-point-home {
    border-right: 0;
  }
  .footer_box h3 {
    font-size: 1.8rem;
  }
  .footer_box ul li a {
    font-size: 1.32rem;
  }
  .footer_box ul li:last-child {
    margin-bottom: 2rem;
  }
  .footerbg .social-media {
    justify-content: flex-start;
  }
  .budgetDetails .radio-inputs {
    font-size: 12px;
  }
  .successIcon {
    margin-bottom: 1rem;
  }
  .budgetDetails .radio-inputs {
    height: 28px;
  }
  .pstep {
    height: auto;
  }
  .process-row .expanded {
    display: block;
    margin-top: 12px;
    opacity: 1;
    max-height: fit-content;
  }
  .pill-badge {
    font-size: 0.9rem;
    font-weight: 600;
  }
  .sl-p {
    font-size: 1rem;
  }
  .innovation-card p {
    font-size: 1rem;
  }
  .accreditations-section2 .acc-card-home {
    padding: 12px;
  }
  .sl-card {
    position: relative;
    width: 100%;
    min-height: auto;
    margin-bottom: 1rem;
  }
  .sl-card.tl {
    left: auto !important;
    top: auto !important;
  }
  .sl-card.tr {
    right: auto !important;
    top: auto !important;
  }
  .sl-card.bl {
    left: auto !important;
    bottom: auto !important;
  }
  .sl-card.br {
    right: auto !important;
    bottom: auto !important;
  }
  .sl-card:hover {
    transform: none;
  }
  .sl-ring,
  .sl-center {
    display: none;
  }
  .sl-canvas {
    position: relative;
    margin: 0;
    max-width: none;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .home-banner-btn-div {
    flex-direction: row !important;
  }
  #global-accreditations .img-box {
    height: 100px;
  }
  .industries-section .industry-card-home {
    padding: 30px 20px;
  }
  .industries-section .industry-meta h3 {
    font-size: 1.8rem;
    display: flex;
    gap: 10px;
  }
  .home-cs-case-title {
    font-size: 2rem;
  }
  .home-service .service-card .service-desc p {
    font-size: 1.1rem;
  }
  .caseStudy-img-box.img-mr,
  .caseStudy-img-box.img-ml {
    margin-right: 0;
    margin-left: 0;
  }
  .industries-section .industry-card-home {
    border-radius: 26px;
  }
  #global-accreditations p.acc-desc {
    font-size: 10px;
  }
  .Home-page-banner {
    height: auto;
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .home-banner-btn,
  .home-banner-btn2 {
    font-size: 12px;
    padding: 7px 16px;
    margin-top: 20px;
  }
  .Home-page-banner h1 {
    font-size: 2.6rem;
  }
  .sub-txt {
    font-size: 1.2rem;
  }
  .home-ai-solutions-section .caseStudy__single .image {
    max-height: 250px;
    min-height: 250px;
  }
  .home-ai-solutions-section .caseStudy__single .image img {
    height: auto;
    width: 100%;
  }
  .home-ai-solutions-section .caseStudy__single {
    padding: 30px 20px;
    height: auto;
  }
  .home-ai-solutions-section .caseStudy__single .image2,
  .home-ai-solutions-section .caseStudy__single .image {
    min-height: auto;
  }
  .home-ai-solutions-section .caseStudy__single .meta {
    padding: 12px;
  }
  .testi-owl-carousel .owl-nav .owl-prev,
  .testi-owl-carousel .owl-nav .owl-next {
    height: 50px;
    line-height: 56px !important;
    width: 50px;
    font-size: 20px !important;
  }
  .hiring-feature-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 0;
  }
  #accordion .panel-title a {
    padding: 16px 42px 16px 16px;
  }
  #accordion .panel-title a::after,
  #accordion .panel-title a[aria-expanded="false"]::after {
    top: 35%;
  }
  #accordion .panel {
    margin: 0 0 25px 0px;
  }
  .home-why-choose .about-text {
    font-size: 15px;
  }
  .top-header .contact-info {
    font-size: 10px;
  }
}
/* microservices */
.characteristics-section {
  padding: 5rem 0;
}
.characteristic-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.characteristic-item:hover {
  transform: translateY(-5px);
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}
.characteristic-icon {
  color: #007bff;
  margin-right: 1.5rem;
  width: 80px; /* Fixed width for alignment */

  text-align: center;
}
.characteristic-icon img {
  width: 100%;
  height: auto;
}
.characteristic-content h5 {
  font-weight: 600;
  color: #0e1d31;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.characteristic-content p {
  font-size: 1rem;
  line-height: 1.6;
  color: #6c757d;
  margin-bottom: 0;
}
#micro-framewroks.owl-carousel .item {
  background: #fff;
  border-radius: 12px;
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 100%;
  margin: 0 !important;
  white-space: normal;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
#micro-framewroks .framework-name {
  font-size: 1.3rem;
  font-weight: 600;
  color: #ee4865;
  margin-bottom: 10px;
}
#micro-framewroks .framework-desc {
  font-size: 0.95rem;
  color: #333;
}
#micro-framewroks.owl-carousel .owl-nav {
  display: none;
}
#micro-framewroks.owl-carousel .owl-stage {
  display: flex;
}
#micro-framewroks img {
  width: auto;
  height: 70px;
  margin-bottom: 2rem;
}
.modern-table {
  border-collapse: separate;
  border-spacing: 0 14px;
  width: 100%;
}
.modern-table thead th {
  background-color: #0e1d31;
  color: #fff !important;
  font-weight: 600;
  text-align: center;
  padding: 16px;
  border-bottom: 2px solid #dee2e6;
}
.modern-table tbody td {
  background-color: #ffffff;
  text-align: center;
  padding: 18px 14px;
  color: #444;
  font-size: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.modern-table tbody tr td:first-child,
.modern-table thead tr th:first-child {
  text-align: left;
  font-weight: 600;
  color: #ee4865;
}
.modern-table thead tr th:first-child {
  text-align: left;
}
.badge-card {
  background-color: #0e1d31;
  border-radius: 16px;
  padding: 25px;
  width: 100%;
  height:100%;
  margin: 0 auto;
 
  display: flex;
  align-items: flex-start;
  box-shadow: 0 0 0 1px #2d2d2d;
}
.badge-card .card-content {
  flex: 1;
  padding-top: 0;
}
.badge-period {
  display: inline-block;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 12px;
  margin-bottom: 8px;
}
.billion-dollar-section img {
  width: 40px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
}
.role-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #ee4865;
}
.company {
  font-size: 0.95rem;
  color: #bbb;
  margin-top: 8px;
}
.case-label {
  font-weight: 600;
  color: #ee4865;
  margin-top: 16px;
}
.case-text {
  color: #fff;
  font-size: 0.95rem;
}
.microservice-counter,
.microservice-counter h5 {
  color: #fff;
}
/* Digital Solution */
.digital-sol-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #f1f1f1;
  padding: 10px;
  transform: rotateX(38deg) rotateZ(-4deg);
  transform-style: preserve-3d;
  border-radius: 32px;
  box-shadow:
    1px 1px 0 1px #f9f9fb,
    -1px 0 15px 0 rgba(34, 33, 81, 0.01),
    9px 8px 7px 0 rgba(34, 33, 81, 0.25);
  transition:
    0.4s ease-in-out transform,
    0.4s ease-in-out box-shadow;
}
.key-features-section {
  background: #f8f9fc;
}
.key-features-section .info-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.key-features-section .info-icon {
  flex: 0 0 60px;
  height: 60px;
  width: 60px;
  background: #0e1d31;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  margin-right: 20px;
  font-size: 20px;
}
.key-features-section .info-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(31%) saturate(0%)
    hue-rotate(144deg) brightness(114%) contrast(100%);
}
.key-features-section .info-content h5 {
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 1.4rem;
  color: #0e1d31;
}
.key-features-section .info-content p {
  margin-bottom: 0;

  font-size: 1rem;
}
.digital-sol-best-for {
  background: radial-gradient(#001f55, #0e1d31);
}
.digital-sol-best-for .digital-sol-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);

  padding: 1rem;
  text-align: center;
  height: 100%;
}

.digital-sol-best-for p {
  font-size: 1rem;
  text-align: left;
  font-weight: 300;
  color: #0e1d31;
  position: relative;
  padding-left: 2.2rem;
}
.digital-sol-best-for .digital-sol-card p::before {
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  font-weight: 700;
  font-size: 1rem;
  color: #001f55;
  background-color: #eee;
  padding: 4px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 22px;
  text-align: center;
}
.digital-sol-best-for img {
  border-radius: 12px;

  width: 100%;
}
.recruitment-banner-dashboard {
  transform: rotateZ(-6deg);
  box-shadow: 24px 16px 64px 0 rgba(0, 0, 0, 0.08);
  width: 47%;
  position: absolute;
  right: -2%;
  bottom: 6%;
  filter: opacity(0.5);
}
.recruitment-banner .getQuoteBtn {
  padding: 10px 25px 10px 25px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100px;
  margin-left: 0;
}
@media (max-width: 768px) {
  .digital-prob-sol-sec .healthcare-challenge-desc,
  .digital-prob-sol-sec .healthcare-soln-desc {
    border-radius: 12px;
    box-shadow: rgb(183 120 120 / 45%) 0px 25px 20px -20px;
    border-radius: 12px;
  }
  .digital-sol-best-for p {
    padding-left: 3rem;
  }
  .digital-sol-logo {
    border-radius: 12px;
    box-shadow:
      1px 1px 0 1px #f9f9fb,
      -1px 0 6px 0 rgba(34, 33, 81, 0.01),
      9px 8px 7px 0 rgba(34, 33, 81, 0.25);
    padding: 50px 10px;
  }
  .digital-sol-best-for .digital-sol-card {
    height: auto;
    margin-bottom: 1rem;
  }
  .recruitment-banner-dashboard {
    display: none;
  }
  .key-features-section h2 {
    text-align: left !important;
  }
  .key-features-section hr {
    margin: 0;
    margin-bottom: 1rem;
  }
}
/* ai-regulatory-tech-for-finace starts */
.ai-reg-tech-banner h1 {
  font-size: 1.5rem;
  font-weight: 600 !important;
  color: #ee4865;
}
.ai-reg-tech-banner p.subHeading {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
}
.ai-reg-tech-banner {
  /* background-image: linear-gradient(to right, rgba(0, 0, 0, 1), #11235ad9), url(../img/ai-reg-banner-img.webp);     */
  background-color: #11235a;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ai-reg-tech-banner .top-right-bannertxt {
  background: linear-gradient(0deg, rgb(3 35 83) 0%, rgb(10 74 171) 100%);
  right: 14%;
  top: 30%;
}
.ai-reg-tech-banner .top-right-bannertxt2 {
  right: -27px;
  top: 16%;
}
.ai-reg-tech-banner .top-left-bannertxt {
  right: 8%;
  bottom: 4%;
  left: auto;
  background: linear-gradient(0deg, rgb(3 35 83) 0%, rgb(10 74 171) 100%);
}
.ai-reg-tech-banner .top-left-bannertxt2 {
  left: 35%;
  bottom: 22%;
}
.ai-reg-tech-banner .top-left-bannertxt3 {
  left: 29%;
  bottom: 42%;
}
.bannerimgIcon {
  height: 25px !important;
  margin-top: 0 !important;
  margin-right: 4px;
}
.cost-of-outdated {
  background: linear-gradient(to right, #e5effd 0%, #fff 100%);
}
.reg-accreditations-section {
  background: linear-gradient(191deg, #1d3b63 0%, #0e1d31 100%);
  position: relative;
  background-image:
    linear-gradient(to right, rgb(255 255 255 / 57%), rgb(230 230 255 / 50%)),
    url(../img/cs-chal-sol-bg.webp);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.highlight-box {
  background: linear-gradient(135deg, #eff6ff, #e2efff);
  border-left: 4px solid #0e1d31;
  font-size: 1rem;
}
.highlight-box strong {
  color: #0e1d31;
}
.ai-reg-service {
  height: 100%;
}
.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
  position: relative;
}
.content-grid::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(0, 0, 0, 0.15);
  transform: translateX(-50%);
}
.left-section h3 {
  font-size: clamp(32px, 3.5vw, 25px);
  font-weight: 400;
  color: #ee4865;
  margin-bottom: 30px;
}
.left-section > p {
  font-size: clamp(16px, 1.8vw, 18px);
  color: #2d2d2d;
  margin-bottom: 40px;
  line-height: 1.6;
}
.reg-aiSolution .owl-carousel .owl-nav button.owl-next,
.reg-aiSolution .owl-carousel .owl-nav button.owl-prev,
.reg-aiSolution .owl-carousel button.owl-dot {
  color: #fff;
}
.pain-points {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pain-point {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.icon-wrapper {
  min-width: 70px;
  width: 70px;
  height: 70px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.icon-wrapper img {
  width: 36px;
  height: 36px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(63%) saturate(746%)
    hue-rotate(176deg) brightness(89%) contrast(96%);
}
.pain-point p {
  font-size: clamp(15px, 1.6vw, 18px);
  color: #2d2d2d;
  line-height: 1.6;
  padding-top: 8px;
}
.right-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.stat-card {
  /* background: white; */
  padding: 40px;
  /* border-radius: 12px; */
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); */
}
.stat-card h3 {
  font-size: clamp(48px, 6vw, 60px);
  font-weight: 500;
  color: #0e1d31;
  margin-bottom: 20px;
}
.stat-card p {
  font-size: clamp(16px, 1.6vw, 18px);
  color: #2d2d2d;
  line-height: 1.6;
  margin-bottom: 15px;
}
.stat-card .source {
  font-size: clamp(13px, 1.3vw, 13px);
  color: #b2bec3;
  font-style: italic;
  text-align: end;
}
.page-indicator {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}

.red-rounded-grid {
  display: flex;
  justify-content: start;
  border-radius: 25px;
  width: 135px;
  background-color: #ff5555;
  padding: 5px 10px;
  margin-bottom: 15px;
  font-size: 1rem;
}
.checked-white {
  width: 25px !important;
  height: 25px !important;
  margin-right: 10px !important;
  margin-left: 0px !important;
}

.solving-finance-section {
  background-color: #0e1d31;
  position: relative;
}

.image-section {
  position: relative;
  z-index: 1;
  padding-right: 30px;
}
.compliance-image-wrapper {
  background: rgba(0, 40, 80, 0.5);
  border-radius: 20px;
  /* padding: 30px; */
  backdrop-filter: blur(10px);
  border: 1px solid rgba(100, 200, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.compliance-image-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.ai-reg-tech-banner .bannerimg img {
  width: auto;
  height: 400px;
}
.accordion-section {
  position: relative;
  z-index: 2;
  padding-left: 0;
  margin-left: -40px;
}
/* Custom Accordion Styles */
.compliance-accordion {
  background-color: transparent;
  /* --bs-accordion-border-color: transparent; */
}
.compliance-accordion-item {
  background: linear-gradient(135deg, #003d7a 0%, #002855 100%) !important;
  border: none;
  border-radius: 12px !important;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
.compliance-accordion-item:hover {
  transform: translateX(5px);
  box-shadow: 0 6px 20px rgba(0, 120, 255, 0.3);
}
.compliance-accordion-button {
  background: transparent;
  /* background-color: #000046 !important; */
  color: white;
  font-size: 1rem !important;
  font-weight: 600;
  padding: 20px 25px;
  border: none;
  box-shadow: none;
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compliance-accordion-button:hover {
  color: #fff;
}
.compliance-accordion-button:not(.collapsed) {
  background: transparent;
  color: white;
  box-shadow: none;
}
.compliance-accordion-button:focus {
  box-shadow: none;
  border: none;
}
.compliance-accordion-button::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
  flex-shrink: 0;
  margin-left: auto;
}
.compliance-accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}
.compliance-accordion-collapse {
  transition: height 0.35s ease;
}
.compliance-accordion-body {
  background: rgba(0, 30, 60, 0.7);
  color: #e0e0e0;
  padding: 25px;
  font-size: 1rem;
  line-height: 1.6;
  border-top: 1px solid rgba(100, 200, 255, 0.2);
}
@media (max-width: 1200px) {
  .ai-reg-tech-banner .bannerimg img {
    height: 350px;
  }
  .ai-reg-tech-banner .bannerimg p {
    font-size: 0.7rem;
  }
  .ai-reg-tech-banner .bannerimgIcon {
    width: 20px !important;
    height: auto !important;
  }
}
@media (max-width: 991px) {
  .accordion-section {
    margin-left: 0;
    padding-left: 15px;
    margin-top: 30px;
  }
  .image-section {
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .compliance-accordion-button {
    font-size: 0.95rem;
    padding: 15px 20px;
  }
  .compliance-accordion-body {
    padding: 20px;
    font-size: 0.9rem;
  }
}
.expertise-cards-section {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
.expertise-single-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  height: 330px;
}
.expertise-single-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.expertise-card-number {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 5rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.03);
  line-height: 1;
  z-index: 0;
}

.expertise-card-header-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}
.expertise-icon-box {
  width: 70px;
  height: 70px;
  background: #0e1d31;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(107, 63, 160, 0.3);
}
.expertise-icon-box svg {
  width: 32px;
  height: 32px;
  fill: white;
}
.expertise-card-heading {
  font-size: 1.4rem;
  font-weight: 400;
  color: #0e1d31;
  margin: 0;
  line-height: 1.3;
}
.expertise-card-text {
  font-size: 1rem;
  color: #696969;
  line-height: 1.7;
  margin: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .expertise-single-card {
    padding: 30px 25px;
  }
  .expertise-card-number {
    font-size: 3.5rem;
    top: 15px;
    right: 20px;
  }
  .expertise-icon-box {
    width: 60px;
    height: 60px;
    margin-right: 15px;
  }
  .expertise-icon-box svg {
    width: 28px;
    height: 28px;
  }
  .expertise-card-heading {
    font-size: 1.25rem;
  }
  .expertise-card-text {
    font-size: 1rem;
  }
  .roi-problem-section .ai-reg-service p {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .expertise-single-card {
    padding: 25px 20px;
  }
  .expertise-card-number {
    font-size: 2.5rem;
  }
  .expertise-icon-box {
    width: 55px;
    height: 55px;
  }
  .expertise-icon-box svg {
    width: 24px;
    height: 24px;
  }
  .expertise-card-heading {
    font-size: 1.1rem;
  }
}
.reg-aiSolution {
  background-color: #0b1a2f;
  position: relative;
  overflow: hidden;
}

.reg-aiSolution .case-study-card {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: radial-gradient(circle at top left, #1d2440 0, #0f1b3b 55%);
  color: #ffffff;
  min-height: 420px;
  height: 100%;
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.6);
}

.reg-aiSolution .case-study-card + .reg-aiSolution .case-study-card {
  margin-left: 0;
}

@media (min-width: 768px) {
  .case-study-card + .case-study-card {
    margin-left: 24px;
  }
}

/* background image with gradient overlay */
.reg-aiSolution .case-study-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.8;
  z-index: 0;
  filter: saturate(1.1);
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

.reg-aiSolution .case-study-card.bg-kyc::before {
  background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #0b1b45f5 82%),
    url("../img/Automated-KYC-Solution.webp");
}

.reg-aiSolution .case-study-card.bg-tm::before {
  background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #0b1b45f5 82%),
    url("https://images.pexels.com/photos/669619/pexels-photo-669619.jpeg");
}

.reg-aiSolution .case-study-card:hover::before {
  transform: scale(1.03);
  opacity: 0.9;
}

.reg-aiSolution .case-study-inner {
  position: relative;
  z-index: 1;
  padding: 26px 30px 22px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.reg-aiSolution .case-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 190px;
}

.reg-aiSolution .icon-pill {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(2, 7, 20, 0.86);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a5b3ff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

.reg-aiSolution .metric-badge {
  position: absolute;
  top: 160px;
  left: 30px;
  padding: 14px 22px;
  background: rgba(14, 29, 49, 0.9);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(14, 29, 49, 0.3);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 150px;
}

.reg-aiSolution .metric-value {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
}

.reg-aiSolution .metric-label {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #9ba3c4;
  margin-top: 4px;
}

.reg-aiSolution .metric-badge.purple .metric-value {
  color: #ff6cf6;
}

.reg-aiSolution .metric-badge.blue .metric-value {
  color: #46b6ff;
}

.reg-aiSolution .reg-aiSolution-label {
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7f89b5;
  margin-bottom: 5px;
}

.reg-aiSolution .reg-aiSolution-title {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 14px;
}

.reg-aiSolution .solution-body {
  font-size: 1rem;
  line-height: 1.7;
  color: #c4c9e5;
  max-width: 480px;
  margin-bottom: 26px;
}

.reg-aiSolution .learn-link {
  font-size: 13px;
  color: #c8d5ff;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.reg-aiSolution .learn-link i {
  font-size: 12px;
  margin-left: 6px;
  transform: translateX(0);
  transition: transform 0.25s ease;
}

.reg-aiSolution .learn-link:hover i {
  transform: translateX(3px);
}
/* ai-regulatory-tech-for-finace end */