.call-back {
  max-width: 800px;
  margin: auto; }

.legacy-1 .image-box {
  display: flex;
  column-gap: 20px;
  align-items: center;
  position: relative;
  margin-top: 50px; }
  .legacy-1 .image-box div.img-b:first-child {
    width: 60%;
    min-width: 60%; }
  .legacy-1 .image-box div.img-b:last-child {
    width: 40%;
    min-width: 40%; }
    .legacy-1 .image-box div.img-b:last-child img:last-child {
      margin-top: 20px;
      width: 100px;
      border-radius: 10px; }
  .legacy-1 .image-box .dots-pattern {
    background-image: url(./../images/dot-pattern-dark.png);
    position: absolute;
    width: 190px;
    height: 180px;
    right: -50px;
    top: -30px;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain; }
    @media (max-width: 767px) {
      .legacy-1 .image-box .dots-pattern {
        right: 10px;
        top: 0; } }
  @media (max-width: 767px) {
    .legacy-1 .image-box {
      margin-bottom: 60px; } }
.legacy-1 .content-box {
  margin-top: 50px; }
  @media (max-width: 767px) {
    .legacy-1 .content-box {
      margin-top: 0; } }
@media (max-width: 767px) {
  .legacy-1 {
    padding-bottom: 0px; } }

@media (max-width: 991px) {
  .legacy-2 .col-lg-6:nth-child(2) {
    padding-left: 15px;
    margin-top: 60px; } }
@media (max-width: 767px) {
  .legacy-2 .col-lg-6:nth-child(2) {
    margin-top: 30px; } }

.compare .upper-img {
  background-image: url("../images/SAP-cloud-erp.png");
  height: 380px;
  background-position: top;
  background-size: cover; }
.compare .content {
  padding: 0px 80px 60px;
  background: #fff;
  position: relative;
  border-radius: 0px 0px 20px 20px; }
  .compare .content::before {
    position: absolute;
    content: "";
    left: 0;
    top: -90px;
    width: 100%;
    height: 90px;
    background-color: #fff;
    border-radius: 20px 20px 0 0; }
    @media (max-width: 991px) {
      .compare .content::before {
        top: -40px;
        width: 100%;
        height: 40px; } }
  @media (max-width: 991px) {
    .compare .content {
      padding: 0px 15px 40px; } }

.approach {
  background: rgba(42, 82, 195, 0.05) !important; }
  .approach .approach-single {
    background-color: #fff;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s !important;
    box-shadow: 0 0 3px #3c485826 !important;
    border-radius: 5px;
    padding: 1.5rem !important;
    cursor: pointer;
    margin-bottom: 30px; }
    .approach .approach-single h3 {
      font-size: 18px;
      margin-bottom: 1rem !important; }
    .approach .approach-single p {
      margin-bottom: 0px;
      color: #898989 !important;
      font-size: var(--paragraph-font-16);
      margin-bottom: 15px;
      max-height: 90px;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 4;
      display: -webkit-box;
      -webkit-box-orient: vertical; }
      .approach .approach-single p.readmore {
        display: block;
        max-height: 100%; }

.best-fit {
  display: flex; }
  .best-fit .img-sec {
    background-image: url("../images/legacy-app-6.jpg");
    background-position: center;
    background-size: cover;
    width: 50%;
    min-width: 50%; }
    @media (max-width: 768px) {
      .best-fit .img-sec {
        display: none; } }
  .best-fit .content-sec {
    padding: 100px 50px; }
    .best-fit .content-sec ul li {
      list-style: none; }
      .best-fit .content-sec ul li::before {
        display: none; }
      .best-fit .content-sec ul li img {
        margin-right: 10px; }
    @media (max-width: 768px) {
      .best-fit .content-sec {
        padding: 70px 15px 30px; } }
