/* Inline <style> blocks from legacy pages */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600&display=swap');



    .banner-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 60px;
    }

    .btn_wrap {
      display: block;
      text-align: center;
    }
    .feature {
    opacity: 0.2;
    transition: opacity 0.4s ease;
}
    .feature.active {
    opacity: 1;
}

    .faq-question svg {
      transition: transform 0.3s ease;
    }

    p a,
    h3 a,
    h2 a {
      color: #253243;
      text-decoration: underline;
    }

    p a:hover,
    h3 a:hover,
    h2 a:hover {
      text-decoration: none;
    }

    p {
      font-size: 16px !important;
    }

    /* jab faq open ho */
    .faq-item.active .faq-question svg {
      transform: rotate(45deg);
    }
.stories-grid .contents{
  padding:10px;
}

    .developer-wrap-block:not(.slick-slider) {
      display: flex;
      align-items: center;
      gap: 64px;
    }


    .btn-global.arrow-icon:hover {
      transform: scale(1.1);
      filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(5483%) hue-rotate(208deg) brightness(98%) contrast(102%);
    }

    .banner-content {
      flex: 1;
      max-width: 600px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
      float: left;
      font-size: 20px;
      padding-right: 15px;
      color: #2f3045;
      content: var(--bs-breadcrumb-divider, "/");
    }

    .breadcrumb-wrap li {
      margin-right: 17px;
    }

    .breadcrumb-wrap {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
          flex-wrap: wrap;
    }

    .breadcrumb-item a {
      color: #000;
      font-size: 22px;
    }

    .breadcrumb-item.active {
      color: #149aff;
      font-size: 20px;
    }

    .story-card h4 a {
      font-size: 20px;
      font-weight: 600;
      line-height: 23.46px;
      color: #253243;
      text-decoration: none;
      transition: 0.4s linear;
    }

    .story-card h4 a:hover {
      color: #149aff;
    }

    .btn-global {
      background: #0161EA;
      border-radius: 50px;
      color: #fff;
      font-size: 16px;
      padding: 15px 20px;
      font-weight: 400;
      font-family: "DM Sans", sans-serif;
      cursor: pointer;
      border: 1px solid transparent;
    }

    .cta-wrapper .btn-global {
      background: #FFFFFF !important;
      color: #0B5A9D;
    }

    .cta-wrapper .btn-global:after {
      filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(1236%) hue-rotate(185deg) brightness(90%) contrast(92%);
    }

    .cta-wrapper .btn-global:hover {
      color: #0B5A9D !important;
    }

    .ratings {
      display: inline-flex;
      gap: 6px;
    }

    .stars {
      font-size: 30px;
      position: relative;
      color: #dcdcdc;
    }

    .stars.full {
      color: #f4b400;
    }

    .stars.half {
      color: #dcdcdc;
    }

    .stars.half::before {
      content: "★";
      position: absolute;
      left: 0;
      width: 50%;
      overflow: hidden;
      color: #f4b400;
    }

    .subtitle {

      font-size: 13px;
      font-weight: 500;
      line-height: 16.93px;
      color: #253243;
      display: block;
      margin-bottom: 16px;
    }

    h1 {

      font-size: 28px;
      font-weight: 600;
      color: #253243;
      margin-bottom: 18px;
    }

    .products-wrap h2 {
      margin-bottom: 60px;
      text-align: center;
    }

    p {

      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      color: #253243;
      margin-bottom: 32px;
    }

    .content-tabs h3 a {
      color: #253243;
      text-decoration: underline;
    }

    .content-tabs h3 a:hover {
      text-decoration: none;
    }

    .cta-button {
      display: inline-block;
      padding: 12px 24px;
      background-color: #0066FF;
      color: white;
      text-decoration: none;
      border-radius: 4px;

      font-size: 14px;
      font-weight: 500;
    }



    .products-wrap .category {
      margin-bottom: 30px;
      text-align: center;
      font-size: 32px;
    }

    .banner-images {
      flex: 1;
      max-width: 600px;
    }

    .image-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 26px;
    }

    .image-item {
      position: relative;
    }



    .image-label {
      position: absolute;
      top: 16px;
      left: 16px;
      color: white;

      font-size: 14px;
      font-weight: 500;
    }

    .banner-section {
      margin-top: 60px;
    }

    .development-section p {
      max-width: 890px;
    }

    .banner-list {
      margin-bottom: 32px;
    }

    .banner-list li {
      color: #17161A;
      font-size: 18px;
      margin-bottom: 7px;
      font-weight: 600;
      list-style: disc;
      margin-left: 20px;
    }

    @media (min-width: 320px) {
      .banner-wrapper {
        flex-direction: column;
        padding: 30px 0;
      }

      .banner-content,
      .banner-images {
        max-width: 100%;
      }
    }

    @media (min-width: 768px) {
      p {
        font-size: 18px !important;
      }

      .banner-wrapper {
        flex-direction: column;
        padding: 60px 0;
        align-items: unset;
      }

      .products-wrap .category {
        margin-bottom: 40px;
        font-size: 40px;
      }

      h1 {
        font-size: 40px;
        line-height: 53.76px;
        margin-bottom: 24px;
      }

      .image-label {
        font-size: 20px;
      }

      .banner-section {
        margin-top: 127px;
      }
    }

    @media (min-width: 1024px) {
      h1 {
        font-size: 50px;
      }

      .banner-wrapper {
        flex-direction: row;
        padding: 80px 0 20px;
      }

      .banner-content,
      .banner-images {
        max-width: 600px;
      }

      .products-wrap .category {
        font-size: 52px;
      }

      .banner-wrapper {
        margin-top: 100px;
      }

      h1 {
        font-size: 50px !important;
      }
    }
    .faq-answer{
      transition: max-height 0.3s ease, padding 0.3s ease;
    }
    .service-card.active h3 a{
      color:#fff;
    }
      .industry-item span{
      transition:all 0.3s;
    }
     .industry-item span:hover{
      text-decoration:underline;
     }
     .faq-answer p{
      max-width:940px;
     }
     .btn-wrappers {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.impact-text{
  font-size: 20px;
  font-weight: 500;
}
.date-box-wrap .date-box{
width: 115px;
}