@font-face {
      font-family: 'goldplayalternateregular';
      src: url('../fonts/goldplayalternateregular.eot');
      src: url('../fonts/goldplayalternateregular.eot') format('embedded-opentype'),
          url('../fonts/goldplayalternateregular.woff2') format('woff2'),
          url('../fonts/goldplayalternateregular.woff') format('woff'),
          url('../fonts/goldplayalternateregular.ttf') format('truetype'),
          url('../fonts/goldplayalternateregular.svg#goldplayalternateregular') format('svg');
  }


  @font-face {
      font-family: "GoldplayAlt-Medium";
      src:
          url("../fonts/GoldplayAlt-Medium.woff2") format("woff2"),
          url("../fonts/GoldplayAlt-Medium.woff") format("woff");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: "GoldplayAlt-SemiBold";
      src:
          url("../fonts/GoldplayAlt-SemiBold.woff2") format("woff2"),
          url("../fonts/GoldplayAlt-SemiBold.woff") format("woff");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Goldplay Alt';
      src: url('../fonts/GoldplayAlt-Regular.woff2') format('woff2'),
          url('../fonts/GoldplayAlt-Regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }



  @font-face {
      font-family: "Goldplay-Light";
      src:
          url("../fonts/Goldplay-LightIt.woff2") format("woff2"),
          url("../fonts/Goldplay-LightIt.woff") format("woff");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
  }

  .wrapmxwd {
      max-width: 1540px;
      margin: auto;
  }


  .firmslist-bcx-wrap.pt-0 {
      padding-top: 0px !important;
  }

  .hero-wrapper {
      padding: 72px 0px 0px 0px;
      background: #fff;
  }

  .banwrap {
      padding-top: 60px !important;
      background: #fff;
  }

  /* ---------- Header ---------- */
  .banwrap .eyebrow {
      display: inline-block;
      font-size: 14px;
      line-height: 15px;
      letter-spacing: 2px;
      font-family: "GoldplayAlt-SemiBold";
      color: #000000;
      background: #F2F2F2;
      padding: 7px 16px;
      border-radius: 50px;
      border: 1px solid #D9D9D9;
  }

  .banwrap .headline {
      font-size: 90px;
      line-height: 1;
      font-family: "GoldplayAlt-Medium";
      margin-top: 22px;
      margin-bottom: 18px;
      color: #111;
  }

  .banwrap .headline .accent {
      color: #1C7F91;
      font-style: italic;
      display: inline-block;
      font-family: "GoldplayAlt-Medium";
  }

  .banwrap .subcopy {
      color: #4E4E4E;
      font-size: 24px;
      max-width: 50%;
      margin: 0 auto;
      line-height: 32px;
      font-family: "Goldplay-Light";
  }

  /* ---------- Grid ---------- */
  .bento {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto auto;
      gap: 18px;
      margin-top: 48px;
  }

  .cell {
      border-radius: var(--card-radius);
      padding: 26px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 190px;
      position: relative;
      overflow: hidden;
  }

  .stat {
      font-size: 60px;
      line-height: 90px;
      font-family: "GoldplayAlt-Medium";
  }

  .cell-title {
      font-size: 20px;
      font-family: "GoldplayAlt-SemiBold";
      letter-spacing: 0.3px;
      margin-top: 16px;
      margin-bottom: 10px;
  }

  .cell-desc {
      font-size: 16px;
      line-height: 28px;
      font-family: "Goldplay Alt";
      font-weight: 400;

  }

  /* dark card */
  .cell-dark {
      background: #030912;
      border-radius: 28px;
      padding: 30px;
      color: #fff;
      grid-column: 1;
      grid-row: 1;
  }

  .cell-dark .cell-desc {
      color: #c9c9c9;
  }

  .cell-dark .icon-badge {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 25px;
  }

  .cell-dark .icon-badge img {
      width: 60px;
  }

  /* image cell - robot */
  .cell-image {
      grid-column: 2;
      grid-row: 1 / span 2;
      padding: 0;
      min-height: 100%;
      border-radius: 28px;
  }

  .cell-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: var(--card-radius);
  }

  /* green card */
  .cell-green {
      background: #BCD88F;
      color: #000000;
      border-radius: 28px;
      padding: 30px;
      grid-column: 3;
      grid-row: 1;
  }

  .cell-green .cell-desc {
      color: #4c6b46;
  }

  .cell-green .icon-badge {
      width: 34px;
      height: 34px;
      ;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
  }

  /* laptop image card */
  .cell-laptop {
      grid-column: 4;
      grid-row: 1;
      padding: 0;
      min-height: 190px;
      border-radius: 28px;
  }

  .cell-laptop img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: var(--card-radius);
  }

  /* white card bottom-left */
  .cell-white {
      background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
      border-radius: 28px;
      padding: 30px;
      /* border:1px solid #F2F2F2; */
      color: #111;
      grid-column: 1;
      grid-row: 2;
  }

  .cell-white .cell-desc {
      color: #8a8a8a;
  }

  /* peach/blue card bottom-right, spans 2 columns */
  .cell-peach {
      border-radius: 28px;
      background: url(../listical-img/enchanced-bg.webp)no-repeat;
      background-size: 100% 100%;
      color: #3a2e2a;
      grid-column: 3 / span 2;
      grid-row: 2;
      justify-content: center;
      padding: 30px 30px 40px 30px;
  }

  .cell-peach .cell-desc {
      color: #6b5f5a;
      max-width: 88%;
  }

  .dots-row {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-top: 14px;
  }

  .dot {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #fff;
  }

  .dot.d1 {
      background: #5aa8a3;
  }

  .dot.d2 {
      background: #e79a9a;
  }

  .dot.d3 {
      background: #7fb9e0;
  }

  .dot-line {
      flex: 1;
      height: 1px;
      background: rgba(0, 0, 0, 0.12);
  }



  .marquee-section {
      margin: 0px auto;
      padding: 80px 20px;
  }

  .marquee-wrap {
      position: relative;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
      mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }

  .marquee-track {
      display: flex;
      align-items: center;
      width: max-content;
      animation: scroll 26s linear infinite;
  }

  .marquee-wrap:hover .marquee-track {
      animation-play-state: paused;
  }

  @keyframes scroll {
      from {
          transform: translateX(0);
      }

      to {
          transform: translateX(-50%);
      }
  }

  .marquee-track img {
      height: 40px;
      width: auto;
      display: block;
      flex-shrink: 0;
      margin-right: 60px;
      opacity: 0.85;
      transition: opacity .25s ease;
  }

  .marquee-track img:hover {
      opacity: 1;
  }

  .outer {
      background: #131A27;
      margin: 50px auto;
      padding: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }

  .services-keys-wrap h2 {
      font-family: "Playfair", serif;
      font-weight: 700;
      color: #f5f5f2;
      text-align: center;
      font-size: 56px;
      line-height: 70px;
      max-width: 100%;
      margin: 0 auto 60px;
  }

  .card {
      position: relative;
      background: #030912;
      padding: 30px 25px;
      height: 100%;
      border: 1px solid transparent;
      border-radius: 12px;
      background:
          linear-gradient(#030912, #030912) padding-box,
          linear-gradient(180deg, #000000 0%, #FFFFFF 100%) border-box;

      transition: transform .2s ease, border-color .2s ease;
  }


  .card-title {
      font-size: 24px;
      line-height: 24px;
      font-weight: 500;
      font-family: "Montserrat", sans-serif;
      color: #FFFFFF;
      margin-bottom: 15px;
      text-align: center;
  }

  .card-desc {
      font-size: 20px;
      line-height: 24px;
      color: #CCCCCC;
      font-weight: 300;
      text-align: center;
      font-family: "Montserrat", sans-serif;
  }

  .row-gap {
      margin-bottom: 20px;
  }

  .cta-wrap {
      background: linear-gradient(90deg, #004250 0%, #002741 100%);
      padding-top: 80px !important;
      padding-bottom: 80px !important;
  }

  .cta-wrap .outerbcx h2,
  .firmslist-bcx-wrap .heading {
      font-size: 58px;
      line-height: 70px;
      color: #fff;
      font-family: "GoldplayAlt-SemiBold";
      text-align: center;
  }

  .quotebtnbcx {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 40px;
  }

  .quotebtnbcx button,
  .firm-contactbtn button {
      padding: 15px 30px;
      background: #fff;
      color: #030912;
      font-size: 28px;
      font-family: "GoldplayAlt-SemiBold";
      border: 0px;
      border-radius: 10px;
  }


  .firmslist-bcx-wrap {
      background: #000000;
      padding-top: 80px !important;
      padding-bottom: 80px !important;
      margin: 0px auto!important;
  }

  .firmslist-bcx-wrap .heading {
      color: #fff;
      text-align: center;
      margin: 0 auto 10px;
  }

  .firmslist-bcx-wrap .subheading {
      text-align: center;
      color: #ABABAB;
      font-size: 28px;
      line-height: 40px;
      max-width: 80%;
      margin: 0 auto 60px;
      font-family: 'Goldplay Alt';
  }

  /* ---------- Firm card ---------- */
  .firm-card {
      background: #10141F;
      border: 0.5px solid #ffffff80;
      border-radius: 26px;
      padding: 40px;
      margin-bottom: 25px;
      display: flex;
      align-items: center;
      gap: 0;
  }

  .card-left-bcx .brand-logo img {
      width: 240px;
      margin-bottom: 20px;
  }

  .card-left-bcx .brand-desc p {
      font-size: 24px;
      line-height: 40px;
      color: #FFFFFF;
      font-family: 'Goldplay Alt';
  }

  .brand-points {
      background: linear-gradient(90deg, #303955 0%, #10141F 100%);
      padding: 15px 0px 15px 30px;
      position: relative;
      left: -40px;
  }

  .brand-points ul li:nth-child(1) {
      margin-bottom: 15px;
  }

  .brand-points ul li {
      gap: 10px;
      font-size: 26px;
      font-family: 'Goldplay Alt';
      color: #fff;
  }

  .firm-card:last-child {
      margin-bottom: 0;
  }

  .card-right-bcx {
      background: #1B2030;
      border-radius: 16px;
      padding: 20px;
      height: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
  }

  .card-right-bcx .firm-contactbtn {
      justify-content: center;
      display: flex;
  }

  .card-right-bcx .firm-info-bcx {}

  .firm-info-bcx .info-row {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 15px;
      color: #FFFFFF;
      font-size: 22px;
      line-height: 40px;
      font-family: "GoldplayAlt-Medium";
  }

  .firm-info-bcx .info-row img {
      width: 30px;
  }

  .firm-info-bcx .info-row.rating-rw img {
      width: 100px;
  }

  .blue-text {
      color: #2087F0 !important;
  }

  .sevrice-row {
      margin-top: 70px;
  }

  .sevrice-row .service-card {
      position: relative;
      border: 1px solid #FFFFFF;
      border-radius: 16px;
      padding: 25px 35px;
      height: 100%;
  }

  .sevrice-row .service-card .bcx-mr {
      margin-bottom: 30px;
  }

  .sevrice-row .service-card h3 {
      color: #FFFFFF;
      font-size: 32px;
      line-height: 1.2;
      margin-bottom: 15px;
      font-family: "GoldplayAlt-Medium";
  }

  .sevrice-row .service-card p {
      color: #CCCCCC;
      font-size: 20px;
      line-height: 26px;
      font-weight: 300;
      font-family: "Montserrat", sans-serif;
  }

  .prcoess-wrap.firmslist-bcx-wrap {
      padding-top: 0px !important;
      background: #000000;
      margin: 0px;

  }

  .heading {
      color: #ffffff;
      font-weight: 700;
      font-size: 26px;
      margin-bottom: 56px;
  }

  /* ---------- Steps row (3 columns) ---------- */
  .steps-row {
      display: flex;
      align-items: stretch;
  }

  .steps-col {
      flex: 1 1 0;
      display: flex;
      flex-direction: column;
      padding: 0 30px;
  }

  .steps-col:first-child {
      padding-left: 0;
      position: relative;
  }

  .steps-col:first-child::after {
      content: '';
      position: absolute;
      right: 0px;
      width: 1px;
      height: 55%;
      background: #FFFFFF;
  }

  .steps-col:nth-child(2) {
      position: relative;
  }

  .steps-col:nth-child(2)::after {
      content: '';
      position: absolute;
      right: 0px;
      width: 1px;
      height: 100%;
      background: #FFFFFF;
  }

  .steps-col.col-spread .step:last-child {
      margin-top: 100px;
  }

  .steps-col:last-child {
      padding-right: 0;
  }

  .col-border {
      border-right: 1px solid #2a2f34;
  }

  /* column alignment */
  .col-top {
      justify-content: flex-start;
  }

  .col-center {
      justify-content: center;
  }

  .col-spread {
      justify-content: space-between;
  }

  .step {
      display: flex;
      align-items: flex-start;
      gap: 14px;
  }

  .step-num {
      font-size: 150px;
      font-weight: 700;
      font-family: "Montserrat", sans-serif;
      color: #3a3f45;
      line-height: 1;
  }

  .step-title {
      color: #ffffff;
      font-family: "GoldplayAlt-SemiBold";
      font-size: 28px;
      line-height: 1.2;
      margin-bottom: 8px;
      margin-top: 6px;
  }

  .step-desc {
      color: #FFFFFF;
      font-size: 20px;
      line-height: 26px;
      font-weight: 300;
      font-family: "Montserrat", sans-serif;
  }

  .steps-row {
      margin-top: 70px;
  }

  /* ---------- Responsive ---------- */


  /* Modal Css */

  #getInTouchModal .modal-dialog,#commonTouchModal .modal-dialog{
      max-width: 530px;
  }

  #getInTouchModal.show .modal-dialog,#commonTouchModal.show .modal-dialog {
      transform: translateY(0) scale(1);
      opacity: 1;
  }

  /* #getInTouchModal.fade .modal-dialog {
    transform: translateY(20px) scale(0.97);
    transition: transform .28s cubic-bezier(.2, .8, .2, 1), opacity .28s ease;
    opacity: 0;
} */

  .country-select {
      display: flex;
      align-items: center;
      gap: 5px;
      padding: 6px 8px 8px 4px;
      border-right: 1px solid #e2e6ea;
      font-size: 14px;
      color: #1c2b3a;
      white-space: nowrap;
      flex-shrink: 0;
  }

  #getInTouchModal .modal-content,#commonTouchModal .modal-content{
      border: none;
      border-radius: 31px;
      padding: 8px;
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  }

  #getInTouchModal .modal-header,#commonTouchModal .modal-header {
      border-bottom: none;
      padding: 15px 20px 6px;
      align-items: flex-start;
  }

  #getInTouchModal .modal-title,#commonTouchModal .modal-title {
      font-size: 30px;
      color: #000;
      margin: 0;
      font-weight: 600;
      font-family: "Outfit", sans-serif;
  }

  #getInTouchModal .close,#commonTouchModal .close {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #f0f2f4;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--ink);
      font-size: 16px;
      opacity: 1;
      text-shadow: none;
      transition: background .2s ease, transform .2s ease;
      padding: 0;
      margin: 0;
  }

  #getInTouchModal .modal-body,#commonTouchModal .modal-body {
      padding: 10px 20px 24px;
  }

  .field-group {
      margin-bottom: 20px;
      position: relative;
  }

  .field-label {
      font-size: 13.5px;
      color: #1c2b3a;
      font-weight: 500;
      font-family: "Outfit", sans-serif;
      margin-bottom: 6px;
      display: block;
  }

  .underline-input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #1c2b3a;
      padding: 6px 2px 10px;
      font-size: 14.5px;
      color: #1c2b3a;
      outline: none;
      background: transparent;
      transition: border-color .2s ease;
  }

  .phone-row {
      display: flex;
      align-items: flex-end;
      gap: 10px;
      border-bottom: 1px solid #1c2b3a;
      ;
      padding-bottom: 2px;
      transition: border-color .2s ease;
  }

  .flag-icon {
      width: 20px;
      height: 14px;
      border-radius: 2px;
      overflow: hidden;
      flex-shrink: 0;
      background: linear-gradient(#ff9933 0 33%, #fff 33% 66%, #128807 66% 100%);
  }

  .phone-row input {
      border: none;
      outline: none;
      background: transparent;
      font-size: 14.5px;
      color: #00000000;
      padding: 6px 2px 8px;
      flex: 1;
      min-width: 0;
  }

  .attach-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #1c2b3a;
      ;
      padding-bottom: 8px;
  }

  .attach-filename {
      font-size: 14.5px;
      color: #1c2b3a;
      margin-top: 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: "GoldplayAlt-Medium";
  }

  .upload-btn {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #2087F0;
      border: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      transition: background .2s ease, transform .2s ease;
  }

  .hidden-file-input {
      display: none;
  }

  .submit-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 26px;
      flex-wrap: wrap;
      gap: 16px;
  }

  .submit-btn {
      background: #2087F0;
      color: #fff;
      border: none;
      padding: 13px 30px;
      border-radius: 30px;
      font-weight: 500;
      font-family: "Manrope", sans-serif;
      font-size: 14px;
      letter-spacing: 0.4px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
  }

  .or-text {
      color: #b9c0c8;
      font-size: 13px;
      font-family: "GoldplayAlt-Medium";
  }

  .contact-icons {
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .icon-whatsapp {
      background: #e6f8ea;
      color: #25d366;
      font-size: 17px;
  }

   .software-page-wrap  .brand-points ul li {
      margin-bottom: 15px;
  }

    .software-page-wrap .brand-points ul li:last-child {
      margin-bottom: 0px;
  }

  .software-page-wrap .brand-points ul li:nth-child(2){
    margin-bottom: 15px;
  }

  /* intl-tel-input styles for modal */
  .phone-row {
      position: relative;
      width: 100%;
          flex-wrap: nowrap;
          margin-left: 0px;
  }

  .phone-row input.form-control{
    color: #000;
  }

  .phone-row .phntn{
    position: relative;
  }
  .phone-row .phntn label#phone-error{
    position: absolute;
    left: 0px;
  }

  .phone-row .country-select {
      width: 100%;
  }

  /* Override intl-tel-input default styles */
  .iti {
      width: 100% !important;
      display: block !important;
  }

  .iti .iti__flag-container {
      z-index: 10;
      padding: 0;
  }

  .iti .iti__selected-flag {
      padding: 0 8px 0 10px !important;
      background: transparent !important;
      border-radius: 4px 0 0 4px;
      height: 100%;
      display: flex;
      align-items: center;
  }

  .iti .iti__selected-flag:hover {
      background: #fff !important;
  }

  .iti .iti__selected-flag .iti__flag {
      margin-right: 6px;
  }

  .iti .iti__selected-flag .iti__arrow {
      margin-left: 4px;
  }

  /* Input field inside intl-tel-input */
  .iti input[type="tel"] {
      width: 100% !important;
      padding: 10px 12px 10px 0px !important;
      background: transparent !important;
      border: none !important;
      border-bottom: 0px solid #ccc !important;
      font-size: 14px !important;
      outline: none !important;
      transition: border-color 0.3s ease !important;
      height: auto !important;
      font-family: "GoldplayAlt-Medium";
  }

  .iti input[type="tel"]:focus {
      border-bottom-color: #007bff !important;
      box-shadow: none !important;
  }

  .iti input[type="tel"]::placeholder {
      color: #999;
  }

  /* Country dropdown styles */
  .iti .iti__country-list {
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
      border: none;
      max-height: 200px;
      overflow-y: auto;
      z-index: 9999;
  }

  .iti .iti__country {
      padding: 8px 12px;
      font-size: 14px;
  }

  .iti .iti__country:hover {
      background-color: #f0f7ff;
  }

  .iti .iti__country.iti__highlight {
      background-color: #e3f0ff;
  }

  /* Modal specific styles */
  .modal-body .field-group {
      margin-bottom: 20px;
  }

  .field-group .field-label {
      font-size: 18px;
      font-weight: 600;
      color: #333;
      margin-bottom: 6px;
      display: block;
  }

  .field-group .req {
      color: #dc3545;
      margin-left: 2px;
  }

  /* Underline input styles */
  .underline-input {
      width: 100% !important;
      padding: 10px 0 !important;
      background: transparent !important;
      border: none !important;
      border-bottom: 1px solid #1c2b3a !important;
      font-size: 18px !important;
      outline: none !important;
      font-family: "GoldplayAlt-Medium";
      transition: border-color 0.3s ease !important;
  }

  .underline-input:focus {
      border-bottom-color: #007bff !important;
  }

  .underline-input::placeholder {
      color: #999;
  }

  .phone-row input#modalPhone {
      border: 0px !important;
  }

  .phone-row .iti--separate-dial-code .iti__selected-dial-code {
      color: #1c2b3a;
      font-size: 14px;
  }

  /* Responsive styles for phone input */
  @media (max-width: 576px) {
      .iti input[type="tel"] {
          padding: 8px 10px 8px 70px !important;
          font-size: 13px !important;
      }

      .iti .iti__selected-flag {
          padding: 0 6px 0 8px !important;
      }
  }

  .icon-circle {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease;
  }

  .icon-phone {
      background: #e7f1ff;
      color: #2f7fe0;
      font-size: 15px;
  }

  /* Modal Css */



  @media (max-width:1720px) {
      .step-desc {
          font-size: 18px;
          line-height: 24px;
      }

      .step-title {
          font-size: 26px;
      }

      .step-num {
          font-size: 140px;
      }

      .firm-info-bcx .info-row {
          font-size: 20px;
          line-height: 36px;
      }

      .sevrice-row .service-card h3 {
          font-size: 30px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 22px;
          line-height: 38px;
      }
.brand-points ul{
      display: flex;
    align-items: center;
    flex-wrap: wrap;
}
      .brand-points ul li {
          font-size: 24px;
          width: 50%;
      }

      .outer {
          padding: 80px;
      }

      .card-desc {
          font-size: 18px;
          line-height: 22px;
      }

      .card-left-bcx .brand-logo img {
          width: 210px;
      }

      .card-title {
          font-size: 22px;
          line-height: 22px;
      }

      .stat {
          font-size: 56px;
          line-height: 84px;
      }

      .services-keys-wrap h2 {
          font-size: 52px;
          line-height: 66px;
          margin: 0 auto 60px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 55px;
          line-height: 66px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 25px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 25px;
          line-height: 36px;
      }

      .cell-title {
          font-size: 18px;
      }

      .sevrice-row .service-card p {
          font-size: 18px;
      }

      .banwrap .headline {
          font-size: 85px;
      }

      .banwrap .subcopy {
          font-size: 22px;
          line-height: 30px;
      }
  }

  @media (max-width:1620px) {
      .step-desc {
          font-size: 17px;
          line-height: 23px;
      }

      .step-title {
          font-size: 24px;
      }

      .step-num {
          font-size: 130px;
      }

      .banwrap .subcopy {
          font-size: 20px;
          line-height: 28px;
      }

      .banwrap .headline {
          font-size: 75px;
      }

      .sevrice-row .service-card p {
          font-size: 17px;
          line-height: 23px;
      }

      .firm-info-bcx .info-row {
          font-size: 18px;
          line-height: 32px;
      }

      .sevrice-row .service-card h3 {
          font-size: 26px;
      }

      .stat {
          font-size: 52px;
          line-height: 80px;
      }

      .outer {
          padding: 70px;
      }

      .card-desc {
          font-size: 17px;
          line-height: 21px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 22px;
      }

      .card-title {
          font-size: 20px;
          line-height: 20px;
      }

      .services-keys-wrap h2 {
          font-size: 50px;
          line-height: 64px;
          margin: 0 auto 55px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 48px;
          line-height: 58px;
      }

      .cell-title {
          font-size: 17px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 22px;
          line-height: 32px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 20px;
          line-height: 36px;
      }

      .brand-points ul li {
          font-size: 22px;
      }
  }

  @media (max-width:1480px) {
     .field-group .field-label{
      font-size: 16px;
     }
      .underline-input{
        font-size: 15px !important;
      }
      .step-desc {
          font-size: 16px;
          line-height: 22px;
      }

      .step-title {
          font-size: 21px;
      }

      .step-num {
          font-size: 110px;
      }

      .banwrap .eyebrow {
          font-size: 12px;

      }

      .banwrap .subcopy {
          font-size: 18px;
          line-height: 26px;
      }

      .banwrap .headline {
          font-size: 70px;
      }

      .sevrice-row .service-card {
          padding: 20px 30px;
      }

      .sevrice-row .service-card p {
          font-size: 16px;
          line-height: 22px;
      }

      .sevrice-row .service-card h3 {
          font-size: 24px;
      }

      .firm-info-bcx .info-row img {
          width: 25px;
      }

      .firm-card {
          padding: 30px;
      }

      .brand-points {
          left: -30px;
      }

      .firm-info-bcx .info-row {
          font-size: 16px;
          line-height: 28px;
      }

      .card-left-bcx .brand-logo img {
          width: 180px;
      }

      .outer {
          padding: 60px;
      }

      .stat {
          font-size: 46px;
          line-height: 70px;
      }

      .firm-info-bcx .info-row.rating-rw img {
          width: 70px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 20px;
      }

      .card-desc {
          font-size: 16px;
          line-height: 20px;
      }

      .card-title {
          font-size: 19px;
          line-height: 20px;
      }

      .services-keys-wrap h2 {
          font-size: 45px;
          line-height: 58px;
          margin: 0 auto 50px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 45px;
          line-height: 56px;
      }

      .cell-title {
          font-size: 16px;
      }

      .cell-desc {
          font-size: 15px;
          line-height: 24px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 20px;
          line-height: 30px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 18px;
          line-height: 32px;
      }

      .brand-points ul li {
          font-size: 20px;
      }

      .cta-wrap {
          padding-top: 70px !important;
          padding-bottom: 70px !important;
      }

      .firmslist-bcx-wrap {
          padding-top: 70px !important;
          padding-bottom: 70px !important;
      }

      .marquee-section {
          padding: 70px 20px;
      }

      .sevrice-row {
          margin-top: 60px;
      }

      .steps-row {
          margin-top: 60px;
      }

  }

  @media (max-width:1380px) {
     .field-group .field-label{
      font-size: 15px;
     }
      .underline-input{
        font-size: 14px!important;
      }
      .step-desc {
          font-size: 15px;
          line-height: 21px;
      }

      .step-title {
          font-size: 19px;
      }

      .step-num {
          font-size: 100px;
      }

      .banwrap .subcopy {
          font-size: 17px;
          line-height: 25px;
      }

      .banwrap .headline {
          font-size: 60px;
      }

      .sevrice-row .service-card p {
          font-size: 15px;
          line-height: 21px;
      }

      .sevrice-row .service-card h3 {
          font-size: 22px;
      }

      .firm-info-bcx .info-row {
          font-size: 15px;
          line-height: 26px;
      }

      .card-left-bcx .brand-logo img {
          width: 160px;
      }

      .outer {
          padding: 50px;
      }

      .stat {
          font-size: 42px;
          line-height: 60px;
      }

      .card-desc {
          font-size: 15px;
          line-height: 20px;
      }

      .card-title {
          font-size: 18px;
          line-height: 20px;
      }

      .services-keys-wrap h2 {
          font-size: 42px;
          line-height: 54px;
          margin: 0 auto 45px;
      }

      .cell-title {
          font-size: 15px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 42px;
          line-height: 52px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 18px;
      }

      .cell-desc {
          font-size: 14px;
          line-height: 21px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 18px;
          line-height: 28px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 17px;
          line-height: 30px;
      }

      .brand-points ul li {
          font-size: 18px;
      }

      .cell-dark,
      .cell-green,
      .cell-white {
          padding: 25px;
      }

      .cell-peach {
          padding: 25px 25px 35px 25px;
      }

      .cell-dark .icon-badge img {
          width: 50px;
      }

  }

  @media (max-width:1280px) {
      .banwrap .headline {
          font-size: 50px;
      }

      .services-keys-wrap h2 {
          font-size: 40px;
          line-height: 50px;
          margin: 0 auto 40px;
      }

      .outer {
          padding: 40px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 40px;
          line-height: 50px;
      }

      .card-title {
          font-size: 17px;
          line-height: 20px;
      }

      .card {
          padding: 25px 20px;
      }

      .card-desc {
          font-size: 14px;
          line-height: 19px;
      }

      .cta-wrap {
          padding-top: 60px !important;
          padding-bottom: 60px !important;
      }

      .firmslist-bcx-wrap {
          padding-top: 60px !important;
          padding-bottom: 60px !important;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 16px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 16px;
          line-height: 24px;
      }

      .firmslist-bcx-wrap .subheading {
          margin: 0 auto 40px;
      }

      .firm-card {
          padding: 25px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 16px;
          line-height: 26px;
      }

      .brand-points {
          left: -25px;
      }

      .brand-points ul li {
          font-size: 17px;
      }

      .brand-points ul li img {
          width: 15px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          padding: 12px 30px;
      }

      .sevrice-row .service-card {
          padding: 17px 25px;
      }

      .sevrice-row .service-card h3 {
          font-size: 20px;
      }

      .sevrice-row .service-card p {
          font-size: 14px;
          line-height: 20px;
      }

      .step-num {
          font-size: 95px;
      }

      .step-title {
          font-size: 18px;
      }

      .step-desc {
          font-size: 14px;
          line-height: 20px;
      }

      .marquee-section {
          padding: 60px 20px;
      }

      .banwrap .subcopy {
          font-size: 16px;
          line-height: 23px;
      }

      .stat {
          font-size: 40px;
          line-height: 50px;
      }

      .sevrice-row,
      .steps-row {
          margin-top: 50px;
      }
  }

  @media (max-width:1180px) {
      .banwrap .eyebrow {
          font-size: 11px;
      }

      .banwrap {
          padding-top: 50px !important;
      }

      .banwrap .headline {
          font-size: 40px;
      }

      .cell-title {
          font-size: 14px;
          line-height: 20px;
      }

      .cell-desc {
          font-size: 13px;
          line-height: 19px;
      }

      .cell-dark,
      .cell-green,
      .cell-white {
          padding: 20px;
      }

      .stat {
          font-size: 36px;
          line-height: 46px;
      }

      .services-keys-wrap h2 {
          font-size: 32px;
          line-height: 40px;
          margin: 0 auto 40px;
      }

      .outer {
          padding: 30px;
      }

      .card-title {
          font-size: 16px;
      }

      .card {
          padding: 20px 15px;
      }

      .firmslist-bcx-wrap {
          padding-top: 50px !important;
          padding-bottom: 50px !important;
      }

      .cta-wrap {
          padding-top: 50px !important;
          padding-bottom: 50px !important;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 32px;
          line-height: 40px;
      }

      .firmslist-bcx-wrap .subheading {
          font-size: 15px;
          line-height: 22px;
          max-width: 100%;
      }

      .card-left-bcx .brand-logo img {
          width: 140px;
      }

      .card-left-bcx .brand-desc p {
          font-size: 15px;
          line-height: 22px;
      }

      .brand-points ul li {
          font-size: 16px;
      }

      .firm-info-bcx .info-row img {
          width: 20px;
      }

      .firm-info-bcx .info-row {
          font-size: 14px;
          line-height: 20px;
          gap: 10px;
      }

      .quotebtnbcx button,
      .firm-contactbtn button {
          font-size: 15px;
      }

      .sevrice-row,
      .steps-row {
          margin-top: 40px;
      }

      .sevrice-row .service-card .bcx-mr {
          margin-bottom: 20px;
      }

      .sevrice-row .service-card .bcx-mr img {
          width: 50px;
      }

      .sevrice-row .service-card h3 {
          font-size: 18px;
      }

      .marquee-section {
          padding: 50px 0px;
      }

      .cta-wrap .outerbcx h2 {
          margin-bottom: 45px;
      }

      .steps-col {
          padding: 0px 25px;
      }

      .step-num {
          font-size: 90px;
      }

  }


  @media (max-width: 991px) {
     .field-group .field-label{
      font-size: 14px;
     }
      .underline-input{
        font-size:13px!important;
      }
    .brand-points ul{
     display: block;
}
    .brand-points ul li{
     width: 100%;
}
      .step-num {
          font-size: 80px;
      }

      .cta-wrap {
          padding-top: 40px !important;
          padding-bottom: 40px !important;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 28px;
          line-height: 36px;
      }

      .firmslist-bcx-wrap {
          padding-top: 40px !important;
          padding-bottom: 40px !important;
      }

      .sevrice-row .service-card {
          padding: 15px 20px;
      }

      .outer {
          padding: 20px;
          margin: 30px auto;
      }

      .services-keys-wrap h2 {
          font-size: 28px;
          line-height: 36px;
          margin: 0 auto 30px;
      }

      .card-title {
          font-size: 15px;
          line-height: 19px;
      }

      .cta-wrap .outerbcx h2 {
          margin-bottom: 30px;
      }

      .banwrap {
          padding-top: 40px !important;
      }

      .cell-green .icon-badge {
          display: none;
      }

      .cell {
          justify-content: flex-start;
      }

      .banwrap .headline {
          font-size: 35px;
      }

      .banwrap .subcopy {
          font-size: 15px;
          line-height: 22px;
          max-width: 100%;
      }

      .headline {
          font-size: 38px;
      }

      .steps-col {
          padding: 0px 15px;
      }

      .bento {
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: auto;
      }

      .cell-dark {
          grid-column: 1;
          grid-row: 1;
      }

      .cell-green {
          grid-column: 2;
          grid-row: 1;
      }

      .cell-image {
          display: none;
      }

      .cell-laptop {
          display: none;
      }

      .cell-white {
          grid-column: 2;
          grid-row: 3;
      }

      .cell-peach {
          grid-column: 1;
          grid-row: 3;
      }
  }

  @media(max-width:767px) {
      .banwrap .headline {
          font-size: 30px;
      }

      .services-keys-wrap h2 {
          font-size: 26px;
          line-height: 32px;
          margin: 0 auto 30px;
      }

      .cta-wrap .outerbcx h2,
      .firmslist-bcx-wrap .heading {
          font-size: 25px;
          line-height: 33px;
      }

      .firmslist-bcx-wrap {
          padding-top: 30px !important;
          padding-bottom: 30px !important;
      }

      .cta-wrap {
          padding-top: 30px !important;
          padding-bottom: 30px !important;
      }

      .card-right-bcx {
          margin-top: 20px;
          height: auto;
      }

      .firm-card {
          padding: 15px;
      }

      .brand-points {
          left: -15px;
          padding: 10px 0px 10px 15px;
      }

      .sevrice-row .service-card {
          margin-bottom: 15px;
          height: auto;
      }

      .steps-row {
          display: block;
      }

      .step-num {
          font-size: 60px;
      }

      .step {
          margin-bottom: 20px;
      }

      .steps-col {
          padding: 0px;
      }

      .steps-col.col-spread .step:last-child {
          margin: 0px;
      }

      .steps-col:first-child::after,
      .steps-col:nth-child(2)::after {
          display: none;
      }
  }

  @media (max-width: 575px) {
      .wrap {
          padding: 36px 16px 50px;
      }

      .headline {
          font-size: 28px;
          margin-top: 16px;
      }

      .subcopy {
          font-size: 14px;
      }

      .bento {
          grid-template-columns: 1fr;
          gap: 14px;
          margin-top: 34px;
      }

      .cell-dark {
          grid-column: 1;
          grid-row: 1;
      }

      .cell-green {
          grid-column: 1;
          grid-row: 2;
      }

      .cell-image {
          grid-column: 1;
          grid-row: 3;
          min-height: 260px;
      }

      .cell-laptop {
          grid-column: 1;
          grid-row: 4;
          min-height: 200px;
      }

      .cell-white {
          grid-column: 1;
          grid-row: 5;
      }

      .cell-peach {
          grid-column: 1;
          grid-row: 6;
      }

      .stat {
          font-size: 28px;
      }

      .banwrap .headline {
          font-size: 30px;
      }
  }