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

.about-integration .image-box {
  display: flex;
  column-gap: 20px;
  align-items: center;
  position: relative; }
  .about-integration .image-box div.img-b:first-child {
    width: 60%;
    min-width: 60%; }
  .about-integration .image-box div.img-b:last-child {
    width: 40%;
    min-width: 40%; }
    .about-integration .image-box div.img-b:last-child img:last-child {
      margin-top: 20px;
      width: 100px;
      border-radius: 10px; }
  .about-integration .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) {
      .about-integration .image-box .dots-pattern {
        right: 10px;
        top: 0; } }
  @media (max-width: 767px) {
    .about-integration .image-box {
      margin-bottom: 60px; } }

.integrationSecB {
  padding-bottom: 70px; }

.advantages-integration {
  background-color: var(--grey-light); }
  .advantages-integration .advantage-box {
    padding: 3rem 2rem;
    box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;
    border-radius: 3rem; }
    .advantages-integration .advantage-box h3 {
      font-size: var(--sub-heading);
      margin-bottom: 12px; }
    .advantages-integration .advantage-box p {
      font-size: var(--paragraph-font-16);
      max-height: 90px;
      overflow: hidden; }
      .advantages-integration .advantage-box p.readmore {
        max-height: 100%; }
    .advantages-integration .advantage-box .read-more {
      margin-top: 10px;
      cursor: pointer; }
    @media (max-width: 767px) {
      .advantages-integration .advantage-box {
        margin-bottom: 30px; } }
    @media (max-width: 480px) {
      .advantages-integration .advantage-box {
        padding: 2rem 1rem; } }

.ecc-functional-comp {
  background-color: var(--grey-light); }
  .ecc-functional-comp .functional-components {
    position: relative; }
    .ecc-functional-comp .functional-components .dot-pattern {
      background-image: url(./../images/pattern-05.png);
      position: absolute;
      width: 330px;
      height: 400px;
      left: -90px;
      bottom: -60px;
      background-repeat: no-repeat;
      z-index: 0; }
    .ecc-functional-comp .functional-components .box-group {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      column-gap: 30px;
      flex-wrap: wrap;
      margin: auto;
      position: relative; }
      @media (max-width: 767px) {
        .ecc-functional-comp .functional-components .box-group {
          grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 575px) {
        .ecc-functional-comp .functional-components .box-group {
          grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      .ecc-functional-comp .functional-components .box-group .comp-box {
        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; }
        .ecc-functional-comp .functional-components .box-group .comp-box .short {
          height: 65px;
          width: 65px;
          display: flex !important;
          align-items: center;
          justify-content: center;
          margin-bottom: 1.5rem !important;
          border: 1px solid #424242;
          border-radius: 5px; }
        .ecc-functional-comp .functional-components .box-group .comp-box h3 {
          font-size: 18px;
          margin-bottom: 1rem !important; }
        .ecc-functional-comp .functional-components .box-group .comp-box p {
          margin-bottom: 0px;
          color: #898989 !important;
          font-size: var(--paragraph-font-16); }
        .ecc-functional-comp .functional-components .box-group .comp-box:hover {
          box-shadow: 0 5px 13px #3c48584f !important;
          transform: translateY(-10px); }
      @media (max-width: 991px) {
        .ecc-functional-comp .functional-components .box-group {
          column-gap: 15px; } }

.estrategy-helps {
  background-color: var(--grey-light); }

/*# sourceMappingURL=sap-ai.css.map */