@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
     font-family: 'Euclid Circular A';
     src: url('../fonts/EuclidCircularA-Regular.woff2') format('woff2'),
          url('../fonts/EuclidCircularA-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Euclid Circular A';
     src: url('../fonts/EuclidCircularA-Medium.woff2') format('woff2'),
          url('../fonts/EuclidCircularA-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}


/* Custom Reset */
body {
     font-family: "DM Sans", sans-serif;
}



.wrapper {
     overflow: hidden;
}

a.active,
a:focus,
button:focus,
button.active {
     outline: none;
     font-size-adjust: none;
}

a {
     text-decoration: none;
     transition: all 0.5s ease-in-out;
}

a:focus,
a:hover,
a:active {
     outline: 0;
     box-shadow: none;
}

a:focus,
a:hover {
     text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     margin: 0;
     padding: 0;
}

a {
     text-decoration: none;
     transition: all 0.5s ease-in-out;
}

a:hover {
     text-decoration: none;
}

ul,
ol {
     margin: 0;
     padding: 0;
     list-style: none;
}

ul li {
     list-style: none;
}

p {
     margin: 0;
     padding: 0;
}

input:focus,
select:focus,
textarea:focus {
     outline: none;
     font-size-adjust: none;
}

img {
     border-style: none;
     display: inline-block;
     max-width: 100%;
     height: auto;
}

.navbar-brand img {
     max-width: 45%;
}

* {
     box-sizing: border-box;
}

/* sidebar*/
.sidebar {
     position: fixed;
     height: calc(100vh - 44px);
     border-radius: 10px;
     background-color: #2196f3;
     max-width: 288px;
     width: 100%;
     padding: 28px 22px 36px 15px;
     overflow-y: hidden;
     z-index: 999;
}

.mian {
     padding: 22px 24px;
     background: #E9E8EB;
     min-height: 100vh;
}

header .navbar {
     padding: 15px 0px;
     background-color: #000;
}

.navbar-brand {
     padding: 0;
     margin: 0 17px 0 0px;
}

.navbar-brand img {
     width: 440px;
}

.btn-white {
     background-color: #2196f3;
     color: #fff;
}

.btn-white:hover {
     background-color: #ffffff;
     color: #000000;
}

.sidebar-logo {
     margin-left: 34px;
     margin-bottom: 24px;
}

.sidebar .sidebar-inner .nav-link.active {
     background-color: #000000;
     border-radius: 10px;
     color: white;
     font-weight: 600;
}

.sidebar .sidebar-inner .nav-link {
     color: white;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     padding: 18px;
     width: 100%;
     display: flex;
     align-items: center;
     grid-gap: 11px;
     line-height: normal;
}

.history-box h6 {
     color: white;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
}

.history-box {
     padding: 18px;
}

.document-history {
     display: flex;
     align-items: start;
     grid-gap: 8px;
     margin-top: 14px;
}

.document-history h4 {
     color: white;
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 2px;
     line-height: normal;
}

.document-history span {
     color: #BCBCBC;
     font-size: 14px;
     font-weight: 400;
     line-height: normal;
}

.sidebar-inner {
     overflow-y: scroll;
     height: calc(100vh - 90px);
}

.sidebar-inner::-webkit-scrollbar {
     display: none;
}

.sidebar-inner {
     -ms-overflow-style: none;
     scrollbar-width: none;
}

.topbar {
     position: fixed;
     top: 22px;
     border-radius: 10px;
     background: #000000;
     right: 24px;
     padding: 18px 40px 18px 24px;
     width: calc(100% - 352px);
     display: flex;
     align-items: center;
     justify-content: space-between;
     z-index: 11;
}

.chat-left-box .nav-pills .nav-link:hover {
     background: #3b3b3b;
}

.chat-box {
     border-radius: 6px;
     background: #41464b;
     grid-gap: 6px;
     padding: 14px 30px 14px 28px;
     display: flex;
     align-items: center;
     color: #FFF;
     font-size: 14px;
     font-weight: 600;
     line-height: normal;
}

.balance-box {
     border-radius: 6px;
     padding: 11px 14px;
     display: flex;
     align-items: center;
     grid-gap: 6px;
     background: #41464b;
}

.balance-box h6 {
     color: white;
     font-size: 14px;
     font-weight: 400;
     line-height: normal;
}

.balance-box h6 span {
     color: white;
     font-weight: 600;
}

.recycle-box {
     background: #3b3b3b;
     width: 26px;
     height: 26px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.avatar-menu {
     display: flex;
     align-items: center;
     grid-gap: 8px;
}

.avatar-menu .avatar {
     color: #FFF;
     font-size: 18px;
     font-weight: 600;
     background-color: #7f7f7f;
     width: 48px;
     height: 48px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
}

.avatar-menu h6 {
     color: white;
     font-size: 14px;
     font-weight: 600;
     line-height: normal;
}

.avatar-menu span {
     color: white;
     font-size: 12px;
     font-weight: 400;
     line-height: normal;
}

.right-nav {
     display: flex;
     align-items: center;
     grid-gap: 16px;
}

.right-content {
     width: calc(100% - 306px);
     margin-left: auto;
     padding-top: 100px;
}

.pdf-box-wrapper {
     display: flex;
     grid-gap: 14px;
}

.pdf-box-left {
     width: 60%;
     border-radius: 10px;
     background: #ffffff;
     padding: 31px 30px;
}

.pdf-box-left-heading {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-bottom: 1px solid #7f7f7f;
     padding-bottom: 12px;
}

.pdf-box-left-heading .dropdown-toggle::after {
     content: none;
}

.pdf-box-left-heading .dropdown-toggle {
     width: 30px;
     height: 30px;
     border: 1px solid #2196f3;
     border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.pdf-box-left-heading h2 {
     color: white;
     font-size: 18px;
     font-weight: 600;
     line-height: normal;
}

.chat-right {
     max-width: 284px;
     display: flex;
     align-items: start;
     grid-gap: 8px;
     margin-left: auto;
}

.pdf-box {
     border-radius: 11px;
     border: 1px solid #7f7f7f;
     padding: 13px 30px 13px 17px;
     display: flex;
     align-items: center;
     grid-gap: 11px;
}

.pdf-icon-box {
     width: 40px;
     height: 40px;
     border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #FCE9EA;
}

.avatar-img {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     object-fit: cover;
     border: 2px solid #fff;
}

.pdf-left-body {
     padding-top: 24px;
}

.chat-left-box {
     border-radius: 11px;
     background: #41464b;
     max-width: 562px;
     padding: 24px 30px 39px 18px;
     margin-top: 20px;
}

.ace-logo {
     border-radius: 40px;
     background: #7f7f7f;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     grid-gap: 7px;
}

.chat-top {
     display: flex;
     align-items: center;
     grid-gap: 7px;
}

.chat-top span {
     color: white;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
}

.chat-left-box p {
     color: white;
     font-size: 14px;
     font-weight: 400;
     line-height: 143.773%;
     margin: 10px 0px;
}

.chat-left-box .nav-pills {
     grid-gap: 11px;
     flex-wrap: nowrap;
}

.pdf-box-right p {
     color: #41464b;
     font-size: 14px;
     font-weight: 400;
     line-height: 143.773%;
}

.chat-left-box .nav-pills .nav-link {
     color: #000000;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     border-radius: 6px;
     background: #b3b3b3;
     padding: 13px 20px;
}



.chat-left-box .nav-pills .nav-link.active {
     background: #000000;
     color: #FFF;
}

.pdf-box h6 {
     color: #000000;
}

.pdf-box-right {
     border-radius: 10px;
     background: #ffffff;
     padding: 29px 20px 30px;
     width: 40%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.hamburger-menu {
     display: none;
}

.pdf-box-right h4 {
     color: #41464b;
     font-size: 20px;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 10px;
}

.pdf-box-right h4 span {
     color: #000000;
}

.pdf-box-right .btn-pdf {
     margin-top: 33px;
     background: #2196f3;
}

.btn-pdf {
     color: #FFF;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
     border-radius: 6px;
     background-color: #b3b3b3;
     /* background: rgba(255, 72, 0, 0.80); */
     padding: 15px 24px;
     border: 1px solid #2196f3;
}

.question-box {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}

.question-box h4 {
     margin-top: 25px;
}

.btn-send {
     background: rgba(255, 72, 0, 0.14);
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
     right: 20px;
}

.pdf-box-left form {
     position: relative;
     margin-top: 110px;
}

.pdf-box-left form .form-control {
     border-radius: 10px;
     border: 1px solid #FFE1D4;
     background: #F9F9F9;
     color: #1C1C1C;
     font-size: 16px;
     font-weight: 400;
     line-height: normal;
     height: 71px;
     padding-left: 25px;
}

.pdf-box-left form .form-control::placeholder {
     color: #1C1C1C;
}

.sidebar.open {
     left: 14px;
}

.profile-box {
     border-radius: 10px;
     background: #ffffff;
     padding: 34px 30px;
}

.text-box h2 {
     color: #ffffff;
     font-size: 18px;
     font-weight: 600;
     line-height: normal;
     margin-bottom: 4px;
}

.profile-box p {
     color: #41464b;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
     text-transform: capitalize;
}

.avatar-box {
     position: relative;
     max-width: 110px;
     margin: 24px auto 0;
}

.edit-box {
     background-color: #2196f3;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     position: absolute;
     bottom: 0px;
     right: 0px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.profile-img {
     width: 110px;
     height: 110px;
     border-radius: 50%;
}

.form {
     max-width: 682px;
     margin: 32px auto;
}

.form label {
     color: white;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-transform: capitalize;
     margin-bottom: 6px;
}

.form .form-control {
     color: #000000;
     font-size: 14px;
     font-weight: 400;
     line-height: 42px;
     /*text-transform: capitalize;*/
     text-transform: none;
     border-radius: 6px;
     background-color: #ffffff;
     height: 60px;
     padding: 20px 24px;
}

.form-select {
     /* background-image: url(../images/drop-arrow.svg); */
     background-size: 12px;
}

.form .input-box {
     position: relative;
}

.form .form-group {
     margin-bottom: 28px;
}

.form .msg-input {
     height: 161px;
     padding: 10px 24px !important;
}

.profile-box .btn-pdf {
     background-color: #2196f3;
     padding: 15px 33px;
}

.contact-box .form .form-check-input {
     width: 24px;
     margin-left: 0;
     height: 24px;
}

.contact-box .form-check {
     display: flex;
     padding-left: 0px;
     grid-gap: 12px;
}

.contact-box .form-check label {
     flex: 1;
}

.form .input-box .img-holder {
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
     right: 24px;
}

.left-side {
     border-radius: 10px 0px 0px 10px;
     background: #41464b;
     padding: 38px 24px;
     max-width: 252px;
}


.left-side a {
     display: flex;
     align-items: center;
     grid-gap: 13px;
     color: white;
     font-size: 14px;
     font-weight: 400;
     line-height: normal;
     width: 100%;
     padding: 0px 12px 0px 15px;
     margin-bottom: 22px;
}

.left-side a.active {
     border-radius: 8px;
     background: #000000;
     padding: 15px 12px 15px 15px;
     margin-bottom: 14px;
}

.notifaction-page .profile-box {
     padding: 0px;
}

.notifaction-box {
     display: flex;
}

.right-side {
     padding: 40px 80px 57px 55px;
     flex: 1;
}

.notifaction-toggle {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px 12px 16px;
     border-bottom: 1px dotted #CACACA;
}

.notifaction-toggle:last-child {
     border-bottom: none;
}

.notifaction-toggle h6 {
     color: #000000;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     margin-bottom: 3px;
}

.notifaction-toggle .form-switch .form-check-input {
     width: 44px;
     height: 26px;
}

.notifaction-toggle .form-check-input {
     background-color: #BCBCBC;
     border-color: #BCBCBC;
     background-image: url(../images/circle.svg);
     background-size: 20px;
     background-position: 3px;

}

.form-switch .form-check-input:focus {
     background-image: url(../images/circle.svg);
     background-size: 20px;
}

.form-switch .form-check-input:checked[type=checkbox] {
     background-image: url(../images/circle.svg);
     background-size: 20px;
     background-position: 20px center;
}

.form-check-input:checked {
     background-color: #2196f3;
     border-color: #2196f3;

}

.notifaction-toggle .form-check {
     margin: 0;
     padding: 0;
     min-height: auto;
}

.notifaction-toggle p {
     color: #41464b;
     font-size: 12px;
     font-weight: 400;
     line-height: 21px;
     text-transform: capitalize;
}

.activity-page .form-group .form-control {
     border-radius: 9px;
     color: #000000;
     background-color: #ffffff;
     font-size: 16px;
     font-weight: 400;
     height: 60px;
     max-width: 464px;
     width: 100%;
     padding-left: 50px;
     line-height: normal;
}

.activity-page .form-group {
     position: relative;
     flex: 1;
}

.activity-page form {
     margin-bottom: 20px;
}

.activity-page .profile-box .form-select {
     color: #000;
     font-size: 14px;
     font-weight: 500;
     border-radius: 5px;
     border: 1px solid #b3b3b3;
     height: 50px;
     padding: 16px 20px;
     max-width: 134px;
}

.activity-page .form-group .img-holder {
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
     left: 23px;
}

.activity-page .form-group .form-control::placeholder {
     color: #3C3C3C;
}

.activity-page .profile-box form {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.text-box h4 {
     color: #000000;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
}

.document-activity-history {
     display: flex;
     align-items: start;
     grid-gap: 7px;
     border-bottom: 1px dotted #CACACA;
     padding: 16px 0px;
}

.document-activit-wrapper {
     overflow-y: scroll;
     height: calc(100vh - 320px);
}

.document-activit-wrapper::-webkit-scrollbar {
     width: 4px;
}

.document-activit-wrapper::-webkit-scrollbar-track {
     background: #f9f7f4;
}

.document-activit-wrapper::-webkit-scrollbar-thumb {
     background: #2196f3;
}

.password-page form {
     max-width: 444px;
     margin: 24px auto 0px;
}

.document-activity-history p {
     color: #41464b;
     font-size: 14px;
     margin-top: 2px;
     font-weight: 400;
     line-height: normal;
}

/* home-page */
.navbar-nav .nav-item .nav-link {
     color: #c4cfda;
     font-size: 16px;
     font-weight: 400;
     line-height: normal;
     padding: 0px 17px;
     position: relative;
}

header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
}

.navbar-nav .nav-item .nav-link.active img {
     display: block;
     margin-top: 3px;
     position: absolute;
     right: 14px;
}

.navbar-nav .nav-item .nav-link.active {
     color: white;
     font-weight: 700;
}

.right-nav .dropdown-toggle::after {
     content: none;
}

.navbar-expand-lg .navbar-collapse {
     justify-content: end;
}

.nav-right {
     display: flex;
     align-items: center;
     grid-gap: 24px;
     margin-left: 20px;
}

.nav-right .btn-pdf {
     padding: 14px 22px;
}

.bg-orange-dark {

     background: #2196f3;
}

.link {
     color: #c4cfda;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
}

.link:hover {
     color: white;
}

.text-box h1 {
     color: #000000;
     font-size: 60px;
     font-weight: 700;
     line-height: 125.096%;
     letter-spacing: -1.2px;
}

.text-box h1 span {
     color: #2196f3;
}

.hero-sec .text-box p {
     margin: 8px 0px 16px;
}

.hero-sec ul {
     display: flex;
     align-items: center;
     grid-gap: 14px;
}

.text-description {
     color: #000000;
     font-size: 18px;
     font-weight: 400;
     line-height: 137.582%;
}

.hero-sec ul li a {
     font-size: 18px;
     font-weight: 500;
     line-height: normal;
     border-radius: 5px;
}

.hero-sec .text-box {
     max-width: 670px;
}

.hero-sec .text-box p {
     max-width: 550px;
}

.btn-default {
     padding: 16px 27px;
     color: rgb(255, 248, 248);
     background: #000000;
}

.hero-sec {
     padding: 167px 0px 94px;
     background-image: url(../images/hero-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
}

.logo-sec .image-holder {
     background-color: #b3b3b3;
     border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 94px;
}

.logo-sec {
     padding: 34px 0px 54px;
}

.image-wrapper {
     position: relative;
}

.image-wrapper .img-holder {
     position: absolute;
     bottom: -31px;
     right: -12px;
}

.about-sec .title span {
     color: #2196f3;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
}

.title h2 {
     color: #000000;
     font-size: 40px;
     font-weight: 700;
     line-height: 42px;
     text-transform: capitalize;
}

.about-sec .title h2 {
     margin-bottom: 11px;
}

.divider {
     max-width: 155px;
     text-align: end;
}

.title p {
     color: black;
     font-family: 'Euclid Circular A';
     font-size: 20px;
     font-weight: 400;
     line-height: 31px;
}

.about-sec {
     padding: 95px 0px;
     background-color: #f9f7f4;
}

.title h6 {
     color: #2196f3;
     font-size: 20px;
     font-weight: 500;
     line-height: 42px;
     margin-top: 11px;
}

.title ul {
     margin-top: 16px;
}

.title ul li {
     display: flex;
     align-items: start;
     grid-gap: 11px;
     margin-bottom: 16px;
}

.title h4 {
     font-size: 28px;
     font-weight: 500;
     line-height: 45px;
     color: black;
}

.product-sec {
     background: black;
     padding: 38px 0px 48px;
}

.product-sec .title {
     max-width: fit-content;
     margin: 0 auto;
}

.product-sec .nav-pills {
     grid-gap: 28px;
     justify-content: center;
     margin: 20px 0px 25px;
}

.product-sec .nav-pills .nav-link {
     color: #fff;
     font-size: 22px;
     font-weight: 500;
     line-height: 42px;
     text-transform: capitalize;
     border-radius: 0px;
     background: transparent;
     min-width: 192px;
     width: 100%;
     height: 66px;
     border-bottom: 2px solid #fff;
     display: flex;
     align-items: center;
     justify-content: center;
}

.product-sec .nav-pills .nav-link.active,
.product-sec .nav-pills .nav-link:hover {
     border-bottom: 2px solid #2196f3;
     color: #2196f3;
}

.product-box {
     border-radius: 15px;
     padding: 30px 36px 30px 36px;
     border: 1px solid rgba(255, 255, 255, 0.40);
     background: rgba(255, 255, 255, 0.20);
     display: flex;
     align-items: center;
     grid-gap: 28px;
}

.product-box-right {
     flex: 1;
}

.product-box-right h4 {
     color: white;
     font-size: 24px;
     font-weight: 700;
     line-height: 20px;
}

.product-box .body-text {
     margin: 8px 0px 14px;
}

.body-text p {
     color: #FFF;
     font-family: "Euclid Circular A";
     font-size: 18px;
     font-weight: 400;
     line-height: 30px;
}

.body-text ul li {
     list-style-type: disc;
     color: #FFF;
     margin-left: 20px;
}

.btn-list {
     display: flex;
     grid-gap: 18px;
     align-items: center;
}

.btn-list .btn-pdf {
     background: #2196f3;
     color: #ffffff;
     padding: 13px 16px;
}

.chat-box:hover,
.btn-pdf:hover {
     color: #000000;
     background: #fff;
}

.btn-list .btn-default {
     color: #FFF;
     background: #000000;
     padding: 12px 23px;
}

.data-sec {
     padding: 40px 0px 48px;
}

.title h3 {
     color: #ffffff;
     font-size: 32px;
     font-weight: 700;
     line-height: 42px;
}

.homepage .title h3 {
     color: #000000;
}

.resources-sec .title h3,
.questions-sec .title h3 {
     font-size: 34px;
     line-height: 1.2;
     margin-bottom: 10px;
     letter-spacing: -0.02em;
     font-weight: 700;
}

.resources-sec .title p,
.questions-sec .title p {
     font-size: 16px;
     line-height: 1.7;
}

.title h3 span {
     color: #2196f3;
}

.title {
     max-width: fit-content;
     margin: 0 auto;
}

.data-card {
     border-radius: 16px;
     margin-top: 30px;
     background: #ffffff;
     box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 33%);
     display: flex;
     grid-gap: 20px;
}

.data-card .img-holder img {
     border-radius: 16px;
     height: 100%;
     object-fit: cover;
     object-position: center;
}

.data-card-body {
     padding: 12px 22px 22px 20px;
}

.data-card-body p {
     color: #000000;
     font-family: "Euclid Circular A";
     font-size: 18px;
     font-weight: 400;
     line-height: 29px;
     margin-bottom: 10px;
}

.data-card-body span {
     color: #000;
     font-size: 16px;
     font-weight: 500;
     line-height: 20px;
     text-transform: uppercase;
}

.ai-sec {
     padding: 36px 0px;
}

.ai-box {
     border-radius: 20px;
     background: url(../images/data-ai-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 38px 64px 34px;
     margin-top: 14px;
     position: relative;
     z-index: 1;
}

.ai-box::after {
     content: '';
     background: rgba(0, 0, 0, 0.70);
     width: 100%;
     height: 100%;
     border-radius: 20px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
}

.ai-box .nav-pills .nav-link {
     color: white;
     font-size: 20px;
     font-weight: 500;
     line-height: 42px;
     text-transform: capitalize;
     padding: 0 13px 3px;
}

.signup-cta p a:hover {
     /* color: white; */
     text-decoration: underline;
}

.ai-box .nav-pills .nav-link.active,
.ai-box .nav-pills .nav-link:hover {
     background-color: transparent;
     text-decoration: underline;
     color: white;
     position: relative;
}

.faq-page .nav-link:hover {
     color: #2196f3;
}

.ai-box .nav-pills .nav-link.active::after {
     content: '';
     /* background-image: url(../images/active-line.svg); */

     background-size: 100% 100%;
     background-repeat: no-repeat;
     width: 100%;
     height: 10px;
     position: absolute;
     bottom: 0;
     left: 0;
}

.ai-box .nav-pills {
     grid-gap: 6px;
     justify-content: center;
}

.ai-box p {
     color: white;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
}

.ai-box ul {
     margin: 12px 0px 15px;
}

.ai-box ul li {
     display: flex;
     align-items: center;
     grid-gap: 11px;
     margin-bottom: 18px;
}

.ai-box h4 {
     color: white;
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
     margin-bottom: 8px;
}

.blog-box {
     border-radius: 19px;
     background: #ffffff;
     margin-top: 24px;
     box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 33%);
     display: flex;
}

.blog-box .image-holder img {
     border-radius: 19px;
     height: 100%;
     object-fit: cover;
     object-position: center;
     min-width: 200px;
     max-width: 200px;
}

.blog-box .blog-box-body {
     padding: 18px 21px 21px;
     min-height: 185px;
}

.blog-box .blog-box-body p {
     color: #000000;
     font-size: 18px;
     font-weight: 400;
     line-height: 29px;
}

.blog-box .blog-box-body a {
     font-weight: 600;
     text-transform: uppercase;
     color: #000;
}

.blog-box .blog-box-body span {
     color: #2196f3;
     font-size: 16px;
     display: block;
     margin-top: 10px;
     font-weight: 500;
     line-height: 20px;
     text-transform: uppercase;
}

.blog-sec {
     padding-bottom: 48px;
}

.case-box {
     border-radius: 50px 0px 50px 0px;
     /*background: url(../images/blog-img3.png);*/
     /*background: url(../images/blog-img3.png);*/
     background-color: #000;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 45px 34px 47px;
     margin-bottom: 50px;
}

.case-box p {
     color: white;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
}

.blog-sec .title {
     margin-bottom: 24px;
}

.case-box-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px 0px;
}

.case-box-header h4 {
     color: white;
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
}

/* footer */
footer {
     background: black;
     padding: 44px 0px 42px;
}

footer .text-box {
     max-width: 510px;
     margin: 0 auto;
}

.footer-links {
     padding-top: 24px;
     margin-top: 24px;
     border-top: 1px solid rgba(255, 255, 255, 0.30);
     display: flex;
     justify-content: space-between;
     grid-gap: 24px;
     margin-bottom: 12px;
}

.copy-text p {
     color: #FFF;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 0.42px;
}

footer .text-box h2 {
     color: #FFF;
     font-size: 48px;
     font-weight: 700;
     line-height: 47px;
}

footer .text-box p {
     color: rgba(255, 255, 255, 0.47);
     font-size: 18px;
     font-weight: 400;
     line-height: 30px;
     margin: 10px 0px;
}

.btn-contact {
     color: #FFF;
     font-size: 16px;
     font-weight: 500;
     border-radius: 5px;
     padding: 12px 23px;
     background: #2196f3;
}

.footer-links h5 {
     color: #FFF;
     font-size: 18px;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 5px;
}

.footer-links li a {
     color: rgba(255, 255, 255, 0.80);
     font-size: 16px;
     font-weight: 400;
     line-height: 40px;
     display: block;
}

.social-list {
     display: flex;
     align-items: center;
     justify-content: center;
     grid-gap: 11px;
     margin-top: 11px;
}

.social-list li a {
     border: 1px solid #fff;
     width: 34px;
     height: 34px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
}

/* contact */
.contact-box {
     border-radius: 14px;
     border: 1px solid #ffffff;
     background: url(../images/contact-bg.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 60px 54px 49px 56px;
}

.contact-sec {
     padding: 116px 0px 54px;
     /* background-image: url(../images/contact-bg.png); */
     background-repeat: no-repeat;
     background-size: cover;
}

.contact-box p {
     color: white;
     font-size: 14px;
     font-weight: 400;
     line-height: 143.773%;
}

.contact-box h3 {
     margin-bottom: 6px;
}

.contact-box .form .form-control {
     background-color: #ffffff;
}

.contact-box .form .btn-pdf {
     background-color: #ffffff;
     padding: 18px 60px;
     color: #000;
}

/* product */
.product-hero {
     /* background-image: url(../images/hero-bg.png); */
     background-repeat: no-repeat;
     background-size: cover;
     padding: 202px 0px 147px;
}

.product-hero .text-box h2 {
     color: #000;
     font-size: 40px;
     font-weight: 700;
     line-height: 136.697%;
}

.product-hero .text-box h2 span {
     color: #2196f3;

}

.service-box {
     border-radius: 16px;
     border: 1px solid #41464b;
     padding: 43px 58px 43px 36px;
     background: #ffffff;
}

.product-hero .text-box p {
     color: #424242;
     font-size: 24px;
     font-weight: 400;
     line-height: 136.697%;
     margin: 6px 0px 20px;
     max-width: 610px;
}

.service-page .text-box h4 {
     color: #000000;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 2px;
     margin-top: 24px;
}

.service-page .profile-box {
     padding: 76px 38px 40px;
}

.service-page .text-box p {
     color: #41464b;
}

.service-box .title h4 {
     margin: 14px 0px 6px;
     font-weight: 700;
     max-width: 512px;
     line-height: 119%;
}

.service-box .title p {
     font-family: "DM Sans", sans-serif;
     max-width: 563px;
}

.service-box {
     margin-top: 40px;
}

.service-title-box {
     border-radius: 31px;
     background: #2196f3;
     color: white;
     font-size: 16px;
     font-weight: 600;
     line-height: 42px;
     text-transform: capitalize;
     padding: 7px 23px;
     max-width: fit-content;
}

.work-box {
     background: #2196f3;
     border-radius: 15px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 0px 126px 0px 70px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     grid-gap: 40px;
}

.work-box h2 {
     color: #FFF;
     font-size: 36px;
     font-weight: 600;
     line-height: 136.697%;
     margin-bottom: 14px;
     max-width: 504px;
}

.work-sec {
     padding: 64px 0px 70px;
}

.work-box .img-holder {
     margin-bottom: -36px;
}

.work-box .btn-pdf {
     color: black;
     background: #fff;
}

.services-box {
     display: grid;
     grid-template-columns: 4fr 4fr 4fr;
     grid-gap: 20px;
     margin-top: 30px;
}

.ai-serice-box {
     border-radius: 18px;
     border: 1px solid #dfdfdf;
     background: #ffffff;
     padding: 34px 20px 31px;
     box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 33%);
}

.ai-serice-box h6 {
     color: #2196f3;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
     margin-top: 8px;
}

.top-header {
     display: flex;
     align-items: center;
     grid-gap: 13px;
     justify-content: center;
     border-bottom: 1px solid #FFD2BE;
     padding-bottom: 20px;
     margin-bottom: 15px;
}

.pdf-modal .modal-dialog {
     max-width: 366px;
}

.pdf-modal .modal-content {
     border-radius: 11px;
     border: 1px solid #000000;
     background: #FFF;
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.top-header .pdf-box {
     border-radius: 8px;
     background: #FCE9EA;
     width: 60px;
     height: 60px;
     display: flex;
     padding: 10px 14px;
     border: none;
     align-items: center;
     justify-content: center;
}

.modal-backdrop {
     background: rgba(255, 255, 255, 0.60);

}

.pdf-modal .modal-body {
     padding: 24px;
}

.pdf-modal h6 {
     color: #1C1C1C;
     font-size: 18px;
     font-weight: 500;
     line-height: normal;
}

.pdf-modal .btn-pdf {
     margin-top: 8px;
     background: rgba(255, 72, 0, 0.80);

}

.topbar .dropdown-menu {
     border-radius: 3px;
     background: #FFF;
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.service-page .profile-box {
     /* background-image: url(../images/lines-shape.png); */
     background-repeat: no-repeat;
     background-size: cover;

}

.service-page .profile-box .curve-line img {
     width: 100%;
}

.topbar .dropdown-item {
     color: #000;
     font-size: 14px;
     font-weight: 400;
     line-height: normal;
     display: flex;
     align-items: center;
     grid-gap: 10px;
     padding: 8px 19px;
}

/* login */
.login-wrapper {
     display: flex;
     height: 100vh;
     overflow: hidden;
}

.login-left {
     width: 60%;
     background-image: url(../images/login-bg-gray.png);
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0px 38px;
}

.login-right {
     width: 40%;
}

.login-box h2 {
     color: #FFF;
     font-size: 24px;
     font-weight: 700;
     margin: 22px 0px 12px;
}

.login-box h2 span {
     color: #2196f3;
     font-weight: 800;
     background-color: #fff;
     padding: 5px 12px;
     display: inline-block;
}

.login-box p {
     color: #F0F0F0;
     font-size: 16px;
     font-weight: 400;
     line-height: 25px;
     max-width: 505px;
     margin: 0 auto;
}

.swiper-pagination-bullet {
     border-radius: 16px;
     width: 12px;
     height: 12px;
     background-color: rgb(0 0 0);
     opacity: 1 !important;
}

.swiper-pagination-bullet-active {
     background-color: #ffffff;
     width: 30px;
}

.login-left .swiper-pagination {
     position: static;
     margin-top: 17px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

input[type=number] {
     -moz-appearance: textfield;
}

.account-page .login-right {
     justify-content: start;
}

.form-select:focus {
     box-shadow: none;
}

.account-page .form-control .form-select {
     background-color: transparent;
     max-width: fit-content;
     border: none;
}

.login-right {
     padding: 90px 54px 40px 40px;
     display: flex;
     justify-content: center;
     width: 100%;
     flex-direction: column;
     height: 100vh;
     overflow-y: scroll;
}

.login-right::-webkit-scrollbar {
     width: 4px;
}

.login-right::-webkit-scrollbar-track {
     background: #f9f7f4;
}

.login-right::-webkit-scrollbar-thumb {
     background: #2196f3;
}

.login-right h2 {
     color: #3F3F3F;
     font-size: 36px;
     font-weight: 700;
}

.login-heading {
     max-width: fit-content;
     text-align: end;
}

.login-right p {
     color: #505050;
     font-family: "Euclid Circular A";
     font-size: 18px;
     font-weight: 400;
     line-height: 25px;
     max-width: 442px;
}

.login-right span {
     color: #2196f3;
}

.login-right .form {
     width: 100%;
     margin: 18px 0px;
}

.signup-cta p {
     color: #7A7A7A;
     line-height: 42px;
}


.signup-cta p span,
.signup-cta p a {
     color: #2196f3;
     font-weight: 500;
}

.signup-cta {
     margin-top: 10px;
}

.login-right .btn-pdf {
     background: #2196f3;
     padding: 28px 10px;
     width: 100%;
     margin-top: 16px;
}

.login-right .link {
     font-weight: 400;
     color: #464646;
     font-family: "Euclid Circular A";
}

.login-right .form .form-group {
     margin-bottom: 18px;
}

.login-right .nav-item {
     width: 50%;
}

.login-right .nav-pills {
     grid-gap: 24px;
     flex-wrap: nowrap;
     margin-top: 17px;
}

.login-right .nav-pills .nav-link {
     border-radius: 10px;
     background: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     grid-gap: 10px;
     color: #2196f3;
     width: 100%;
     font-size: 20px;
     font-weight: 400;
     border: 1px solid #2196f3;
     line-height: 42px;
}

.login-right .nav-pills .nav-link.active {
     border: 1px solid #000000;
     background: #2196f3;
     color: #fff;
}

.login-right .nav-pills .nav-link.active svg path {
     fill: #000000;
}

.faq-page .nav-link {
     color: #41464b;
     font-size: 14px;
     font-weight: 400;
     padding: 5px 21px;
}

.faq-page .nav-link.active {
     color: #2196f3;
     font-weight: 600;
     background-color: transparent;
     position: relative;
}

.faq-page .nav-link.active::after {
     content: '';
     border-radius: 22px;
     background: #2196f3;
     height: 4px;
     width: 70%;
     position: absolute;
     bottom: -5px;
     left: 50%;
     transform: translateX(-50%);
}

.faq-page .nav-pills {
     grid-gap: 9px;
     justify-content: center;
     flex-wrap: nowrap;
     margin-top: 20px;
}

.accordion-item:first-of-type .accordion-button {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
}

.faq-page .tab-content {
     margin-top: 22px;
}

.accordion-button:not(.collapsed) {
     color: #000000;
     background-color: transparent;
     box-shadow: none;
}

.accordion-item {
     border: none;
     border-bottom: 1px dotted #CACACA;
}

.intro-paragraph {
     border-bottom: 1px dotted #CACACA;
     padding: 14px 0px;
}

.intro-paragraph p {
     color: #41464b;
     font-size: 13px;
     font-weight: 400;
     line-height: 21px;
}

.intro-paragraph:first-child {
     padding-top: 0px;
}

.intro-paragraph:last-child {
     border-bottom: none;
}

.accordion-body {
     padding: 0 11px;
}

.accordion-button:not(.collapsed)::after {
     background-image: url(../images/minus.svg);
     background-size: 14px;
}

.accordion-button::after {
     background-image: url(../images/plus.svg);
     background-size: 14px;
}

.accordion-button {
     color: #313131;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     padding: 16px 0;
     border: none;
}

.accordion-header {
     margin-bottom: 0px;
}

.how-work-sec .title h4 {
     color: #222222;
     font-weight: 700;
}

.how-work-sec {
     padding: 55px 0px 64px;
}

.work-card h4 {
     color: #2F2F2F;
     font-size: 26px;
     font-weight: 600;
     line-height: 136.697%;
     margin-bottom: 5px;
     text-align: center;
}

.work-card p {
     color: #646464;
     font-size: 18px;
     font-weight: 400;
     text-align: center;
     line-height: 136.697%;
     max-width: 349px;
     margin: 0 auto;
}


.work-card {
     text-align: center;
}

.card-circle {
     position: relative;
}

.card-circle .card-icon {
     position: absolute;
     top: 46%;
     left: 47%;
     transform: translate(-50%, -50%);
}

.card-2 .card-circle .card-icon {
     top: 47%;
     left: 48%;
}

.card-3 .card-circle .card-icon {
     top: 47%;
     left: 48%;
}

/* Homepage polish: scoped to avoid impacting other pages */
body.homepage {
     background: #ffffff;
}

body.homepage header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 1000;
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(6, 9, 14, 0.92);
     backdrop-filter: blur(8px);
}

body.homepage header .navbar {
     background: transparent;
     padding: 14px 0;
}

body.homepage .navbar-nav .nav-item .nav-link {
     color: rgba(255, 255, 255, 0.78);
     font-weight: 500;
}

body.homepage .navbar-nav .nav-item .nav-link:hover,
body.homepage .navbar-nav .nav-item .nav-link.active {
     color: #ffffff;
}

body.homepage .link {
     color: rgba(255, 255, 255, 0.8);
}

body.homepage .link:hover {
     color: #ffffff;
}

body.homepage .hero-sec {
     padding: 154px 0 88px;
     min-height: clamp(620px, 72vh, 760px);
     background:
          linear-gradient(90deg, rgba(248, 252, 255, 0.78) 0%, rgba(248, 252, 255, 0.72) 48%, rgba(248, 252, 255, 0.68) 100%),
          url(../images/hero-bg.jpg) center top / cover no-repeat !important;
     background-size: cover;
     background-position: center top;
     background-repeat: no-repeat;
     position: relative;
     border-bottom: 1px solid #dce9f7;
}

body.homepage .hero-sec::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -1px;
     height: 42px;
     pointer-events: none;
     background: linear-gradient(180deg, rgba(19, 27, 41, 0.12) 0%, rgba(19, 27, 41, 0) 100%);
     opacity: 0.2;
}

body.homepage .hero-sec .container-fluid {
     max-width: 1440px;
     margin: 0 auto;
}

body.homepage .hero-main-row {
     --bs-gutter-x: 2.2rem;
     align-items: flex-start;
     justify-content: center;
}

body.homepage .hero-kicker {
     color: #3f4d5f;
     font-size: 21px;
     font-weight: 500;
     line-height: 1.45;
     margin: 0 auto 14px;
     max-width: 900px;
}

body.homepage .text-box h1 {
     max-width: 920px;
     font-size: clamp(52px, 5.2vw, 74px);
     line-height: 1.06;
     letter-spacing: -1.4px;
     margin: 0 auto 18px;
}

body.homepage .hero-subheadline {
     color: #252c38;
     font-size: 22px;
     font-weight: 500;
     line-height: 1.55;
     letter-spacing: 0;
     max-width: 860px;
     margin: 0 auto;
}

body.homepage .hero-cta-list {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 14px;
     margin-top: 22px;
}

body.homepage .hero-trustline {
     color: #3a4b61;
     font-size: 15px;
     font-weight: 700;
     line-height: 1.45;
     letter-spacing: 0;
     margin-top: 16px;
     white-space: normal;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
}

body.homepage .hero-sec ul li a {
     border-radius: 10px;
     font-size: 19px;
     font-weight: 700;
     line-height: 1;
     padding: 17px 28px;
}

body.homepage .hero-cta-list .btn-default {
     border: 1px solid #131b29;
     background: #131b29;
}

body.homepage .hero-cta-list .btn-default:hover {
     background: #ffffff;
     color: #131b29;
}

body.homepage .hero-visual-shell {
     height: auto;
     display: flex;
     flex-direction: column;
     gap: 14px;
     max-width: 740px;
     margin-left: auto;
}

body.homepage .hero-sec .text-box {
     max-width: 980px;
     margin: 0 auto;
     text-align: center;
}

body.homepage .hero-story-card {
     flex: 0 0 auto;
     min-height: 0;
     overflow: hidden;
     background: transparent;
     border: 0;
     border-radius: 18px;
     padding: 0;
     box-shadow: none;
}

body.homepage .hero-story-visual {
     width: 100%;
     border-radius: 12px;
     display: block;
}

body.homepage .hero-story-svg {
     height: auto;
}

body.homepage .hero-story-svg text {
     font-family: "DM Sans", "Euclid Circular A", Arial, sans-serif;
     text-rendering: geometricPrecision;
}

body.homepage .hero-story-title {
     font-size: 25px;
     font-weight: 700;
}

body.homepage .hero-story-subtitle {
     font-size: 14px;
     font-weight: 500;
}

body.homepage .hero-story-node-label,
body.homepage .hero-story-pill-label {
     font-size: 15px;
     font-weight: 700;
}

body.homepage .hero-story-copy {
     font-size: 13px;
     font-weight: 500;
}

body.homepage .hero-story-core-title {
     font-size: 18px;
     font-weight: 700;
}

body.homepage .hero-story-core-sub {
     font-size: 12.5px;
     font-weight: 500;
}

body.homepage .hero-map-row {
     margin-top: 32px !important;
}

body.homepage .hero-visual-module {
     border-radius: 22px;
     border: 1px solid #dce9f7;
     background: linear-gradient(180deg, #f6faff 0%, #f3f8ff 100%);
     padding: 20px 22px 8px;
     box-shadow: 0 18px 38px rgba(19, 27, 41, 0.08);
}

body.homepage .workflow-label {
     color: #10233c;
     font-size: clamp(26px, 2.6vw, 44px);
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -0.5px;
     text-align: center;
     max-width: 960px;
     margin: 0 auto 12px;
     white-space: normal;
}

body.homepage .workflow-label .workflow-brand {
     color: #2196f3;
}

body.homepage .workflow-support {
     color: #3a4b61;
     font-size: 18px;
     line-height: 1.55;
     text-align: center;
     max-width: 760px;
     margin: 0 auto 18px;
     font-family: "DM Sans", sans-serif;
     font-weight: 500;
 }

body.homepage .workflow-story-graphic {
     max-width: 980px;
     margin: 0 auto 24px;
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
     gap: 14px;
     align-items: center;
}

body.homepage .workflow-story-card {
     margin: 0;
     padding: 18px 20px;
     border-radius: 16px;
     border: 1px solid #d9e8f6;
     background: rgba(255, 255, 255, 0.86);
     color: #32455e;
     text-align: left;
     box-shadow: 0 10px 24px rgba(19, 27, 41, 0.04);
}

body.homepage .workflow-story-card-solution {
     background: linear-gradient(145deg, rgba(255,255,255,0.92) 0%, rgba(242,248,255,0.96) 100%);
}

body.homepage .workflow-story-kicker {
     display: inline-block;
     margin-bottom: 8px;
     color: #1d4ed8;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
}

body.homepage .workflow-story-card h3 {
     color: #12385E;
     font-size: 21px;
     line-height: 1.24;
     font-weight: 700;
     margin-bottom: 8px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .workflow-story-copy {
     margin: 0;
     color: #32455e;
     font-size: 15px;
     line-height: 1.66;
}

body.homepage .workflow-story-arrow {
     color: #2196f3;
     font-size: 34px;
     font-weight: 700;
     line-height: 1;
}

body.homepage .home-problem-head h2,
body.homepage .home-solution-head h2,
body.homepage .enterprise-requirements-head h2 {
     color: #10233c;
}

@media (max-width: 1100px) {
     body.homepage .workflow-label {
          white-space: normal;
          max-width: 860px;
     }

     body.homepage .workflow-story-graphic {
          grid-template-columns: 1fr;
          gap: 10px;
     }

     body.homepage .workflow-story-arrow {
          text-align: center;
          transform: rotate(90deg);
     }
}

body.homepage .hero-system-map-wrap {
     overflow: hidden;
     width: 100%;
}

body.homepage .hero-system-map {
     width: 100%;
     max-width: 100%;
     height: auto;
     min-width: 0;
     display: block;
}

body.homepage .home-problem-sec,
body.homepage .home-solution-sec {
     padding: 24px 0 56px;
}

body.homepage .home-solution-sec {
     padding-top: 8px;
}

body.homepage .home-problem-head,
body.homepage .home-solution-head {
     max-width: 980px;
     margin: 0 auto 26px;
     text-align: center;
}

body.homepage .home-problem-head.title,
body.homepage .home-solution-head.title,
body.homepage .business-value-head.title,
body.homepage .use-case-head.title,
body.homepage .data-modality-head.title,
body.homepage .industry-focus-head.title,
body.homepage .enterprise-requirements-head.title {
     max-width: 860px;
     width: 100%;
     margin: 0 auto 46px;
}

body.homepage .home-problem-head.title h3,
body.homepage .home-solution-head.title h3,
body.homepage .business-value-head.title h3,
body.homepage .use-case-head.title h3,
body.homepage .data-modality-head.title h3,
body.homepage .industry-focus-head.title h3,
body.homepage .enterprise-requirements-head.title h3 {
     font-size: 32px;
     line-height: 42px;
     font-weight: 700;
     letter-spacing: -0.02em;
}

body.homepage .home-problem-head.title p,
body.homepage .home-solution-head.title p,
body.homepage .business-value-head.title p,
body.homepage .use-case-head.title p,
body.homepage .data-modality-head.title p,
body.homepage .industry-focus-head.title p,
body.homepage .enterprise-requirements-head.title p {
     max-width: 860px;
     margin: 15px auto 0;
     color: #556a82;
     font-size: 18px;
     line-height: 1.55;
}

body.homepage .home-problem-eyebrow,
body.homepage .home-solution-eyebrow {
     display: inline-block;
     color: #1d4ed8;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 10px;
     padding: 7px 12px;
     border-radius: 999px;
     background: linear-gradient(90deg, #eaf4ff 0%, #eef8ff 100%);
     border: 1px solid #cfe5ff;
}

body.homepage .home-problem-head h2,
body.homepage .home-solution-head h2 {
     color: #131b29;
     font-size: clamp(30px, 3vw, 44px);
     line-height: 1.16;
     letter-spacing: -0.8px;
     margin-bottom: 12px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .home-problem-lead,
body.homepage .enterprise-readiness-lead {
     color: #4b5563;
     font-size: 17px;
     line-height: 1.65;
     max-width: 900px;
     margin: 0 auto;
}

body.homepage .home-problem-grid,
body.homepage .home-solution-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 14px;
}

body.homepage .home-problem-card,
body.homepage .home-solution-card {
     border: 1px solid #d5e3f3;
     border-radius: 18px;
     background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
     padding: 22px 20px;
     min-height: 188px;
     box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

body.homepage .home-problem-card h3,
body.homepage .home-solution-card h3 {
     color: #131b29;
     font-size: 22px;
     line-height: 1.25;
     font-weight: 700;
     margin-bottom: 10px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .home-problem-card p,
body.homepage .home-solution-card p {
     color: #32455e;
     font-size: 15px;
     line-height: 1.62;
     margin-bottom: 0;
     font-family: "DM Sans", sans-serif;
}

body.homepage .regulated-environments-note {
     margin: 20px auto 0;
     max-width: 980px;
     padding: 18px 20px;
     border-radius: 16px;
     border: 1px solid #d7e6f7;
     background: #f8fbff;
     text-align: center;
}

body.homepage .regulated-environments-note span {
     display: inline-block;
     color: #12385E;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     margin-bottom: 8px;
}

body.homepage .regulated-environments-note p {
     color: #3a4b61;
     font-size: 16px;
     line-height: 1.65;
     margin: 0;
}

body.homepage .hero-proof-sec {
     padding: 28px 0 64px;
}

body.homepage .business-value-sec {
     padding: 42px 0 56px;
     background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 46%);
     border-top: 1px solid #e3edf9;
}

body.homepage .business-value-head {
     max-width: 980px;
     margin: 0 auto 24px;
     text-align: center;
}

body.homepage .business-value-eyebrow {
     color: #2196f3;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 10px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .business-value-head h2 {
     color: #2196f3;
     font-size: clamp(30px, 3vw, 44px);
     line-height: 1.18;
     letter-spacing: -0.8px;
     margin-bottom: 14px;
     font-family: "DM Sans", sans-serif;
     font-weight: 700;
}

body.homepage .business-value-lead {
     color: #3a4b61;
     font-size: 18px;
     line-height: 1.6;
     margin: 0 auto;
     max-width: 820px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .business-value-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 14px;
}

body.homepage .business-value-card {
     border: 1px solid #d5e3f3;
     border-radius: 16px;
     background: #f8fbff;
     padding: 22px 20px;
     min-height: 176px;
}

body.homepage .business-value-card h3 {
     color: #131b29;
     font-size: 24px;
     line-height: 1.22;
     font-weight: 700;
     margin-bottom: 10px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .business-value-card p {
     color: #32455e;
     font-size: 16px;
     line-height: 1.55;
     font-family: "DM Sans", sans-serif;
}

body.homepage .use-case-sec {
     padding: 10px 0 64px;
}

body.homepage .use-case-head {
     max-width: 980px;
     margin: 0 auto 24px;
     text-align: center;
}

body.homepage .use-case-eyebrow {
     color: #287fd2;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 10px;
}

body.homepage .use-case-head h2 {
     color: #131b29;
     font-size: clamp(30px, 3vw, 44px);
     line-height: 1.15;
     letter-spacing: -0.8px;
     margin-bottom: 14px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .use-case-lead {
     color: #3a4b61;
     font-size: 18px;
     line-height: 1.6;
     margin: 0 auto;
     max-width: 860px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .use-case-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
}

body.homepage .use-case-card {
     border: 1px solid #d5e3f3;
     border-radius: 14px;
     background: #f8fbff;
     padding: 20px 18px;
     min-height: 176px;
}

body.homepage .use-case-card h3 {
     color: #131b29;
     font-size: 22px;
     line-height: 1.25;
     font-weight: 700;
     margin-bottom: 10px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .use-case-card p {
     color: #32455e;
     font-size: 16px;
     line-height: 1.55;
     font-family: "DM Sans", sans-serif;
}

body.homepage .data-modality-sec {
     padding: 8px 0 58px;
}

body.homepage .data-modality-head,
body.homepage .industry-focus-head,
body.homepage .enterprise-requirements-head,
body.homepage .validation-proof-head {
     max-width: 980px;
     margin: 0 auto 28px;
     text-align: center;
}

body.homepage .data-modality-eyebrow,
body.homepage .industry-focus-eyebrow,
body.homepage .enterprise-requirements-eyebrow,
body.homepage .validation-proof-eyebrow {
     display: inline-block;
     color: #1d4ed8;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 10px;
     padding: 7px 12px;
     border-radius: 999px;
     background: linear-gradient(90deg, #eaf4ff 0%, #eef8ff 100%);
     border: 1px solid #cfe5ff;
}

body.homepage .data-modality-head h2,
body.homepage .industry-focus-head h2,
body.homepage .enterprise-requirements-head h2,
body.homepage .validation-proof-head h2 {
     color: #131b29;
     font-size: clamp(30px, 3vw, 44px);
     line-height: 1.16;
     letter-spacing: -0.8px;
     margin-bottom: 0;
     font-family: "DM Sans", sans-serif;
}

body.homepage .data-modality-grid,
body.homepage .industry-focus-grid,
body.homepage .enterprise-requirements-grid,
body.homepage .validation-proof-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
     gap: 16px;
}

body.homepage .data-modality-card,
body.homepage .industry-focus-card,
body.homepage .enterprise-requirements-card,
body.homepage .validation-proof-card {
     border: 1px solid #d5e3f3;
     border-radius: 18px;
     background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
     padding: 22px 20px;
     min-height: 186px;
     box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
     position: relative;
     overflow: hidden;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.homepage .data-modality-card::before,
body.homepage .industry-focus-card::before,
body.homepage .enterprise-requirements-card::before,
body.homepage .validation-proof-card::before {
     content: "";
     display: block;
     width: 54px;
     height: 4px;
     border-radius: 999px;
     margin-bottom: 12px;
     background: linear-gradient(90deg, #2196f3 0%, #3b82f6 100%);
}

body.homepage .data-modality-card h3,
body.homepage .industry-focus-card h3,
body.homepage .enterprise-requirements-card h3,
body.homepage .validation-proof-card h3 {
     color: #131b29;
     font-size: 22px;
     line-height: 1.25;
     font-weight: 700;
     margin-bottom: 10px;
     font-family: "DM Sans", sans-serif;
}

body.homepage .data-modality-card p,
body.homepage .industry-focus-card p,
body.homepage .enterprise-requirements-card p,
body.homepage .validation-proof-card p {
     color: #32455e;
     font-size: 15px;
     line-height: 1.62;
     margin-bottom: 0;
     font-family: "DM Sans", sans-serif;
}

body.homepage .enterprise-requirements-card:hover,
body.homepage .validation-proof-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 16px 34px rgba(15, 23, 42, 0.11);
}

body.homepage .industry-focus-sec,
body.homepage .enterprise-requirements-sec,
body.homepage .validation-proof-sec,
body.homepage .enterprise-readiness-sec {
     padding: 24px 0 56px;
}

body.homepage .enterprise-readiness-sec {
     background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

body.homepage .video-sec {
     padding: 74px 0 64px;
     background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

body.homepage .video-sec .title {
     margin-bottom: 46px;
}

body.homepage .video-sec .title p {
     max-width: 860px;
     margin: 15px auto 0;
     color: #556a82;
     font-size: 18px;
     line-height: 1.55;
}

body.homepage .video-player-wrap {
     max-width: 1000px;
     margin: 0 auto;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

body.homepage .overview-video {
     width: 100%;
     display: block;
     background: #000;
}

body.homepage .video-cta-wrap {
     margin-top: 40px;
}

body.homepage .video-cta-btn {
     padding: 16px 40px;
     font-size: 18px;
}

body.homepage .resources-sec {
     padding-top: 22px;
     padding-bottom: 24px;
}

body.homepage .resources-cta-wrap {
     margin-top: 8px;
}

body.homepage .resources-cta-wrap .btn-default {
     background: #131b29;
     color: #fff;
     border-radius: 10px;
     padding: 14px 28px;
}

body.homepage .resources-cta-wrap .btn-default:hover {
     background: #fff;
     color: #131b29;
     border: 1px solid #131b29;
}

body.homepage .questions-sec {
     margin-top: -2px;
}

body.homepage .final-demo-cta-sec {
     padding: 20px 0 70px;
}

body.homepage .final-demo-cta-box {
     border: 1px solid #d5e3f3;
     border-radius: 18px;
     background: linear-gradient(180deg, #f7fbff 0%, #f2f8ff 100%);
     padding: 40px 30px;
}

body.homepage .final-demo-cta-box h2 {
     color: #131b29;
     font-size: clamp(30px, 3.1vw, 42px);
     line-height: 1.16;
     letter-spacing: -0.8px;
     margin-bottom: 14px;
}

body.homepage .final-demo-cta-box p {
     color: #38516b;
     font-size: 18px;
     line-height: 1.55;
     max-width: 820px;
     margin: 0 auto 22px;
}

body.homepage footer {
     padding-top: 38px;
}

body.homepage .footer-links {
     padding-top: 0;
     margin-top: 0;
     border-top: 0;
     flex-wrap: wrap;
     align-items: flex-start;
}

body.homepage .footer-links > div {
     min-width: 160px;
     flex: 1 1 160px;
}

.work-cards {
     max-width: 1178px;
     margin: 24px auto 0px;
}

.about-hero {
     background-color: #CACACA;
     padding: 200px 0px 0px;
     max-height: 675px;
}

.about-hero img {
     max-width: 100%;
}

.about-hero h2 {
     color: #000;
     text-align: center;
     font-size: 40px;
     font-weight: 700;
     line-height: 136.697%;
     max-width: 560px;
     margin: 0 auto 40px;
}

.about-hero h2 span {
     color: #2196f3;
}

.vision-sec {
     padding: 445px 0px 40px;
}

.about-page .service-title-box {
     margin-bottom: 10px;
}

.mission-sec {
     margin-bottom: 60px;
}

.seprator {
     padding-top: 44px;
}

.about-page .title h4 {
     font-weight: 700;
     color: #3C3C3C;
}

.principle-box {
     border-radius: 13px;
     background: #e9ecef;
     padding: 30px 28px 30px;
     margin-bottom: 30px;
     min-height: 306px;
}

.principle-sec .title {
     margin-bottom: 30px;
}

.principle-box h4 {
     color: #2196f3;
     font-size: 20px;
     font-weight: 600;
     line-height: 32px;
     margin: 24px 0px 2px;
}

.principle-box p {
     color: #41464b;
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
}

.service-sec {
     background: #e9ecef;
     padding: 47px 0px;
     margin: 60px 0px;
}

.service-sec .nav-pills .nav-link {
     color: #696969;
     font-size: 20px;
     font-weight: 500;
     line-height: 136.697%;
     text-align: start;
     padding: 15px 20px;
     margin-bottom: 24px;
     position: relative;
}

.service-sec .nav-pills .nav-link.active {
     padding: 34px 20px;
     background-color: transparent;
     color: #2196f3;
}

.service-sec .nav-pills .nav-link:hover {
     color: rgba(255, 72, 0, 1);
}

.btn-default:hover {
     background: #41464b;
     color: #fff;
}

.service-sec .nav-pills .nav-link::after {
     content: '';
     border-radius: 24px;
     background: rgb(23 86 221 / 33%);
     width: 100%;
     height: 8px;
     position: absolute;
     left: 0;
     top: auto;
     bottom: 0;
}

.tab-content-box {
     text-align: center;
     max-width: 800px;
     margin: 0 auto;
}

.tab-content-box p {
     color: #000;
     font-size: 20px;
     font-weight: 400;
     line-height: 170%;
     margin-top: 20px;
}

.service-sec .nav {
     margin-top: 4px;
}

.service-sec .nav-pills .nav-link.active::after {
     background: #2196f3;
}

.solution-sec .principle-box {
     padding: 26px 33px 29px;
}

.solution-sec {
     padding-bottom: 60px;
}

.solution-sec .solution-box-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.solution-sec .principle-box h4 {
     margin: 5px 0px 2px;
}

.ace-sec .title h4 {
     margin-bottom: 6px;
}

.solution-sec .title {
     margin-bottom: 27px;
}

.solution-sec .img-circle {
     background-color: #FFF;
     width: 100px;
     height: 100px;
     display: flex;
     align-items: center;
     border-radius: 50%;
     justify-content: center;
     margin-bottom: 20px;
}

.solution-sec h2 {
     color: #2196f3;
     font-size: 64px;
     font-weight: 400;
     line-height: 44px;
     margin: 20px 0px;
}

.grapgh-tabs .tab-content {
     max-width: 700px;
     margin: 0 auto;
}

.techonology-list {
     display: flex;
     align-items: start;
     grid-gap: 24px;
     margin-top: 18px;
     margin-bottom: 8px;
}

.ace-sec {
     padding: 80px 0px;
     background-image: url(../images/tec-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 99;
}

.about-page .ace-sec .title h4,
.about-page .ace-sec .title p,
.about-page .techonology-list h6 {
     color: #fff;
}

.techonology-list h6 {
     color: #000;
     font-size: 22px;
     font-weight: 600;
     line-height: 157%;
}

.flex-1 {
     flex: 1;
}

.techonology-box {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: #e9ecef;
     display: flex;
     align-items: center;
     justify-content: center;
}

.team-sec {
     padding: 60px 0px;
}

.journey-sec .img-holder {
     margin-bottom: 20px;
}

.top-space {
     margin-top: 20px;
}

.title strong {
     color: #373737;
}

.contact-boxes {
     display: grid;
     grid-template-columns: 6fr 6fr;
     grid-gap: 24px;
     margin-top: 16px;
}

.get-in-touch-sec {
     padding: 70px 0px 50px;
}

.contact-boxes .box {
     border-radius: 13px;
     background: url(../images/img-6.png);
     background-repeat: no-repeat;
     background-size: cover;
     display: flex;
     align-items: center;
     grid-gap: 13px;
     padding: 25px 35px 23px;
     z-index: 1;
     position: relative;
}

.contact-boxes .box::after,
.ace-sec::after {
     content: '';
     border-radius: 13px;
     background-color: rgb(0 0 0 / 54%);
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     z-index: -1;
     left: 0;
}

.contact-boxes .box span {
     color: #ffffff;
     font-size: 15px;
     font-weight: 600;
     line-height: 157%;
}

.contact-boxes .box h4 {
     color: #ffffff;
     font-size: 20px;
     font-weight: 600;
     line-height: 157%;
}

.about-page .work-box h2 {
     margin: 0 auto;
}

.about-page .work-box p {
     color: rgba(255, 255, 255, 0.90);
     font-size: 20px;
     font-weight: 600;
     line-height: 157%;
     margin: 4px 0px 18px;
}

.about-page .work-box {
     padding: 44px 0px 35px;
     text-align: center;
     display: block;
}

.btn-contact:hover {
     color: #000000;
     background: #fff;
}

.navbar-nav .nav-item .nav-link:hover {
     color: white;
}

.social-list li a:hover {
     background-color: #aa9f9f;
     border-color: #2196f3;
}

.footer-links li a:hover {
     text-decoration: underline;
}

.about-page .work-box .btn-pdf {
     background: #FFF;

}

/*  */
.blog-sec {
     padding: 80px 0px 0px;
     background: #ffffff;
}

.blog-sec .title h4 {
     font-weight: 700;
     font-size: 48px;
     margin-bottom: 80px;
}

.blog-sec .principle-box .img-holder {
     margin: -20px -28px 20px;
}

.blog-sec .principle-box h4 {
     margin: 8px 0px 2px;
}

.blog-sec .btn-link {
     margin-top: 12px;
}

.blog-sec .principle-box .img-holder img {
     max-height: 245px;
     min-height: 245px;
     object-fit: cover;
     width: 100%;
     border-top-left-radius: 13px;
     border-top-right-radius: 13px;
     object-position: center;
}

.blog-sec .principle-box {
     padding: 20px 28px 20px;
     margin-bottom: 40px;
     height: auto;
     display: block;
     box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 33%);
}

.blog-sec .principle-box span {
     font-size: 16px;
     color: #000000;
     font-weight: 500;
}

.btn-link {
     display: flex;
     align-items: center;
     grid-gap: 16px;
     color: #2196f3;
     font-size: 18px;
     margin-top: 20px;
     background: transparent;
     border: 0;
}

.modal-box {
     display: grid;
     grid-template-columns: 6fr 6fr;
}

.modal-box .title h4 {
     font-size: 20px;
     line-height: 45px;
}

.modal-2 .modal-dialog {
     max-width: 840px;
}

.modal-box .title {
     max-width: 100%;
     margin: 0 auto;
     text-align: center;
}

.modal-box .title p {
     font-size: 16px;
     min-height: 90px;
     line-height: 24px;
     min-height: 90px;
     max-width: 297px;
     margin: 0 auto;
}

.modal-content {
     z-index: 99;
}

.right-divider {
     border-right: 1px solid #d5a9a9;
}

.overlay {
     background-color: rgba(0, 0, 0, 0.15);
     position: fixed;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
}

.pdf-box-right {
     position: relative;
}

.file-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.8);
     border-radius: 12px;
     z-index: 10;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 1;
     transition: opacity 0.5s ease-in-out;
}

.file-overlay.hidden {
     opacity: 0;
     pointer-events: none;
     /* Disable interaction when hidden */
}

.pdf-content {
     opacity: 0;
     transition: opacity 0.5s ease-in-out;
}

.pdf-content.visible {
     opacity: 1;
}




@keyframes dotsAnimation {
     0% {
          content: '.';
     }

     33% {
          content: '..';
     }

     66% {
          content: '...';
     }

     100% {
          content: '.';

     }
}

.dots {
     animation: dotsAnimation 1s steps(3, end) infinite;
}

#uploadButton.loading::after {
     content: '';
     display: inline-block;
     font-size: 24px;
     line-height: 15px;
     width: 22px;
     height: 15px;
     margin-left: 5px;
     background-color: transparent;
     animation: dotsAnimation 1s steps(3, end) infinite;
}

.modal-2 .modal-body {
     padding: 24px;
}

.file-overlay img {
     width: 100px;
}

.pdf-modal .btn-pdf {
     min-width: 140px;
     padding: 15px 15px;
     font-size: 14px;
}

/* new css */
.active {
     color: #0d6efd;
     /* Bootstrap primary color */
     font-weight: bold;
}

.blog-sidebar {
     position: sticky;
     top: 100px;
     height: 100vh;
     overflow-y: auto;
}

.blog-post {
     padding-top: 160px;
}

.blog-sidebar .nav-link,
.blog-title {
     color: #2196f3;
     font-size: 16px;
     font-weight: 400;
     line-height: normal;
}

.blog-page-wrapper.wrapper {
     overflow: inherit;
}

.blog-title {
     font-weight: 500;
     padding-bottom: 20px;
     display: block;
}

.blog-left-title {
     font-size: 20px;
     color: #000;
     font-weight: 400;
     line-height: normal;
     display: block;
     padding-bottom: 50px;
}

.blog-page-right h2 {
     font-weight: 700;
     font-size: 48px;
     margin-bottom: 40px;
}

.blog-inner-text p {
     color: #41464b;
     font-size: 20px;
     font-weight: 400;
     line-height: normal;
     padding-bottom: 28px;
}

.blog-inner-text p:last-child {
     padding-bottom: 0;
}

.blog-inner-text {
     padding: 50px 0;
}

.blog-inner-text ul li {
     list-style-type: disc;
     padding-bottom: 20px;
}

.blog-inner-text ul li:last-child {
     padding-bottom: 0;
}

.blog-post-main {
     padding-bottom: 40px;
}

.blog-inner-text ul li p span {
     font-weight: bold;
}

.blog-inner-text ul {
     padding-left: 20px;
}

.blog-post-sec h3 {
     color: #000000;
     font-size: 40px;
     font-weight: 700;
     line-height: normal;
     padding-bottom: 40px;
     text-align: center;
}

.blog-post-sec {
     padding: 100px 0px 100px;
}

.blog-post-main-last ul {
     padding-top: 28px;
}

.blog-page-wrapper header {
     z-index: 999;
}

.solution-sec .solution-box-header img {
     filter: contrast(0);
}

.seprator img {
     filter: contrast(0.5);
}

.mt-80 {
     margin-top: 80px;
}

.activity-page .form-group img {
     max-width: 100%;
}

a.chat-box img {
     filter: contrast(0.5);
}

.img-invert {
     filter: brightness(0%);
     max-width: 200px;
     margin-bottom: 40px;
}

.color-black {
     color: #000000 !important;
}

.color-white {
     color: #ffffff !important;
}

.form-group img {
     max-width: 100%;
}

.login-right .btn-pdf:hover {
     background: #ffffff;
}

.dashboard-box {
     margin-top: 20px;
}

.dashboard-content-wrapper h2 {
     color: #2196f3;
}

.box-heading span img {
     filter: brightness(0);
}

.progress-box-wrapper {
     margin-bottom: 15px;
}

.notifaction-avatar img {
     filter: brightness(0);
}

.notifaction-wrapper {
     margin-bottom: 10px;
}

.form-row {
     display: flex;
     align-items: center;
     grid-gap: 40px;
}

.form-row .form-select {
     max-width: 300px;
}

.table-header {
     display: flex;
     align-items: center;
     grid-gap: 50px;
     margin-bottom: 40px;
}

.table-header h4 {
     font-size: 18px;
     color: #000;
     font-weight: normal;
}

.table-header h4 span {
     font-weight: 700;
}

.data-row .form-group {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
     grid-gap: 20px;
}

.data-row .form-group label {
     min-width: 200px;
}

.box {
     min-height: 200px;
     padding: 20px;
     border: 1px solid #000;
     border-radius: 20px;
}

.box h4 {
     font-size: 20px;
     color: #000;
     font-weight: 500;
}

.chart-box {
     border: 1px solid #000;
     padding: 16px;
     border-radius: 20px;
     display: grid;
     grid-template-columns: 4fr 4fr 4fr;
     align-items: center;
     flex-wrap: wrap;
     grid-gap: 40px;
}

.project-input {
     max-width: 300px;
}

.collapse-arrow {
     margin-left: auto;
}

.data-list {
     background-color: #F5F5F5;
     padding: 24px 20px;
     margin: 0px 0px;
     border-radius: 16px;
     flex: 1;
     display: none;
     margin-left: 58px;
}

.text-box .form-row h2,
.text-box .form-row label {
     font-size: 16px;
     font-weight: 600;
     color: #000;
}

.flex-1 {
     flex: 1;
     min-width: 400px;
}

.project-form .card {
     padding: 16px;
     border: 1px solid #000;
     border-radius: 20px;
}

.tab-2 .table tr th:first-child {
     width: 144px;
}

.data-input {
     flex: 1;
}


.range-slider {
     position: relative;
     width: 100%;
     max-width: 400px;
}

.range-slider input[type="range"] {
     -webkit-appearance: none;
     width: 100%;
     height: 8px;
     border-radius: 5px;
     background: #e9ecef;
     outline: none;
     margin: 0;
     padding: 0;
}

.range-slider input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: #0d6efd;
     cursor: pointer;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
     position: relative;
     top: -2px;
}

.range-slider input[type="range"]::-moz-range-thumb {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: #0d6efd;
     cursor: pointer;
}

.range-slider .range-fill {
     position: absolute;
     height: 8px;
     background: #0d6efd;
     border-radius: 5px;
     top: 9px;
     left: 0;
     pointer-events: none;
     z-index: 1;
}

.data-input ul {
     display: flex;
     justify-content: space-between;
}

.data-input ul li h6 {
     font-size: 16px;
     color: #000;
     font-weight: 400;
}

.images-row {
     display: grid;
     grid-template-columns: 2fr 2fr 2fr 2fr 2fr;
     grid-gap: 10px;
}



.project-input {
     display: none;
}

.table-header.collapsed img {
     transform: rotate(270deg);
}

.collapse-arrow {
     filter: brightness(0);
}

.table thead tr th {
     font-size: 16px;
     font-weight: 600;
     line-height: normal;
     padding: 18px 21px;
}

table tbody tr td {
     font-size: 14px;
     font-weight: 500;
     padding: 18px 21px !important;
     line-height: 20px;
     letter-spacing: 0.5px;
}

.tab-2 {
     display: none;
}

.file-page .right-side {
     padding-top: 0px;
}

.file-page .left-side {
     min-width: 252px;
}

.dataset-box {
     background-color: #fff;
     border-radius: 16px;
     border: 2px solid transparent;
     padding: 20px;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.dataset-box h4 {
     text-align: center;
     color: #000;
     font-size: 24px;
     margin-bottom: 32px;
     font-weight: bold;
}

.title h3 {
     color: #000;
}

.dataset-box .btn-default {
     font-size: 20px;
     width: 100%;
     height: 48px;
     padding: 8px 10px;
     margin-top: 10px;
}

.btn-outline-default {
     font-size: 20px;
     width: 100%;
     height: 48px;
     padding: 8px 10px;
     margin-top: 10px;
     border: 1px solid #000;
     background-color: transparent;
}

.btn-outline-default:hover {
     background-color: #000;
     color: #fff;
}

.dataset-box.active {
     border: 2px solid #000;
}

.dataset-box {
     background-color: #fff;
}


.queue-page .progress-box {
     max-width: 500px;
     margin: 20px auto;
     width: 100%;
}

.queue-page .progress-box .progress-bar {
     background: #198754;
}

.faq-page .text-box h4 {
     font-size: 20px;
     font-weight: bold;
     text-align: center;
}

.faq-page .accordion-button {
     font-weight: 700;
}

.btn:focus {
     box-shadow: none;
}

.table-hide {
     display: none;
}

.faq-page .sidebar .nav-link:hover {
     color: #fff;
}

.chart canvas {
     height: 300px !important;
}

.step-number {
     display: flex;
     align-items: center;
     grid-gap: 30px;
}

.step-number span {
     background-color: #e3d1d1;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     font-size: 16px;
     color: #fff;
     font-weight: normal;
     display: flex;
     align-items: center;
     justify-content: center;
}

.step.active .step-number span {
     background-color: #000;
}

.project-form .step {
     padding-bottom: 40px;
     position: relative;
}

.btn-primary {
     background-color: #2196f3;
}

.project-form .step::after {
     content: '';
     background-color: #000;
     position: absolute;
     width: 2px;
     height: calc(100% - 42px);
     top: 36px;
     left: 14px;
}

.project-form .step-5::after {
     display: none !important;
}

.data-box .btn-default {
     height: 38px;
     padding: 12px 20px 13px;
     display: flex;
     align-items: center;
     justify-content: center;
}

/* 
.project-form .step:last-child:after {
     content: none;
} */
.step.active .data-list {
     display: block !important;
}

.profile-box.text-box h2 {
     font-size: 16px;
}

.tab-1.active .step-3 .data-list {
     display: block;
}

.tab-2.active .step-6 .data-list {
     display: block;
}

.tab-2.active .step-6 .step-number span {
     background-color: #000;
}

.data-row .form-group label {
     color: #000;
}

#file {
     display: none;
}

.tab-3.active .step-9 .step-number span {
     background-color: #000;
}

.tab-1.active .step-3 .step-number span {
     background-color: #000;
}

.tab-3.active .step-9 .data-list {
     display: block;
}




.marquee-parent {
     --space: 1rem;
     display: grid;
     align-content: center;
     overflow: hidden;
     gap: var(--space);
     width: 100%;
     margin-top: 70px;
}

.marquee {
     --duration: 120s;
     --gap: var(--space);
     display: flex;
     overflow: hidden;
     user-select: none;
     gap: var(--gap);
     transform: skewY(-0deg);
}

.marquee__group {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: space-around;
     gap: var(--gap);
     animation: scroll var(--duration) linear infinite;
}

.contact-sec .title h3 {
     color: #fff;
}

@media (prefers-reduced-motion: reduce) {
     .marquee__group {
          animation-play-state: paused;
     }
}

.marquee__group img {
     max-width: clamp(12rem, 5rem + 50vmin, 23rem);
     aspect-ratio: 1;
     object-fit: cover;
     width: 100%;
     height: 100%;
}


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

     100% {
          transform: translateX(calc(-100% - var(--gap)));
     }
}

.data-list .nav-pills .nav-link {
     color: #000;
     font-size: 16px;
     border-bottom: 2px solid transparent;
     padding: 6px 20px;
     border-radius: 0px;
}

.data-list .nav-pills .nav-link.active {
     border-bottom: 2px solid #000;
     background: transparent;
}


.data-box {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Custom file input styling */
input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#uploadLabel {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
}

#uploadLabel.disabled {
    opacity: 0.65;
    pointer-events: none;
}

#uploadBtn {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#uploadBtn:hover {
    filter: brightness(1.05);
}

/* Format select styling */
#uploadFormatSelect {
    min-width: 150px;
}

/* Error message styling */
#upload-error {
    margin-top: 1rem;
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    font-size: 0.9rem;
}

/* Preview/Toggle styling */
#togglePreview, #toggleTextPreview {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}

#togglePreview:hover, #toggleTextPreview:hover {
    text-decoration: underline;
    color: #0056b3;
}

/* Data preview sections */
#dataPreviewSection, #textDataPreviewSection {
    transition: all 0.3s ease;
}

/* Data type selection indicator */
.data-type-indicator {
    display: inline-block;
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color: #6c757d;
    margin-right: 0.5rem;
}

.data-type-indicator.tabular {
    background-color: #17a2b8;
}

.data-type-indicator.text {
    background-color: #28a745;
}

.data-type-indicator.image {
    background-color: #dc3545;
}

/* File format badges */
.format-badge {
    display: inline-block;
}

/* Synthetic data page refinements */
body.synthetic-data-page {
     background: #eef2f7;
}

body.synthetic-data-page header .navbar {
     background: #000;
}

body.synthetic-data-page .hero-sec {
     padding: 132px 0px 80px;
     background: linear-gradient(180deg, #f7f9fc 0%, #edf1f6 100%);
}

body.synthetic-data-page .hero-sec .text-box {
     max-width: 760px;
}

body.synthetic-data-page .hero-sec .text-box h1 {
     font-size: 58px;
     line-height: 1.02;
     letter-spacing: -1.4px;
     max-width: 820px;
}

body.synthetic-data-page .hero-sec .text-box h3 {
     font-size: 24px;
     line-height: 1.35;
     margin-top: 14px;
     max-width: 760px;
}

body.synthetic-data-page .hero-sec .text-box h1,
body.synthetic-data-page .hero-sec .text-box h3,
body.synthetic-data-page .hero-sec .text-box p {
     color: #111827;
}

body.synthetic-data-page .hero-sec .text-box h1 span {
     color: #2196f3;
}

body.synthetic-data-page .hero-sec ul li a.btn-default {
     background: #111827;
     color: #fff;
}

body.synthetic-data-page .hero-sec ul li a.btn-default:hover {
     background: #2b3648;
}

body.synthetic-data-page .service-sec {
     margin: 0 !important;
     padding: 64px 0 48px !important;
     background: #e9edf3;
}

body.synthetic-data-page .service-sec .title {
     max-width: 980px;
}

body.synthetic-data-page .service-sec .title p {
     line-height: 1.65;
     color: #4b5563;
}

body.synthetic-data-page .service-sec .title h3,
body.synthetic-data-page .product-sec .title h3 {
     font-size: 38px;
     line-height: 1.12;
     margin-bottom: 0;
     letter-spacing: -0.02em;
}

body.synthetic-data-page .service-sec .title h3,
body.synthetic-data-page .product-sec .title h3 {
     color: #111827;
}

body.synthetic-data-page .service-sec .title h3 span,
body.synthetic-data-page .product-sec .title h3 span {
     color: #2196f3;
}

body.synthetic-data-page .service-box,
body.synthetic-data-page .sd-card {
     border-radius: 18px;
     border: 1px solid #d7dde6;
     background: #fff;
     box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
     transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.synthetic-data-page .service-box {
     margin-top: 0;
     height: 100%;
     display: flex;
     flex-direction: column;
     gap: 14px;
     padding: 28px !important;
}

body.synthetic-data-page .service-box h3 {
     color: #111827;
     margin-bottom: 0;
}

body.synthetic-data-page .service-box h4 {
     color: #111827;
     font-size: 20px;
     line-height: 1.18;
     margin-bottom: 8px;
     font-weight: 600;
}

body.synthetic-data-page .service-box ol,
body.synthetic-data-page .service-box p {
     color: #4b5563;
     line-height: 1.65;
     margin-bottom: 0;
}

/* Support post links styling */
body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card p a {
     color: #1677ef;
     text-decoration: underline;
     font-weight: 500;
}

body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card p a:hover {
     color: #0b5ed7;
     text-decoration: underline;
}

body.synthetic-data-page .sd-card {
     padding: 32px;
     min-height: 100%;
     display: flex;
     flex-direction: column;
     gap: 12px;
}

body.synthetic-data-page .sd-card h3 {
     font-size: 26px;
     line-height: 1.15;
     margin-bottom: 0;
     letter-spacing: -0.02em;
}

body.synthetic-data-page .sd-card h3 a:hover {
     color: #0b5ed7;
     text-decoration: underline;
}

body.synthetic-data-page .sd-card h3 a {
     color: #1677ef;
}

body.synthetic-data-page .sd-card p,
body.synthetic-data-page .sd-card a {
     color: #374151;
     line-height: 1.65;
}

body.synthetic-data-page .sd-card p {
     margin-bottom: 0;
}

body.synthetic-data-page .product-sec {
     margin: 0 !important;
     padding: 72px 0 72px !important;
     background: linear-gradient(180deg, #0a0a0a 0%, #121212 100%);
}

body.synthetic-data-page .product-sec .title {
     max-width: 980px;
}

body.synthetic-data-page .product-sec .title h3 {
     color: #fff;
}

body.synthetic-data-page .product-sec .row {
     row-gap: 24px;
}

body.synthetic-data-page .product-box {
     background: rgba(255, 255, 255, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.25);
     backdrop-filter: blur(12px);
     min-height: 100%;
     padding: 36px !important;
     box-shadow: 0 20px 48px rgba(0, 0, 0, 0.3);
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     gap: 14px;
     border-radius: 20px;
}

body.synthetic-data-page .product-box h4 {
     font-size: 24px;
     line-height: 1.15;
     margin-bottom: 0;
     letter-spacing: -0.02em;
}

body.synthetic-data-page .product-box p {
     font-size: 17px;
     line-height: 1.65;
     margin-bottom: 0;
}

body.synthetic-data-page .product-box h4,
body.synthetic-data-page .product-box p {
     color: #fff;
}

body.synthetic-data-page .product-box p {
     opacity: 0.9;
}

body.synthetic-data-page .product-box:hover,
body.synthetic-data-page .service-box:hover,
body.synthetic-data-page .sd-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 16px 34px rgba(17, 24, 39, 0.1);
     border-color: rgba(33, 150, 243, 0.16);
}

body.synthetic-data-page .service-sec .text-center {
     margin-top: 44px;
}

body.synthetic-data-page .service-sec + .product-sec {
     border-top: none;
}

body.synthetic-data-page .service-sec .btn-pdf {
     box-shadow: 0 12px 24px rgba(33, 150, 243, 0.22);
}

/* Accordion section */
body.synthetic-data-page .sd-accordion-sec {
     padding: 48px 0 56px !important;
}

body.synthetic-data-page .sd-accordion-block {
     background: #fff;
     border-radius: 18px;
     border: 1px solid #d7dde6;
     box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
     overflow: hidden;
}

body.synthetic-data-page .sd-accordion-title {
     font-size: 22px;
     font-weight: 700;
     color: #111827;
     padding: 28px 28px 20px;
     margin: 0;
     border-bottom: 1px solid #e9edf3;
}

body.synthetic-data-page .sd-acc-item {
     border: none;
     border-bottom: 1px solid #e9edf3;
}

body.synthetic-data-page .sd-acc-item:last-child {
     border-bottom: none;
}

body.synthetic-data-page .sd-acc-btn {
     background: #fff;
     color: #111827;
     font-size: 16px;
     font-weight: 600;
     padding: 18px 28px;
     box-shadow: none;
     border-radius: 0 !important;
}

body.synthetic-data-page .sd-acc-btn:not(.collapsed) {
     background: #f0f6ff;
     color: #1677ef;
     box-shadow: none;
}

body.synthetic-data-page .sd-acc-btn::after {
     filter: none;
}

body.synthetic-data-page .sd-acc-btn:not(.collapsed)::after {
     filter: invert(36%) sepia(98%) saturate(1200%) hue-rotate(196deg) brightness(95%);
}

body.synthetic-data-page .sd-acc-body {
     padding: 4px 28px 20px;
     color: #4b5563;
     font-size: 16px;
     line-height: 1.65;
     background: #f0f6ff;
}

/* Homepage generic service-sec cards styling */
.service-sec .service-box {
     border-radius: 18px;
     border: 1px solid #e0e5f2;
     background: #fff;
     box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
     padding: 32px !important;
     display: flex;
     flex-direction: column;
     gap: 12px;
     transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.service-sec .service-box h4 {
     color: #111827;
     font-size: 22px;
     font-weight: 600;
     line-height: 1.2;
     margin-bottom: 0;
}

.service-sec .service-box p {
     color: #4b5563;
     line-height: 1.65;
     margin-bottom: 0;
}

.service-sec .service-box .btn-pdf {
     background-color: #2196f3 !important;
     border: 1px solid #2196f3 !important;
     color: #fff !important;
     display: inline-block;
     width: fit-content;
     margin-top: 8px;
}

.service-sec .service-box .btn-pdf:hover {
     background-color: #1677ef !important;
     border-color: #1677ef !important;
     transform: translateY(-2px);
}

.service-sec .service-box:hover {
     transform: translateY(-2px);
     box-shadow: 0 16px 34px rgba(17, 24, 39, 0.1);
     border-color: rgba(33, 150, 243, 0.16);
}

/* Homepage "What Teams Are Asking" section styling */
.service-sec[style*="background:#fffaf5"] .service-box {
     border-radius: 18px;
     border: 1px solid #e0e5f2;
     background: #fff;
     box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
     padding: 32px !important;
     display: flex;
     flex-direction: column;
     gap: 12px;
     transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.service-sec[style*="background:#fffaf5"] .service-box h4 {
     color: #111827;
     font-size: 22px;
     font-weight: 600;
     line-height: 1.2;
     margin-bottom: 0;
}

.service-sec[style*="background:#fffaf5"] .service-box p {
     color: #4b5563;
     line-height: 1.65;
     margin-bottom: 8px;
}

.service-sec[style*="background:#fffaf5"] .service-box span {
     display: inline-block;
     font-size: 12px !important;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #2196f3 !important;
     font-weight: 700;
     margin-bottom: 12px !important;
}

.service-sec[style*="background:#fffaf5"] .service-box .btn-pdf {
     background-color: #2196f3 !important;
     border: 1px solid #2196f3 !important;
     color: #fff !important;
     display: inline-block;
     width: fit-content;
     margin-top: 8px;
}

.service-sec[style*="background:#fffaf5"] .service-box .btn-pdf:hover {
     background-color: #1677ef !important;
     border-color: #1677ef !important;
     transform: translateY(-2px);
}

.service-sec[style*="background:#fffaf5"] .service-box:hover {
     transform: translateY(-2px);
     box-shadow: 0 16px 34px rgba(17, 24, 39, 0.1);
     border-color: rgba(33, 150, 243, 0.16);
}

/* Support post cards grouping */
body.synthetic-data-page .service-sec .row:nth-last-child(1) {
     margin-top: 20px;
     padding-top: 28px;
     border-top: 2px solid #e0e5f2;
}

body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card {
     background: #fff;
     border: 1px solid #d7dde6;
}

body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card h3 {
     color: #1677ef;
     font-weight: 600;
     font-size: 22px;
}

body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card p,
body.synthetic-data-page .service-sec .row:nth-last-child(1) .sd-card a {
     color: #374151;
}

.format-badge {
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    margin-right: 0.3rem;
}

.format-badge.csv {
    background-color: #28a745;
}

.format-badge.excel {
    background-color: #17a2b8;
}

.format-badge.json {
    background-color: #fd7e14;
}

.format-badge.txt {
    background-color: #6610f2;
}

.format-badge.zip {
    background-color: #dc3545;
}

/* Tooltip for file format info */
.format-info {
    position: relative;
    display: inline-block;
    margin-left: 0.3rem;
    color: #6c757d;
    cursor: help;
}

.format-info:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.8rem;
    pointer-events: none;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Upload progress indicator */
.upload-progress {
    height: 4px;
    width: 100%;
    background-color: #e9ecef;
    margin-top: 0.5rem;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.upload-progress-bar {
    height: 100%;
    background-color: #007bff;
    width: 0%;
    transition: width 0.3s ease;
}

/* Improve table responsiveness */
.table-responsive {
    margin-bottom: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Button styles */
.btn-default {
    background-color: #2196f3;
    color: #fff;
    border: none;
    transition: all 0.2s ease-in-out;
}

.btn-default:hover {
    background-color: #0d6efd;
    color: #fff;
}

.btn-default:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.btn-default.disabled, .btn-default:disabled {
    background-color: #2196f3;
    opacity: 0.65;
}

/* Step indicator styling */
.step-number span {
    background-color: #2196f3;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.step.active .step-number span {
    background-color: #0d6efd;
}

/* Animation for transition between steps */
.step {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.step.active {
    opacity: 1;
    transform: translateY(0);
}