.left-right-tabbing-section.add-spacing {
  padding-top: 75px;
}

.left-right-tabbing-section:has(+ .migration-service),
.left-right-tabbing-section:has(+ .cloud-app-dev),
.left-right-tabbing-section:has(+ .ai-journey-sec),
.left-right-tabbing-section:has(+ .timeline-section),
.left-right-tabbing-section:has(+ .accelerate-project-delivery) {
  margin-bottom: 35px;
}

.left-right-tabbing-section:has(+ .services-all) {
  padding-bottom: 25px;
}

.skills + .left-right-tabbing-section {
  margin-top: 0;
}

.ai-dev-pitfall.bg-gray:has(+ .left-right-tabbing-section)
  + .left-right-tabbing-section {
  margin-top: 20px;
}

.image-cubes:has(+ .left-right-tabbing-section) + .left-right-tabbing-section {
  margin-top: 0;
}

.left-right-tabbing-section {
  margin-top: 35px;
  padding: 35px 0 0;
  overflow-x: clip;
  background-color: var(--white);
}

.left-right-tabbing-section.bg-white {
  background-color: var(--white);
}

.left-right-tabbing-section.software-testing-service {
  padding: 100px 0 0;
  margin-top: 75px;
  margin-bottom: 75px;
}

.left-right-tabbing-section .innerr {
  margin: 40px 0 0;
  position: relative;
}

.left-right-tabbing-section .innerr .eb {
  position: absolute;
  left: 64%;
  top: 20px;
  z-index: 1;
  opacity: 0.3;
  pointer-events: none;
}

.left-right-tabbing-section .innerr .left {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0 0 30px;
}

.left-right-tabbing-section .innerr .left .tabs-container {
  flex-direction: column;
  gap: 20px 0;
}

.left-right-tabbing-section .innerr .left .for-desktop .tab-click {
  display: block;
  position: relative;
  letter-spacing: 0.5px;
  text-decoration: none;
  color: var(--base_color);
  padding: 0 0 0 15px;
}

.left-right-tabbing-section .innerr .left .for-desktop .tab-click h3 {
  font-family: var(--poppins);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.365;
  color: var(--BlueTextColor);
  margin: 0;
}

.left-right-tabbing-section .innerr .left .for-desktop .tab-click:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 0px;
  background: var(--BluePrimary);
  border-radius: 0 3px 3px 0;
  left: 0;
  top: -4px;
  transition: 400ms;
}

.left-right-tabbing-section .ul-check-arrow ul li::before {
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
  /* background-image: url(../../images/tick-circle-white.svg),
    var(--primaryGradient); */
  background-position: center;
  background-repeat: no-repeat;
  /* background-size: calc(100% + 5px); */
  /* border-radius: 100px; */
  top: 7px;
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(4860%) hue-rotate(239deg) brightness(101%) contrast(97%);
}

.left-right-tabbing-section .btn.btn-green a:hover  {
    /* background-color: var(--newPrimaryGreenDark2); */
    /* border-color: var(--newPrimaryGreenDark2); */
}

.left-right-tabbing-section
  .innerr
  .left
  .for-desktop
  .tab-click.current:before {
  height: 33px;
}

.left-right-tabbing-section .innerr .left .for-desktop .tab-click.current,
.left-right-tabbing-section .innerr .left .for-desktop .tab-click.current h3,
.left-right-tabbing-section .innerr .left .for-desktop .tab-click:hover,
.left-right-tabbing-section .innerr .left .for-desktop .tab-click:hover h3 {
  color: var(--BlueTextColor);
  font-weight: 500;
}

.left-right-tabbing-section .innerr .right {
  width: 100%;
  padding: 40px 0;
  position: relative;
  background-color: var(--BlueDark);
  color: var(--white);
}

.left-right-tabbing-section .innerr .right .tab-content {
  position: relative;
}

.left-right-tabbing-section .innerr .right:before {
  content: "";
  position: absolute;
  width: 2000px;
  height: 100%;
  top: 0;
  left: -30%;
  z-index: 0;
  background: var(--BlueDark);
}

/* .left-right-tabbing-section .innerr .right:after {
  position: absolute;
  content: "";
  height: 50%;
  aspect-ratio: 1;
  background-color: var(--newOragne);
  left: 50%;
  top: 23%;
  opacity: 0.2;
  filter: blur(171px);
  border-radius: 100%;
  pointer-events: none;
} */

.left-right-tabbing-section .innerr .right .content p a {
  text-underline-offset: 6px;
  white-space: nowrap;
  color: var(--BluePrimary);
}

.left-right-tabbing-section .innerr .right .content p a:hover {
  color: var(--white);
}

.left-right-tabbing-section .innerr .right .content p a:focus {
  color: var(--white);
}

.left-right-tabbing-section .innerr .right .content {
  margin: 25px 0;
}

.left-right-tabbing-section .innerr .right .content p strong:first-child,
.left-right-tabbing-section .innerr .right .content p b:first-child {
  display: block;
  margin-bottom: 12px;
}

.left-right-tabbing-section .innerr .right .pre-title {
  font-family: var(--poppins);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
  margin-bottom: 20px;
}

.left-right-tabbing-section .innerr .right .h2 {
  font-family: var(--poppins);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--white);
}

.left-right-tabbing-section .innerr .right .btn {
  margin-top: 40px;
}

.left-right-tabbing-section .innerr .right .ul-check-arrow ul {
  margin: 0;
}

.left-right-tabbing-section .innerr .right .button-3 {
  margin: 40px 0 0;
}

.for-desktop {
  display: none;
}

.left-right-tabbing-section .innerr .right ul li a {
  color: var(--white);
  text-underline-offset: 6px;
}

.left-right-tabbing-section .innerr .right ul li a:hover {
  color: var(--PrimaryGreen);
}

@media (min-width: 768px) {
  .left-right-tabbing-section .innerr .right .h2 {
    font-size: 28px;
    line-height: 1.5;
  }

  .left-right-tabbing-section .innerr .right .pre-title {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .left-right-tabbing-section {
    padding: 50px 0 0;
    margin-top: 50px;
  }

  .left-right-tabbing-section:has(+ .migration-service),
  .left-right-tabbing-section:has(+ .cloud-app-dev),
  .left-right-tabbing-section:has(+ .ai-journey-sec),
  .left-right-tabbing-section:has(+ .timeline-section),
  .left-right-tabbing-section:has(+ .accelerate-project-delivery) {
    margin-bottom: 50px;
  }

  .ai-dev-pitfall.bg-gray:has(+ .left-right-tabbing-section)
    + .left-right-tabbing-section {
    margin-top: 35px;
  }

  .left-right-tabbing-section:has(+ .services-all) {
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .for-desktop {
    display: flex;
  }

  .for-mobile {
    display: none;
  }

  .left-right-tabbing-section .innerr {
    margin: 60px 0 0;
  }

  .left-right-tabbing-section .innerr .eb {
    left: 84%;
  }

  .left-right-tabbing-section .innerr .left {
    width: 50%;
    background: var(--new-theme-gray-50);
    padding: 40px 40px 40px 0;
    border-right: 11px solid var(--BluePrimary);
    /* border-right: 11px solid var(--newOragne); */
    margin: 0;
  }

  .left-right-tabbing-section .innerr .left:before {
    content: "";
    position: absolute;
    width: 2000px;
    height: 100%;
    background: var(--new-theme-gray-50);
    top: 0;
    right: 100%;
  }

  .left-right-tabbing-section .innerr .right {
    width: 50%;
    padding: 40px 0px 40px 40px;
  }

  .left-right-tabbing-section .innerr .right:before {
    left: 100%;
  }

  .left-right-tabbing-section .innerr .right .button-3 {
    margin: 70px 0 0;
  }
}

@media (min-width: 1200px) {
  .left-right-tabbing-section .innerr .right {
    padding: 50px 0px 50px 50px;
  }

  .left-right-tabbing-section .innerr .left {
    padding: 70px 70px 70px 0;
  }
}

@media (min-width: 1430px) {
  .left-right-tabbing-section .innerr .right {
    padding: 100px 0px 60px 100px;
  }

  .left-right-tabbing-section .innerr .right .content {
    margin: 40px 0;
  }

  .left-right-tabbing-section .innerr .left .tabs-container {
    gap: 24px 0;
  }

  .left-right-tabbing-section {
    padding: 75px 0 0;
    margin-top: 75px;
  }

  .left-right-tabbing-section .innerr .left .for-desktop .tab-click h3 {
    font-size: 20px;
  }

  .left-right-tabbing-section .innerr .left {
    padding: 100px 100px 100px 0;
  }

  .left-right-tabbing-section .innerr .right .h2 {
    font-size: 32px;
    line-height: 45px;
  }

  .left-right-tabbing-section .innerr .right .btn {
    margin-top: 70px;
  }

  .left-right-tabbing-section:has(+ .migration-service),
  .left-right-tabbing-section:has(+ .cloud-app-dev),
  .left-right-tabbing-section:has(+ .ai-journey-sec),
  .left-right-tabbing-section:has(+ .timeline-section),
  .left-right-tabbing-section:has(+ .accelerate-project-delivery) {
    margin-bottom: 75px;
  }

  .left-right-tabbing-section:has(+ .services-all) {
    padding-bottom: 60px;
  }

  .ai-dev-pitfall.bg-gray:has(+ .left-right-tabbing-section)
    + .left-right-tabbing-section {
    margin-top: 50px;
  }
}

/* NEW SECTION DESIGN */
/* 
.new-custom-tab-left {
  max-width: 446px;
}

.new-custom-tab-left .tabs-container {
  display: flex;
  flex-direction: column;
}

.new-custom-tab-left .tab-click.current h3 {
  color: var(--PrimaryGreen);
}

.new-custom-tab-left .tab-click h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  font-family: var(--poppins);
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 18px;
  z-index: 1;
  cursor: pointer;
}

.new-custom-tab-left .tab-click {
  all: unset;
}

.new-custom-tab-left .tab-click h3::before {
  position: absolute;
  content: '';
  width: 0;
  height: 2px;
  background-color: var(--OffWhite);
  bottom: 0;
  right: 0;
  left: unset;
}

.new-custom-tab-left .tab-click.current h3::before {
  left: 0;
  right: unset;
  background-color: var(--PrimaryGreen);
  width: 100%;
  transition: var(--transition5);
}

.new-custom-tab-left .tab-click h3::after {
  position: absolute;
  content: '';
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--OffWhite);
  z-index: -1;
}
 */

.new-custom-tab-left {
  max-width: 446px;
  width: 100%;
  transition: var(--transition3);
  display: flex;
}

.new-custom-tab-left .tabs-container:not(.for-mobile) {
  display: flex;
  flex-direction: column;
  margin: auto 0;
  width: 100%;
}

.new-custom-tab-left .tab-click.current h3 {
  color: var(--BluePrimary);
}

.new-custom-tab-left .tab-click h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  font-family: var(--poppins);
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
  z-index: 1;
  cursor: pointer;
}

.new-custom-tab-left .tab-click {
  all: unset;
}

.new-custom-tab-left .tab-click h3::before {
  position: absolute;
  content: "";
  width: 0;
  height: 3px;
  background-color: var(--OffWhite);
  bottom: 0;
  right: 0;
  left: unset;
}

.new-custom-tab-left .tab-click.current h3::before {
  left: 0;
  right: unset;
  background: var(--BluePrimary);
  width: 100%;
  transition: var(--transition5);
}

.new-custom-tab-left .tab-click h3::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: var(--OffWhite);
  z-index: -1;
}

.new-custom-tab-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 0;
  max-width: 1450px;
  margin: 0 auto;
}

.new-custom-tab-right {
  max-width: calc(100% - 446px);
  width: 100%;
  transition: var(--transition3);
  align-items: center;
}

.new-custom-tab-right .tab-content {
  max-width: calc(100% - 95px);
  width: 100%;
  margin-left: auto;
  padding: 50px 60px;
  background-color: var(--white);
  box-shadow: 0px 0px 146.6px 0px #0000000f;
  border-radius: 12px;
  border: 1px solid var(--LightGrey4);
  height: 100%;
  display: flex;
  align-items: center;
}

.new-custom-tab-right .tab-content .h2 {
  font-size: 28px;
  line-height: 1.25;
  font-family: var(--poppins);
  font-weight: 500;
  color: var(--BlueTextColor);
}

.new-custom-tab-right .tab-content .content {
  margin: 30px 0 30px;
}

.new-custom-tab-right .tab-content .content p,
.new-custom-tab-right .tab-content li {
  font-size: 18px;
  line-height: 1.6;
}

.new-custom-tab-right .tab-content .content p {
  font-size: 18px;
}

.new-custom-tab-right .tab-content .pre-title {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 500;
  font-family: var(--poppins);
}

.new-custom-tab-right .tab-content ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 20px;
}

.new-custom-tab-right .tab-content ul li {
  margin: 0;
  padding-left: 30px;
  font-size: 16px;
}

.new-custom-tab-sec {
  position: relative;
}

.new-custom-tab-sec::after {
  width: 100%;
  content: "";
  height: 8px;
  background-color: var(--OffWhite);
  display: block;
  /* position: absolute; */
  bottom: 0;
  max-width: 1620px;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-radius: 100px;
  margin-top: 100px;
  margin-bottom: -50px;
}

.new-custom-tab-sec .hire-tech-cta {
  margin-top: 70px;
}

@media screen and (max-width: 1600px) {
  .new-custom-tab-right .tab-content {
    padding: 42px 46px;
  }
}

@media screen and (max-width: 1380px) {
  .new-custom-tab-left .tab-click h3 {
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .new-custom-tab-left {
    max-width: 330px;
    width: 100%;
  }

  .new-custom-tab-right {
    max-width: calc(100% - 330px);
    width: 100%;
  }

  .new-custom-tab-right .tab-content .h2 {
    font-size: 24px;
  }

  .new-custom-tab-right .tab-content .content {
    margin: 20px 0;
  }

  .new-custom-tab-right .tab-content .pre-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .new-custom-tab-right .tab-content {
    max-width: calc(100% - 50px);
  }

  .new-custom-tab-sec::after {
    margin-top: 70px;
    margin-bottom: -25px;
  }
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
  .new-custom-tab-left .tabs-container:not(.for-mobile) {
    display: none;
  }

  .new-custom-tab-left,
  .new-custom-tab-right {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .new-custom-tab-right .tab-content {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .new-custom-tab-sec::after {
    margin-top: 50px;
    margin-bottom: -20px;
  }
}

@media screen and (max-width: 512px) {
  .new-custom-tab-right .tab-content .content p,
  .new-custom-tab-right .tab-content li {
    font-size: 16px;
  }

  .new-custom-tab-right .tab-content {
    padding: 26px 22px;
  }

  .new-custom-tab-right .tab-content ul {
    grid-template-columns: repeat(1, 1fr);
  }
}