:root {
    --clr-black: #192020;
    --clr-white: #ffffff;
    --clr-light-green: #b5f1cc;
    --clr-light-pink: #ffc0d9;
    --clr-light-purple: #d0bfff;
    --clr-off-white: #f0f0f0;
    --clr-grey-white: #f6f8fb;
    --clr-light-orenge: #ffd8c0;
    --clr-light-grey-2: #f7f7f7;
    --clr-dark-black: #3b4040;
    --clr-light-grey: #252b2b;
    --clr-off-grey: #f7f7f7;
    --clr-dark-grey: #e8e8e8;
    --clr-light-blue: #9fe9f6;
    --clr-blue: #ed184f;
    --clr-ppc-black: #111;
    --heading-custom-color: #ececec;
    --custom-color: #aaaaaa;
    --clr-light-brown: #ffd8c0;
  
    --icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.746 3.329a1 1 0 0 0-1.415 0l-7.294 7.294-7.294-7.294a1 1 0 1 0-1.414 1.414l7.294 7.294-7.294 7.294a1 1 0 0 0 1.414 1.415l7.294-7.295 7.294 7.295a1 1 0 0 0 1.415-1.415l-7.295-7.294 7.295-7.294a1 1 0 0 0 0-1.414Z' fill='%230F0F0F'/%3E%3C/svg%3E");
  }
  
  /* *,
  *::after,
  *::before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  } */
  
  img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  
  a {
    text-decoration: none;
  }
  
  a:hover,
  a:focus,
  a:visited,
  a:focus-within {
    text-decoration: none;
  }
  
  body {
    font-family: "Poppins";
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  
  .icon {
    display: block;
    position: relative;
  }
  
  .icon::before {
    content: "";
    background-color: #192020;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity 0.3s ease, background-color 0.3s ease;
  }
  
  .icon-arrow {
    width: 24px;
    height: 24px;
  }
  
  .icon-arrow::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cmask id='mask0_1012_4796' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1012_4796)'%3E%3Cpath d='M16.9989 8.5538L6.07972 19.473C5.94125 19.6115 5.76722 19.6823 5.55762 19.6855C5.348 19.6887 5.17076 19.6179 5.02589 19.473C4.88103 19.3282 4.80859 19.1525 4.80859 18.9461C4.80859 18.7397 4.88103 18.5641 5.02589 18.4192L15.9451 7.49998H9.74892C9.53644 7.49998 9.35832 7.42807 9.21457 7.28425C9.07082 7.14045 8.99894 6.96225 8.99894 6.74965C8.99894 6.53707 9.07082 6.35898 9.21457 6.2154C9.35832 6.0718 9.53644 6 9.74892 6H17.5951C17.8512 6 18.0658 6.08663 18.239 6.25988C18.4123 6.43311 18.4989 6.64777 18.4989 6.90385V14.75C18.4989 14.9625 18.427 15.1406 18.2832 15.2844C18.1394 15.4281 17.9612 15.5 17.7486 15.5C17.536 15.5 17.3579 15.4281 17.2143 15.2844C17.0707 15.1406 16.9989 14.9625 16.9989 14.75V8.5538Z' fill='%23192020'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cmask id='mask0_1012_4796' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1012_4796)'%3E%3Cpath d='M16.9989 8.5538L6.07972 19.473C5.94125 19.6115 5.76722 19.6823 5.55762 19.6855C5.348 19.6887 5.17076 19.6179 5.02589 19.473C4.88103 19.3282 4.80859 19.1525 4.80859 18.9461C4.80859 18.7397 4.88103 18.5641 5.02589 18.4192L15.9451 7.49998H9.74892C9.53644 7.49998 9.35832 7.42807 9.21457 7.28425C9.07082 7.14045 8.99894 6.96225 8.99894 6.74965C8.99894 6.53707 9.07082 6.35898 9.21457 6.2154C9.35832 6.0718 9.53644 6 9.74892 6H17.5951C17.8512 6 18.0658 6.08663 18.239 6.25988C18.4123 6.43311 18.4989 6.64777 18.4989 6.90385V14.75C18.4989 14.9625 18.427 15.1406 18.2832 15.2844C18.1394 15.4281 17.9612 15.5 17.7486 15.5C17.536 15.5 17.3579 15.4281 17.2143 15.2844C17.0707 15.1406 16.9989 14.9625 16.9989 14.75V8.5538Z' fill='%23192020'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
  
  /*new icons starts here*/
  
  /*solutions icons*/
  
  
  /*case study icons*/
  /*new icons ends here*/
  
  /* Chrome, Safari, Edge, Opera */
  
  /* Firefox */
  
  i {
    font-style: normal;
  }
  
  a {
    display: inline;
    color: inherit;
    text-decoration: none;
  }
  
  a:hover {
    color: inherit;
    text-decoration: none;
  }
  
  img {
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
  }
  
  /*--- font-family start ---*/
  /* @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-Bold.woff2") format("woff2"), url("./../web-fonts/Poppins-Bold.woff") format("woff"),
      url("./../web-fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-Medium.woff2") format("woff2"),
      url("./../web-fonts/Poppins-Medium.woff") format("woff"),
      url("./../web-fonts/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-Light.woff2") format("woff2"),
      url("./../web-fonts/Poppins-Light.woff") format("woff"), url("./../web-fonts/Poppins-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-SemiBold.woff2") format("woff2"),
      url("./../web-fonts/Poppins-SemiBold.woff") format("woff"),
      url("./../web-fonts/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-Thin.woff2") format("woff2"), url("./../web-fonts/Poppins-Thin.woff") format("woff"),
      url("./../web-fonts/Poppins-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Poppins";
    src: url("./../web-fonts/Poppins-Regular.woff2") format("woff2"),
      url("./../web-fonts/Poppins-Regular.woff") format("woff"),
      url("./../web-fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  } */
  
  /*--- font-family end ---*/
  /*--- font-size start ---*/
  
  h1,
  h2,
  h3,
  p,
  ul,
  li,
  a {
    margin: 0;
  }
  
  .br-24 {
    border-radius: 24px;
  }
  
  @media screen and (max-width: 1023px) {
    .br-24 {
      border-radius: 16px;
    }
  }
  
  .font-16 {
    font-size: 16px;
    line-height: 1.8rem;
  }
  
  .font-18 {
    font-size: 18px;
    line-height: 1.8rem;
  }
  
  @media screen and (max-width: 1599px) {
    .font-18 {
      font-size: 16px;
      line-height: 1.6rem;
    }
  }
  
  .font-26 {
    font-size: 26px;
    line-height: 2rem;
  }
  
  @media screen and (max-width: 1365px) {
    .font-26 {
      font-size: 22px;
      line-height: 1.8rem;
    }
  }
  
  @media screen and (max-width: 991px) {
    .font-26 {
      font-size: 21px;
      line-height: 1.7rem;
    }
  }
  
  @media screen and (max-width: 575px) {
    .font-26 {
      font-size: 20px;
      line-height: 1.5rem;
    }
  }
  @media screen and (max-width: 340px) {
    .font-26 {
      font-size: 19px;
      line-height: 1.5rem;
    }
  }
  
  .font-34 {
    font-size: 34px;
    line-height: 3rem;
  }
  
  @media screen and (max-width: 1199px) {
    .font-34 {
      font-size: 28px;
      line-height: 2.6rem;
    }
  }
  
  @media screen and (max-width: 991px) {
    .font-34 {
      font-size: 26px;
      line-height: 2.2rem;
    }
  }
  
  @media screen and (max-width: 575px) {
    .font-34 {
      font-size: 24px;
      line-height: 2.2rem;
    }
  }
  
  .font-50 {
    font-size: 50px;
  }
  
  @media only screen and (max-width: 1365px) {
    .font-50 {
      font-size: 40px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .font-50 {
      font-size: 34px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .font-50 {
      font-size: 30px;
    }
  }
  
  .poppins-regular {
    font-weight: 400;
  }
  
  .poppins-medium {
    font-weight: 500;
  }
  
  .bg-off-white {
    background-color: var(--clr-ppc-black);
  }
  
  .font-primary {
    color: var(--clr-white);
  }
  .font-black {
    color: var(--clr-black);
  }
  
  .btn-white {
    text-transform: uppercase;
    color: #192020;
    padding: 15px 25px 12px 25px;
    justify-content: center;
    border-radius: 30px;
    background: #fff;
    display: inline-flex;
    position: relative;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    -webkit-clip-path: inset(0 round 10px);
    clip-path: inset(0 round 10px);
    border: 1px solid #fff;
    transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, background-color 0.3s ease,
      outline 0.3s ease;
  }
  
  @media screen and (max-width: 1599px) {
    .btn-white {
      padding: 12px 22px 8px 22px;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .btn-white {
      transition: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .btn-white {
      padding: 10px 20px 7px 20px;
      gap: 6px;
    }
  }
  @media screen and (max-width: 640px) {
    .btn-white {
      padding: 10px 16px 7px 16px;
      gap: 6px;
    }
  }
  @media screen and (max-width: 575px) {
    .btn-white {
      gap: 3px;
    }
  }
  
  .btn-white--black-border {
    border: 1px solid #192020;
    transition: color 0.3s ease, box-shadow 0.6s ease;
  }
  
  .btn-white::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #192020;
    top: 0;
    left: 0;
    border-radius: 30px;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
  }
  
  .btn-white span {
    position: relative;
  }
  
  .btn-white .icon {
    transition: transform 0.3s ease;
  }
  
  @media screen and (max-width: 1199px) {
    .btn-white .icon {
      transition: none;
      transform: rotate(45deg);
    }
  }
  
  .btn-white:focus .icon::before,
  .btn-white:hover .icon::before {
    background-color: #fff;
  }
  @media only screen and (max-width: 1199px) {
    .btn-white:focus .icon::before,
    .btn-white:hover .icon::before {
      background-color: #192020;
      transition: none;
    }
  }
  
  .btn-white:focus,
  .btn-white:hover {
    color: #fff;
    box-shadow: inset 0 0 0 2px #192020;
  }
  
  @media only screen and (max-width: 1199px) {
    .btn-white:focus,
    .btn-white:hover {
      color: #192020;
      box-shadow: none;
    }
  }
  
  .btn-white:focus::before,
  .btn-white:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  
  @media only screen and (max-width: 1199px) {
    .btn-white:focus::before,
    .btn-white:hover::before {
      display: none;
    }
  }
  
  .btn-white:focus .icon,
  .btn-white:hover .icon {
    transform: rotate(45deg);
  }
  
  .link {
    color: #ed184f;
    text-decoration: underline;
  }
  
  .link:hover {
    color: #ed184f;
    text-decoration: underline;
  }
  
  /*--- var css start ---*/
  .ptb-90 {
    padding: 90px 0;
  }
  
  @media screen and (max-width: 1599px) {
    .ptb-90 {
      padding: 70px 0;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .ptb-90 {
      padding: 55px 0;
    }
  }
  
  @media screen and (max-width: 991px) {
    .ptb-90 {
      padding: 50px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ptb-90 {
      padding: 45px 0;
    }
  }
  
  @media screen and (max-width: 575px) {
    .ptb-90 {
      padding: 35px 0;
    }
  }
  
  .pb-90 {
    padding-bottom: 90px;
  }
  
  @media screen and (max-width: 1599px) {
    .pb-90 {
      padding-bottom: 70px;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .pb-90 {
      padding-bottom: 55px;
    }
  }
  
  @media screen and (max-width: 991px) {
    .pb-90 {
      padding-bottom: 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .pb-90 {
      padding-bottom: 45px;
    }
  }
  
  @media screen and (max-width: 575px) {
    .pb-90 {
      padding-bottom: 35px;
    }
  }
  
  .ptb-cs-90 {
    padding: 90px 0;
  }
  
  @media screen and (max-width: 1599px) {
    .ptb-cs-90 {
      padding: 70px 0;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .ptb-cs-90 {
      padding: 55px 0;
    }
  }
  
  @media screen and (max-width: 991px) {
    .ptb-cs-90 {
      padding: 50px 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ptb-cs-90 {
      padding: 35px 0;
    }
  }
  
  @media screen and (max-width: 575px) {
    .ptb-cs-90 {
      padding: 35px 0;
    }
  }
  
  /*------ home page css start ------*/
  /*--- Hero section start ---*/
  
  /*--- Hero section end ---*/
  /*------ home page css end ------*/
  
  /*--- Industry Focused Insights Start ---*/
  
  /*--- Industry Focused Insights End ---*/
  /*--- section case study Start ---*/
  
  /*--- section case study End ---*/
  /*--- section our leading minds Start ---*/
  
  /*--- section our leading minds End ---*/
  
  /*--- section drive us css Start ---*/
  
  /*--- section drive us css  End ---*/
  /*--- section life culture css  Start ---*/
  
  @-webkit-keyframes marquee {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(-100%);
    }
  }
  
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(-100%);
    }
  }
  
  @media only screen and (max-width: 1024px) {
    @-webkit-keyframes marquee {
      0% {
        transform: translateX(0);
      }
  
      100% {
        transform: translateX(-125%);
      }
    }
  
    @keyframes marquee {
      0% {
        transform: translateX(0);
      }
  
      100% {
        transform: translateX(-125%);
      }
    }
  }
  
  @media only screen and (max-width: 768px) {
    @-webkit-keyframes marquee {
      0% {
        transform: translateX(0);
      }
  
      100% {
        transform: translateX(-166.65%);
      }
    }
  
    @keyframes marquee {
      0% {
        transform: translateX(0);
      }
  
      100% {
        transform: translateX(-166.65%);
      }
    }
  }
  
  @-webkit-keyframes marqueereverse {
    0% {
      transform: translateX(-100%);
    }
  
    100% {
      transform: translateX(0);
    }
  }
  
  @keyframes marqueereverse {
    0% {
      transform: translateX(-100%);
    }
  
    100% {
      transform: translateX(0);
    }
  }
  
  @media only screen and (max-width: 1024px) {
    @-webkit-keyframes marqueereverse {
      0% {
        transform: translateX(-125%);
      }
  
      100% {
        transform: translateX(0);
      }
    }
  
    @keyframes marqueereverse {
      0% {
        transform: translateX(-125%);
      }
  
      100% {
        transform: translateX(0);
      }
    }
  }
  
  @media only screen and (max-width: 768px) {
    @-webkit-keyframes marqueereverse {
      0% {
        transform: translateX(-166.65%);
      }
  
      100% {
        transform: translateX(0);
      }
    }
  
    @keyframes marqueereverse {
      0% {
        transform: translateX(-166.65%);
      }
  
      100% {
        transform: translateX(0);
      }
    }
  }
  
  /*--- section life culture css  End ---*/
  /*--- section event lists css  Start ---*/
  
  /*--- section event lists css  End ---*/
  /*--- section explore life css  Start ---*/
  
  /*--- section explore life css  End ---*/
  /*--- section event banner css  Start ---*/
  
  /*--- section event banner css  End ---*/
  /*--- section event gallery css  Start ---*/
  
  /*--- section event gallery css  End ---*/
  /*--- section client trust css  Start ---*/
  
  /*--- section client trust css  End ---*/
  /*--- section successstory css  Start ---*/
  
  /*--- section successstory css  End ---*/
  
  /*--- faq lists  css  Start ---*/
  
  /*--- faq lists css  End ---*/
  
  /* Contact us css */
  
  .header {
    border-bottom: 1px solid rgba(25, 32, 32, 0.1);
    background: #fff;
    z-index: 1010;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
  }
  
  /* .header__nav > ul > li:not(:last-child) > .header__nav-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
    width: calc(100% + 30px);
  } */
  
  /* .header__nav > ul > li:not(:last-child) > .header__nav-link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: currentColor;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
  } */
  
  /* .header__nav > ul > li:not(:last-child):hover .header__nav-inner {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
  } */
  
  /*--- Five Column Menu start - 122 ---*/
  
  /*--- Five Column Menu end - 122 ---*/
  
  /*.header__col--row-span-2 {
    grid-row: span 2;
  }
  @media screen and (max-width: 1023px) {
    .header__col--row-span-2 {
      grid-row: span 1;
      order: -1;
    }
  }*/
  
  /*for icon*/
  /*.header .hamburger .hamburger-box {*/
  /*    display: inline-block;*/
  /*    position: relative;*/
  /*    width: 28px;*/
  /*    height: 21px;*/
  /*}*/
  /*for icon*/
  
  /*.header .hamburger .hamburger-inner::before,*/
  /*.header .hamburger .hamburger-inner::after,*/
  /*.header .hamburger .hamburger-inner {*/
  /*    transition-timing-function: ease;*/
  /*    transition-property: transform;*/
  /*    background-color: #192020;*/
  /*    transition-duration: 0.15s;*/
  /*    position: absolute;*/
  /*    border-radius: 4px;*/
  /*    width: 28px;*/
  /*    height: 2px;*/
  /*}*/
  
  /*for icon*/
  /*.header .hamburger .hamburger-inner {*/
  /*    width: 28px;*/
  /*    height: 21px;*/
  /*    background: url("../img/hamburger.svg") no-repeat center;*/
  /*    background-size: cover;*/
  /*}*/
  /*for icon*/
  
  /*.header .hamburger .hamburger-inner {*/
  /*  top: 50%;*/
  /*  display: block;*/
  /*  margin-top: -2px;*/
  /*  transition-duration: 0.22s;*/
  /*  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
  /*}*/
  
  /*for icon*/
  /*.header .hamburger .hamburger-inner {*/
  /*  top: 50%;*/
  /*  display: block;*/
  /*  margin-top: -2px;*/
  /*}*/
  /*for icon*/
  
  /*.is-menu-open .header .hamburger .hamburger-inner {*/
  /*    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);*/
  /*    transform: rotate(225deg);*/
  /*    transition-delay: 0.12s;*/
  /*}*/
  
  /*for icon*/
  /*.is-menu-open .header .hamburger .hamburger-inner {*/
  /*    background: url("../img/hamburger-close.svg") no-repeat center;*/
  /*    background-size: contain;*/
  /*}*/
  /*for icon*/
  
  /*.header .hamburger .hamburger-inner::before {*/
  /*  transition:*/
  /*    top 0.1s ease-in 0.25s,*/
  /*    opacity 0.1s ease-in;*/
  /*  top: -8px;*/
  /*}*/
  /*.is-menu-open .header .hamburger .hamburger-inner::before {*/
  /*    top: 0;*/
  /*    transition:*/
  /*            top 0.1s ease-out,*/
  /*            opacity 0.1s ease-out 0.12s;*/
  /*    opacity: 0;*/
  /*}*/
  
  /*.header .hamburger .hamburger-inner::after {*/
  /*  transition:*/
  /*    bottom 0.1s ease-in 0.25s,*/
  /*    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);*/
  /*  bottom: -8px;*/
  /*}*/
  
  /*.is-menu-open .header .hamburger .hamburger-inner::after {*/
  /*  transition:*/
  /*    bottom 0.1s ease-out,*/
  /*    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;*/
  /*  transform: rotate(-90deg);*/
  /*  bottom: 0;*/
  /*}*/
  
  @keyframes ripple {
    0% {
      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    }
  
    100% {
      box-shadow: 0px 0px 2px 20px rgba(0, 0, 0, 0);
    }
  }
  
  .about .swiper {
    width: 100%;
  }
  
  /*--- Industry Focused Insights Start ---*/
  
  /*--- Industry Focused Insights End ---*/
  /*--- section explore teams Start ---*/
  
  /*--- section explore teams End ---*/
  
  /*sec-testimonial-listing css starts here*/
  
  /*sec-testimonial-listing css ends here*/
  
  /*industries with black bg slider css starts here*/
  
  /*industries with black bg slider ends starts here*/
  
  /*industry we serve offwhite css starts here*/
  
  /*industry we serve offwhite css ends here*/
  
  /*industry we serve white css start here*/
  
  /*industry we serve white css ends here*/
  
  /*detail__block with grey lists css starts here*/
  
  /*detail__block with grey lists css ends here*/
  
  /*all page casestudy section css */
  
  .section-case-study-banner .case-study-heading .cs-hero-banner .cs-banner {
    aspect-ratio: auto 1440/810;
    height: auto;
  }
  
  .section-introduction .introduction-main {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main {
      -moz-column-gap: 35px;
      column-gap: 35px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main {
      -moz-column-gap: 30px;
      column-gap: 30px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main {
      -moz-column-gap: 25px;
      column-gap: 25px;
    }
  }
  
  .section-introduction .introduction-main .introduction-left-main {
    position: -webkit-sticky;
    position: sticky;
    width: 350px;
    top: 100px;
    left: 0;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-left-main {
      width: 315px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-left-main {
      width: 300px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-left-main {
      width: 250px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-left-main {
      display: none;
    }
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left {
    background-color: #3b4040;
    padding: 15px 30px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left .redirection-datas {
    padding: 10px 0;
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left .redirection-datas:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left .redirection-datas ul li {
    padding: 4px 0;
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left .redirection-datas ul li a {
    position: relative;
  }
  
  .section-introduction .introduction-main .introduction-left-main .introduction-left .redirection-datas ul li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    bottom: -3px;
    left: 0;
    border-radius: 10px;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
  }
  
  .section-introduction
    .introduction-main
    .introduction-left-main
    .introduction-left
    .redirection-datas
    ul
    li
    a:hover:after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-left-main .details-btn {
      font-size: 14px;
    }
  }
  
  .section-introduction .introduction-main .introduction-right {
    flex: 1;
    width: 100%;
  }
  
  .section-introduction .introduction-main .introduction-right .portfolio-screens {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens {
      grid-gap: 35px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens {
      grid-gap: 30px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens {
      grid-gap: 20px;
    }
  }
  
  @media screen and (min-width: 575px) and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens {
      grid-gap: 20px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  
  @media screen and (max-width: 575px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens {
      grid-gap: 30px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  
  .section-introduction .introduction-main .introduction-right .portfolio-screens .pf-screen-img img {
    aspect-ratio: auto 680/500;
    height: auto;
  }
  
  .section-introduction .introduction-main .introduction-right .portfolio-screens-big {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 40px 0 90px;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens-big {
      margin: 40px 0 70px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens-big {
      margin: 40px 0 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .portfolio-screens-big {
      margin: 30px 0 30px;
    }
  }
  
  .section-introduction .introduction-main .introduction-right .portfolio-screens-big .pf-screen-img img {
    aspect-ratio: auto 1400/830;
    height: auto;
  }
  
  .section-introduction .introduction-main .introduction-right .impact-portfolio-screens-big {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 40px 0 0;
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .impact-portfolio-screens-big {
      margin: 35px 0 0;
    }
  }
  
  .section-introduction .introduction-main .introduction-right .impact-portfolio-screens-big .pf-screen-img img {
    aspect-ratio: auto 1400/830;
    height: auto;
  }
  
  .section-introduction .introduction-main .introduction-right .solutions-screens {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 35px 0 90px;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens {
      margin: 35px 0 70px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens {
      grid-gap: 30px;
      margin: 30px 0 40px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens {
      grid-gap: 30px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      margin: 35px 0 50px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens {
      margin: 30px 0 30px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens {
      grid-gap: 30px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  
  .section-introduction .introduction-main .introduction-right .solutions-screens .solution-content {
    background-color: #3b4040;
    padding: 30px;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens .solution-content {
      padding: 25px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens .solution-content {
      padding: 25px 20px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .solutions-screens .solution-content {
      padding: 25px 20px;
    }
  }
  
  .section-introduction .introduction-main .introduction-right .impact-data {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
    margin: 30px 0 40px;
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-right .impact-data {
      grid-gap: 30px;
      margin: 30px 0 40px;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-right .impact-data {
      grid-gap: 15px;
      margin: 30px 0 40px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .impact-data {
      display: flex;
      grid-gap: 15px;
      margin: 30px 0 35px;
      white-space: nowrap;
      overflow: auto;
      padding-bottom: 10px;
    }
  }
  
  .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers {
    background-color: #fff;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  @media screen and (min-width: 1365px) and (max-width: 1599px) {
    .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers {
      padding: 40px 30px;
    }
  }
  
  @media screen and (min-width: 991px) and (max-width: 1365px) {
    .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers {
      padding: 30px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  
  @media screen and (min-width: 767px) and (max-width: 991px) {
    .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers {
      padding: 30px 15px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  
  @media screen and (max-width: 767px) {
    .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers {
      padding: 15px;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
    }
  }
  
  .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers:nth-child(1) {
    background-color: var(--clr-light-pink);
  }
  
  .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers:nth-child(2) {
    background-color: var(--clr-light-purple);
  }
  
  .section-introduction .introduction-main .introduction-right .impact-data .impact-numbers:nth-child(3) {
    background-color: var(--clr-light-green);
  }
  
  /* career video start*/
  
  /* career video end*/
  /*---- About us page video start ---*/
  
  /*---- About us page video end ---*/
  
  /*--- Home page Hero Slider Update Css Start ---*/
  
  /*.home-hero-banner-main .swipe-btn-outer {*/
  /*  display: flex;*/
  /*  width: 100%;*/
  /*  justify-content: space-between;*/
  /*  height: 100%;*/
  /*  position: absolute;*/
  /*  top: 50%;*/
  /*  left: 50%;*/
  /*  transform: translate(-50%, -50%);*/
  /*  align-items: center;*/
  /*  z-index: 0;*/
  /*}*/
  
  /*--- Home page Hero Slider Update Css End ---*/
  
  /*--- START : case study title css ---*/
  
  /*--- END : case study title css ---*/
  
  /*--- START : bg with lists css ---*/
  
  /*--- END : bg with lists css ---*/
  
  /*---- We Serve Section Css Start 4/3/24 Mi-122 ---*/
  
  /*---- We Serve Section Css End 4/3/24 Mi-122 ---*/
  
  /*insights section button css starts here*/
  
  /*insights section button css ends here*/
  
  /* START : AI page code */
  
  /*.quiety-page-wrapper .ai-hero__img {*/
  /*  min-height: 804px;*/
  /*  position: absolute;*/
  /*  right: 30px;*/
  /*  top: 0;*/
  /*  display: block;*/
  /*  width: 640px;*/
  /*  height: 804px;*/
  /*}*/
  
  /* END : AI page code */
  
  /*---- AI page Css Start ---*/
  
  /*new page css starts here*/
  
  /*new page css ends here*/
  
  /*new css*/
  
  /*--- new-section-add-css-start ---*/
  
  /* /---------new-section-add-css-end---------/ */
  
  /*insights section button remove css ends here*/
  
  /*---- services-new-hero-section start Mi-122 (Ai-develpment-web-pages)----*/
  
  .services-new-hero-section {
    background: #f6fafd url("./../img/hero-banner/ai-development-hero.png") no-repeat;
    background-size: cover !important;
    background-position: right 0% bottom 0;
    position: relative;
    height: calc(100vh - 80px);
  }
  
  @media screen and (max-width: 1699px) {
    .services-new-hero-section {
      background-position: right 40% bottom 0;
      height: 100vh;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .services-new-hero-section {
      padding: 40px 0 0;
      height: 100%;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .services-new-hero-section {
      height: 100%;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .services-new-hero-section {
      padding: 0;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .services-new-hero-section::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      pointer-events: none;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
      /* White gradient with 50% opacity */
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1599px) {
    .services-hero-section {
      max-width: 800px;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .services-new-hero-section {
      background-position: right 60% bottom 0;
      padding: 40px 0;
      background-size: cover;
      height: 100%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .services-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 40px 0 125px;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 767px) {
    .services-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 25px 0 25px;
      background-size: cover;
    }
  }
  
  .services-new-hero-section .services-hero-section {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  
  .services-new-hero-section .services-hero-section p {
    margin: 30px 0 35px;
  }
  
  @media screen and (max-width: 1499px) {
    .services-new-hero-section .services-hero-section p {
      margin: 22px 0 24px;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .services-new-hero-section .services-hero-section p {
      margin: 25px 0 25px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .services-new-hero-section .services-hero-section p {
      margin: 10px 0 25px;
    }
  }
  
  /*---services-new-client-testimonial start --*/
  
  /*---services-new-client-testimonial end --*/
  
  /*-- section book with use CTA start --*/
  
  /*-- section book with use CTA end --*/
  
  /*---- services-new-hero-section end Mi-122 ----*/
  
  /*new hire ai developer page css starts here*/
  
  /*sec-book-with-us css starts here*/
  
  /*sec-book-with-us css ends here*/
  
  /*our-team-slider css starts here*/
  
  /*our-team-slider css ends here*/
  
  /*our-team-slider css starts here*/
  
  /*our-team-slider css ends here*/
  
  /*section-hiring-new-setps css starts here*/
  
  /*section-hiring-new-setps css ends here*/
  
  /* Basic styling for the select dropdown */
  
  /*new hire ai developer page css ends here*/
  
  /*.sec-our-industries .powerful-item css starts here*/
  
  /*.sec-our-industries .powerful-item css ends here*/
  /*new hire hero inquiry section starts here*/
  
  @media only screen and (min-width: 1200px) and (max-width: 1699px) {
    .hire-new-hero-section .services-new-hero-section {
      height: 100%;
    }
  }
  
  /*new hire hero inquiry section ends here*/
  
  /*---latest-ppc-testimonial start --*/
  
  /*---latest-ppc-testimonial end --*/
  
  /*hire new hero section css starts here*/
  
  .hire-new-hero-section {
    background-size: cover !important;
    background-position: right 0% bottom 0;
    position: relative;
    height: calc(100vh - 80px);
  }
  
  .hire-new-hero-section .services-new-hero-section {
    background: none;
  }
  
  @media screen and (min-width: 1920px) and (min-height: 1050px) {
    .hire-new-hero-section {
      background-size: cover !important;
    }
  }
  
  @media screen and (max-width: 1599px) {
    .hire-new-hero-section {
      background-position: right 40% bottom 0;
    }
  }
  
  @media screen and (min-width: 1200px) and (max-width: 1599px) {
    .hire-new-hero-section {
      height: auto;
      padding: 35px 0;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .hire-new-hero-section {
      height: 100%;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .hire-new-hero-section::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
      /* White gradient with 50% opacity */
    }
  }
  
  @media screen and (max-width: 1199px) {
    .hire-new-hero-section {
      background-position: right 60% bottom 0;
      padding: 0;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hire-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 0;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hire-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 0;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 1199px) {
    .hire-new-hero-section .services-new-hero-section {
      background-position: right 60% bottom 0;
      padding: 40px 0 40px;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hire-new-hero-section .services-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 40px 0 40px;
      background-size: cover;
    }
  }
  
  @media screen and (max-width: 767px) {
    .hire-new-hero-section .services-new-hero-section {
      background-position: right 40% bottom 0;
      padding: 25px 0 25px;
      background-size: cover;
    }
  }
  
  /*hire new hero section css ends here*/
  
  /*why hire dedicated developer with icons css starts here*/
  
  /*why hire dedicated developer with icons css ends here*/
  
  /*new we serve buttons css start here*/
  
  /*@media only screen and (max-width: 375px) {*/
  /*  .new-we-serve-btn-outer {*/
  /*    justify-content: end;*/
  /*  }*/
  /*}*/
  
  /*new we serve buttons css end here*/
  
  /*section-key-skills-react css starts here*/
  
  /*section-key-skills-react css ends here*/
  
  /*---section-hire-technology-stacks start --*/
  
  /*---section-hire-technology-stacks end --*/
  /*---section-hire-technology-stacks start --*/
  
  /*---section-hire-technology-stacks end --*/
  
  /* --- new css for python page start --- */
  
  /* --- new css for python page end --- */
  
  /*why choose digital transformation css starts here*/
  
  /*why choose digital transformation css ends here*/
  
  /*new solutions in black starts here*/
  
  /* --start-ui-page-section-new-22-04-2024-- */
  
  /* --end-ui-page-section-new-22-04-2024-- */
  
  /* START : our-recent-work-new */
  
  /* END : our-recent-work-new */
  
  /* game dev css start here */
  
  /* game dev css end here */
  
  /* game genres css start here */
  
  /* game genres css end here */
  
  /* consent form start */
  
  /* Create a custom checkbox */
  
  /* Create the custom checkbox appearance */
  
  /* Style the checked state */
  
  /* Optional: Add a checkmark */
  
  /* consent form end */
  
  /*casestudy slider new css starts here*/
  
  /*casestudy slider new css ends here*/
  
  /*--- New Case Study Listing page Sep 24 Mi-122 Start --*/
  /*.header{
      width: 1920px;
      margin: 0 auto;
      border: 1px solid red;
  }
  .case-studies-main .container-fluid{
      width: 1920px;
      margin: 0 auto;
  }*/
  @media (max-width: 767px) {
    /* Ensure the case-collpase div is closed by default */
  
    /* Rotate the down arrow by default */
    .more img {
      transition: transform 0.3s ease;
    }
  
    /* When the case-collpase is open, adjust the height */
  
    /* Rotate the arrow when the case-collpase is open */
  }
  
  /*--- New Case Study Listing page Sep 24 Mi-122 End --*/
  
  /* ----- start css mehul-rajput.php-ceo ----- */
  
  /* .section-nacho-won .ceo-mindful-team .desk-open {
    display: block;
  }
  @media screen and (max-width: 575px) {
    .section-nacho-won .ceo-mindful-team .desk-open {
      display: none;
    }
  } */
  
  /* ----- end css mehul-rajput.php-ceo ----- */
  
  /* ----- css start for Exit Init Popup start ----- */
  
  /* ----- css start for Exit Init Popup end ----- */
  
  /* ----- start css industry services ------ */
  
  /* ------mobile view css-start------ */
  
  /* ------mobile view css-end------ */
  
  /* -----start css all-industry-hero-section ------ */
  /* ----- css start for Exit Init Popup end ----- */
  
  /* start css section-simple-sales-bg  */
  
  /* end css section-simple-sales-bg  */
  
  /* -----end css all-industry-hero-section ------ */
  /* ----- css start for Exit Init Popup end ----- */
  
  /* ----- start faq new css gs-dec-9---- */
  /*@media screen and (min-width: 1200px) and (max-width:1499px){*/
  /*    .newworkslider-area {*/
  /* */
  /*    }*/
  /*}*/
  
  /* ----- end faq new css gs-dec-9---- */
  
  /*newhomepage workslider css starts here*/
  
  /*@media only screen and (max-width: 991px){*/
  /*    .custslides .custslick-list .item .content-wrap {*/
  /*        display: none;*/
  /*    }*/
  /*}*/
  /*@media only screen and (min-width: 768px) and (max-width: 1499px) {*/
  /*    .custslides .custslick-list .item .label-menu-pont {*/
  /*        margin-top: 20px;*/
  /*    }*/
  /*}*/
  /*btn-slide-border css starts here*/
  
  /*btn-slide-pink css starts here*/
  /*newhomepage workslider css ends here*/
  /*newportfolio listing slider css starts here*/
  
  /*newportfolio listing slider css ends here*/
  
  /*all case study lists css ends here*/
  
  /*new listing section*/
  /*all case study lists css starts here*/
  
  /*.section-case-study-lists .section-pf-listing .pf-main .big-width.pf-item .content-wrap .list-wrap a{*/
  /*    cursor: url("../img/cursor-img.svg") 30 30, auto;*/
  /*}*/
  
  /*@media only screen and (max-width: 480px){*/
  /*    .section-case-study-lists .section-pf-listing .pf-main .big-width.pf-item .content-wrap .list-wrap a{*/
  /*        font-size: 20px;*/
  /*        line-height: 1.5rem;*/
  /*        cursor: url("../img/cursor-small-img.svg") 15 15, auto;*/
  /*    }*/
  /*}*/
  
  /*popup case study section css starts here*/
  
  /*popup case study section css ends here*/
  
  /*hire game team section css starts here*/
  
  /*hire game team section css ends here*/