/*** font ***/
@font-face {
  font-family: 'Rubik-Regular';
  src: url("../fonts/Rubik/Rubik-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Italic';
  src: url("../fonts/Rubik/Rubik-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'Rubik-Medium';
  src: url("../fonts/Rubik/Rubik-Medium.ttf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Rubik-Bold';
  src: url("../fonts/Rubik/Rubik-Bold.ttf");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Light.ttf");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'SourceSansPro-italic';
  src: url("../fonts/Source-Sans-Pro/SourceSansPro-Italic.ttf");
  font-style: italic;
  font-weight: 400; }

/*** font ***/
/*** BANNER ***/
.back-end-web-dev-banner .banner-info-container {
  padding-top: 153px;
  padding-bottom: 152px; }

.back-end-web-dev-banner .banner-title {
  font-size: 52px; }

.back-end-web-dev-banner .banner-img-container img {
  max-width: 350px; }

/*** BANNER ***/
/*** boost business success ***/
.boost-business-success {
  padding-top: 130px;
  padding-bottom: 65px; }
  .boost-business-success .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .boost-business-success .section-subtitle {
    text-align: left;
    margin-bottom: 25px; }
  .boost-business-success h5 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 60px; }
  .boost-business-success .boost-business-success-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .boost-business-success .boost-business-success-card .boost-business-success-img-container {
      text-align: center;
      margin-bottom: 20px; }
      .boost-business-success .boost-business-success-card .boost-business-success-img-container img {
        width: 50px;
        height: 50px; }
    .boost-business-success .boost-business-success-card .boost-business-success-text {
      text-align: center; }
      .boost-business-success .boost-business-success-card .boost-business-success-text h2, .boost-business-success .boost-business-success-card .boost-business-success-text h3, .boost-business-success .boost-business-success-card .boost-business-success-text h4, .boost-business-success .boost-business-success-card .boost-business-success-text h5, .boost-business-success .boost-business-success-card .boost-business-success-text h6 {
        font-family: "SourceSansPro-Regular";
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        color: #515151;
        margin-bottom: 0; }

/*** boost business success ***/
/*** Back-End Why Us ***/
.back-end-why-us {
  padding-top: 127px;
  padding-bottom: 65px;
  background: #F6FCFE; }
  .back-end-why-us .section-title {
    color: #183D85; }
    .back-end-why-us .section-title .shadow-title-section {
      color: #ffffff;
      white-space: nowrap;
      width: 100%;
      overflow: hidden; }
  .back-end-why-us .back-end-why-us-img-container {
    display: flex;
    justify-content: center;
    align-items: center; }
    .back-end-why-us .back-end-why-us-img-container img {
      max-width: 350px;
      width: 100%; }
  .back-end-why-us .back-end-why-us-content-container p {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    color: #515151; }
    .back-end-why-us .back-end-why-us-content-container p b {
      display: inline-block;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 30px; }

/*** Back-End Why Us ***/
/*** Our Area Performance ***/
.our-area-performance {
  padding-top: 130px;
  padding-bottom: 65px; }
  .our-area-performance .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .our-area-performance .our-area-performance-content h2, .our-area-performance .our-area-performance-content h3, .our-area-performance .our-area-performance-content h4, .our-area-performance .our-area-performance-content h5, .our-area-performance .our-area-performance-content h6 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #515151;
    margin-bottom: 30px; }
  .our-area-performance .our-area-performance-content .container-icon {
    margin-top: 30px;
    margin-bottom: -15px; }
  .our-area-performance .our-area-performance-content .list-card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    left: -15px;
    margin-bottom: 40px; }
    .our-area-performance .our-area-performance-content .list-card .list-card-img {
      margin-right: 15px; }
      .our-area-performance .our-area-performance-content .list-card .list-card-img img {
        width: 45px;
        height: 45px; }
    .our-area-performance .our-area-performance-content .list-card .list-card-text {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .our-area-performance .our-area-performance-content .list-card .list-card-text h6 {
        font-family: "SourceSansPro-Regular";
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 160%;
        color: #515151;
        margin-bottom: 0; }
  .our-area-performance .our-area-performance-img {
    padding-top: 42px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start; }
    .our-area-performance .our-area-performance-img img {
      max-width: 380px;
      width: 100%; }

/*** Our Area Performance ***/
/*** BE Basic Principles ***/
.be-basic-principles {
  padding-top: 130px;
  padding-bottom: 40px;
  background: #F6FCFE; }
  .be-basic-principles .section-title {
    color: #183D85; }
    .be-basic-principles .section-title .shadow-title-section {
      color: #ffffff;
      white-space: nowrap;
      width: 100%;
      overflow: hidden; }
  .be-basic-principles h5 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 40px; }
  .be-basic-principles .list-container li {
    margin-bottom: 25px; }

/*** BE Basic Principles ***/
/*** BE What We Do Section ***/
.be-what-we-do-section {
  padding-top: 130px; }
  .be-what-we-do-section .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .be-what-we-do-section .subtitle-what-we-do {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 40px; }
  .be-what-we-do-section .be-what-we-do-card-img {
    display: flex;
    justify-content: center;
    align-items: center; }
    .be-what-we-do-section .be-what-we-do-card-img img {
      max-width: 190px;
      width: auto; }
  .be-what-we-do-section .be-what-we-do-card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px;
    margin-bottom: 65px; }
    .be-what-we-do-section .be-what-we-do-card-content h6 {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 160%;
      color: #515151;
      margin-bottom: 15px; }
    .be-what-we-do-section .be-what-we-do-card-content p {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      color: #515151;
      margin-bottom: 0; }

/*** BE What We Do Section ***/
/*** BE Expertise to Practice***/
.expertise-to-practice {
  padding-top: 130px;
  padding-bottom: 40px;
  background: #F6FCFE; }
  .expertise-to-practice .section-title {
    color: #183D85; }
    .expertise-to-practice .section-title .shadow-title-section {
      color: #ffffff;
      white-space: nowrap;
      width: 100%;
      overflow: hidden; }
  .expertise-to-practice .section-subtitle {
    margin-bottom: 55px; }
  .expertise-to-practice .expertise-to-practice-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-img {
      text-align: center; }
      .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-img img {
        max-width: 220px;
        margin-bottom: 30px; }
    .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-content {
      text-align: left;
      margin-bottom: 65px; }
      .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-content h6 {
        font-family: "SourceSansPro-Regular";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 160%;
        color: #515151;
        margin-bottom: 20px; }
      .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-content p {
        font-family: "SourceSansPro-Regular";
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 160%;
        color: #515151;
        margin-bottom: 12px; }
      .expertise-to-practice .expertise-to-practice-card .expertise-to-practice-content .list-container li {
        margin-bottom: 10px; }

/*** BE Expertise to Practice***/