/*** 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-saas-app .banner-info-container {
  padding-top: 175px !important;
  padding-bottom: 174px !important; }
  .banner-saas-app .banner-info-container .banner-title {
    font-size: 60px;
    line-height: 137%; }

/*** BENEFITS SAAS SECTION ***/
.benefits-saas-section {
  padding-top: 130px;
  padding-bottom: 30px; }
  .benefits-saas-section .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .benefits-saas-section h5 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 160%;
    text-align: left;
    text-transform: uppercase;
    color: #183D85;
    margin-bottom: 50px; }
  .benefits-saas-section .cart-benefits-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 35px; }
    .benefits-saas-section .cart-benefits-container .cart-benefits-icon-box {
      width: 55px;
      height: 55px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px; }
      .benefits-saas-section .cart-benefits-container .cart-benefits-icon-box img {
        width: 55px;
        height: 55px; }
    .benefits-saas-section .cart-benefits-container .cart-benefits-text {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      color: #515151; }

/*** BENEFITS SAAS SECTION ***/
/*** SAAS BASED SOFTWARE FAQ ***/
.saas-based-software-faq,
.saas-faq-section {
  padding-top: 130px;
  padding-bottom: 65px;
  background: #F6FCFE; }
  .saas-based-software-faq .section-title .shadow-title-section,
  .saas-faq-section .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    color: #ffffff; }

/*** SAAS BASED SOFTWARE FAQ ***/
/*** SAAS ABOUT CRISTAL LOGIC ***/
.saas-about-crystal-logic {
  padding-top: 130px;
  padding-bottom: 65px; }
  .saas-about-crystal-logic .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-about-crystal-logic .saas-about-crystal-logic-content-container p {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    color: #515151;
    margin-bottom: 25px; }
    .saas-about-crystal-logic .saas-about-crystal-logic-content-container p b {
      font-weight: 600;
      font-size: 20px; }
  .saas-about-crystal-logic .saas-about-crystal-logic-img-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 12px; }
    .saas-about-crystal-logic .saas-about-crystal-logic-img-container img {
      max-width: 445px;
      width: 100%; }

/*** SAAS ABOUT CRISTAL LOGIC ***/
/*** SAAS WHOT WE DO ***/
.saas-what-we-do {
  background: #F6FCFE;
  padding-top: 130px;
  padding-bottom: 65px; }
  .saas-what-we-do .section-title .shadow-title-section {
    color: #ffffff;
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-what-we-do .saas-what-we-do-img-container {
    display: flex;
    justify-content: center;
    align-items: center; }
    .saas-what-we-do .saas-what-we-do-img-container img {
      max-width: 315px;
      width: 100%; }
  .saas-what-we-do .saas-what-we-do-content-container p {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 160%;
    color: #515151;
    margin-bottom: 20px; }
    .saas-what-we-do .saas-what-we-do-content-container p b {
      font-weight: 600; }
  .saas-what-we-do .saas-what-we-do-content-container h2, .saas-what-we-do .saas-what-we-do-content-container h3, .saas-what-we-do .saas-what-we-do-content-container h4, .saas-what-we-do .saas-what-we-do-content-container h5, .saas-what-we-do .saas-what-we-do-content-container h6 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 15px; }

/*** SAAS WHOT WE DO ***/
/*** SAAS TOP REASONS ***/
.saas-top-reasons {
  padding-top: 130px;
  padding-bottom: 5px; }
  .saas-top-reasons .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-top-reasons .saas-top-reasons-container .cart-step-header {
    align-items: flex-start;
    margin-top: 65px;
    margin-bottom: 40px; }
    .saas-top-reasons .saas-top-reasons-container .cart-step-header:first-child {
      margin-top: 0; }
    .saas-top-reasons .saas-top-reasons-container .cart-step-header:nth-child(5) {
      margin-bottom: 0; }
      .saas-top-reasons .saas-top-reasons-container .cart-step-header:nth-child(5) p:before {
        display: none; }
    .saas-top-reasons .saas-top-reasons-container .cart-step-header p {
      min-height: 115px;
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      margin-top: 15px;
      margin-bottom: 0;
      margin-left: 35px;
      position: relative; }
      .saas-top-reasons .saas-top-reasons-container .cart-step-header p:before {
        content: '';
        display: block;
        width: 100%;
        max-width: 440px;
        position: absolute;
        bottom: -40px;
        right: 0;
        border-bottom: 1px solid #BCE4FB; }

/*** SAAS TOP REASONS ***/
/*** SAAS SOFTWARE SERVICES STEP BY STEP SECTION***/
.saas-software-services-step-by-step {
  background: #F6FCFE;
  padding-top: 130px;
  padding-bottom: 65px; }
  .saas-software-services-step-by-step .section-title .shadow-title-section {
    color: #ffffff;
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-software-services-step-by-step .software-services-step-by-step-content h2, .saas-software-services-step-by-step .software-services-step-by-step-content h3, .saas-software-services-step-by-step .software-services-step-by-step-content h4, .saas-software-services-step-by-step .software-services-step-by-step-content h5, .saas-software-services-step-by-step .software-services-step-by-step-content h6 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #183D85;
    margin-bottom: 25px; }
  .saas-software-services-step-by-step .software-services-step-by-step-content .services-step-by-step-list {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .saas-software-services-step-by-step .software-services-step-by-step-content .services-step-by-step-list li {
      width: 100%;
      margin-bottom: 21px;
      counter-increment: my-awesome-counter;
      display: flex;
      align-items: center;
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      color: #515151;
      position: relative; }
      .saas-software-services-step-by-step .software-services-step-by-step-content .services-step-by-step-list li:last-child:after {
        display: none; }
      .saas-software-services-step-by-step .software-services-step-by-step-content .services-step-by-step-list li:before {
        content: counter(my-awesome-counter);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #A3D6FF;
        font-family: "SourceSansPro-Regular";
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 28px;
        color: #2CAAF2;
        margin-right: 25px; }
      .saas-software-services-step-by-step .software-services-step-by-step-content .services-step-by-step-list li:after {
        content: '';
        width: 1px;
        height: 16px;
        background: #A3D6FF;
        position: absolute;
        bottom: -3px;
        transform: translate(-50%, 100%);
        left: 20px; }
  .saas-software-services-step-by-step .software-services-step-by-step-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .saas-software-services-step-by-step .software-services-step-by-step-img img {
      max-width: 380px;
      width: 100%; }

/*** SAAS SOFTWARE SERVICES STEP BY STEP SECTION***/
/*** SAAS GET WITH SOFTWARE ***/
.saas-get-with-software {
  padding-top: 130px;
  padding-bottom: 65px; }
  .saas-get-with-software .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-get-with-software .saas-get-with-software-do-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
    .saas-get-with-software .saas-get-with-software-do-img-container img {
      max-width: 350px;
      width: 100%; }
  .saas-get-with-software .saas-get-with-software-content-container p {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 160%;
    color: #515151;
    margin-bottom: 20px; }
    .saas-get-with-software .saas-get-with-software-content-container p b {
      font-weight: 600; }
  .saas-get-with-software .saas-get-with-software-content-container h2, .saas-get-with-software .saas-get-with-software-content-container h3, .saas-get-with-software .saas-get-with-software-content-container h4, .saas-get-with-software .saas-get-with-software-content-container h5, .saas-get-with-software .saas-get-with-software-content-container h6 {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    text-transform: uppercase;
    color: #183D85;
    margin-bottom: 15px; }

/*** SAAS GET WITH SOFTWARE ***/
/*** SAAS CL YOUR SERVICES SECTION ***/
.saas-cl-your-service-section {
  padding-top: 130px;
  padding-bottom: 65px; }
  .saas-cl-your-service-section .section-title .shadow-title-section {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
  .saas-cl-your-service-section .saas-cl-your-service-content-container {
    margin-top: 30px; }
    .saas-cl-your-service-section .saas-cl-your-service-content-container p {
      font-family: "SourceSansPro-Regular";
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 160%;
      color: #515151;
      margin-bottom: 10px; }
      .saas-cl-your-service-section .saas-cl-your-service-content-container p b {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 25px; }
  .saas-cl-your-service-section .saas-cl-your-service-img-container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .saas-cl-your-service-section .saas-cl-your-service-img-container img {
      max-width: 351px;
      width: 100%; }

/*** SAAS CL YOUR SERVICES SECTION ***/