.display-1 {
  font-size: 4.75rem;
  line-height: 5.875rem;
  font-weight: 700;
}
@media (max-width: 1400px) {
  .display-1 {
    font-size: 4.25rem;
    line-height: 4.5rem;
    font-weight: 700;
  }
}
@media (max-width: 767.98px) {
  .display-1 {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
  }
}

.display-2 {
  font-size: 3.75rem;
  line-height: 4.5rem;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  .display-2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
  }
}

h1 {
  font-size: 3.5rem;
  line-height: 4.375rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 500;
  }
}

h2, .accordion-styles .accordion-button .count {
  font-size: 3rem;
  line-height: 3.75rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  h2, .accordion-styles .accordion-button .count {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 300;
  }
}

h3, .accordion-styles .accordion-button, .counter-step .count {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  h3, .accordion-styles .accordion-button, .counter-step .count {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 300;
  }
}

h4, .accordion-style-2 .accordion-button {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  h4, .accordion-style-2 .accordion-button {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
  }
}

h5, .a-link-12 {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 300;
}

.tab-text, .step-title, .table-style-1 th, .accordion-mobile-2 .accordion-button, .tab-section nav .nav-tabs .nav-link, .step-section .circle {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 300;
}
@media (max-width: 1400px) {
  .tab-text, .step-title, .table-style-1 th, .accordion-mobile-2 .accordion-button, .tab-section nav .nav-tabs .nav-link, .step-section .circle {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 300;
  }
}
@media (max-width: 767.98px) {
  .tab-text, .step-title, .table-style-1 th, .accordion-mobile-2 .accordion-button, .tab-section nav .nav-tabs .nav-link, .step-section .circle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
  }
}

.body-text, .step-num {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .body-text, .step-num {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 300;
  }
}

footer .footer-section .form-control::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
}

.body-text-2, .step-desc, footer .footer-section .form-control::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  footer .footer-section .form-control::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 300;
  }
  .body-text-2, .step-desc, footer .footer-section .form-control::placeholder {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 300;
  }
}

.body-text-3, .dropdown-menu.mega-menu nav .nav-link.active, .a-link, .a-link-w, .chip {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .body-text-3, .dropdown-menu.mega-menu nav .nav-link.active, .a-link, .a-link-w, .chip {
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
}

.body-text-4, .case-study-title {
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .body-text-4, .case-study-title {
    font-size: 0.625rem;
    line-height: 1.25rem;
    font-weight: 400;
  }
}

.text-600 {
  color: #2C2D30;
}

.text-300 {
  color: #92959A;
}

.text-400 {
  color: #6E7075;
}

.text-500, .step-num, .accordion-style-2 .accordion-button {
  color: #4C4D51;
}

.secondary-300 {
  color: #13BA2F;
}

.text-white, .tabs-styles-2.white .tab-content, .step-section .circle, .card-2 {
  color: #FFFFFF;
}

.text-black {
  color: #000000;
}

.primary, .step-title, .table-style-1 th, .accordion-styles .accordion-button {
  color: #0F74BD;
}

.primary-dark, .chip {
  color: #062667;
}

.primary-light {
  color: #1C62EF;
}

header {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 32px 0;
  transition: padding 0.3s ease, transform 0.35s ease;
  z-index: 9999;
}
header.scrolled {
  padding: 0;
}
header.header-hidden {
  transform: translateY(-120%);
}
@media (max-width: 767.98px) {
  header {
    padding: 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
  }
  header.scrolled {
    padding: 0;
  }
  header .container {
    --bs-gutter-x: 0;
  }
}
header .navbar {
  border-radius: 8px;
  border: 1px solid;
  --bs-navbar-padding-x: 27px;
  --bs-navbar-padding-y: 0;
  border: 1px solid;
  border-image-source: linear-gradient(265.66deg, rgba(230, 240, 255, 0.3) 0.88%, rgba(226, 227, 228, 0.3) 100%);
  backdrop-filter: blur(4px);
  background: #F7FAFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  z-index: 9;
}
@media (max-width: 767.98px) {
  header .navbar {
    --bs-navbar-padding-x: 24px;
    --bs-navbar-padding-y: 16px;
    box-shadow: none;
  }
}
header .navbar .navbar-brand {
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-font-size: 1rem;
}
header .navbar .navbar-nav {
  gap: 16px;
}
@media (max-width: 767.98px) {
  header .navbar .navbar-nav {
    margin-top: 24px;
    gap: 0;
  }
}
header .navbar .navbar-nav .nav-item {
  padding: 17px 0;
}
@media (max-width: 767.98px) {
  header .navbar .navbar-nav .nav-item {
    padding: 10px 0;
  }
}
header .navbar .nav-link {
  --bs-navbar-color: #2C2D30;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-padding-x: 24px;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-font-weight: 300;
}
@media (max-width: 767.98px) {
  header .navbar .nav-link {
    --bs-nav-link-padding-x: 0;
  }
}
header .navbar-toggler {
  --bs-navbar-toggler-padding-y: 0;
  --bs-navbar-toggler-padding-x: 0;
  --bs-border-width: 0;
  --bs-navbar-toggler-font-size: #0F74BD;
  position: relative;
  width: 24px;
  height: 24px;
}
header .navbar-toggler .toggler-open,
header .navbar-toggler .toggler-close {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
header .navbar-toggler .toggler-open {
  opacity: 1;
  transform: rotate(0deg);
}
header .navbar-toggler .toggler-close {
  opacity: 0;
  transform: rotate(-90deg);
}
header .navbar-toggler:not(.collapsed) .toggler-open {
  opacity: 0;
  transform: rotate(90deg);
}
header .navbar-toggler:not(.collapsed) .toggler-close {
  opacity: 1;
  transform: rotate(0deg);
}
@media (max-width: 767.98px) {
  header .dropdown-menu {
    --bs-dropdown-border-width: 0;
    --bs-dropdown-spacer: 0;
    border-radius: 0 0 4px 4px;
    padding-top: 0;
  }
  header .dropdown-menu .dropdown-item {
    white-space: normal;
    --bs-dropdown-font-size: pxtorem(16);
    font-weight: 300;
    --bs-dropdown-item-padding-x:16px;
    --bs-dropdown-item-padding-y:8px;
    display: flex;
    justify-content: space-between;
  }
  header .dropdown-menu .dropdown-item::after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  header .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
  }
  header .nav-link.dropdown-toggle::after {
    margin-left: auto;
    transition: transform 0.3s ease;
  }
  header .nav-link.dropdown-toggle.show {
    border-radius: 4px 4px 0 0;
    --bs-nav-link-padding-x:16px;
    --bs-nav-link-padding-y:6px;
  }
  header .nav-link.dropdown-toggle.show::after {
    transform: rotate(180deg);
  }
}

@media screen and (min-width: 992px) {
  .navbar .dropdown-menu {
    line-height: initial;
    border: none !important;
    box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .navbar .dropdown-menu .dropdown-item {
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
  }
  .navbar .dropdown-menu .dropdown-item:hover {
    color: #0F74BD;
    text-shadow: 0 0 0.4px currentColor;
  }
  .navbar .dropdown-menu .dropdown-item:hover .material-symbols-outlined {
    transform: rotate(180deg);
  }
  .navbar .dropdown-menu li + li {
    margin-top: 10px;
  }
  .dropend:hover > .dropdown-menu {
    display: block;
  }
  .dropend .dropdown-toggle {
    display: flex;
  }
  .dropend .dropdown-toggle .material-symbols-outlined {
    margin-left: auto;
    will-change: auto;
    transition: transform 0.3s ease;
  }
  .dropend .dropdown-toggle::after {
    border: none;
  }
  .dropend .dropdown-toggle.show, .dropend .dropdown-toggle:hover {
    color: #0F74BD;
  }
  .dropend .dropdown-toggle.show .material-symbols-outlined, .dropend .dropdown-toggle:hover .material-symbols-outlined {
    transform: rotate(180deg);
  }
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: var(--bs-dropdown-spacer);
  }
}
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .dropend:hover > .dropdown-menu {
    left: -162px;
  }
  .dropend .dropdown-menu[data-bs-popper] {
    right: auto;
    left: -162px;
  }
}
.btn-primary {
  --bs-btn-bg: #0F74BD;
  --bs-btn-border-color: #0F74BD;
  --bs-btn-hover-bg: #0F74BD;
  --bs-btn-hover-border-color: #0F74BD;
  --bs-btn-active-bg: #062667;
  --bs-btn-active-border-color: #062667;
  --bs-btn-disabled-bg: #0F74BD;
  --bs-btn-disabled-border-color: #0F74BD;
  --bs-btn-padding-x: 24px;
  --bs-btn-padding-y: 12px;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-font-weight: 300;
}
@media (max-width: 767.98px) {
  .btn-primary {
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 1rem;
  }
}

.btn-white {
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-color: #0F74BD;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-active-bg: #0F74BD;
  --bs-btn-active-border-color: #0F74BD;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #ffffff;
  --bs-btn-padding-x: 24px;
  --bs-btn-padding-y: 12px;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-font-weight: 300;
}
@media (max-width: 767.98px) {
  .btn-white {
    --bs-btn-padding-x: 12px;
    --bs-btn-font-size: 1rem;
  }
}

.btn {
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: var(--bs-btn-active-bg);
  transition: left 0.35s ease;
  z-index: 0;
}
.btn span, .btn .material-symbols-outlined {
  position: relative;
  z-index: 1;
}
.btn:hover {
  box-shadow: 0 6px 20px rgba(15, 116, 189, 0.4);
}
.btn:hover::after {
  left: 0;
}
.btn:active {
  box-shadow: none;
}

footer {
  background-color: #fff;
  position: relative;
  z-index: 20;
}
@media (max-width: 767.98px) {
  footer {
    margin-left: -24px;
    margin-right: -24px;
  }
}
footer .footer-section {
  padding: 64px 0;
  background-color: #F7FAFF;
}
@media (max-width: 767.98px) {
  footer .footer-section {
    padding: 32px 24px;
  }
}
footer .footer-section .form-control {
  background-color: transparent !important;
  height: 48px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #2C2D30;
}
footer .footer-section .form-control::-moz-placeholder {
  color: #2C2D30;
}
footer .footer-section .form-control::placeholder {
  color: #2C2D30;
}
footer .footer-section .form-control:focus {
  box-shadow: none;
}
footer .footer-section .btn-outline-secondary {
  border: none;
  border-bottom: 1px solid #2C2D30;
  border-radius: 0;
  color: #2C2D30;
}
footer .footer-section .btn-outline-secondary .material-symbols-outlined {
  transform: rotate(-32deg);
}
footer .footer-section .btn-outline-secondary:hover {
  background-color: transparent;
}

@media (max-width: 767.98px) {
  .inner-page section:last-child {
    box-shadow: none;
  }
}
@media (max-width: 767.98px) {
  .inner-page footer {
    margin-left: 0;
    margin-right: 0;
    z-index: 999;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
  --bs-body-color: #4C4D51;
}

.gradient-blue-text {
  background: linear-gradient(360deg, #062667 -3.19%, #0F74BD 42.23%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.a-link, .a-link-w {
  color: #2C2D30;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.a-link .material-symbols-outlined, .a-link-w .material-symbols-outlined {
  font-size: 1rem;
}

.a-link-w {
  color: #FFFFFF;
}

.a-link-12 {
  font-weight: 500;
  color: #2C2D30;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.a-link-12 .material-symbols-outlined {
  font-size: 1rem;
}

.section {
  position: relative;
  width: 100%;
  z-index: 2000;
  min-height: 100vh;
  background-color: #ffffff;
}

.container-sec {
  position: relative;
  width: 100%;
}

.space-holder {
  position: relative;
  width: 100%;
}

.section-sticky {
  position: relative;
  width: 100%;
  overflow: visible;
  background-color: #ffffff;
}

.section-sticky.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.section {
  padding: 64px 0;
}
@media (max-width: 1400px) {
  .section {
    padding: 48px 0;
  }
}
@media (max-width: 767.98px) {
  .section {
    padding: 48px 24px;
  }
  .section.whatwedo-bg {
    background-image: url(/assets/img/arrows-vector.svg);
    background-repeat: no-repeat;
    background-position: top 48px right 10px;
  }
}

.inner-page .section:has(.scroll) {
  padding: 0;
}
.inner-page .section:has(.scroll) .scroll {
  padding: 64px 0;
}
@media (max-width: 1400px) {
  .inner-page .section:has(.scroll) .scroll {
    padding: 48px 0;
  }
}
@media (max-width: 767.98px) {
  .inner-page .section:has(.scroll) .scroll {
    padding: 48px 24px;
  }
}

.section-height-auto {
  height: auto !important;
  min-height: auto !important;
}
@media (max-width: 767.98px) {
  .section-height-auto {
    height: 100svh !important;
    min-height: 100svh !important;
  }
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.treding-box {
  border-radius: 8px;
  border: 2px solid #F2F2F2;
  background-color: #F7FAFF;
}
@media (max-width: 767.98px) {
  .treding-box {
    border-radius: 16px;
  }
}
.treding-box .carousel .carousel-item {
  padding: 48px;
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .treding-box .carousel .carousel-item {
    padding: 24px;
  }
  .treding-box .carousel .carousel-item img {
    width: 100%;
  }
}
.treding-box .carousel .carousel-item figure {
  margin-bottom: 0;
  height: 313px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767.98px) {
  .treding-box .carousel .carousel-item figure {
    height: 255px;
    justify-content: center;
  }
}
.treding-box .carousel .carousel-indicators {
  bottom: 50px;
  align-items: center;
}
@media (max-width: 767.98px) {
  .treding-box .carousel .carousel-indicators {
    bottom: -6px;
  }
}
.treding-box .carousel .carousel-indicators button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #92959A;
  will-change: auto;
  transition: width 0.3s ease;
}
.treding-box .carousel .carousel-indicators button.active {
  background-color: #0F74BD;
  width: 16px;
  height: 16px;
}

.section-heading {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bg-gradient {
  --bs-gradient: radial-gradient(175.03% 122.41% at 0% -1.32%, #062667 7.83%, #0F74BD 65.63%, #062667 81.59%);
}

.bg-img-with-gradient, .bg-img-style-3::before, .bg-img-style-2::before, .bg-img-style-1::before {
  content: "";
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.bg-img-style-1::before {
  background-image: url(/assets/img/whatwedo-bg-1.png);
  background-size: cover;
}

.bg-img-style-2::before {
  background-image: url(/assets/img/why-section-bg.png);
  background-size: cover;
}

.bg-img-style-3::before {
  background-image: url(/assets/img/agentic-ai-bg.png);
  background-size: cover;
}

.tab-section {
  border: 1px solid #E0E0E0;
  border-radius: 24px;
  overflow: hidden;
}
.tab-section nav {
  background-color: rgba(255, 255, 255, 0.12);
  padding: 48px 0;
  height: 100%;
}
.tab-section nav .nav-tabs {
  border-bottom: none;
}
.tab-section nav .nav-tabs .nav-link {
  --bs-nav-tabs-border-width: 0px;
  --bs-nav-tabs-border-radius: 0;
  text-align: left;
  color: #fff;
}
.tab-section nav .nav-tabs .nav-link.active {
  color: #062667;
}
.tab-section > .row {
  width: 100%;
}
.tab-section .tab-content {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
}
.tab-section .tab-content .tab-pane {
  grid-row: 1;
  grid-column: 1;
  display: flex !important;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.tab-section .tab-content .tab-pane.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.tab-card {
  padding: 32px 24px;
}
.tab-card + .tab-card {
  border-top: 1px solid #B9BBBE;
}

.product-card .product-scroll, .product-card-2 .product-scroll {
  width: 8px;
  position: absolute;
  right: 0;
  height: calc(100% - 32px);
  z-index: 9;
  top: 16px;
}
.product-card .product-scroll .bar, .product-card-2 .product-scroll .bar {
  width: 100%;
  height: 83px;
  border-radius: 12px;
  background: #E2E3E4;
}

.product-card-2 {
  padding: 48px;
  height: auto !important;
  background: linear-gradient(96.37deg, rgba(255, 255, 255, 0.75) 1.59%, rgba(255, 255, 255, 0.4) 50.6%, rgba(255, 255, 255, 0.75) 99.61%) !important;
  border: 1px solid;
  border-image-source: linear-gradient(17.76deg, rgba(255, 255, 255, 0.36) 2.5%, rgba(230, 240, 255, 0.27) 52.73%, rgba(255, 255, 255, 0.36) 96.63%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
@media (max-width: 767.98px) {
  .product-card-2 {
    padding: 24px;
  }
}

.sections-wrapper {
  position: relative;
  z-index: 1;
}

.section-sticky {
  position: sticky;
  top: 0;
  background: #fff;
  border-radius: 24px 24px 0 0;
  box-shadow: -5px -1px 15px 0px rgba(0, 0, 0, 0.2509803922);
  height: 100svh;
  overflow: hidden;
  will-change: transform;
}
.section-sticky .scroll {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
@media (max-width: 767.98px) {
  .section-sticky .scroll {
    padding-bottom: 4.5rem;
  }
}

.accordion-styles {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 24px;
}
.accordion-styles .accordion-item {
  --bs-accordion-border-radius: 24px;
  padding: 32px 24px;
}
.accordion-styles .accordion-button {
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-inner-border-radius: 24px;
  line-height: normal;
}
@media (max-width: 767.98px) {
  .accordion-styles .accordion-button {
    flex-direction: column;
    gap: 15px;
    align-items: self-start;
  }
}
.accordion-styles .accordion-button::after {
  display: none;
}
.accordion-styles .accordion-button .count {
  color: #B9BBBE;
  margin-right: 24px;
  line-height: 0;
}
.accordion-styles .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
}
.accordion-styles .accordion-button:focus {
  box-shadow: none;
}
.accordion-styles .accordion-body {
  padding: 0;
  padding-left: 80px;
}
@media (max-width: 991.98px) {
  .accordion-styles .accordion-body {
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .accordion-styles .accordion-body {
    padding-left: 0;
  }
}

.call-action-card {
  background-color: #F7FAFF;
  padding: 80px 0;
}
@media (max-width: 767.98px) {
  .call-action-card {
    padding: 32px 24px;
    margin-right: -24px;
    margin-left: -24px;
    padding-bottom: 0;
  }
}
.call-action-card {
  position: relative;
}
.call-action-card img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 62%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767.98px) {
  .call-action-card img {
    position: initial;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .call-action-card + aside {
    padding: 32px 24px;
    margin-right: -24px;
    margin-left: -24px;
  }
}

.card {
  border: 1px solid #B9BBBE;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 24px;
  padding: 32px;
}
.card figure {
  width: 60px;
  height: 60px;
}
.card figure.client-logo {
  width: 140px;
  height: 70px;
  display: flex;
  align-items: center;
}
.card figure.client-logo img {
  max-width: 100%;
  max-height: 100%;
}

.card-style-2 {
  background: linear-gradient(96.37deg, rgba(255, 255, 255, 0.75) 1.59%, rgba(255, 255, 255, 0.4) 50.6%, rgba(255, 255, 255, 0.75) 99.61%);
  border: 1px solid;
  border-image-source: linear-gradient(17.76deg, rgba(255, 255, 255, 0.36) 2.5%, rgba(230, 240, 255, 0.27) 52.73%, rgba(255, 255, 255, 0.36) 96.63%);
  padding: 32px 64px;
  border-radius: 16px;
}

.card-style-3 {
  border-radius: 12px;
  padding: 24px;
  background-color: white;
}

.card-style-4 {
  background: rgba(247, 250, 255, 0.2);
  border: 1px solid #EFEFEF;
  border-radius: 24px;
  padding: 32px;
}

.card-style-5 {
  border: 1px solid #E2E3E4;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  padding: 24px;
}

.card-style-6 {
  border: 1px solid #8FBEFE;
  background: #F7FAFF;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  padding: 24px;
}

.bg-primary, .step-section .circle {
  background-color: #0F74BD !important;
}

.bg-color {
  background: #F7FAFF;
}

.chip {
  background-color: #fff;
  padding: 10px 12px;
  border-radius: 24px;
  color: #062667;
  gap: 10px;
  display: flex;
  align-items: center;
}
.chip.styles-2 {
  background: rgba(255, 255, 255, 0.12);
  padding: 8px 20px;
  border-radius: 24px;
  color: #fff;
}

.step-section {
  position: relative;
}
.step-section::before {
  content: "";
  border-top: 2px dashed #B9BBBE;
  position: absolute;
  height: 1px;
  inset: 0;
  top: 22px;
}
.step-section .circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-section .container {
  position: relative;
}

.card-2 {
  background: linear-gradient(143.99deg, rgba(173, 195, 255, 0.2451) 30.25%, rgba(31, 81, 181, 0.57) 79.99%);
  border: 1px solid #BAC8FF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  padding-top: 45px;
  padding-bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background 0.3s, transform 0.25s;
}
@media (max-width: 767.98px) {
  .card-2 {
    padding-top: 24px;
  }
}
.card-2 p {
  padding: 0 30px 24px;
  margin: 0;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.card-2 figure {
  transition: opacity 0.35s ease;
}
.card-2.fix-height {
  height: var(--height);
  position: relative;
}
.card-2.fix-height figure {
  position: absolute;
  bottom: 0;
  right: 0;
}
.card-2:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-3px);
}
.card-2:hover .tab-text, .card-2:hover .tab-section nav .nav-tabs .nav-link, .tab-section nav .nav-tabs .card-2:hover .nav-link, .card-2:hover .step-section .circle, .step-section .card-2:hover .circle {
  font-weight: 500;
}
.card-2:hover p {
  opacity: 1;
}
.card-2:hover figure {
  opacity: 0;
}
.card-2.hover-none:hover {
  background: linear-gradient(143.99deg, rgba(173, 195, 255, 0.2451) 30.25%, rgba(31, 81, 181, 0.57) 79.99%);
  transform: translateY(0);
}
.card-2.hover-none:hover .tab-text, .card-2.hover-none:hover .tab-section nav .nav-tabs .nav-link, .tab-section nav .nav-tabs .card-2.hover-none:hover .nav-link, .card-2.hover-none:hover .step-section .circle, .step-section .card-2.hover-none:hover .circle {
  font-weight: 300;
}
.card-2.hover-none:hover figure {
  opacity: 1;
}
.card-2 h4 {
  padding-left: 30px;
  padding-right: 30px;
}

.mh-auto {
  min-height: auto !important;
}

.c-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #E6F0FF;
  border: 1px solid #D5E4FE;
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-study-card {
  border: 1px solid #E5E7EB;
}
.case-study-card .carousel-indicators {
  align-items: center;
  position: relative;
  margin-bottom: 0;
  margin-top: 16px;
}
.case-study-card .carousel-indicators button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #92959A;
  will-change: auto;
  transition: width 0.3s ease;
}
.case-study-card .carousel-indicators button.active {
  background-color: #0F74BD;
  width: 16px;
  height: 16px;
}

.managed-agent-card {
  position: relative;
  height: 280px;
}
.managed-agent-card figure {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  transition: opacity 0.35s ease;
}
.managed-agent-card ul {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (max-width: 767.98px) {
  .managed-agent-card ul {
    height: auto;
  }
}
.managed-agent-card ul li {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 767.98px) {
  .managed-agent-card ul li {
    opacity: 1;
    transform: translateY(0);
    font-size: pxto-rem(12px);
  }
}
.managed-agent-card:hover {
  transform: translateY(-3px);
  padding: 32px 16px;
}
.managed-agent-card:hover figure {
  opacity: 0;
}
.managed-agent-card:hover h4 {
  display: none;
}
.managed-agent-card:hover ul {
  height: auto;
}
.managed-agent-card:hover ul li {
  opacity: 1;
  transform: translateY(0);
}
.managed-agent-card:hover ul li:nth-child(1) {
  transition-delay: 0.05s;
}
.managed-agent-card:hover ul li:nth-child(2) {
  transition-delay: 0.12s;
}
.managed-agent-card:hover ul li:nth-child(3) {
  transition-delay: 0.19s;
}
.managed-agent-card:hover ul li:nth-child(4) {
  transition-delay: 0.26s;
}
.managed-agent-card:hover ul li:nth-child(5) {
  transition-delay: 0.33s;
}

#agentCapabilitiesCarousel .carousel-indicators {
  align-items: center;
  margin-bottom: 0;
}

#agentCapabilitiesCarousel .carousel-indicators button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background-color: #92959A;
  transition: width 0.3s ease, background-color 0.3s ease;
}

#agentCapabilitiesCarousel .carousel-indicators button.active {
  background-color: #062667;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.chips span {
  padding: 6px 10px;
  border-radius: 4px;
  border-color: #E2E3E4 !important;
}
.chips.blue span {
  border-color: #D5E4FE !important;
}

.testimonails-section .card {
  padding: 24px;
}

.case-study-title {
  padding: 1px 10px;
  padding-right: 10px;
  border-radius: 999px;
  border: 1px solid #E2E3E4;
  background-color: #E6F0FF;
  display: inline-block;
  color: #0F74BD;
}

.how-it-works-section {
  padding: 0 64px;
}
@media (max-width: 767.98px) {
  .how-it-works-section {
    padding: 0 16px;
  }
}

.core-capabilities-section .card {
  padding: 32px;
  background: #F9FDFF;
  border-radius: 24px;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.core-capabilities-section .card .tab-text, .core-capabilities-section .card .tab-section nav .nav-tabs .nav-link, .tab-section nav .nav-tabs .core-capabilities-section .card .nav-link, .core-capabilities-section .card .step-section .circle, .step-section .core-capabilities-section .card .circle {
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .core-capabilities-section .card {
    padding: 24px;
  }
}
.core-capabilities-section .card p {
  margin-bottom: 0;
}

.adaptive-section .list-style-check li + li {
  margin-top: 20px;
}

.product-hero, .inner-page-hero {
  min-height: calc(100svh - 124px);
}
@media (max-width: 767.98px) {
  .product-hero, .inner-page-hero {
    padding: 0 24px;
  }
}

@media (max-width: 767.98px) {
  .designed-section img {
    max-height: 106px;
  }
}

@media (max-width: 767.98px) {
  .evolve-section .card-2 {
    --height: 218px !important;
  }
  .evolve-section .card-2 .tab-text, .evolve-section .card-2 .tab-section nav .nav-tabs .nav-link, .tab-section nav .nav-tabs .evolve-section .card-2 .nav-link, .evolve-section .card-2 .step-section .circle, .step-section .evolve-section .card-2 .circle {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 300;
  }
}

.icon-2 {
  background: #E6F0FF;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .mobile-rotate {
    transform: rotate(90deg);
  }
}

.counter-step .count {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
.counter-step .col-md-4 {
  position: relative;
}
.counter-step .col-md-4::after {
  content: "";
  width: calc(100% - 128px);
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: calc(50% + 64px);
  top: 30px;
}
@media (max-width: 767.98px) {
  .counter-step .col-md-4::after {
    width: 1px;
    position: relative;
    height: 54px;
    display: block;
    left: 50%;
  }
}
@media (max-width: 767.98px) {
  .counter-step .col-md-4:not(:first-child) {
    padding-top: 50px;
  }
}
.counter-step .col-md-4:last-child::after {
  display: none;
}
.counter-step.style-primary .count {
  background: #0F74BD;
  color: #FFFFFF;
}
.counter-step.style-primary .col-md-4::after {
  background-color: #0F74BD;
}

.afg-card {
  padding-bottom: 0;
  height: 100%;
}
.afg-card figure img {
  margin-right: -32px;
}

.metrick-section {
  padding: 112px 0;
}
@media (max-width: 767.98px) {
  .metrick-section {
    padding: 64px 0;
  }
}

@media (max-width: 767.98px) {
  .case-hero-mobile {
    height: 49vh;
  }
}

.dropdown-mega {
  position: static; /* allow full-width panel */
}

.nav-link.dropdown-toggle.show {
  background-color: #fff;
  color: #0F74BD;
  font-weight: 500;
}

.dropdown-menu.mega-menu {
  width: 100%;
  margin-top: 0;
  border-radius: 8px;
  padding: 0;
  display: block; /* keep block for animation */
  opacity: 0; /* hidden initially */
  transform: translateY(10px);
  visibility: hidden;
  transition: all 0.3s ease;
  top: 100%;
  left: 0;
  border: 1px solid;
  -o-border-image: linear-gradient(265.66deg, rgba(217, 222, 254, 0.3) 0.88%, rgba(213, 228, 254, 0.3) 100%);
     border-image: linear-gradient(265.66deg, rgba(217, 222, 254, 0.3) 0.88%, rgba(213, 228, 254, 0.3) 100%);
  height: 458px;
  overflow: hidden;
}
.dropdown-menu.mega-menu .row {
  height: 100%;
}
.dropdown-menu.mega-menu nav {
  background: linear-gradient(180deg, rgba(230, 240, 255, 0.75) 0%, rgba(226, 227, 228, 0.75) 100%);
  padding: 26px 0;
  height: 100%;
}
.dropdown-menu.mega-menu nav .nav-link {
  padding: 12px 24px;
  color: #0F74BD;
  text-align: left;
  border: none;
}
.dropdown-menu.mega-menu nav .nav-link.active {
  border: none;
  border-radius: 0;
  color: #062667;
}
.dropdown-menu.mega-menu nav .nav-tabs {
  border-bottom: none;
}
.dropdown-menu.mega-menu .tab-content {
  padding: 34px 46px 34px 60px;
}
.dropdown-menu.mega-menu .tab-content .list-unstyled li {
  margin-bottom: 12px;
}
.dropdown-menu.mega-menu .tab-content .list-unstyled a {
  color: #2C2D30;
  text-decoration: none;
}
.dropdown-menu.mega-menu .tab-content .list-unstyled a:hover {
  color: #0F74BD;
}
.dropdown-menu.mega-menu .tab-content .case-img {
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.dropdown-menu.mega-menu.show {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

/* Show on hover for lg+ */
@media (min-width: 992px) {
  .dropdown-mega:hover > .dropdown-menu.mega-menu,
  .dropdown-mega:focus-within > .dropdown-menu.mega-menu {
    display: block;
  }
}
.product-scroll-wrapper {
  position: relative;
  height: 400vh;
}

.product-container {
  position: sticky;
  top: calc(50vh - 320px);
}

.product-card {
  border-radius: 24px;
  position: relative;
  width: 100%;
  height: 452px;
  background-color: rgba(255, 255, 255, 0.18);
  color: #fff;
  overflow: hidden;
  border: 1px solid #CFCFCF;
}

.product-item {
  position: absolute;
  inset: 0;
  padding: 48px;
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .product-item {
    padding: 24px;
  }
}
.product-item.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.product-item.enter-from-bottom {
  transform: translateY(40px);
}
.product-item.enter-from-top {
  transform: translateY(-40px);
}
.product-item.exit-to-top {
  opacity: 0;
  transform: translateY(-40px);
}
.product-item.exit-to-bottom {
  opacity: 0;
  transform: translateY(40px);
}

.product-scrollbar {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 8px;
  height: calc(100% - 32px);
  border-radius: 2px;
  z-index: 10;
}
.product-scrollbar-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 12px;
  background: #E2E3E4;
  transition: top 0.4s ease, height 0.4s ease;
}

.accordion-style-2 {
  --bs-accordion-btn-bg: trasparent;
  --bs-accordion-bg: #F7FAFF;
  --bs-accordion-active-bg: trasparent;
  --bs-accordion-btn-padding-y: 44px;
  --bs-accordion-btn-padding-x: 60px;
  --bs-accordion-btn-color: #92959A;
  --bs-accordion-active-color: #92959A;
  --bs-accordion-body-padding-x: 60px;
  --bs-accordion-body-padding-y: 68px;
}
@media (max-width: 767.98px) {
  .accordion-style-2 {
    --bs-accordion-btn-padding-y: 32px;
    --bs-accordion-btn-padding-x: 32px;
    --bs-accordion-body-padding-x: 32px;
    --bs-accordion-body-padding-y: 32px;
  }
}
.accordion-style-2 {
  border: 1px solid #E8E8E8;
  border-radius: 24px;
  overflow: hidden;
}
.accordion-style-2 .accordion-item {
  border: none;
  border-radius: 0 !important;
}
.accordion-style-2 .accordion-button {
  box-shadow: none;
}
.accordion-style-2 .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-mobile {
  --bs-accordion-btn-color: #062667;
  --bs-accordion-btn-padding-x: 24px;
  --bs-accordion-btn-padding-y: 8px;
  --bs-accordion-border-width: 0;
  --bs-accordion-body-padding-x: 16px;
  --bs-accordion-body-padding-y: 16px;
}
.accordion-mobile .accordion-button {
  background: linear-gradient(180deg, rgba(230, 240, 255, 0.75) 0%, rgba(226, 227, 228, 0.75) 100%);
}
.accordion-mobile .tab-card {
  padding: 0;
  padding-bottom: var(--bs-accordion-body-padding-y);
  padding-top: var(--bs-accordion-body-padding-y);
}

.accordion-mobile-2 {
  --bs-accordion-active-bg: trasparent;
  --bs-accordion-bg: trasparent;
  --bs-accordion-btn-bg: trasparent;
  --bs-accordion-btn-color: #FFFFFF;
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-color: rgba(255, 255, 255, .12);
  --bs-accordion-btn-padding-y: 8px;
  --bs-accordion-btn-padding-x: 24px;
  --bs-accordion-btn-color: #FFFFFF;
  --bs-accordion-active-color: #FFFFFF;
  --bs-accordion-btn-icon:url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.26129 0.219684C9.12067 0.0792332 8.93004 0.000343323 8.73129 0.000343323C8.53254 0.000343323 8.34192 0.0792332 8.20129 0.219684L4.73129 3.68968L1.26129 0.219684C1.11912 0.0872035 0.931071 0.01508 0.73677 0.018508C0.542469 0.0219359 0.357083 0.100649 0.21967 0.238062C0.0822568 0.375475 0.00354506 0.56086 0.000116847 0.755161C-0.00331137 0.949462 0.0688116 1.13751 0.201292 1.27968L4.20129 5.27968C4.34192 5.42013 4.53254 5.49902 4.73129 5.49902C4.93004 5.49902 5.12067 5.42013 5.26129 5.27968L9.26129 1.27968C9.40174 1.13906 9.48063 0.948434 9.48063 0.749683C9.48063 0.550933 9.40174 0.360309 9.26129 0.219684Z" fill="white"/></svg>');
  --bs-accordion-btn-active-icon:url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.219176 5.27934C0.359802 5.41979 0.550426 5.49868 0.749177 5.49868C0.947928 5.49868 1.13855 5.41979 1.27918 5.27934L4.74918 1.80934L8.21918 5.27934C8.36135 5.41182 8.5494 5.48394 8.7437 5.48052C8.938 5.47709 9.12339 5.39837 9.2608 5.26096C9.39821 5.12355 9.47692 4.93816 9.48035 4.74386C9.48378 4.54956 9.41166 4.36152 9.27918 4.21934L5.27918 0.21934C5.13855 0.0788899 4.94793 0 4.74918 0C4.55043 0 4.3598 0.0788899 4.21918 0.21934L0.219176 4.21934C0.0787258 4.35997 -0.000163078 4.55059 -0.000163078 4.74934C-0.000163078 4.94809 0.0787258 5.13871 0.219176 5.27934Z" fill="white"/></svg>');
  --bs-accordion-btn-icon-width: 10px;
  --bs-accordion-btn-icon-height: 6px;
  --bs-accordion-btn-focus-box-shadow: none;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 8px;
}
.table-style-1 {
  --bs-table-bg: trasparent;
  --bs-table-border-color:#B9BBBE;
}
.table-style-1 > :not(caption) > * > * {
  padding: 12px 32px;
}
.table-style-1 th {
  color: #0F74BD;
}

.tabs-styles-2 .nav {
  --bs-nav-link-color: #2C2D30;
  --bs-nav-link-padding-x:6px;
  --bs-nav-link-padding-y:0;
}
.tabs-styles-2 .nav-tabs {
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-link-active-color: #0F74BD;
  --bs-nav-tabs-link-active-bg: transparent;
}
.tabs-styles-2 .nav-tabs .nav-link {
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  width: 146px;
  height: 25px;
  padding-bottom: 10px;
}
.tabs-styles-2 .nav-tabs .nav-link:after {
  content: "";
  height: 5px;
  width: calc(100% - 12px);
  background-color: #B9BBBE;
  border-radius: 12px;
  position: absolute;
  left: 6px;
  bottom: 0;
}
.tabs-styles-2 .nav-tabs .nav-link.active:after {
  background-color: var(--bs-nav-tabs-link-active-color);
}
.tabs-styles-2 .tab-content {
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
}
.tabs-styles-2.white .nav {
  --bs-nav-link-color: #E2E3E4;
  --bs-nav-tabs-link-active-color:#fff;
}
.tabs-styles-2.white .nav .nav-tabs .nav-link:after {
  background-color: #E2E3E4;
}
.tabs-styles-2.white .tab-content {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #DFDFDF;
}

.list-style-check {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style-check li {
  background: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9209 0.250977C15.2356 0.260476 15.5341 0.393909 15.75 0.623047L15.8262 0.712891C15.9927 0.92919 16.0805 1.19742 16.0723 1.47266C16.064 1.74787 15.9604 2.01089 15.7812 2.2168L15.6992 2.30176L5.78711 11.6445C5.53749 11.8796 5.20512 12.0073 4.8623 12.001C4.51964 11.9945 4.19279 11.8544 3.95215 11.6104L0.602539 8.20996V8.20898C0.491881 8.09937 0.403135 7.96979 0.342773 7.82617C0.2818 7.68096 0.25015 7.52468 0.25 7.36719C0.249864 7.20966 0.281061 7.05356 0.341797 6.9082C0.402504 6.76292 0.491416 6.63107 0.603516 6.52051C0.715691 6.40991 0.84892 6.32235 0.995117 6.26367C1.14123 6.20504 1.29766 6.17638 1.45508 6.17871C1.61259 6.18107 1.76872 6.21431 1.91309 6.27734C2.05605 6.3398 2.18482 6.43056 2.29297 6.54297L4.91406 9.20215L14.0713 0.573242V0.572266C14.3005 0.356588 14.6063 0.241576 14.9209 0.250977Z" fill="%230DBF2B" stroke="%230DBF2B" stroke-width="0.5"/></svg>');
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position: top 6px left;
}
.list-style-check li + li {
  margin-top: 10px;
}
.list-style-check.blue li {
  background: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0996 0.25C12.3655 0.25812 12.6174 0.371802 12.7998 0.56543C12.9822 0.75929 13.0803 1.0181 13.0723 1.28418C13.0642 1.55021 12.9506 1.8019 12.7568 1.98438L4.78516 9.49805C4.57515 9.69576 4.29619 9.80315 4.00781 9.79785C3.71933 9.79251 3.44379 9.67518 3.24121 9.46973L0.547852 6.73535V6.73438C0.454268 6.64165 0.379139 6.53165 0.328125 6.41016C0.276647 6.28745 0.250115 6.15553 0.25 6.02246C0.249908 5.88942 0.275885 5.75753 0.327148 5.63477C0.378493 5.51189 0.454 5.40014 0.548828 5.30664C0.643653 5.21315 0.7563 5.13945 0.879883 5.08984C1.00334 5.0403 1.13555 5.01564 1.26855 5.01758C1.40158 5.01957 1.53333 5.04838 1.65527 5.10156C1.77592 5.15424 1.88522 5.23044 1.97656 5.3252L4.05078 7.42969L11.3809 0.523438V0.522461C11.5747 0.340118 11.8336 0.241969 12.0996 0.25Z" fill="%23075085" stroke="%23075085" stroke-width="0.5"/></svg>');
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: top 6px left;
}

.list-style-icon {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.list-style-icon::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 12px;
  bottom: 28px;
  width: 2px;
  background: #E2E3E4;
}
.list-style-icon li {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-left: 28px;
}
.list-style-icon li + li {
  margin-top: 35px;
}
.list-style-icon li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--bgcolor);
  transition: opacity 0.2s;
}
.list-style-icon li:nth-child(1)::before {
  --bgcolor: #032F52;
  top: 5px;
}
.list-style-icon li:nth-child(2)::before {
  --bgcolor: #075085;
}
.list-style-icon li:nth-child(3)::before {
  --bgcolor: #0F74BD;
}
.list-style-icon li:nth-child(4)::before {
  --bgcolor: #179AF8;
}
.list-style-icon li:nth-child(5)::before {
  --bgcolor: #8FBEFE;
}
.list-style-icon li .list-icon {
  flex-shrink: 0;
  font-size: 24px;
  color: #6E7075;
  margin-top: 2px;
  text-box-trim: trim-both;
}
.list-style-icon li span:not(.list-icon) {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #2C2D30;
}

.list-style-dot li::marker {
  color: #0F74BD;
  font-size: 14px;
}
.list-style-dot li + li {
  margin-top: 10px;
}

.pt-bottom-row .pt-cell, .pt-top-row .pt-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 160px;
}

.pt-bottom-row .pt-cell.has-content::before, .pt-top-row .pt-cell.has-content::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 2px dashed #92959A;
  flex-shrink: 0;
  margin-left: 27px;
  position: absolute;
}

.pt-bottom-row .pt-cell.has-content::after, .pt-top-row .pt-cell.has-content::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #92959A;
  flex-shrink: 0;
  margin-left: 24px;
  position: absolute;
  border-radius: 50%;
}

.step-icon,
.pt-mobile-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.step-icon .material-symbols-outlined,
.pt-mobile-icon .material-symbols-outlined {
  color: #fff;
  font-size: 22px;
}

.pt-wrap {
  position: relative;
}

.pt-top-row .pt-cell {
  padding-bottom: 0;
}
.pt-top-row .pt-cell.has-content {
  position: relative;
}
.pt-top-row .pt-cell .step-text-top {
  margin-top: 16px;
}

.pt-icons-row {
  position: relative;
}
.pt-icons-row::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border: 1px dashed #92959A;
  transform: translateY(-50%);
  z-index: 0;
}

.pt-icon-cell {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0;
}

.icon-primary {
  background: #0F74BD;
}

.icon-dark {
  background: #062667;
}

.pt-bottom-row {
  padding-left: 16.6%;
}
.pt-bottom-row .pt-cell {
  justify-content: flex-start;
  padding-top: 0;
}
.pt-bottom-row .pt-cell:last-child {
  flex: 20% 0 0;
}
.pt-bottom-row .pt-cell:last-child .step-text-bottom {
  width: 100%;
}
.pt-bottom-row .pt-cell.has-content {
  position: relative;
}
.pt-bottom-row .pt-cell.has-content::after {
  bottom: 0;
}

.step-num {
  color: #4C4D51;
  white-space: nowrap;
  flex-shrink: 0;
  width: 24px;
}

.step-header {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 6px;
}

.step-title {
  color: #0F74BD;
  margin: 0;
  line-height: 1.3;
}

.step-desc {
  margin: 0;
  padding-left: 36px;
}

.step-text-top {
  text-align: left;
  width: 60%;
}

.step-text-bottom {
  text-align: left;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  height: 100%;
  width: 60%;
  padding-bottom: 12px;
}
.step-text-bottom .step-title {
  margin-bottom: 6px;
}
.step-text-bottom .step-desc {
  padding-left: 0;
}
.step-text-bottom .step-num {
  margin-top: auto;
  padding-top: 8px;
}

.pt-mobile-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding-bottom: 24px;
  position: relative;
}
.pt-mobile-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 56px;
  bottom: 0;
  border-left: 2px dashed #92959A;
}

.pt-mobile-text {
  padding-top: 8px;
}
.pt-mobile-text .step-header {
  margin-bottom: 4px;
}
.pt-mobile-text .step-title {
  text-align: left;
  margin-bottom: 4px;
}
.pt-mobile-text .step-desc {
  text-align: left;
}
.pt-mobile-text .step-num {
  margin-bottom: 2px;
}/*# sourceMappingURL=accelance-styles.css.map */