.commercial-services-area {
  padding-top: 25px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 47.9375rem) {
    .commercial-services-area {
      padding-bottom: 0px; } }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .commercial-services-area .area__title span {
      display: block !important; } }

.expert-services-area {
  padding: 70px 0; }
  @media only screen and (max-width: 47.9375rem) {
    .expert-services-area {
      position: relative;
      margin-top: 25px; } }
  .expert-services-area .area__title {
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 60px; }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .expert-services-area .area__title span {
        display: block; } }
    .expert-services-area .area__title p {
      font-size: 32px; }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .expert-services-area .area__title p {
          font-size: 24px; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .expert-services-area .area__title p {
          font-size: 22px; } }
      @media only screen and (max-width: 47.9375rem) {
        .expert-services-area .area__title p {
          font-size: 18px; } }


      .commercial__card {
          margin-bottom: 25px; }
          @media (min-width: 48rem) and (max-width: 61.9375rem) {
            .commercial__card {
              margin-bottom: 50px; } }
          @media only screen and (max-width: 47.9375rem) {
            .commercial__card {
              margin-bottom: 50px; } }
          .commercial__card img {
            max-height: 60px;
            margin-bottom: 20px;
            width: auto; }
            @media (min-width: 1600px) and (max-width: 1699px) {
              .commercial__card img {
                width: 50px; } }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .commercial__card img {
                width: 50px; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .commercial__card img {
                width: 50px; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .commercial__card img {
                width: 45px; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .commercial__card img {
                width: 40px; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .commercial__card img {
                width: 40px; } }
            @media only screen and (max-width: 47.9375rem) {
              .commercial__card img {
                width: 50px; } }
          .commercial__card h3 {
            font-size: 30px;
            color: #0C1228;
            font-weight: bold; }
            @media (min-width: 1600px) and (max-width: 1699px) {
              .commercial__card h3 {
                font-size: 28px; } }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .commercial__card h3 {
                font-size: 28px; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .commercial__card h3 {
                font-size: 25px; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .commercial__card h3 {
                font-size: 24px; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .commercial__card h3 {
                font-size: 20px; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .commercial__card h3 {
                font-size: 20px; } }
            @media only screen and (max-width: 47.9375rem) {
              .commercial__card h3 {
                font-size: 28px; } }
          .commercial__card p {
            font-size: 22px;
            color: #231F20;
            line-height: 32px; }
            @media (min-width: 1600px) and (max-width: 1699px) {
              .commercial__card p {
                font-size: 20px;
                line-height: 28px; } }
            @media (min-width: 93.75rem) and (max-width: 99.9375rem) {
              .commercial__card p {
                font-size: 20px;
                line-height: 28px; } }
            @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
              .commercial__card p {
                font-size: 18px;
                line-height: 26px; } }
            @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
              .commercial__card p {
                font-size: 18px;
                line-height: 26px; } }
            @media (min-width: 75rem) and (max-width: 81.1875rem) {
              .commercial__card p {
                font-size: 17px;
                line-height: 24px; } }
            @media (min-width: 62rem) and (max-width: 74.9375rem) {
              .commercial__card p {
                font-size: 15px;
                line-height: 22px; } }
            @media (min-width: 48rem) and (max-width: 61.9375rem) {
              .commercial__card p {
                font-size: 20px; } }
            @media only screen and (max-width: 47.9375rem) {
              .commercial__card p {
                font-size: 20px;
                line-height: 28px; } }