.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
  }
  
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  
  .swiper-android .swiper-slide,
  .swiper-ios .swiper-slide,
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  
  .swiper-horizontal {
    touch-action: pan-y;
  }
  
  .swiper-vertical {
    touch-action: pan-x;
  }
  
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
  }
  
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  
  /* Auto Height */
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto;
  }
  
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  
  .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  
  /* 3D Effects */
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
  }
  
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
  }
  
  .swiper-3d {
    perspective: 1200px;
  }
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  
  /* CSS Mode */
  .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
  }
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
  }
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
  }
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
  }
  
  /* Slide styles start */
  /* 3D Shadows */
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
  }
  
  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
  .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
  
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
  }
  
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
  }
  
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  /* Slide styles end */
  .btn {
    padding: 1rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    box-shadow: none;
    padding: 12px 22px;
    line-height: 24px;
    border-radius: 30px;
  }
  .btn.btn-sm {
    padding: 0.5rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 600;
    box-shadow: none;
  }
  .btn.btn-lg {
    padding: 1.25rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600;
    box-shadow: none;
  }
  .btn:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
  }
  .btn:hover, .btn:focus, .btn:active, .btn:focus-visible {
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
  }
  @media (max-width: 575.98px) {
    .btn {
      padding: 8px 24px;
    }
  }
  .btn.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  
  .btn-primary {
    color: #ffffff;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible {
    color: #ffffff !important;
    background: #0d72ff !important;
    border-color: #0d72ff !important;
  }
  
  .btn-outline-primary {
    background-color: #ffffff;
    border-color: #dadce0;
  }
  .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #EFF7FF;
    color: #2A81FB;
  }
  
  .btn-outline-light {
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
  }
  .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #000000;
    color: #ffffff;
  }
  
  .btn-link {
    color: #2A81FB;
  }
  .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link:focus-visible {
    color: #2A81FB !important;
    border-color: #2A81FB !important;
  }
  
  .form-control {
    height: 48px;
    padding: 0.375rem 0.75rem;
    background: transparent;
    color: #000000;
    border-radius: 0.375rem;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
  }
  .form-control::-webkit-input-placeholder {
    color: #2c2c2c;
  }
  .form-control:-moz-placeholder {
    color: #2c2c2c;
  }
  .form-control::-moz-placeholder {
    color: #2c2c2c;
  }
  .form-control:-ms-input-placeholder {
    color: #2c2c2c;
  }
  .form-control.form-control-lg {
    height: 60px;
  }
  .form-control.form-control-sm {
    height: 36px;
  }
  .form-control.square-input {
    border-radius: 0;
  }
  .form-control.line-input {
    padding: 20px 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
    background: transparent;
  }
  .form-control.focus, .form-control:focus {
    color: #000000;
    box-shadow: none;
    border-color: #2A81FB;
  }
  .form-control.focus::-webkit-input-placeholder, .form-control:focus::-webkit-input-placeholder {
    color: #2A81FB;
  }
  .form-control.focus:-moz-placeholder, .form-control:focus:-moz-placeholder {
    color: #2A81FB;
  }
  .form-control.focus::-moz-placeholder, .form-control:focus::-moz-placeholder {
    color: #2A81FB;
  }
  .form-control.focus:-ms-input-placeholder, .form-control:focus:-ms-input-placeholder {
    color: #2A81FB;
  }
  .form-control[readonly] {
    color: #2c2c2c;
  }
  
  textarea {
    resize: none;
  }
  
  .has-danger {
    color: #F13C31;
  }
  .has-danger .form-control {
    border-color: #F13C31;
  }
  
  /*==Custom Radio & Checkbox ==*/
  .custom-checkbox.vertical label {
    display: block;
  }
  .custom-checkbox label {
    margin: 0 10px 10px 0;
    padding: 0 0 0 26px;
    cursor: pointer;
    position: relative;
    display: inline-block;
  }
  .custom-checkbox input[type=checkbox] {
    display: none;
  }
  .custom-checkbox input[type=checkbox] + span {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background: #ffffff;
    border: 1px solid #2c2c2c;
    border-radius: 0.375rem;
  }
  .custom-checkbox input[type=checkbox]:checked + span {
    border: 1px solid #2A81FB;
    background: #2A81FB;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .custom-checkbox input[type=checkbox]:checked ~ span:after {
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -7px;
    width: 5px;
    height: 10px;
    border-width: 0 1px 1px 0 !important;
    display: block;
    border: solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .custom-checkbox input[type=checkbox] ~ span:after {
    display: none;
    position: absolute;
    content: "";
  }
  .custom-checkbox input[type=checkbox]:disabled + span {
    opacity: 0.7;
  }
  
  .custom-radio.vertical label {
    display: block;
  }
  .custom-radio label {
    margin: 0 10px 10px 0;
    padding: 0 0 0 26px;
    cursor: pointer;
    position: relative;
    display: inline-block;
  }
  .custom-radio input[type=radio] {
    display: none;
  }
  .custom-radio input[type=radio] + span {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background: #ffffff;
    border: 1px solid #2c2c2c;
    border-radius: 50%;
  }
  .custom-radio input[type=radio] ~ span:after {
    display: none;
    position: absolute;
    content: "";
  }
  .custom-radio input[type=radio]:disabled + span {
    opacity: 0.7;
  }
  .custom-radio input[type=radio]:checked + span {
    background: #2A81FB;
    border: 1px solid #2A81FB;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .custom-radio input[type=radio]:checked ~ span:after {
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  
  .ie8 .custom-checkbox input[type=checkbox],
  .ie8 .custom-radio input[type=radio] {
    display: inline-block;
  }
  
  .ie8 .custom-checkbox span,
  .ie8 .custom-radio span {
    display: none;
  }
  

  
  .follow-us-part {
    display: flex;
    align-items: center;
    gap: 50px;
  }
  .follow-us-part h6 {
    margin-bottom: 0;
    font-weight: normal;
  }
  .follow-us-part ul {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .follow-us-part ul li {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in all;
  }
  .follow-us-part ul li svg {
    width: 24px;
  }
  .follow-us-part ul li:hover {
    background-color: #e8eaed;
  }
  @media (max-width: 575.98px) {
    .follow-us-part {
      flex-direction: column;
      gap: 20px;
    }
    .follow-us-part ul li {
      width: 34px;
      height: 34px;
    }
    .follow-us-part ul li svg {
      width: 18px;
    }
  }
  
  .footer-link-part {
    display: flex;
    align-items: center;
    gap: 50px;
  }
  .footer-link-part ul {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .footer-link-part ul li a {
    color: #5f6368;
  }
  .footer-link-part ul li a:hover {
    color: #252b33;
    text-decoration: none;
  }
  @media (max-width: 575.98px) {
    .footer-link-part {
      flex-direction: column;
      gap: 20px;
    }
  }
  
  @media (max-width: 575.98px) {
    .footer-logo {
      width: 32px;
      height: 32px;
    }
  }
  
  .block-title {
    margin: 0 auto 60px;
  }
  .block-title span {
    color: #2A81FB;
    margin-bottom: 16px;
    display: block;
  }
  .block-title h2 {
    font-size: 48px;
    letter-spacing: -0.02em;
    line-height: 1.16;
    margin-bottom: 16px;
    font-weight: 700;
  }
  .block-title p {
    max-width: 720px;
    margin: 0 auto;
    letter-spacing: -0.02rem;
    color: #4C4C4C;
  }
  @media (max-width: 991.98px) {
    .block-title {
      margin: 0 auto 30px;
    }
    .block-title span {
      margin-bottom: 8px;
    }
    .block-title h2 {
      font-size: 32px;
      margin-bottom: 8px;
    }
  }
  @media (max-width: 991.98px) {
    .block-title h2 {
      font-size: 24px;
      line-height: 1.4;
    }
  }
  @media (max-width: 767.98px) {
    .block-title p {
      font-size: 14px;
    }
  }
  
  .container {
    max-width: 1170px;
  }
  
  section {
    padding: 80px 0;
  }
  @media (max-width: 1399.98px) {
    section {
      padding: 60px 0;
    }
  }
  @media (max-width: 575.98px) {
    section {
      padding: 40px 0;
    }
  }
  
  .hero-section .hero-heading h2.color-blue {
    color: #2A81FB !important;
  }
  
  .hero-section .hero-heading h2.color-red {
    color: #F13C31 !important;
  }
  
  .hero-section .hero-heading h2.color-green {
    color: #028332 !important;
  }
  
  .hero-section .hero-heading h2.color-yellow {
    color: #FD7B1B !important;
  }
  
  .hero-section .hero-heading h2.color-info {
    color: #17a2b8 !important;
  }
  
  .hero-section .hero-heading h2.color-purple {
    color: #C82BFF !important;
  }
  
  .hero-section {
    padding: 120px 0 80px;
    position: relative;
  }
  .hero-section .animated-hero-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 60px 0 0;
  }
  @media (max-width: 1199.98px) {
    .hero-section .animated-hero-items {
      flex-flow: column wrap;
    }
  }
  .hero-section .hero-banner-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: 0.15;
  }
  .hero-section .hero-heading {
    display: grid;
    justify-items: end;
    z-index: 2;
    position: relative;
  }
  .hero-section .hero-heading h2 {
    font-size: 85px;
    font-weight: 600;
    margin-bottom: 0;
    max-width: 710px;
    text-align: right;
    line-height: 1.1;
    grid-area: 1/1;
    opacity: 0; /* Initially hidden */
    transform: translateY(-100px); /* Positioned above */
    transition: opacity 0.8s ease-in, transform 0.8s ease-in;
    letter-spacing: -1px;
  }
  .hero-section .hero-heading h2.in {
    opacity: 1; /* Fully visible when active */
    animation: slideToptoInitial 1.5s ease forwards;
    /* 'forwards' makes the animation stay at the last keyframe */
  }
  .hero-section .hero-heading h2.out {
    animation: slideInitialtoBottom 1.5s ease forwards;
  }
  @media (max-width: 1199.98px) {
    .hero-section .hero-heading {
      justify-items: center;
    }
    .hero-section .hero-heading h2 {
      text-align: center;
      font-size: 50px;
      max-width: 500px;
    }
  }
  @media (max-width: 575.98px) {
    .hero-section .hero-heading h2 {
      font-size: 36px;
      padding: 0 16px;
    }
  }
  .hero-section .static-text {
    display: flex;
    flex-basis: 100%;
    order: 1;
    justify-content: center;
    text-align: center;
    z-index: 4;
  }
  .hero-section .static-text h1 {
    font-size: 120px;
    font-weight: 700;
  }
  @media (max-width: 1199.98px) {
    .hero-section .static-text {
      display: block;
      order: 0;
    }
    .hero-section .static-text h1 {
      font-size: 80px;
    }
  }
  @media (max-width: 991.98px) {
    .hero-section .static-text h1 {
      font-size: 60px;
    }
  }
  @media (max-width: 575.98px) {
    .hero-section .static-text h1 {
      font-size: 40px;
    }
  }
  .hero-section .cycling-wrapper {
    display: flex;
    align-items: center;
    height: 240px;
    justify-content: flex-end;
    margin: 0 -30px 0 0;
    width: 330px;
    z-index: 0;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 360px;
    width: 360px;
    clip-path: path("M360 127.778C360 210.621 309.411 300 210 300C110.589 300 0 266.176 0 183.333C0 100.491 60.5887 0 160 0C259.411 0 360 44.9351 360 127.778Z");
    flex-shrink: 0;
    margin: 0 auto;
    transition: background-color 0.3s linear;
    z-index: 3;
    position: relative; /* Added for image positioning */
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-blue {
    background-color: #e7eef6 !important;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-red {
    background-color: #eaf2ff !important;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-green {
    background-color: #e6f3eb !important;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-yellow {
    background-color: #fff2e8 !important;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-info {
    background-color: #e8f6f8 !important;
  }
  .hero-section .cycling-wrapper .cycling-images-wrapper.bg-color-purple {
    background-color: #faeaff !important;
  }
  .hero-section .cycling-wrapper .cycling-image {
    grid-area: 1/1;
    position: absolute; /* Allowing images to overlap */
    opacity: 0; /* Initially hidden */
    transform: translateY(-100px); /* Positioned above */
    transition: opacity 0.8s ease-in, transform 0.8s ease-in;
    top: 40px;
  }
  @media (max-width: 767.98px) {
    .hero-section .cycling-wrapper .cycling-image {
      top: 50px;
    }
  }
  @media (max-width: 575.98px) {
    .hero-section .cycling-wrapper .cycling-image {
      top: 40px;
    }
  }
  .hero-section .cycling-wrapper .cycling-image img {
    max-width: 290px;
    height: 240px;
    object-fit: contain;
  }
  .hero-section .cycling-wrapper .cycling-image.in {
    opacity: 1; /* Fully visible when active */
    animation: slideToptoInitial 1.5s ease forwards;
    /* 'forwards' makes the animation stay at the last keyframe */
  }
  .hero-section .cycling-wrapper .cycling-image.out {
    opacity: 0; /* Fully visible when active */
    animation: slideInitialtoBottom 1.5s ease forwards;
    /* 'forwards' makes the animation stay at the last keyframe */
  }
  @media (max-width: 1199.98px) {
    .hero-section .cycling-wrapper {
      width: 100%;
      margin: 0 auto;
      align-items: flex-end;
      height: 290px;
    }
  }
  @media (max-width: 575.98px) {
    .hero-section .cycling-wrapper .cycling-images-wrapper {
      transform: scale(0.8);
      transform-origin: bottom;
    }
    .hero-section .cycling-wrapper .cycling-image img {
      max-width: 240px;
      height: 240px;
    }
  }
  .hero-section .hero-bottom-section {
    margin-top: 30px;
  }
  .hero-section .hero-bottom-section p {
    margin-bottom: 30px;
  }
  @media (max-width: 1199.98px) {
    .hero-section {
      padding: 50px 0;
    }
    .hero-section .hero-bottom-section p {
      padding: 0 15px;
    }
  }
  @media (max-width: 991.98px) {
    .hero-section {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  
  @keyframes slideToptoInitial {
    0% {
      transform: translateY(-40px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slideInitialtoBottom {
    0% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(40px);
      opacity: 0;
    }
  }
  @media (max-width: 991.98px) {
    .what-we-offer-section {
      padding-top: 30px;
    }
  }
  
  .tab-content-wrapper {
    display: flex;
    align-items: center;
  }
  .tab-content-wrapper .tab-content-img {
    width: 50%;
  }
  .tab-content-wrapper .tab-content-img img {
    margin: 0 auto;
  }
  .tab-content-wrapper .tab-content-details {
    width: 50%;
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .tab-content-wrapper .tab-content-details h3 {
    font-size: 32px;
    font-weight: 600;
  }
  .tab-content-wrapper .tab-content-details p, .tab-content-wrapper ul li {
    font-size: 14px;
  }
  .tab-content-wrapper ul li{position: relative;padding:0px 0px 5px 25px;}
  .tab-content-wrapper ul li::after{top: 6px !important;}
  
  @media (max-width: 991.98px) {
    .tab-content-wrapper {
      margin-top: 30px;
    }
    .tab-content-wrapper .tab-content-details h3 {
      font-size: 24px;
    }
  }
  @media (max-width: 767.98px) {
    .tab-content-wrapper {
      flex-wrap: wrap;
    }
    .tab-content-wrapper .tab-content-img {
      width: 35%;
    }
    .tab-content-wrapper .tab-content-details {
      width: 65%;
      gap: 24px;
      padding: 24px;
    }
    .tab-content-wrapper .tab-content-details h3 {
      font-size: 18px;
    }
  }
  @media (max-width: 575.98px) {
    .tab-content-wrapper .tab-content-img {
      width: 100%;
      height: 40vh;
    }
    .tab-content-wrapper .tab-content-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
    .tab-content-wrapper .tab-content-details {
      width: 100%;
    }
  }
  
  .focus-area-section {
    padding: 140px 0 80px;
    position: relative;
    overflow: hidden;
  }
  .focus-area-section::before {
    background: linear-gradient(180deg, rgba(241, 243, 244, 0.5), hsla(0, 0%, 100%, 0) 34.52%);
    border-radius: 100%;
    content: "";
    height: 1596px;
    width: 1824px;
    top: 40px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
  }
  @media (max-width: 767.98px) {
    .focus-area-section::before {
      top: 0;
      height: 800px;
      width: 1000px;
    }
  }
  @media (max-width: 991.98px) {
    .focus-area-section {
      padding: 60px 0 30px;
    }
    .focus-area-section .card-text {
      max-width: 300px;
      margin: 0 auto;
    }
  }
  
  .slider-section {
    background-color: #FAFAFA;
  }
  
  .slider-inner {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #dadce0;
  }
  .slider-inner .slider-image {
    width: 50%;
    position: relative;
    background: linear-gradient(225deg, #5B97EA 0%, #3475D0 100%);
  }
  .slider-inner .slider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .slider-inner .slider-content {
    width: 50%;
    padding: 40px 40px;
    background-color: #FAFAFA;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  @media (max-width: 767.98px) {
    .slider-inner .slider-content {
      gap: 15px;
    }
  }
  .slider-inner .slider-content .client-says {
    background-color: #ededed !important;
    border-radius: 6px;
    padding: 30px 30px 28px 30px;
  }
  @media (max-width: 767.98px) {
    .slider-inner .slider-content .client-says {
      padding: 20px;
    }
  }
  .slider-inner .slider-content .client-says h5 {
    font-size: 15px;
    line-height: 180%;
    letter-spacing: -0.02em;
    color: #252B33;
    font-weight: 300;
    margin-bottom: 18px;
  }
  @media (max-width: 767.98px) {
    .slider-inner .slider-content .client-says h5 {
      line-height: 1.4;
      letter-spacing: 1;
    }
  }
  .slider-inner .slider-content .client-says .client-thumb {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 100%;
    overflow: hidden;
  }
  @media (max-width: 767.98px) {
    .slider-inner .slider-content .client-says .client-thumb {
      width: 35px;
      height: 35px;
    }
  }
  .slider-inner .slider-content .client-says .client-thumb img {
    width: 100%;
    height: 100%;
  }
  .slider-inner .slider-content .client-says .client-des {
    padding-left: 15px;
  }
  .slider-inner .slider-content .client-says .client-des h6 {
    font-size: 18px;
    color: #252b33;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .slider-inner .slider-content .client-says .client-des span {
    font-size: 14px;
    color: #6D727D;
    letter-spacing: 0;
    font-weight: 300;
  }
  .slider-inner .slider-content .slider-logo-part {
    width: 64px;
    height: 64px;
    margin: 0 auto 36px auto;
  }
  .slider-inner .slider-content .slider-logo-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  .slider-inner .slider-content .category {
    display: block;
    /* MyTrax */
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
  }
  @media (max-width: 767.98px) {
    .slider-inner .slider-content .category {
      margin-bottom: 10px;
    }
  }
  .slider-inner .slider-content .slider-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #000000;
  }
  @media (max-width: 991.98px) {
    .slider-inner .slider-content .slider-logo-part {
      width: 40px;
      height: 40px;
    }
    .slider-inner .slider-content .slider-title {
      font-size: 20px;
    }
  }
  @media (max-width: 767.98px) {
    .slider-inner {
      flex-direction: column;
      max-width: 375px;
      margin: 0 auto;
    }
    .slider-inner .slider-image {
      width: 100%;
    }
    .slider-inner .slider-content {
      width: 100%;
      padding: 40px 30px;
      position: relative;
    }
    .slider-inner .slider-content .slider-logo-part {
      position: absolute;
      top: -21px;
      left: 0;
      right: 0;
      margin-bottom: 0;
    }
    .slider-inner .slider-content .slider-logo-part img {
      border: 2px solid #ffffff;
      border-radius: 50%;
    }
  }
  @media (max-width: 575.98px) {
    .slider-inner .slider-content {
      padding: 15px 15px;
    }
  }
  
  .icon-animation svg {
    visibility: hidden;
  }
  .icon-animation svg #inner-icon1, .icon-animation svg #inner-icon2, .icon-animation svg #inner-icon3, .icon-animation svg #inner-icon4 {
    transition: all ease 0.5s;
    opacity: 0;
  }
  .icon-animation svg #indianic {
    transition: all ease 1s;
    transform-box: fill-box;
    transform-origin: center;
    transform: rotate(0deg) scale(0.5);
  }
  .icon-animation.active svg {
    visibility: visible;
  }
  .icon-animation.active svg #inner-icon1, .icon-animation.active svg #inner-icon2, .icon-animation.active svg #inner-icon3, .icon-animation.active svg #inner-icon4 {
    transition: all ease 0.5s;
  }
  .icon-animation.active svg #inner-icon1.animate, .icon-animation.active svg #inner-icon2.animate, .icon-animation.active svg #inner-icon3.animate, .icon-animation.active svg #inner-icon4.animate {
    opacity: 1;
  }
  .icon-animation.active svg #indianic.animate {
    transform: rotate(360deg) scale(1);
  }
  
  .our-strength-section {
    padding-top: 60px;
    position: relative;
  }
  .our-strength-section .container {
    max-width: 900px;
  }
  .our-strength-section::after {
    content: "";
    position: absolute;
    width: 720px;
    height: 505px;
    background: #90C9FF;
    opacity: 0.3;
    -webkit-filter: blur(318.857px);
    filter: blur(318.857px);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
  }
  .our-strength-section .block-title h2 {
    color: #6D727D !important;
  }
  .our-strength-section .block-title h2 span {
    color: #252b33;
  }
  @media (max-width: 991.98px) {
    .our-strength-section::after {
      max-width: 100%;
    }
  }
  
  .strength-wrapper {
    display: flex;
    flex-direction: column;
    gap: 35px;
  }
  .strength-wrapper .strength-block {
    display: flex;
    align-items: center;
    gap: 64px;
  }
  .strength-wrapper .strength-img {
    width: 276px;
    height: 206px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .strength-wrapper .strength-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .strength-wrapper .strength-details h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .strength-wrapper .strength-details p {
    margin-bottom: 0;
    color: #5f6368;
  }
  @media (max-width: 767.98px) {
    .strength-wrapper .strength-block {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 20px;
    }
    .strength-wrapper .strength-details {
      width: 100%;
    }
    .strength-wrapper .strength-details h3 {
      font-size: 18px;
    }
    .strength-wrapper .strength-details p {
      font-size: 14px;
    }
  }
  
  .about-us-section {
    padding-top: 60px;
    position: relative;
  }
  .about-us-section .container {
    max-width: 1380px;
  }
  .about-us-section::after {
    content: "";
    position: absolute;
    width: 720px;
    height: 505px;
    background: #90C9FF;
    opacity: 0.3;
    -webkit-filter: blur(318.857px);
    filter: blur(318.857px);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
  }
  .about-us-section .block-title {
    max-width: 800px;
  }
  @media (max-width: 991.98px) {
    .about-us-section::after {
      max-width: 100%;
    }
  }
  @media (max-width: 767.98px) {
    .about-us-section {
      padding-bottom: 0px;
    }
  }
  
  .strength-inner {
    background-color: #ffffff;
    padding: 32px 88px;
  }
  @media (max-width: 991.98px) {
    .strength-inner {
      padding: 32px;
    }
  }
  @media (max-width: 991.98px) {
    .strength-inner {
      padding: 15px;
    }
  }
  @media (max-width: 767.98px) {
    .strength-inner {
      padding: 8px;
    }
  }
  
  .revenue-wrap {
    gap: 12px;
  }
  .revenue-wrap .revenue-icon {
    font-size: 52px;
    color: #2A81FB !important;
  }
  .revenue-wrap .revenue-icon .icon::before{
    color: #2A81FB !important;
  }
  .revenue-wrap .content span {
    color: #6D727D;
  }
  .revenue-wrap .content h2 {
    font-size: 48px;
    margin: 0;
  }
  .revenue-wrap .content p {
    font-size: 20px;
    margin: 0;
  }
  @media (max-width: 991.98px) {
    .revenue-wrap .revenue-icon {
      font-size: 40px;
    }
    .revenue-wrap .content h2 {
      font-size: 36px;
    }
    .revenue-wrap .content p {
      font-size: 15px;
    }
  }
  @media (max-width: 991.98px) {
    .revenue-wrap .revenue-icon {
      font-size: 46px;
    }
    .revenue-wrap .content h2 {
      font-size: 24px;
    }
    .revenue-wrap .content span {
      font-size: 14px;
    }
    .revenue-wrap .content p {
      font-size: 12px;
    }
  }
  
  .about-us-content {
    text-align: center;
    max-width: 920px;
    margin: 80px auto 0;
  }
  .about-us-content h3 {
    font-size: 36px;
    letter-spacing: -0.03rem;
    margin-bottom: 32px;
    font-weight: 600;
  }
  .about-us-content h3 span {
    color: #2A81FB;
  }
  .about-us-content p {
    font-size: 18px;
    color: #6D727D;
    letter-spacing: -0.02rem;
    margin-bottom: 24px;
  }
  @media (max-width: 991.98px) {
    .about-us-content {
      text-align: center;
      margin-bottom: 32px;
      margin: 50px auto 0;
    }
    .about-us-content h3 {
      margin: 0 auto 16px;
      font-size: 20px;
    }
    .about-us-content h3 span {
      display: block;
    }
    .about-us-content p {
      margin-bottom: 16px;
    }
  }
  @media (max-width: 767.98px) {
    .about-us-content h3 {
      line-height: 1.5;
    }
    .about-us-content p {
      font-size: 14px;
    }
  }
  @media (max-width: 575.98px) {
    .about-us-content {
      margin-bottom: 24px;
    }
  }
  
  .industry-section {
    padding: 60px 0;
  }
  @media (max-width: 575.98px) {
    .industry-section {
      padding: 40px 0;
    }
  }
  
  .industry-wrapper {
    background: #ffffff;
    padding: 50px;
    border-radius: 50px;
  }
  @media (max-width: 991.98px) {
    .industry-wrapper {
      padding: 30px;
    }
  }
  @media (max-width: 575.98px) {
    .industry-wrapper {
      padding: 30px 15px;
    }
  }
  
  .industry-swiper ul li {
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
  }
  .industry-swiper ul li::after, .tab-content-wrapper ul li::after {
    content: "\e9c1";
    position: absolute;
    font-family: "icomoon" !important;
    top: 0;
    left: 0;
    font-size: 6px;
  }
  
  .industry-header {
    text-align: center;
    position: relative;
  }
  .industry-header .industry-svg {
    margin-bottom: 32px;
  }
  .industry-header .industry-svg svg {
    max-width: 720px;
    filter: drop-shadow(2px 4px 6px #d3d3d3);
  }
  @media (max-width: 1199.98px) {
    .industry-header .industry-svg svg {
      max-width: 450px;
    }
  }
  @media (max-width: 991.98px) {
    .industry-header .industry-svg svg {
      max-width: 60%;
    }
  }
  @media (max-width: 767.98px) {
    .industry-header .industry-svg svg {
      max-width: 80%;
      height: auto;
    }
  }
  .industry-header::after {
    content: "";
    position: absolute;
    width: 720px;
    height: 505px;
    background: #90C9FF;
    opacity: 0.3;
    filter: blur(318.857px);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
  }
  @media (max-width: 991.98px) {
    .industry-header::after {
      max-width: 100%;
    }
  }
  
  .contact-section .block-title span {
    font-weight: 600;
    color: #252b33;
    font-size: 24px;
  }
  .contact-section .industry-wrapper {
    background-color: #f8f9fa;
    text-align: center;
    border-radius: 8px;
  }
  
  .card {
    padding: 32px;
    border: 2px solid #E5E9F0;
    border-radius: 16px;
    background-color: #ffffff;
    transition: 0.3s ease-in-out all;
    height: 100%;
    padding: 30px 20px;
  }
  .card .card-details {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .card .card-icon {
    color: #6D727D;
    transition: 0.3s ease-in-out all;
  }
  .card .card-icon .ico {
    font-size: 24px;
  }
  .card .card-icon svg {
    width: 24px;
  }
  .card .card-title {
    color: #252b33;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .card .card-text {
    color: #252b33;
    font-size: 12px;
    line-height: 20px;
  }
  .card:hover {
    border-color: transparent;
    background-color: #ffffff;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.05);
  }
  .card:hover .card-icon {
    color: #2A81FB;
  }
  .card.focus-card {
    padding: 0;
    box-shadow: none;
    border: none;
    background: none;
    text-align: center;
  }
  .card.focus-card .card-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #c9ddf8;
    color: #2A81FB;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out all;
    margin: 0 auto;
    color: #2A81FB;
  }
  .card.focus-card .card-icon .icon {
    font-size: 48px;
    color: #2A81FB;
  }
  .card.focus-card .card-icon svg {
    width: 48px;
    height: 48px;
  }
  .card.focus-card .card-icon.color-blue {
    background-color: #E2F0FF !important;
  }
  .card.focus-card .card-icon.color-red {
    background-color: #FEECEA !important;
  }
  .card.focus-card .card-icon.color-green {
    background-color: #E7FFF0 !important;
  }
  .card.focus-card .card-icon.color-yellow {
    background-color: #FFEEE1 !important;
  }
  .card.focus-card .card-icon.color-info {
    background-color: rgba(23, 162, 184, 0.2) !important;
  }
  .card.focus-card .card-icon.color-purple {
    background-color: #FAEAFF !important;
  }
  @media (max-width: 991.98px) {
    .card.focus-card .card-icon {
      width: 80px;
      height: 80px;
    }
    .card.focus-card .card-icon .ico {
      font-size: 46px;
    }
    .card.focus-card .card-icon svg {
      width: 46px;
    }
  }
  .card.business-card {
    border: 1px solid transparent;
    background-color: #FAFAFA;
  }
  .card.business-card:hover {
    border-color: #2A81FB;
    background-color: #EFF7FF;
  }
  .card.business-card:hover .card-title {
    color: #2A81FB;
  }
  @media (max-width: 767.98px) {
    .card {
      max-width: 350px;
      margin: 0 auto;
    }
  }
  
  .custom-tabs .nav {
    width: 260px;
    background: #FAFAFA;
    border-radius: 16px;
    padding: 26px 16px;
    gap: 10px !important;
    margin-top: 10px;
    margin-right: 40px;
    position: sticky;
    top: 100px;
  }
  
  @media (max-width: 767.98px) {
    .tab-pane .order-chnage {
      order: -1;
    }
  }
  @media (max-width: 1199.98px) {
    .custom-tabs .nav {
      margin: 0 0 24px;
    }
  }
  @media (max-width: 991.98px) {
    .custom-tabs .nav {
      width: 100%;
      flex-wrap: nowrap;
      white-space: nowrap;
      justify-content: flex-start !important;
      overflow: auto;
      padding-top: 10px;
      padding-bottom: 10px;
      position: sticky;
      top: 60px;
      background-color: #fff;
      margin-left: -15px;
      margin-right: -15px;
    }
    .custom-tabs .nav button {
      transform: translateX(15px);
    }
  }
  .custom-tabs .nav-link {
    justify-content: flex-start;
    background-color: transparent;
    border: 0;
    padding: 14px 22px;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }
  .custom-tabs .nav-link .icon {
    color: #252B33 !important;
    font-size: 16px;
  }
  .custom-tabs .nav-link.active .icon{
    color: #fff !important;
  }
  .custom-tabs .nav-link.active {
    background-color: #252b33;
    color: #ffffff !important;
  }
  .custom-tabs .nav-link.active:hover {
    background-color: #252b33;
  }
  .custom-tabs .nav-link:hover {
    background-color: #E5E9F0;
  }
  .custom-tabs .nav-link:focus, .custom-tabs .nav-link:focus-visible {
    outline: none;
    box-shadow: none;
  }
  .custom-tabs .nav-link.next .facet-pill-border rect {
    visibility: visible;
    animation: tabBorder 8s linear;
    animation-play-state: running;
  }
  .custom-tabs .nav-link.next:hover .facet-pill-border rect {
    animation-play-state: paused;
  }
  
  @media (max-width: 767.98px) {
    .custom-tabs .nav-link {
      font-size: 14px;
    }
    .custom-tabs .nav-link:after {
      display: none;
    }
  }
  .custom-tabs .facet-pill-border {
    border-radius: 500px;
    fill: none;
    height: 52px;
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
  }
  .custom-tabs .facet-pill-border rect {
    height: 52px;
    /* stroke: #2A81FB; */
    stroke-width: 4px;
    visibility: hidden;
    width: 100%;
  }
  
  @keyframes tabBorder {
    0% {
      stroke-dasharray: 519;
      stroke-dashoffset: 519;
      stroke: #252b33;
    }
    100% {
      stroke-dasharray: 519;
      stroke-dashoffset: 0;
      stroke: #252b33;
    }
  }
  .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  /* Dots styling */
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    background-color: #E5E9F0;
    cursor: pointer;
    margin: 0px 1px;
  }
  
  /* Style for active pagination dots */
  .swiper-pagination-bullet-active {
    background-color: #252b33;
  }
  
  .swiper-controller {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
  }
  .swiper-controller .btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin: 5px;
    font-size: 32px;
    display: none;
  }
  .swiper-controller .btn:hover {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15) !important;
  }
  .swiper-controller .btn:focus {
    border-color: #2A81FB;
  }
  .swiper-controller .btn.disabled {
    opacity: 0;
    pointer-events: none;
  }
  @media (max-width: 991.98px) {
    .swiper-controller {
      margin-top: 20px;
    }
    .swiper-controller .btn {
      width: 46px;
      height: 46px;
      font-size: 28px;
      padding: 0;
    }
  }
  @media (max-width: 575.98px) {
    .swiper-controller {
      gap: 8px;
    }
  }
  
  .custom-slider {
    padding-bottom: 24px;
  }
  .custom-slider .swiper-slide {
    height: auto;
  }
  @media (max-width: 991.98px) {
    .custom-slider {
      padding-bottom: 0;
    }
  }
  
  .text-link {
    color: #2A81FB;
    position: relative;
  }
  .text-link:after {
    display: block;
    content: "";
    position: absolute;
    top: 1rem;
    bottom: 0;
    left: 0;
    width: 0%;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .text-link:hover {
    color: #2A81FB;
  }
  .text-link:hover:after {
    width: 100%;
    border-bottom: 1px solid #2A81FB;
    opacity: 0.8;
  }
  
  p {
    margin-bottom: 0;
  }
  
  img {
    max-width: 100%;
  }
  
  ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  * {
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
    scrollbar-width: thin;
  }
  
  ::-webkit-scrollbar-track {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
  }
  
  .square-avatar {
    width: 50px;
    height: 50px;
    background: #2A81FB;
  }
  
  .circle-avatar {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #2A81FB;
  }
  
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  
  .row.g-4 {
    margin-top: -24px;
  }
  .row.g-4 > * {
    margin-top: 24px;
  }
  .row.g-5 {
    margin-top: -48px;
  }
  .row.g-5 > * {
    margin-top: 48px;
  }
  .our-strength-section .block-title h2 span.text-danger {
    color: #dc3545 !important;
}

.tab-detail-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.tab-detail-content .tab-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  color: #121212;
  margin-bottom: 20px;
}
.tab-detail-content .tab-title span {
  color: #f13c31 !important;
}
.tab-detail-content p {
  color: #444746;
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  padding-right: 3px;
}

.nav-link:focus {
  outline: none;
  border: 0;
  box-shadow: none;
}

@media (max-width: 991.98px) {
  .custom-tabs .nav {
    padding: 10px 0;
    width: calc(100% + 30px) !important;
  }
}

[class*=col-] {
  padding: 10px 10px;
}

.icon-image-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 24px 15px;
  gap: 12px;
  border-radius: 16px;
  height: 175px;
}
.icon-image-box.blue {
  --color:#2A81FB;
  color: var(--color);
  background-color: #eaf2ff;
}

.icon-image-box.blue-100 {
  --color: #3E68D0;
  color: var(--color);
  background-color: #ecf0fa;
}
.icon-image-box.red-100 {
  --color: #F42186;
  color: var(--color);
  background-color: #fee9f3;
}
.icon-image-box.orange {
  --color: #FD7B1B;
  color: var(--color);
  background-color: #fff2e8;
}
.icon-image-box.yellow {
  --color: #FFB70E;
  color: var(--color);
  background-color: #fff8e7;
}
.icon-image-box.red {
  --color: #F13C31;
  color: var(--color);
  background-color: #feecea;
}
.icon-image-box.purple {
  --color: #C82BFF;
  color: var(--color);
  background-color: #faeaff;
}
.icon-image-box.dark-blue {
  --color: #012169;
  color: var(--color);
  background-color: #e6e9f0;
}
.icon-image-box.green-300 {
  --color: #28A5C1;
  color: var(--color);
  background-color: #eaf6f9;
}
.icon-image-box.green {
  --color: #028332;
  color: var(--color);
  background-color: #e6f3eb;
}

.icon-image-box .icon::before{color: var(--color) !important;}
.icon-image-box p{color: var(--color) !important;}


.icon-image-box p {
  font-family: "Poppins";
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.4;
}
.icon-image-box .icon {
  font-size: 46px;
  height: 46px;
  display: flex;
  align-items: center;
}
.icon-image-box .icon.icon-ic-meta-llama {
  font-size: 20px;
}
.icon-image-box .icon.icon-ic-backend-technology-dot-net, .icon-image-box .icon.icon-ic-backend-technology-java, .icon-image-box .icon.icon-ic-front-end-technology-wpf {
  transform: scale(1.2);
}
@media (max-width: 767.98px) {
  .icon-image-box {
    gap: 10px;
    height: auto;
  }
  .icon-image-box [class*=col-] {
    padding: 5px 5px;
  }
  .icon-image-box p {
    font-size: 14px;
  }
  .icon-image-box .icon {
    font-size: 40px;
  }
}

.icon-image-box {
  transition: all ease 0.2s;
}

.icon-image-box:hover {
  transform: scale(1.06);
}

@media (max-width: 767.98px) {
  .icon-image-box {
    height: 145px;
  }
  .tab-detail-content {
    margin: 10px 0;
    height: auto;
  }
  .tab-content-wrapper {
    margin: 0px 15px;
  }
  .tab-content-wrapper .tab-title {
    font-size: 26px;
    margin-bottom: 8px;
  }
  [class*=col-] {
    padding: 5px 5px;
  }
}

.hidden {
  display: none;
}

.tab-content-wrapper .icon.icon-ic-anthropic {
  transform: scale(0.35);
}

.tab-content-wrapper .icon-ic-backend-technology-node-js {
  transform: scale(1.6);
}

.tab-content-wrapper .icon.icon-ic-n8n-io {
  transform: scale(0.55);
}
.tab-content-wrapper .icon.icon-ic-database-technology-oracle, .tab-content-wrapper .icon.icon-ic-database-technology-my-sql{
  transform: scale(1.7);
}
  
/*===== Client Testimonials Start =====*/
.client-testimonial-section { overflow: hidden;padding-bottom: 50px;position: relative;}
.slider-btn {width: 150px;margin: 30px auto 0px;position: relative;}
.client-testimonial-section .slider-btn{margin: 0px auto;}
.cs-swiper3 .testimonial-box {position: relative;margin:40px 10px;width: 1100px;border: 2px solid #E5E9F0;background: #fff;padding: 30px;height: 390px;border-radius: 24px;overflow: hidden;box-shadow: 0px 20px 35px rgba(33, 33, 33, 0.06);}
.slider-container {max-width: 1100px;width: 100%;margin: 0px auto;}
.cs-swiper3 .testimonial-box .client-wrap{display: block;width: 100%;height: 100%;}
.cs-swiper3 .owl-item.active .testimonial-box::before{background: rgba(0, 0, 0, 0.2);}
.cs-swiper3 .testimonial-box .client-img{position: absolute;right: -5px;top: 0px;background: linear-gradient(90deg, #FFFFFF 17.01%, rgba(255, 255, 255, 0) 100%);}
.cs-swiper3 .testimonial-box .client-img::before{content: ''; position: absolute;width: 600px;height: 100%;right: -20px;top: calc(50% - 100%/2);   background: linear-gradient(90deg, #FFFFFF 17.01%, rgba(255, 255, 255, 0) 100%);z-index: 1;}
.cs-swiper3 .testimonial-box .client-img img{width: 100%; height: 390px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    filter: gray; filter: grayscale(100%);}
.cs-swiper3 .testimonial-box .client-video { position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; padding: 30px;display: flex;align-items: center;justify-content: space-between;z-index: 2;}
.cs-swiper3 .testimonial-box .client-bio{width: 50%;padding-top: 24px;position: relative;z-index: 2;}
.cs-swiper3 .testimonial-box .client-bio .icon-quotes-emoji{font-size: 34px;color: #007bff !important;}
.cs-swiper3 .testimonial-box .client-bio .icon-quotes-emoji::before{color: #007bff !important;}
.cs-swiper3 .testimonial-box .client-bio p{font-size: 24px;line-height: 34px;font-weight: 600;letter-spacing: -0.5px;margin-top: 8px;}
.cs-swiper3 .testimonial-box .client-video .client-name h3 { color: #252B33; font-size: 24px; line-height: 33px; font-weight: 700;margin-bottom: 5px;} 
.cs-swiper3 .testimonial-box .client-video .client-name span { color: #444746; font-size: 18px; line-height: 26px;letter-spacing: -0.5px;font-weight: 400;} 
.cs-swiper3 .testimonial-box .client-video .ct-video-btn{background: #fff;border-radius: 30px;padding: 5px 5px 5px 25px;cursor: pointer;}
.cs-swiper3 .testimonial-box .client-video .ct-video-btn h6{font-size: 16px;line-height: 24px;letter-spacing: -0.5px;font-weight: 600;}
.cs-swiper3 .testimonial-box .client-video .ct-video-btn p{color: #B2B2B2; font-size: 10px;line-height: 14px;font-weight: 400;margin-bottom: 0px;}
.cs-swiper3 .slick-slide .client-video { display: none; } 
.cs-swiper3 .slick-slide.slick-active .client-video { display: flex; align-items: center; justify-content: space-between; } 
.cs-swiper3 .owl-stage { display: flex; flex-direction: row;}
.video-btn-play-client{ background: url("../images/homepage/play-btn-video.svg") no-repeat;background-size:cover; width: 48px; height: 48px; position: absolute; top: 25%; left: 20px; right: 0px; z-index: 1; cursor: pointer; visibility: visible; }
.our-services-slider-owl .slick-track{margin-left: -25px;}
.icon-video-play .path1:before{color: #007bff !important;;}
.icon-video-play .path2:before{color: #fff !important;}
.icon-video-play, .icon-video-pause {font-size: 48px;cursor: pointer;}
.slider-btn .swiper-button-prev {position: absolute;top: 50%;left: 10px;background: url(../images/black-prev-arrow-ic.svg) no-repeat;background-size: 80%;width: 36px;height: 14px;padding: 0px;border: none;font-size: 0px;cursor: pointer;z-index: 10;}
.slider-btn .swiper-button-next {position: absolute;top: 50%;right: 10px;background: url(../images/black-next-arrow-ic.svg) no-repeat;
  background-size: 80%;width: 36px;height: 14px;padding: 0px;border: none;font-size: 0px;cursor: pointer;z-index: 10;}
/*===== Client Testimonials End =====*/

/*================== Dark Theme Start ===============*/
.theme-black, .theme-black .slider-inner .slider-content, .theme-black .cs-swiper3 .testimonial-box .client-video .ct-video-btn{ background-color: #000000; }
.theme-black  h1,.theme-black  h2,.theme-black  h3,.theme-black  h4,.theme-black  h5,.theme-black  h6,.theme-black  p,.theme-black span,.theme-black blockquote,.theme-black strong,.theme-black b,.theme-black u,.theme-black center,.theme-black ol,.theme-black ul,.theme-black  li,.theme-black  li a, .theme-black .our-services-section .service-box { color: #fff !important; }
.theme-black .icon-image-box p {color: var(--color) !important;}
.theme-black .hero-section .hero-banner-video{opacity: 0.1;filter: invert(1);z-index: 0;}
.theme-black .slider-inner{border: 1px solid rgba(255, 255, 255, 0.2);}
.theme-black .custom-tabs .nav-link{color: #fff;}
.theme-black .custom-tabs .nav-link:hover{background-color: transparent;}
.theme-black .custom-tabs .nav-link.active{background-color: #fff;color: #252B33 !important;}
.theme-black .custom-tabs .nav-link.active .icon {color: #252B33 !important;}
.theme-black .custom-tabs .nav-link .icon {color: #fff !important;}
.theme-black .custom-tabs .facet-pill-border rect{stroke: #fff !important;}
.theme-black .industry-header::after, .theme-black .our-strength-section::after, .theme-black .about-us-section::after{z-index: 0;}
.theme-black .industry-header .industry-svg svg{filter: drop-shadow(2px 4px 6px #2d2d2d);}
.theme-black .industry-wrapper{background: transparent;}
.theme-black .card.business-card, .theme-black .slider-section, .theme-black .slider-inner .slider-content .client-says, .theme-black .strength-inner, .theme-black .contact-section .industry-wrapper, .theme-black .cs-swiper3 .testimonial-box, .theme-black .custom-tabs .nav{background-color:#202020 !important;}
.theme-black .swiper-pagination-bullet {background-color: #898989;}
.theme-black .swiper-pagination-bullet-active {background-color: #E5E9F0;}
.theme-black .focus-area-section::before {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), hsla(0, 0%, 100%, 0) 34.52%);z-index: 0;}
.theme-black .cs-swiper3 .testimonial-box .client-img::before{background: linear-gradient(90deg, #1f1f1f 17.01%, rgba(0, 0, 0, 0) 100%)}
.theme-black .cs-swiper3 .testimonial-box{border: 2px solid rgba(255, 255, 255, 0.2);}
.theme-black .slider-btn .swiper-button-next {background: url(../images/white-next-arrow-ic.svg) no-repeat;background-size: 80%;}
.theme-black .slider-btn .swiper-button-prev {background: url(../images/white-prev-arrow-ic.svg) no-repeat;background-size: 80%;}
  /*================== Dark Theme End ===============*/