@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;
}

.mdi--flash {
  display: inline-block;
  width: 38px;
  height: 38px;
  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='%23fff' d='M7 2v11h3v9l7-12h-4l4-8z' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}
.carbon--ibm-cloud-security-compliance-center {
  display: inline-block;
  width: 38px;
  height: 38px;
  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='%23fff' d='M30 18v5.5c0 1.5-.9 2.8-2.3 3.5l-1.7.8l-1.7-.8c-1.4-.6-2.3-2-2.3-3.5V18zm2-2H20v7.5c0 2.2 1.3 4.3 3.4 5.3L26 30l2.6-1.2c2.1-1 3.4-3 3.4-5.3z' stroke-width='1' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M16 25H7.5C3.4 25 0 21.6 0 17.5c0-3.7 2.7-6.7 6.2-7.4c.9-4.7 5-8.1 9.8-8.1c5.5 0 10 4.5 10 10h-2c0-4.4-3.6-8-8-8c-4.1 0-7.5 3.1-8 7.1v.9h-.9c-2.9.2-5.1 2.6-5.1 5.5c0 3 2.5 5.5 5.5 5.5H16z' stroke-width='1' stroke='%23fff'/%3E%3C/svg%3E");
}
.material-symbols-light--verified-outline-rounded {
  display: inline-block;
  width: 38px;
  height: 38px;
  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='%23fff' d='m10.95 13.43l-1.796-1.79q-.14-.14-.341-.15q-.202-.01-.367.156q-.16.16-.16.354t.16.354l1.938 1.938q.243.242.566.242t.566-.242l4.038-4.038q.146-.146.153-.344q.007-.199-.153-.364q-.165-.165-.357-.168t-.356.162zm-2.28 7.186l-1.316-2.2l-2.481-.524q-.298-.055-.475-.32q-.177-.264-.146-.562l.237-2.556l-1.683-1.92q-.212-.217-.212-.534t.212-.534l1.683-1.92l-.237-2.555q-.03-.299.146-.563q.177-.264.475-.32l2.48-.523l1.316-2.2q.162-.268.435-.37q.273-.103.565.027L12 4.027l2.33-.985q.293-.13.566-.027q.273.102.435.37l1.315 2.2l2.481.523q.298.056.475.32t.146.563l-.236 2.555l1.682 1.92q.212.217.212.534t-.212.535l-1.682 1.919l.236 2.555q.03.299-.146.563q-.177.265-.475.32l-2.48.524l-1.316 2.2q-.162.267-.435.37t-.565-.028L12 19.973l-2.33.985q-.293.13-.566.027q-.273-.102-.435-.37m.781-.665L12 18.889l2.562 1.061L16 17.55l2.75-.611l-.25-2.839l1.85-2.1l-1.85-2.111l.25-2.839l-2.75-.6l-1.45-2.4L12 5.112L9.439 4.05L8 6.45l-2.75.6l.25 2.839L3.65 12l1.85 2.1l-.25 2.85l2.75.6zM12 12' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}
.lsicon--distribution-outline {
  display: inline-block;
  width: 38px;
  height: 38px;
  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='none' stroke='%23fff' d='M5 12a1.5 1.5 0 1 0-3 0a1.5 1.5 0 0 0 3 0Zm0 0h5.5m0 0a1.5 1.5 0 0 1 3 0m-3 0a1.5 1.5 0 0 0 3 0m0 0h1V6.5m0 0h-5v-2m5 2l-1.5-2H9.5m0 0v-2H3m-1 3h4.5M1 8.5h4.5' stroke-width='1'/%3E%3C/svg%3E");
}
.ci--wavy-check {
  display: inline-block;
  width: 48px;
  height: 48px;
  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='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 10l-4 4l-2-2m4.246-8.541l1.221 1.04c.308.262.69.42 1.092.453l1.6.128a1.92 1.92 0 0 1 1.761 1.76l.127 1.6c.033.403.192.786.454 1.093l1.04 1.22a1.92 1.92 0 0 1 0 2.492l-1.04 1.221c-.262.308-.421.69-.453 1.093l-.128 1.6a1.92 1.92 0 0 1-1.76 1.761l-1.6.128a1.92 1.92 0 0 0-1.093.452l-1.221 1.04a1.92 1.92 0 0 1-2.492 0l-1.22-1.04a1.92 1.92 0 0 0-1.094-.452l-1.6-.128a1.92 1.92 0 0 1-1.76-1.762l-.128-1.599a1.92 1.92 0 0 0-.453-1.092l-1.04-1.222a1.92 1.92 0 0 1 0-2.49l1.04-1.222c.263-.308.42-.69.452-1.093l.128-1.599A1.92 1.92 0 0 1 6.842 5.08l1.598-.127A1.92 1.92 0 0 0 9.533 4.5l1.221-1.04a1.92 1.92 0 0 1 2.492 0'/%3E%3C/svg%3E");
}
.f7--qrcode-viewfinder {
  display: inline-block;
  width: 38px;
  height: 38px;
  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 56 56'%3E%3Cpath fill='%23000' d='M8.383 21.402c1.219 0 1.875-.68 1.875-1.922v-5.53c0-2.438 1.312-3.68 3.656-3.68h5.672c1.219 0 1.898-.68 1.898-1.899c0-1.195-.68-1.875-1.898-1.875h-5.742c-4.875 0-7.36 2.414-7.36 7.242v5.743c0 1.242.68 1.921 1.899 1.921m39.234 0c1.242 0 1.899-.68 1.899-1.922v-5.742c0-4.828-2.438-7.242-7.36-7.242h-5.719c-1.242 0-1.921.68-1.921 1.875c0 1.219.68 1.899 1.921 1.899h5.672c2.297 0 3.633 1.242 3.633 3.68v5.53c0 1.243.68 1.922 1.875 1.922m-20.625 4.57v-8.179c0-.562-.445-1.031-1.031-1.031h-8.156c-.586 0-1.032.468-1.032 1.031v8.18c0 .562.446 1.008 1.032 1.008h8.156c.586 0 1.031-.446 1.031-1.008m4.055-7.171h6.14v6.14h-6.14Zm4.36 4.36v-2.556h-2.555v2.555Zm-12.235 0v-2.556h-2.578v2.555Zm-4.36 7.898h6.141v6.14h-6.14Zm20.11.796v-2.554h-2.555v2.555Zm-7.055 0v-2.554h-2.555v2.555Zm-8.695 3.54V32.84h-2.578v2.554Zm12.234 0V32.84h-2.578v2.554Zm1.031 14.109h5.72c4.921 0 7.359-2.438 7.359-7.266V36.52c0-1.243-.68-1.922-1.899-1.922s-1.875.68-1.875 1.922v5.53c0 2.438-1.336 3.68-3.633 3.68h-5.672c-1.242 0-1.921.68-1.921 1.899c0 1.195.68 1.875 1.921 1.875m-22.593 0h5.742c1.219 0 1.898-.68 1.898-1.875c0-1.219-.68-1.898-1.898-1.898h-5.672c-2.344 0-3.656-1.243-3.656-3.68V36.52c0-1.243-.68-1.922-1.875-1.922c-1.242 0-1.899.68-1.899 1.922v5.718c0 4.852 2.485 7.266 7.36 7.266m18.023-10.57v-2.555h-2.555v2.555Zm7.055 0v-2.555h-2.555v2.555Zm.305-12.961v-8.18c0-.562-.446-1.031-1.032-1.031H30.04c-.586 0-1.031.468-1.031 1.031v8.18c0 .562.445 1.008 1.03 1.008h8.157c.586 0 1.032-.446 1.032-1.008M18.812 18.8h6.141v6.14h-6.14Zm8.18 19.406v-8.18c0-.562-.445-1.007-1.031-1.007h-8.156c-.586 0-1.032.445-1.032 1.007v8.18c0 .563.446 1.031 1.032 1.031h8.156c.586 0 1.031-.468 1.031-1.031'/%3E%3C/svg%3E");
}
.solar--check-read-outline {
  display: inline-block;
  width: 18px;
  height: 18px;
  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='%23fff' fill-rule='evenodd' d='M15.493 6.935a.75.75 0 0 1 .072 1.058l-7.857 9a.75.75 0 0 1-1.13 0l-3.143-3.6a.75.75 0 0 1 1.13-.986l2.578 2.953l7.292-8.353a.75.75 0 0 1 1.058-.072m5.025.085c.3.285.311.76.025 1.06l-8.571 9a.75.75 0 0 1-1.14-.063l-.429-.563a.75.75 0 0 1 1.076-1.032l7.978-8.377a.75.75 0 0 1 1.06-.026' clip-rule='evenodd' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}

.solar--smartphone-update-bold {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23FF5A36' fill-rule='evenodd' clip-rule='evenodd' stroke-width='0.1' stroke='%23FF5A36'%3E%3Cpath d='M2.796 5.045C3.13 2.798 4.924 1 7.199 1c1.363 0 2.567.656 3.374 1.66a.757.757 0 0 1-.118 1.066a.76.76 0 0 1-1.068-.117c-.55-.684-1.334-1.093-2.188-1.093c-1.343 0-2.553 1.043-2.863 2.534a.757.757 0 0 1 .465 1.263l-.74.81a.76.76 0 0 1-1.122 0l-.74-.81a.757.757 0 0 1 .597-1.268m8.344-.81a.76.76 0 0 1 .561.247l.74.809a.757.757 0 0 1-.597 1.269c-.333 2.246-2.127 4.044-4.403 4.044c-1.268 0-2.4-.568-3.2-1.456a.757.757 0 0 1 .056-1.07a.76.76 0 0 1 1.074.056c.54.6 1.274.954 2.07.954c1.343 0 2.553-1.042 2.863-2.534a.757.757 0 0 1-.465-1.263l.74-.809a.76.76 0 0 1 .561-.247'/%3E%3Cpath d='M21 11.868v4.044c0 3.813 0 5.72-1.187 6.904S16.715 24 12.893 24s-5.732 0-6.92-1.184c-1.186-1.185-1.186-3.091-1.186-6.904V14.18c0-.269 0-.403.025-.514a1.01 1.01 0 0 1 .763-.76c.11-.026.246-.026.515-.026c1.614 0 2.42 0 3.087-.151a6.07 6.07 0 0 0 4.578-4.568c.152-.665.152-1.469.152-3.077c0-.266 0-.4.026-.512a1.02 1.02 0 0 1 .78-.762c.112-.024.242-.021.5-.016c2.332.047 3.682.255 4.6 1.17C21 6.15 21 8.056 21 11.869m-11.147 8.34a.76.76 0 1 0 0 1.517h6.08a.759.759 0 1 0 0-1.516z'/%3E%3C/g%3E%3C/svg%3E");
}
.streamline--interface-id-thumb-mark-identification-password-touch-id-secure-fingerprint-finger-security {
  display: inline-block;
  width: 32px;
  height: 32px;
  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 14 14'%3E%3Cg fill='none' stroke='%23143058' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.5'%3E%3Cpath d='M7 13.39a5 5 0 0 0 5-5V5.61a5 5 0 0 0-1.27-3.33M2 6.72v1.67A5 5 0 0 0 5.06 13M9.5 1.28a5 5 0 0 0-6.83 1.83a4.9 4.9 0 0 0-.57 1.52'/%3E%3Cpath d='M6.48 3.51A2.51 2.51 0 0 1 9.5 6v1.61m-.64 2.1A2.5 2.5 0 0 1 4.5 8V6a2.5 2.5 0 0 1 .2-1M7 6.11v1.67'/%3E%3C/g%3E%3C/svg%3E");
}

.solar--share-linear {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23143058' stroke-width='0.8'%3E%3Cpath d='M9 12a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z'/%3E%3Cpath stroke-linecap='round' d='M14 6.5L9 10m5 7.5L9 14'/%3E%3Cpath d='M19 18.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Zm0-13a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.fluent-mdl2--product {
  display: inline-block;
  width: 32px;
  height: 32px;
  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 2048 2048'%3E%3Cpath fill='%23143058' d='m960 120l832 416v1040l-832 415l-832-415V536zm625 456L960 264L719 384l621 314zM960 888l238-118l-622-314l-241 120zM256 680v816l640 320v-816zm768 1136l640-320V680l-640 320z' stroke-width='7' stroke='%23143058'/%3E%3C/svg%3E");
}
.stash--user-plus-light {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23143058' fill-rule='evenodd' d='M10 2.5C8.036 2.5 6.421 4.055 6.421 6s1.615 3.5 3.58 3.5c1.963 0 3.578-1.555 3.578-3.5S11.964 2.5 10 2.5M7.421 6c0-1.369 1.143-2.5 2.58-2.5c1.436 0 2.578 1.131 2.578 2.5S11.437 8.5 10 8.5C8.564 8.5 7.421 7.369 7.421 6' clip-rule='evenodd' stroke-width='0.1' stroke='%23143058'/%3E%3Cpath fill='%23143058' d='M7.021 11.618c.155-.043.367-.003.586.138c.489.317 1.329.73 2.393.73c1.065 0 1.905-.413 2.394-.73c.218-.14.43-.18.585-.138q.22.06.439.13l.984.316a.5.5 0 0 0 .305-.952l-.984-.316a12 12 0 0 0-.479-.142c-.52-.143-1.027.026-1.393.263c-.394.254-1.045.569-1.85.569s-1.458-.315-1.851-.57c-.367-.236-.874-.405-1.394-.262q-.24.067-.478.142l-.985.316a3.53 3.53 0 0 0-2.213 2.037v.002l-.002.003l-.02.06l-.024.081a6 6 0 0 0-.092.373c-.026.14-.033.206-.045.312l-.374 3.543c-.148 1.07.443 2.148 1.59 2.414C5.29 20.21 7.2 20.5 10 20.5a.5.5 0 1 0 0-1c-2.731 0-4.564-.283-5.662-.537c-.571-.133-.914-.672-.824-1.308l.001-.01l.377-3.562a2 2 0 0 1 .033-.229v-.004l.003-.01l.007-.032l.043-.174l.009-.032l.002-.01l.002-.004l.027-.09a2.53 2.53 0 0 1 1.58-1.434l.985-.315q.218-.07.438-.13M18.5 14a.5.5 0 1 0-1 0v2.5H15a.5.5 0 0 0 0 1h2.5V20a.5.5 0 0 0 1 0v-2.5H21a.5.5 0 1 0 0-1h-2.5z' stroke-width='0.1' stroke='%23143058'/%3E%3C/svg%3E");
}
.proicons--graph {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23143058' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.8'%3E%3Cpath d='M3.5 4v13.5a3 3 0 0 0 3 3H20'/%3E%3Cpath d='m6.5 15l4.5-4.5l3.5 3.5L20 8.5'/%3E%3C/g%3E%3C/svg%3E");
}
.eos-icons--trusted-organization {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23fff' d='M19 9a7 7 0 1 0-10.974 5.76L5 20l2.256.093L8.464 22l3.466-6.004L12 16c.035.002.046-.003.07-.004L15.536 22l1.232-1.866L19 20l-3.026-5.24A6.99 6.99 0 0 0 19 9M7 9a5 5 0 1 1 5 5a5 5 0 0 1-5-5' stroke-width='0.1' stroke='%23fff'/%3E%3Ccircle cx='12' cy='9' r='3' fill='%23fff' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}
.carbon--group-access {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23fff' d='M8 19H6v-2a3.003 3.003 0 0 1 3-3h5v2H9a1 1 0 0 0-1 1Zm4-6a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m0-6a2 2 0 1 0 2 2a2 2 0 0 0-2-2m8 13a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4m0-6a2 2 0 1 0 2 2a2 2 0 0 0-2-2m6 12h-2v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-2v-2a3.003 3.003 0 0 1 3-3h6a3.003 3.003 0 0 1 3 3Z' stroke-width='0.5' stroke='%23fff'/%3E%3Cpath fill='%23fff' d='M8 30H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4v2H4v24h4Zm20 0h-4v-2h4V4h-4V2h4a2 2 0 0 1 2 2v24a2 2 0 0 1-2 2' stroke-width='0.5' stroke='%23fff'/%3E%3C/svg%3E");
}
.streamline-plump--piggy-bank {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%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");
}
.boxicons--handshake {
  display: inline-block;
  width: 32px;
  height: 32px;
  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='%23fff' d='M20.24 4.76c-2.3-2.29-5.87-2.35-8.24-.19c-2.37-2.16-5.93-2.09-8.24.2c-2.36 2.37-2.36 6.07 0 8.43l7.53 7.52c.2.19.45.29.71.29s.51-.1.71-.29l7.53-7.52c2.36-2.36 2.36-6.06 0-8.43ZM12 18.59l-6.82-6.81a3.92 3.92 0 0 1 0-5.6C5.97 5.39 6.98 5 7.99 5s2.02.39 2.8 1.18l.5.5l-2.38 2.39c-.51.52-.51 1.36 0 1.88c.49.49 1.13.73 1.77.73s1.28-.24 1.77-.73l1.64-1.64l3.59 3.59l-1.04 1.04l-2.3-2.3l-.71.71l2.3 2.3l-.79.79l-2.3-2.3l-.71.71l2.3 2.3l-.79.79l-2.29-2.29l-.71.71l2.29 2.29l-.94.94Zm6.82-6.81l-.42.42l-3.59-3.59l1.24-1.24l-.71-.71l-3.59 3.59c-.58.58-1.54.58-2.12 0a.33.33 0 0 1 0-.47l3.42-3.44l.16-.16c1.57-1.57 4.04-1.57 5.62 0c1.57 1.58 1.57 4.04 0 5.6Z' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}
.teenyicons--clock-outline {
  display: inline-block;
  width: 32px;
  height: 32px;
  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 15 15'%3E%3Cpath fill='%23fff' d='M7.5 7.5H7a.5.5 0 0 0 .146.354zm0 6.5A6.5 6.5 0 0 1 1 7.5H0A7.5 7.5 0 0 0 7.5 15zM14 7.5A6.5 6.5 0 0 1 7.5 14v1A7.5 7.5 0 0 0 15 7.5zM7.5 1A6.5 6.5 0 0 1 14 7.5h1A7.5 7.5 0 0 0 7.5 0zm0-1A7.5 7.5 0 0 0 0 7.5h1A6.5 6.5 0 0 1 7.5 1zM7 3v4.5h1V3zm.146 4.854l3 3l.708-.708l-3-3z' stroke-width='0.1' stroke='%23fff'/%3E%3C/svg%3E");
}

/* Brand Identity */
.brandidentity{
  background: #FDFBF7;
  padding: 80px 0px;
}
.brandidentity_text .title{
  line-height: normal;
}
.brandidentity_text .title span{
  color: #4A9B85;
}


* {
  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;
  }
}




.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");
}


/* buttons */
.demo-btn,
.contact-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 100px;
  background: #FF5A36;
  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='%23fff' 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='%23fff' 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: #FF3D00;
    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;
    margin-top: 30px;
    border-radius: 50px;
}

.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")
}





.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: #ffffff;
  padding-block: 190px 80px;
  position: relative;
}

.banner-section::before {
  content: '';
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../img/dots.svg')no-repeat;
  background-size: 100%;
  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: #143058;
  font-family: "Unbounded", sans-serif;
}

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

.small-head {
  color: #484848;
  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;
    background: #fff;
    padding: 20px;
    transform: rotate(-4.684deg);
    
    border-radius: 40px;
}
.banner-section .banner-image:hover{
    transform: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.banner-section .banner-image img{
  display: inline-block;
}

.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;
}



/* cta-banner */
.cta-banner {
  border-radius: 20px;
  background: #143058;
  color: #fff;
  padding: 40px 25px;
  max-width: 860px;
  margin: auto;
  text-align: center;

}

/* Text */
.cta-text {
  color: var(--white);
  font-size: 30px;
  font-weight: 600;
  line-height: 47px;
  font-family: "Unbounded", sans-serif;
}
.cta-text span{
  display: block;
}

/* 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;
}

.faq-section .heading-one{
  font-size: 40px;
  font-weight: bold;
  line-height: 47px;
  color: #143058;
  font-family: "Unbounded", sans-serif;
}
.faq-section .heading-one span{
  color: #4A9B85;
}

.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;
}


/* SKCSS */
.marquee {
  background: #1f3b63;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px 0;
}

.track {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}

/* Pause on hover */
.marquee:hover .track {
  animation-play-state: paused;
}

/* Content styling */
.content {
  display: flex;
}

.content span {
  margin: 0 70px;
  font-size: 22px;
  font-weight: 500;
}

/* Seamless scroll */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.small-title {
  color: #ff5a2c;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.title h2{
  color: #143058;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: "Unbounded", sans-serif;
}

.title span {
  color: #F3920E;
}

.desc {
  color: #666;
  max-width: 1140px;
  margin-bottom: 40px;
  line-height: 1.6;
}

/* GRID */
.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* BOX */
.card {
  padding: 25px;
  border-radius: 16px;
  border: 2px solid;
  background: #fff;
  transition: 0.4s ease;
  cursor: pointer;
}

/* ICON */
.icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* TEXT */
.card p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  font-weight: 500;
  font-family: "Unbounded", sans-serif;
}

/* COLORS */
.card.red { border-color: #ff6b57; }
.card.red .icon { background: #F44336; color: #ff6b57; }

.card.blue { border-color: #7a8ca3; }
.card.blue .icon { background: #52a2f3; color: #7a8ca3; }

.card.orange { border-color: #f39c12; }
.card.orange .icon { background: #dc9835; color: #f39c12; }

.card.green { border-color: #0f5132; }
.card.green .icon { background: #4a8968; color: #0f5132; }

/* HOVER EFFECT */
.card:hover {
  color: #fff;
}

.card.red:hover { background: #ff6b57; }
.card.blue:hover { background: #7a8ca3; }
.card.orange:hover { background: #f39c12; }
.card.green:hover { background: #0f5132; }

/* ICON color change on hover */
.card:hover .icon {
  background: rgba(255,255,255,0.2);
  color: #fff;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .grid {
    grid-template-columns: repeat(2, 1fr); /* 👈 2-2 boxes */
  }
}

@media (max-width: 500px) {
  .title {
    font-size: 26px;
  }
}


@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;
  }

}

/* ===== SCOPED SECTION ===== */
.pharma-def-section {
  padding: 80px 20px;
  background: #0f5132;
  color: #fff;
}

.pharma-def-container {
  display: flex;
  align-items: center;
  gap: 50px;
}

/* LEFT CARD */
.pharma-def-card {
  flex: 1;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 25px;
  padding: 30px;
  backdrop-filter: blur(10px);
  transition: 0.4s ease;
  animation: pharmaFadeUp 1s ease;
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.pharma-def-card:hover {

}

/* ICON */
.pharma-def-icon-box {
  background: #ffd84d;
  color: #000;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* TEXT */
.pharma-def-lines {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
}

.pharma-def-lines span {
  color: #ffd84d;
}

/* DIVIDER */
.pharma-def-divider {
  height: 1px;
  background: rgba(255,255,255,0.2);
  margin: 25px 0;
}

/* LIST */
.pharma-def-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  font-size: 15px;
}

.pharma-def-list div {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* RIGHT CONTENT */
.pharma-def-content {
  flex: 1.3;
  animation: pharmaFadeUp 1.2s ease;
}

.pharma-def-small {
  color: #ffd84d;
  letter-spacing: 2px;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
}

.pharma-def-title h2{
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
  font-family: "Unbounded", sans-serif;
}

.pharma-def-title span {
  color: #ffd84d;
}

.pharma-def-desc {
  color: #d6e5dc;
  line-height: 1.7;
  font-size: 16px;
}

/* ANIMATION */
@keyframes pharmaFadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .pharma-def-card{
    width: 100%;
  }
  .pharma-def-lines{
    text-align: left;
  }
  .pharma-def-container {
    flex-direction: column;
    text-align: center;
  }

  .pharma-def-list {
    grid-template-columns: 1fr;
  }

  .pharma-def-title {
    font-size: 30px;
  }
}
/* TOP RIGHT BADGE ICON */
.pharma-def-badge {
  position: absolute;
  top: 35px;
  right: 20px;
  opacity: 0.6;
}

.pharma-def-card {
  position: relative;
}

/* LIST ICON STYLE */
.pharma-def-list iconify-icon {
  color: #a7f3d0;
}

/* Color boxes */
/* ===== SECTION ===== */
.pharma-features-section {
  padding: 70px 20px;
  background: #e9f2ff;
}

.pharma-features-container {
  max-width: 1200px;
  margin: auto;
}

/* ===== HEADER ===== */
.pharma-features-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.pharma-features-heading {
  max-width: 650px;
}

.pharma-features-tag {
  color: #ff5a2c;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.pharma-features-heading h2 {
  font-size: 40px;
  font-family: "Unbounded", sans-serif;
  font-weight: bold;
  color: #143058;
  margin: 0;
}

.pharma-features-heading span {
  color: #4A9B85;
}

.pharma-features-subtext {
  color: #484848;
  max-width: 300px;
}

/* ===== GRID ===== */
.pharma-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* ===== CARD ===== */
.pharma-features-card {
  padding: 25px;
  border-radius: 25px;
  background: #fff;
  transition: 0.4s ease;
  animation: pharmaFeaturesFadeUp 0.8s ease;
}

/* Hover */
.pharma-features-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* ICON */
.pharma-features-icon {
  width: 55px;
  height: 55px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
  background: #eee;
}

/* TEXT */
.pharma-features-card h3 {
  margin: 10px 0;
  font-family: "Unbounded", sans-serif;
  font-size: 20px;
  color: #143058;
}

.pharma-features-card p {
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}

/* ===== COLOR VARIANTS ===== */
.pharma-features-orange {
  background: #ff5a2c;
  color: #fff;
}
.pharma-features-orange p { color: #ffe6df; }

.pharma-features-orange h3 {
    color: #fff;
    font-size: 25px;
}

.pharma-features-yellow { background: #f4d64e; }

.pharma-features-green { background: #8fd3b6; }

.pharma-features-blue {
  background: #1f3b63;
  color: #fff;
}
.pharma-features-blue p { color: #d6e3f3; }

.pharma-features-blue h3{
    color: #fff;
    font-size: 25px;
}

/* ===== GRID SPAN ===== */
.pharma-features-span-2 {
  grid-column: span 2;
}

/* ===== ANIMATION ===== */
@keyframes pharmaFeaturesFadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .pharma-features-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .pharma-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pharma-features-span-2 {
    grid-column: span 2;
  }
}

@media (max-width: 600px) {
  .pharma-features-grid {
    grid-template-columns: 1fr;
  }

  .pharma-features-span-2 {
    grid-column: span 1;
  }

  .pharma-features-heading h2 {
    font-size: 28px;
  }
}


/* Benefits */
.Benefits-section {
  padding: 80px 0;
  background: #f5f5f5;
}

/* Header */
.Benefits-header h2 {
    font-size: 40px;
    font-family: "Unbounded", sans-serif;
    font-weight: bold;
    color: #143058;
}
.Benefits-highlight {
    color: #FF5A36;
}
.Benefits-header p {
    color: #666;
    margin-bottom: 40px;
}

/* Top Grid */
.Benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Bottom Grid */
.Benefits-grid-bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 25px;
}

/* Card */
.Benefits-card {
    background: #FDFBF7;
    border-radius: 22px;
    padding: 28px;
    position: relative;
    border: 1px solid transparent;
    overflow: hidden;
    transition: 0.35s ease;
}

/* Gradient Top Right */
.Benefits-card::after {
    content: "";
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(255,92,53,0.25), transparent 70%);
}

/* Hover */
.Benefits-card:hover {
    border: 1px solid #dcdcdc;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    transform: translateY(-6px);
}

/* Icon */
.Benefits-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.Benefits-orange { background: #ff5c35; }
.Benefits-green { background: #0f766e; }
.Benefits-yellow { background: #f59e0b; }
.Benefits-blue { background: #1e3a8a; }
.Benefits-teal { background: #2a9d8f; }

/* Number */
.Benefits-number {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 30px;
    color: rgba(255,92,53,0.25);
    font-weight: bold;
}

/* Text */
.Benefits-card h3 {
    font-size: 22px;
    color: #143058;
    margin: 10px 0;
    position: relative;
    z-index: 1;
    font-family: "Unbounded", sans-serif;
}
.Benefits-card p {
    color: #666;
    font-size: 15px;
    line-height: 1.6;
    position: relative;
    z-index: 1;
}

/* Responsive */
@media (max-width: 900px) {
    .Benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .Benefits-grid-bottom {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .Benefits-grid {
        grid-template-columns: 1fr;
    }

    .Benefits-header h1 {
        font-size: 26px;
    }
}





@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;
}
}

@media (max-width: 600px) {
  .pharma-def-title h2{
    font-size: 28px;
  }
  .title h2 {
    font-size: 28px;
  }
  .Benefits-header h2 {
      font-size: 28px;
  }
  .pharma-features-section {
      padding: 40px 0px;
  }
  .innerImg {
      margin-bottom: 50px;
  }
  .faq-section .heading-one {
      font-size: 28px;
      line-height: normal;
  }
}