@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/* line 10, ../sass/appcase-study.scss */
.app-case-button {
  background: #00b970;
  color: #fff;
  border-radius: 40px;
  padding: 10px 20px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  display: inline-block; }
  @media (max-width: 992px) {
    /* line 10, ../sass/appcase-study.scss */
    .app-case-button {
      min-width: 140px; } }
  @media (max-width: 767px) {
    /* line 10, ../sass/appcase-study.scss */
    .app-case-button {
      min-width: auto; } }
  /* line 24, ../sass/appcase-study.scss */
  .app-case-button img {
    float: left;
    margin-right: 8px; }
  /* line 28, ../sass/appcase-study.scss */
  .app-case-button:hover {
    background-color: #000; }

/* line 34, ../sass/appcase-study.scss */
.case-study-detail.app-case-study {
  background-color: #edeff1;
  font-family: "Inter", sans-serif; }
  /* line 37, ../sass/appcase-study.scss */
  .case-study-detail.app-case-study .app-case-section {
    padding: 5rem 0 0 0; }
    /* line 39, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section .row {
      margin: 0; }
    /* line 42, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      float: left;
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 100px; }
      @media (max-width: 767px) {
        /* line 42, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section header {
          margin-bottom: 20px; } }
      @media (max-width: 767px) {
        /* line 42, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section header {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      /* line 56, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section header h5 {
        font-family: "Inter", sans-serif;
        font-size: 53px;
        font-weight: 300;
        max-width: 590px;
        text-align: right; }
        @media (max-width: 992px) {
          /* line 56, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section header h5 {
            max-width: none;
            font-size: 42px; } }
        @media (max-width: 767px) {
          /* line 56, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section header h5 {
            max-width: none;
            font-size: 30px;
            text-align: center;
            margin-top: 15px; } }
        @media (max-width: 767px) {
          /* line 56, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section header h5 {
            font-size: 20px; } }
    /* line 79, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section .app-images {
      float: left;
      width: 100%;
      text-align: center;
      margin: 50px 0 30px 0; }
      @media (max-width: 767px) {
        /* line 79, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section .app-images {
          margin: 30px 0 0 0; } }
      /* line 87, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .app-images img {
        width: calc(100% - 30px);
        border-radius: 25px; }
        @media (max-width: 767px) {
          /* line 87, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section .app-images img {
            margin-bottom: 20px;
            width: 100%; } }
    /* line 96, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section .logo-showcase {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 auto; }
      /* line 101, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .logo-showcase .col {
        text-align: right; }
        /* line 103, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section .logo-showcase .col:first-child {
          text-align: left; }
    /* line 108, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section .logo-images {
      width: 100%; }
      /* line 109, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .logo-images .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        @media (max-width: 767px) {
          /* line 109, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section .logo-images .row {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; } }
      /* line 117, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .logo-images img {
        width: 96%; }
        @media (max-width: 576px) {
          /* line 117, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section .logo-images img {
            max-width: 150px; } }
        @media (max-width: 767px) {
          /* line 117, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section .logo-images img {
            max-width: 180px; } }
    @media (max-width: 992px) {
      /* line 130, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .solution-cards .row {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    /* line 134, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section .solution-cards .card {
      background-color: #fff;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      padding: 30px;
      margin-bottom: 20px; }
      /* line 140, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .solution-cards .card .app-case-button {
        padding: 5px 25px 5px 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        /* line 144, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section .solution-cards .card .app-case-button img {
          width: 35px; }
        /* line 147, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section .solution-cards .card .app-case-button:hover {
          background-color: #00b970; }
      /* line 151, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .solution-cards .card .card-title {
        font-family: "Inter", sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px; }
      /* line 157, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section .solution-cards .card .card-text {
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px; }
    /* line 167, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.font-type .font-name {
      font-family: "Inter", sans-serif;
      font-size: 50rem;
      font-weight: 400;
      margin-bottom: 20px;
      float: left;
      width: 100%; }
    /* line 176, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.font-type .font-family .row {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    /* line 179, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.font-type .font-family .col {
      font-size: 26px;
      color: #125aaa;
      margin-bottom: 20px; }
      /* line 183, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col span {
        color: #000000; }
        @media (max-width: 767px) {
          /* line 183, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.font-type .font-family .col span {
            float: left;
            width: 100%;
            font-size: 20px; } }
      /* line 191, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col.font-light {
        font-weight: 300; }
      /* line 194, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col.font-reg {
        font-weight: 400; }
      /* line 197, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col.font-med {
        font-weight: 500; }
      /* line 200, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col.font-semi {
        font-weight: 600; }
      /* line 203, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .font-family .col.font-bd {
        font-weight: 700; }
    /* line 208, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.font-type .text-typo {
      color: #606060;
      margin-top: 50px; }
      /* line 211, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .text-typo .row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      /* line 215, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .text-typo .col-md-4,
      .case-study-detail.app-case-study .app-case-section.font-type .text-typo .col-md-5 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px; }
      /* line 222, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.font-type .text-typo .col-md-5 p {
        font-size: 23px;
        font-weight: 400;
        color: #000;
        letter-spacing: 4px; }
        /* line 227, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.font-type .text-typo .col-md-5 p:first-child {
          text-transform: uppercase; }
    /* line 235, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.work-progress {
      padding-bottom: 4em; }
      /* line 237, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress .row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        /* line 242, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.work-progress .row .col {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%; }
      /* line 246, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress h2 {
        font-size: 159px;
        color: #000;
        font-family: "Inter", sans-serif; }
        @media (max-width: 992px) {
          /* line 246, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress h2 {
            font-size: 50px; } }
        @media (max-width: 767px) {
          /* line 246, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress h2 {
            font-size: 50px;
            text-align: center; } }
      /* line 259, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress ul {
        float: right;
        -webkit-column-count: 2;
                column-count: 2;
        list-style: none;
        color: #000;
        font-family: "Inter", sans-serif;
        font-size: 14px; }
        @media (max-width: 992px) {
          /* line 259, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress ul {
            -webkit-column-count: 6;
                    column-count: 6;
            width: 100%;
            margin: 0;
            padding: 0; } }
        @media (max-width: 767px) {
          /* line 259, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress ul {
            -webkit-column-count: 2;
                    column-count: 2;
            text-align: center; } }
      /* line 278, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress .app-images .images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end; }
        /* line 282, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.work-progress .app-images .images img {
          margin-left: 20px; }
      /* line 287, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress h3 {
        text-align: left;
        font-size: 33px;
        color: #5a5a5a;
        font-weight: 400;
        font-family: "Inter", sans-serif;
        margin-top: 0; }
        @media (max-width: 992px) {
          /* line 287, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress h3 {
            margin: 50px 0; } }
        @media (max-width: 767px) {
          /* line 287, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress h3 {
            margin: 30px 0;
            font-size: 18px;
            text-align: center; } }
      /* line 305, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        @media (max-width: 767px) {
          /* line 310, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row p,
          .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row h2 {
            text-align: center; } }
        /* line 317, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .first-section h2 {
          font-size: 41px;
          font-family: "Inter", sans-serif;
          font-weight: 500;
          margin-bottom: 0; }
        /* line 325, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .second-section p {
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          margin-bottom: 0;
          max-width: 250px; }
          @media (max-width: 767px) {
            /* line 325, ../sass/appcase-study.scss */
            .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .second-section p {
              max-width: 100%;
              width: 100%;
              text-align: center; } }
        @media (max-width: 767px) {
          /* line 339, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .third-section {
            margin-bottom: 50px; } }
        /* line 343, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .third-section p {
          font-size: 14px;
          font-family: "Inter", sans-serif;
          font-weight: 400;
          margin-bottom: 0;
          max-width: 138px; }
          @media (max-width: 767px) {
            /* line 343, ../sass/appcase-study.scss */
            .case-study-detail.app-case-study .app-case-section.work-progress .bottom-section .row .third-section p {
              max-width: 100%;
              width: 100%;
              text-align: center; } }
    /* line 361, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.user-exp .app-cases {
      margin: 0 0 50px 0; }
      /* line 364, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .app-cases:nth-child(odd) .col-md-8,
      .case-study-detail.app-case-study .app-case-section.user-exp .app-cases:nth-child(odd) .col-md-6 {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
        @media (max-width: 767px) {
          /* line 364, ../sass/appcase-study.scss */
          .case-study-detail.app-case-study .app-case-section.user-exp .app-cases:nth-child(odd) .col-md-8,
          .case-study-detail.app-case-study .app-case-section.user-exp .app-cases:nth-child(odd) .col-md-6 {
            -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                    order: 1; } }
      /* line 371, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .app-cases:nth-child(odd) .card {
        margin-right: 20px;
        margin-left: 0; }
      @media (max-width: 767px) {
        /* line 376, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.user-exp .app-cases .col-md-6 {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
      /* line 381, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .app-cases .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        /* line 385, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.user-exp .app-cases .row .card {
          margin-left: 20px; }
          @media (max-width: 767px) {
            /* line 385, ../sass/appcase-study.scss */
            .case-study-detail.app-case-study .app-case-section.user-exp .app-cases .row .card {
              margin-bottom: 20px; } }
    /* line 393, ../sass/appcase-study.scss */
    .case-study-detail.app-case-study .app-case-section.user-exp .card {
      background-color: #fff;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      border-radius: 20px;
      padding: 30px; }
      /* line 398, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .card .app-case-button {
        padding: 5px 25px 5px 5px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        /* line 402, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.user-exp .card .app-case-button img {
          width: 35px; }
        /* line 405, ../sass/appcase-study.scss */
        .case-study-detail.app-case-study .app-case-section.user-exp .card .app-case-button:hover {
          background-color: #00b970; }
      /* line 409, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .card .card-title {
        font-family: "Inter", sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px; }
      /* line 415, ../sass/appcase-study.scss */
      .case-study-detail.app-case-study .app-case-section.user-exp .card .card-text {
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px; }

/*# sourceMappingURL=appcase-study.css.map */