@font-face {
  font-family: 'work-sans';
  src: url('../fonts/WorkSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'work-sans';
  src: url('../fonts/WorkSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'work-sans';
  src: url('../fonts/WorkSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'work-sans';
  src: url('../fonts/WorkSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --black: #000;
  /* --gray:#4A4747; */
  --white: #fff;
  /* --gray1:#434343; */
  --lightBlack: #3E3D3D;
  --teal: #22D3EE;
  --gray: #434343;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 18px;
  line-height: 30px;
  font-family: 'work-sans';
  font-weight: 400;
  color: var(--gray);
}

a {
  display: inline-block;
  text-decoration: none;
  color: var(--gray);
}

img {
  display: block;
  max-width: 100%;
}


video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1920px) {
  .container-fluid {
    max-width: 1800px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
  }
}

.ri--stack-line {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='m20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0M12 3.332L5.887 7L12 10.668L18.113 7z'/%3E%3C/svg%3E");
}

.streamline-plump--piggy-bank {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23434343' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M29.64 3.03Q30.718 3 32 3s1 2 1 8q0 .368-.005.716c3.113 1.594 5.495 4.241 6.823 7.537a28 28 0 0 1 2.687-.241c1.27-.046 2.27.91 2.367 2.179c.07.93.128 2.189.128 3.809s-.058 2.878-.128 3.81c-.096 1.267-1.097 2.224-2.367 2.178a26 26 0 0 1-2.054-.162c-.573 2.195-1.579 4.168-2.939 5.821a116 116 0 0 1 1.697 3.875c.487 1.167.165 2.514-.844 3.276c-.42.317-.854.623-1.219.832c-.372.213-.872.439-1.37.644c-1.154.476-2.462.088-3.228-.899c-.63-.813-1.434-1.87-2.272-3.025a16 16 0 0 1-3.958.594Q24.335 41.999 22 42c-2.335.001-2.995-.02-4.318-.056a16 16 0 0 1-3.958-.594a118 118 0 0 1-2.272 3.025c-.766.987-2.074 1.375-3.228.9a13 13 0 0 1-1.37-.645a12 12 0 0 1-1.22-.832c-1.008-.762-1.33-2.109-.843-3.276c.438-1.051 1.03-2.428 1.696-3.875c-2.197-2.67-3.47-6.177-3.486-10.107a132 132 0 0 1 0-1.08c.036-8.599 6.085-15.169 14.681-15.404Q19.665 10.001 22 10h.055c.437-3.959 3.464-6.858 7.584-6.97'/%3E%3Cpath d='M11.5 18.491c1.774-1.783 4.283-2.887 7.23-2.963q.696-.02 1.454-.028M31 18v1M7.143 14C4.426 14 2 11.745 2 8.963s2.426-5.037 5.143-5.037C9.715 3.926 11 5.299 11 6.673'/%3E%3C/g%3E%3C/svg%3E");
}

.codicon--workspace-trusted {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23434343' d='M13.4 3c-1.837 0-3.486-.333-4.974-1.824a.6.6 0 0 0-.848 0C6.086 2.667 4.436 3 2.601 3a.6.6 0 0 0-.6.6v3.602c0 3.862 1.97 6.487 5.81 7.768a.6.6 0 0 0 .38 0c3.841-1.28 5.81-3.906 5.81-7.768V3.6c0-.331-.27-.6-.601-.6M13 7.201c0 3.396-1.636 5.614-5 6.776c-3.364-1.162-5-3.38-5-6.776V3.995c1.579-.039 3.352-.349 5.001-1.843C9.647 3.645 11.421 3.955 13 3.995zM7.499 8.793l2.646-2.646a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708z'/%3E%3C/svg%3E");
}

.fluent--communication-24-regular {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M12 4.5a8.5 8.5 0 0 0-6.016 14.505a.75.75 0 0 1-1.061 1.06A9.97 9.97 0 0 1 2 13C2 7.477 6.477 3 12 3s10 4.477 10 10a9.97 9.97 0 0 1-2.923 7.065a.75.75 0 0 1-1.061-1.06A8.5 8.5 0 0 0 12 4.5M12 8a5 5 0 0 0-3.534 8.537a.75.75 0 0 1-1.06 1.061a6.5 6.5 0 1 1 9.188 0a.75.75 0 0 1-1.06-1.06A5 5 0 0 0 12 8m0 2.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M11 13a1 1 0 1 1 2 0a1 1 0 0 1-2 0'/%3E%3C/svg%3E");
}

.material-symbols-light--share-outline {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23434343' d='M16.61 21q-.994 0-1.687-.695q-.692-.696-.692-1.69q0-.15.132-.757l-7.197-4.273q-.324.374-.793.587t-1.007.213q-.986 0-1.676-.702T3 12t.69-1.683t1.676-.702q.537 0 1.007.213t.793.588l7.198-4.255q-.07-.194-.101-.385q-.032-.192-.032-.392q0-.993.697-1.689Q15.625 3 16.62 3t1.688.697T19 5.389t-.695 1.688t-1.69.692q-.542 0-1-.222t-.78-.597l-7.199 4.273q.07.194.101.386q.032.191.032.391t-.032.391t-.1.386l7.198 4.273q.323-.375.78-.597q.458-.222 1-.222q.994 0 1.69.696q.695.698.695 1.693t-.697 1.688t-1.692.692m.004-1q.589 0 .987-.398t.398-.986t-.398-.987t-.986-.398t-.987.398t-.398.986t.398.987t.987.398m-11.25-6.616q.596 0 1-.402q.403-.403.403-.982t-.403-.982t-1-.403q-.581 0-.973.403Q4 11.421 4 12t.393.982t.973.403M17.597 6.37Q18 5.973 18 5.384q0-.588-.398-.986T16.616 4t-.987.398t-.398.987t.403.986t.982.398t.981-.398m-.981-.987'/%3E%3C/svg%3E");
}

.lets-icons--check-ring-light {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23434343' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12l3 3l5-6'/%3E%3C/g%3E%3C/svg%3E");
}

.material-symbols-light--emergency-share-outline-rounded {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23064CFF' d='M12 21.325q1.875-1.775 2.938-3.412T16 15.15q0-1.725-1.162-2.937T12 11t-2.838 1.213T8 15.15q0 1.125 1.063 2.763T12 21.325m3.551-9.818Q17 13.015 17 15.15q0 .729-.287 1.522t-.818 1.633t-1.312 1.738t-1.756 1.851q-.18.162-.393.25q-.212.087-.434.087t-.434-.088t-.393-.249q-.994-.971-1.775-1.89t-1.316-1.77t-.809-1.629Q7 15.827 7 15.15q0-2.135 1.448-3.643Q9.895 10 11.997 10t3.553 1.507m-2.758 4.282q.323-.327.323-.793q0-.467-.327-.79q-.327-.321-.793-.321q-.467 0-.79.326q-.321.327-.321.793q0 .467.326.79q.327.322.793.322q.467 0 .79-.327m-2.436-9.666q-.797.238-1.499.721q-.17.11-.377.097t-.344-.15q-.15-.149-.143-.336t.17-.305q.824-.598 1.806-.932q.982-.333 2.032-.333t2.03.333t1.802.932q.164.122.17.317t-.14.34q-.133.135-.34.14q-.208.007-.385-.103q-.702-.483-1.495-.721q-.792-.239-1.642-.239t-1.645.239M12 1.885q-1.627 0-3.148.519T6.073 3.95q-.171.16-.394.166t-.388-.148q-.166-.17-.112-.38q.054-.211.225-.37q1.398-1.149 3.09-1.741q1.69-.593 3.516-.593t3.506.602t3.1 1.75q.17.16.215.373q.044.214-.125.38q-.156.165-.379.155t-.394-.169q-1.258-1.027-2.782-1.559T12 1.885M12 15'/%3E%3C/svg%3E");
}

.material-symbols-light--dashboard-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23064CFF' d='M13.5 9V4H20v5zM4 12V4h6.5v8zm9.5 8v-8H20v8zM4 20v-5h6.5v5zm1-9h4.5V5H5zm9.5 8H19v-6h-4.5zm0-11H19V5h-4.5zM5 19h4.5v-3H5zm4.5-3'/%3E%3C/svg%3E");
}

.carbon--security {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23064CFF' d='M14 16.59L11.41 14L10 15.41l4 4l8-8L20.59 10z'/%3E%3Cpath fill='%23064CFF' d='m16 30l-6.176-3.293A10.98 10.98 0 0 1 4 17V4a2 2 0 0 1 2-2h20a2 2 0 0 1 2 2v13a10.98 10.98 0 0 1-5.824 9.707ZM6 4v13a8.99 8.99 0 0 0 4.766 7.942L16 27.733l5.234-2.79A8.99 8.99 0 0 0 26 17V4Z'/%3E%3C/svg%3E");
}

.system-uicons--graph-bar {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath fill='none' stroke='%23064CFF' stroke-linecap='round' stroke-linejoin='round' d='M3.5 3.5v12a2 2 0 0 0 2 2H17m-10.5-6v3m4-6v6m4-9v9' stroke-width='1'/%3E%3C/svg%3E");
}


/* buttons */
.demo-btn,
.contact-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 100px;
  background: var(--teal);
  color: var(--white);
  padding: 16px 40px 16px 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}

/* Arrow Container */
.demo-btn::before,
.contact-btn::before,
.talk-expert-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 15px;
  height: 15px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M21 3h-6m6 0l-9 9m9-9v6'/%3E%3Cpath d='M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M21 3h-6m6 0l-9 9m9-9v6'/%3E%3Cpath d='M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center, center 30px;
  background-size: contain;

  transform: translateY(-50%);
  transition: background-position 0.4s cubic-bezier(0.6, 0, 0.2, 1);
}

.demo-btn:hover::before,
.contact-btn:hover::before,
.talk-expert-btn:hover::before {
  background-position: center -30px, center;
}

/* Shine effect (Keeping your existing code) */
.demo-btn::after,
.contact-btn::after,
.talk-expert-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-20deg);
  transition: all 0.6s ease;
}

.demo-btn:hover,
.contact-btn:hover,
.talk-expert-btn:hover {
  box-shadow: 0 6px 15px rgba(34, 211, 238, 0.4);
  transform: translateY(-2px);
}

.demo-btn:hover::after,
.contact-btn:hover::after,
.talk-expert-btn:hover::after {
  left: 120%;
}


/* Arrow Container */

.contact-btn {
  color: var(--black);
  padding: 12px 40px 12px 20px;
}

.contact-btn::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' d='M11.5 3a.5.5 0 0 1 .5.5V9l-.01.102a.5.5 0 0 1-.98-.001L11 9V4.707l-6.647 6.647a.5.5 0 0 1-.707-.707L10.293 4H6a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%23000' d='M11.5 3a.5.5 0 0 1 .5.5V9l-.01.102a.5.5 0 0 1-.98-.001L11 9V4.707l-6.647 6.647a.5.5 0 0 1-.707-.707L10.293 4H6a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center, center 30px;
  background-size: contain;
}

/* Button */
.talk-expert-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--teal);
  color: var(--white);
  padding: 12px 40px 12px 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  font-size: 17px;
}

.talk-expert-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.5 12h15m0 0l-5.625-6m5.625 6l-5.625 6'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.5 12h15m0 0l-5.625-6m5.625 6l-5.625 6'/%3E%3C/svg%3E")
}



.heading-one {
  color: var(--black);
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  font-family: 'work-sans';
}

.heading-two {
  color: var(--black);
  font-size: 35px;
  font-weight: 400;
  line-height: 45px;
  font-family: 'work-sans';
}



.swiper-pagination-bullet {
  background: var(--lightBlack);
  opacity: 0.5;
  width: 10px;
  height: 10px;
  transition: width 0.5s ease-in-out;
  border-radius: 50%;
  margin: 0 4px;
}

.swiper-pagination-bullet-active {
  background: var(--teal);
  opacity: 1;
  width: 50px;
  height: 10px;
  border-radius: 15px;

}


.img-hover {
  overflow: hidden;
  border-radius: 40px;
}

.img-hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}

.img-hover:hover img {
  transform: scale(1.1);
}

.com-pad-80 {
  padding-block: 80px;
}

/* banner section */

.banner-section {
  background: #20283C;
  padding-block: 190px 80px;
  position: relative;
}

.banner-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/lines.svg')no-repeat;
  background-size: cover;
  pointer-events: none;
}



.banner-section .banner-content .banner-inner-content {
  padding-right: 50px;
}

.banner-section .banner-content .big-heading {
  font-size: 60px;
  font-weight: 700;
  line-height: normal;
  color: var(--white);
}

.banner-section .banner-content .big-heading span {
  color: #064CFF;
}

.small-head {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}

.banner-section .banner-content .desc {
  color: #94A3B8;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.banner-section .banner-content .heading-one {
  max-width: 500px;
}


.banner-section .banner-image {
  text-align: center;

}

.before-image {
  position: relative;
  z-index: 1;
}

.before-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 250px 40px rgba(34, 211, 238, 0.65);
  filter: blur(30px);
  opacity: 0.7;
  pointer-events: none;
  z-index: -1;
}


/* feature-digital-bus-card-sec */
.feature-digital-bus-card-sec {
  background: #F3F3F3;
}

.feature-digital-bus-card-sec .card-custom {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}




/* .right-custom-card .card-custom{
  height: 50%;
} */

.feature-digital-bus-card-sec .card-custom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 0%, rgba(53, 53, 53, 0.00) 100%);
  transform: rotate(180deg);
  border-radius: 30px;
  transition: background 0.2s ease-in-out;

}

.feature-digital-bus-card-sec .card-custom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature-digital-bus-card-sec .overlay {
  color: #fff;
  transition: 0.4s ease;
  align-self: end;
  z-index: 1;
  margin: 20px;
}


.card-custom {
  display: grid;
}

.card-custom img,
.card-custom .overlay {
  grid-area: 1 / 1;
}


.feature-digital-bus-card-sec .title {
  color: var(--teal);
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.feature-digital-bus-card-sec .white-card .title {
  color: #064CFF;

}

.feature-digital-bus-card-sec .white-card img {
  border-radius: 20px;
  width: 100%;
}

.feature-digital-bus-card-sec .small-label {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-block: 10px;
}

.feature-digital-bus-card-sec .white-card .small-label {
  color: var(--lightBlack);
}

.feature-digital-bus-card-sec .hover-content {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  height: 0;
}

.feature-digital-bus-card-sec .icon {
  border-radius: 10px;
  background: #FFF;
  display: inline-block;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-digital-bus-card-sec .card-custom:hover .hover-content {
  opacity: 1;
  transform: translateY(0);
  height:100px;
}

.feature-digital-bus-card-sec .card-custom:hover::before {
  background: rgba(0, 0, 0, 0.80);
  transform: none;
}

.feature-digital-bus-card-sec .card-custom {
  transition: transform 0.3s ease;
}

.feature-digital-bus-card-sec .card-custom img {
  border-radius: 30px;
}

.feature-digital-bus-card-sec .card-custom:hover {
  transform: translateY(-6px);
}

.feature-digital-bus-card-sec .white-card {
  background: var(--white);
  padding: 20px;
  border-radius: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.feature-digital-bus-card-sec .text {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.feature-digital-bus-card-sec .feature-text {
  color: var(--white);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
}



.feature-digital-bus-card-sec .white-card .text,
.feature-digital-bus-card-sec .white-card .feature-text {
  color: var(--lightBlack);
}

/* benifit-section */
/* Left column */

.benifit-section .left-col p {
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.person-img {
  width: 100%;
  overflow: hidden;
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: auto;
}

.left-col,.sticky-box{
  position: sticky;
  top: 100px;
}

.benefit-card .person-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  border-radius: 12px;
}

/* Right column - benefit cards */
.benefit-card {
  border-radius: 20px 20px 20px 10px;
  border: 1px solid #C1C1C1;
  background: #FFF;
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 26px;
  transition: border-color 0.25s, box-shadow 0.25s;
}

.benefit-card:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.icon-wrap {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  position: relative;
}

/* Outer grey circle */
.icon-wrap .circle-outer {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Small blue dot top-right */
.icon-wrap .dot {
  position: absolute;
  top: -8px;
  right: -5px;
  width: 18px;
  height: 18px;
  background: var(--teal);
  border-radius: 50%;
  color: var(--white);
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.benefit-body .title {
  color: var(--black);
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
}

.benefit-body p {
  color: var(--lightBlack);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

/* usecase sec */

.usecase-wrapper {
  border-radius: 40px;
  background: #D9D9D9;
}

.usecase-section .feature-slider {
  padding-block: 30px;
}

/* Card */
.usecase-card {
  background: #fff;
  border-radius: 16px;
  padding: 5px;
  height: 100%;
  transition: 0.3s;
}

.usecase-card img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 10px;
}

.usecase-card p {
  color: var(--gray);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding-inline: 10px;
  padding-bottom: 20px;
  text-align: center;
  margin: 0;
}

/* Hover */
.usecase-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

}

/* Swiper spacing */
.feature-slider {
  padding: 10px 5px;
}


/* feature */

.feature-slider {
  padding: 10px 5px;
}

.feature-slider .swiper-slide {
  height: auto;
}

.feature-desc {
  color: var(--lightBlack);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  max-width: 800px;
  margin: 10px auto;
}

/* Card */
.inner-card {
  background: #0b132b;
  color: #fff;
  border-radius: 16px;
  padding: 25px 15px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  height: 100%;
  z-index: 0;
}

.feature-card {
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
}

.feature-card::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 7px);
  background: var(--teal);
  z-index: 0;
  border-radius: 16px;
  right: -2px;
  margin: auto;
  bottom: -5px;
  transition: all 0.5s ease-in-out;
}

.feature-card>* {
  position: relative;
  z-index: 1;
}

.feature-card .icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.feature-card p {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  font-weight: 500;
}

.feature-card:hover {
  transform: translateY(-3px);
}

.feature-card:hover::before {
  bottom: -10px;
  height: calc(100% + 12px);
}



/* why-choose-section */
.why-desc,
.why-list li {
  color: var(--lightBlack);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

/* List */
.why-list {
  padding-left: 18px;
  color: #333;
}

.why-list li {
  margin-bottom: 10px;
}


/* cta-banner */
.cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  border-radius: 20px;
  background: #101423;
  color: #fff;
  padding: 18px 24px;
  max-width: 1280px;
  margin: auto;
}

/* Text */
.cta-text {
  color: var(--white);
  font-size: 30px;
  font-weight: 600;
  line-height: 47px;
  max-width: 60%;
}

/* Divider with arrow notch */
.cta-divider {
  position: relative;
  width: 2px;
  height: 90px;
  background: rgba(255, 255, 255);
}

/* Arrow notch */
.cta-divider::before {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);

  width: 0;
  height: 0;

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}




/* faq-section */
.faq-section {
  border-top: 2px solid #D8D7D7;
  border-bottom: 2px solid #D8D7D7;
}

.faq-section .accordion-item {
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #DFEAFF;
  background: #FFF;
}

.accordion-flush>.accordion-item:first-child {
  border-top: 1px solid #DFEAFF;
}

.accordion-flush>.accordion-item:last-child {
  border-bottom: 1px solid #DFEAFF;
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  border-radius: 5px;
}

.faq-section .accordion-item .accordion-button::after {
  border-radius: 100px;
  background-color: #EEF4FE;
  width: 35px;
  height: 35px;
  background-position: center;
}


.faq-section .accordion-item .accordion-button {
  color: #676767;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}




@media only screen and (max-width:992px) {

  .banner-section .banner-content .heading-one {
    font-size: 24px;
    line-height: 31px;
  }

  .banner-section {
    padding-block: 70px 30px;
  }

  .feature-slider,
  .usecase-section .feature-slider {
    padding-bottom: 50px;
  }

  .com-pad-80 {
    padding-block: 60px;
  }
  .feature-digital-bus-card-sec .card-custom {
    border-radius: 20px;
    background: #000;
    padding: 10px;
    display: block;
  }

  .feature-digital-bus-card-sec .card-custom img {
    border-radius: 8px;
    margin-bottom: 20px;
  }

  .feature-digital-bus-card-sec .card-custom::before {
    display: none;
  }

  .feature-digital-bus-card-sec .overlay {
    margin: 0;
    padding: 12px;
  }
  .feature-digital-bus-card-sec .hover-content {
    opacity: 1;
    height: auto;
    transform: none;
  }

}

@media only screen and (max-width:767px) {

  body,
  .banner-section .banner-content .desc,
  .feature-desc,
  .benifit-section .left-col p,
  .benefit-body p,
  .why-desc,
  .why-list li,
  .feature-digital-bus-card-sec .text,
  .feature-digital-bus-card-sec .small-label,
  .feature-digital-bus-card-sec .feature-text,
  .usecase-card p {
    font-size: 14px;
    line-height: 22px;
  }

  .heading-one {
    font-size: 24px;
    line-height: 30px;
  }

  .banner-section .banner-content .big-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .banner-section .banner-content .banner-inner-content {
    margin-bottom: 30px;
    padding: 0;
  }


  .faq-section .accordion-item .accordion-button,
  .accordion-body p {
    font-size: 14px;
    line-height: 20px;
  }

  .small-head,
  .feature-digital-bus-card-sec .white-card .text,
  .feature-digital-bus-card-sec .white-card .feature-text {
    font-size: 16px;
    line-height: 26px;
  }


  .demo-btn::before,
  .contact-btn::before,
  .talk-expert-btn::before {
    right: 10px;
  }

  .demo-btn,
  .contact-btn,
  .talk-expert-btn {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 20px;
    padding-right: 30px;
  }

  .benifit-section .right-col {
    padding-left: calc(var(--bs-gutter-x) * .5);
  }

  .benefit-body .title,
  .cta-text,
  .feature-digital-bus-card-sec .title {
    font-size: 18px;
    line-height: 24px;
  }

  .cta-banner {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 24px;
  }

  .cta-text {
    max-width: 100%;
  }

  .cta-divider {
    display: none;
  }



  .feature-digital-bus-card-sec .text,
  .feature-digital-bus-card-sec .small-label,
  .feature-digital-bus-card-sec .feature-text {
    margin-bottom: 10px;
  }





  .faq-section .accordion-item .accordion-button::after {
    width: 24px;
    height: 24px;
    background-size: 14px;
  }

  .feature-digital-bus-card-sec .card-custom:hover,
  .img-hover:hover img {
    transform: none;
  }

  .com-pad-80 {
    padding-block: 40px;
  }

  .left-col,.sticky-box{
  position: static;
  top: 0;
}
}