.our-services .service-card {
    background-color: #103241;
    border-radius: var(--rd,5px);
    bottom: 0;
    box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
    width: 100%;
    max-width: 283px;
    text-align: center;
    padding: 55px 20px 62px;
    min-height: 177px;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all 0.4s ease-in-out 0s;
  }

  .our-services {
    --brw: 0px;
    --brd: 65,65,65;
    --bg: var(
      --color_20);
    --rd: 0px 30px 0px 30px;
    --shd: 0.00px 28.00px 29px 0px rgba(16,50,65,0.3);
    --alpha-brd: 1;
    --alpha-bg: 1;
    --shc-mutated-brightness: 8,25,33;
    position: relative;
    z-index: 99;
  }

  .our-services .content-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 31px;
    column-gap: 56px;
  }

  .our-services .service-card h2,
  .our-services .service-card h2 a {
    font: normal normal bold 50px/1.4em montserrat,sans-serif;
    font-size: 25px;
    color: #FFFFFF;
    margin: 0;
    line-height: 1.2;
  }

  .our-services .last-card {
    width: 100%;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .our-services .last-card h2 {
    font: normal normal bold 50px/1.4em montserrat,sans-serif;
    font-size: 27px;
    text-align: center;
    letter-spacing: normal;
    line-height: normal;
    color: rgb(110,164,202);
    font-weight: normal;
  }

  .our-services .last-card .btn a {
    background: #8cc63f;
    color: #fff;
    display: inline-block;
    font: normal normal 700 16px/1.4em avenir-lt-w01_35-light1475496,avenir-lt-w05_35-light,sans-serif;
    padding: 8px 32px;
    text-align: center;
    min-height: 40px;
    margin-top: 0;
  }

  .our-services .last-card .btn {
    text-align: center;
  }

  .our-services .last-card .btn a:hover {
    background: #0c3c60;
  }

  .our-services .service-card:hover {
    z-index: 1;
    transform: translateX(0)translateY(0)scaleX(1.1)scaleY(1.1)rotate(0deg)skewX(0deg)skewY(0deg);
    transform-origin: 50% 50%;
  }

  @media (max-width:1100px) and (min-width:768px) {
    .our-services .service-card {
      max-width: 30%;
    }
    .our-services .content-wrap {
      column-gap: unset;
      justify-content: space-between;
    }
  }

  @media (max-width:767px) {
    .our-services .service-card, .our-services .last-card {
      width: 100%;
      max-width: 100%;
    }
    .our-services .content-wrap {
      padding: 0 30px;
    }
  }