@media (max-height: 650px) {
     .login-left {
          padding: 0px 130px;
     }

}

@media (min-width: 1270px) {
     .container-fluid {
          padding: 0px 74px 0px 65px;
          max-width: 1440px;
     }

     .container {
          max-width: 1285px;
     }
}

@media (max-width: 1600px) {
     .right-side {
          padding: 40px 16px 57px 16px;
     }

     .table thead tr th {
          font-size: 14px;
          padding: 18px 6px;
     }

     table tbody tr td {
          padding: 14px 6px !important;
     }

     .chart-box {
          grid-template-columns: 4fr 4fr;
     }

     .left-side {
          height: fit-content;
     }

     table tbody tr td {
          font-size: 14px;
          padding: 18px 6px;
     }
}

@media (max-width: 1403px) {
     .chat-left-box .nav-pills .nav-link {
          padding: 13px 17px;
     }
}

@media (max-width: 1365px) {
     .pdf-box-left {
          padding: 31px 18px;
     }

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

     .left-side {
          padding: 20px 16px;
          min-width: 202px;
     }

     .login-right h2 {
          font-size: 30px;
     }

     .blog-box .blog-box-body p {
          font-size: 16px;
     }

     .right-side {
          padding: 0px 16px 57px 16px;
     }

     .chat-left-box .nav-pills {
          flex-wrap: wrap;
     }

     .chart {
          width: 50%;
     }

     .data-list {
          padding: 20px 20px;
          margin: 24px 0px 20px;
     }

     .pdf-box-left form {
          margin-top: 48px;
     }

     /* new css */
     .blog-page-right h2 {
          font-size: 44px;
     }

     .chart-box {
          grid-template-columns: 4fr 4fr;
     }

     .chart canvas {
          height: 200px !important;
          width: 100% !important;
     }

     .chart-box .chart {
          width: 100%;
     }
}

@media (max-width: 1199px) {
     .sidebar {
          max-width: 240px;
          padding: 20px 16px 24px 12px;
     }

     .navbar-nav .nav-item .nav-link {
          padding: 0px 12px;
     }

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

     .file-page .left-side {
          max-width: 100%;
          overflow-x: scroll;
          padding: 14px 10px;
     }

     .file-page .notifaction-box {
          display: block;
     }

     .file-page .tab-links {
          grid-gap: 10px;
          width: 1212px;
          display: flex;
          align-items: center;
     }

     .file-page .left-side a.active {
          margin-bottom: 0px;
     }

     .file-page .left-side a {
          margin-bottom: 0px;
     }

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

     .blog-sec .principle-box .img-holder img {
          max-height: 180px;
          min-height: 180px;
     }

     .login-left {
          width: 52%;
          padding: 0px 30px !important;
     }

     .services-box {
          grid-gap: 14px;
     }

     .ai-serice-box {
          border-radius: 16px;
          padding: 24px 12px 20px;
     }

     .service-page .profile-box {
          padding: 36px 24px 28px;
     }

     .contact-box {
          padding: 32px 28px 26px 32px;
     }

     .title p {
          font-size: 16px;
          line-height: 24px;
     }

     .image-wrapper .img-holder {
          bottom: -45px;
          right: -31px;
     }

     .body-text p {
          font-size: 16px;
          line-height: 24px;
     }

     .data-card-body p {
          font-size: 16px;
          line-height: 24px;
     }

     .blog-box .blog-box-body p {
          line-height: 24px;
     }

     .case-box-header h4 {
          font-size: 20px;
     }

     .case-box {
          padding: 32px 24px 40px;
     }

     .case-box p {
          font-size: 16px;
          line-height: 24px;
     }

     .ai-box {
          padding: 38px 36px 34px;
     }

     .product-box-left {
          width: 50%;
     }

     .title h2 {
          font-size: 34px;
          line-height: 38px;
     }

     .text-box h1 {
          font-size: 50px;
     }

     .form-switch .form-check-input {
          margin-left: 0;
     }

     .right-side {
          padding: 40px 24px 57px 18px;
     }

     .sidebar-inner .nav-link {
          font-size: 14px;
          padding: 12px;
          grid-gap: 11px;
     }

     .history-box {
          padding: 12px;
     }

     .topbar {
          width: calc(100% - 304px);
     }

     .right-content {
          width: calc(100% - 256px);
     }

     .pdf-box-right {
          width: 100%;
     }

     .pdf-box-left {
          width: 100%;
          margin-bottom: 48px;
     }

     .pdf-box-wrapper {
          display: block;
     }

     .document-history h4 {
          font-size: 14px;
     }

     .faq-page .nav-link {
          padding: 5px 9px;
     }

     .work-cards {
          padding: 0px 20px;
     }

     .techonology-box {
          width: 70px;
          height: 70px;
          padding: 16px;
     }

     .techonology-list h6 {
          font-size: 18px;
     }

     .principle-box {
          padding: 40px 18px 25px;
     }

     .about-hero {
          max-height: 52vw;
     }

     /* new css */
     .blog-page-right h2 {
          font-size: 36px;
          margin-bottom: 24px;
     }

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

     body.homepage .hero-sec {
          padding: 140px 0 68px;
          min-height: auto;
     }

     body.homepage .hero-kicker {
          font-size: 18px;
          margin-bottom: 12px;
     }

     body.homepage .text-box h1 {
          font-size: clamp(46px, 5vw, 64px);
          letter-spacing: -1.3px;
          margin-bottom: 12px;
          max-width: 100%;
     }

     body.homepage .hero-subheadline {
          font-size: 20px;
          line-height: 1.48;
          max-width: 100%;
     }

     body.homepage .hero-sec .text-box {
          max-width: 100%;
     }

     body.homepage .hero-visual-shell {
          min-height: 0;
     }

     body.homepage .hero-story-card {
          min-height: 0;
     }

     body.homepage .hero-story-visual {
          width: 100%;
     }

     body.homepage .hero-story-title {
          font-size: 24px;
     }

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

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

     body.homepage .hero-trustline {
          font-size: 14px;
          line-height: 1.5;
     }

     body.homepage .workflow-label {
          font-size: clamp(30px, 5vw, 40px);
          line-height: 1.12;
     }

     body.homepage .hero-proof-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     body.homepage .hero-system-map-wrap {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
     }

     .blog-left-title {
          padding-bottom: 40px;
     }

}

@media (max-width: 991px) {
     .main {
          padding: 22px 14px;
     }

     .data-card {
          display: block;
     }

     .blog-box .image-holder img {
          min-width: 100%;
          max-width: 100%;
     }

     .blog-box {
          display: block;
     }

     .box {
          margin-top: 20px;
     }

     .about-page .title h4 {
          font-size: 20px;
          line-height: 32px;
     }

     .principle-box {
          margin-bottom: 20px;
          height: auto;
     }

     .service-sec .nav-pills .nav-link {
          font-size: 16px;
          padding: 14px 20px;
          margin-bottom: 16px;
     }

     .tab-content-box p {
          font-size: 16px;
          line-height: 150%;
     }

     .solution-sec .principle-box {
          padding: 20px 16px 24px;
     }

     .solution-sec .img-circle {
          width: 64px;
          height: 64px;
          padding: 18px;
     }

     .solution-sec .principle-box h4 {
          font-size: 18px;
          line-height: 26px;
     }

     .contact-boxes .box {
          grid-gap: 10px;
          padding: 16px 14px 18px;
     }

     .solution-sec h2 {
          font-size: 48px;
     }

     .service-sec .nav-pills .nav-link.active {
          padding: 24px 20px;
     }

     .work-card h4 {
          font-size: 20px;
     }

     .work-card p {
          font-size: 16px;
     }

     .card-circle .card-icon {
          padding: 40px;
     }

     .login-left {
          display: none;
     }

     .product-hero .text-box p {
          font-size: 20px;
          line-height: 130%;
     }

     .work-box {
          padding: 0px 54px 0px 42px;
     }

     .service-box {
          padding: 28px 36px 36px 24px;
     }



     .service-title-box {
          font-size: 14px;
          line-height: 36px;
          padding: 4px 20px;
     }

     .service-box .title h4 {
          font-size: 24px;
     }

     .work-box h2 {
          font-size: 26px;
     }

     .product-hero {
          padding: 145px 0px 80px;
     }

     .product-hero .text-box h2 {
          font-size: 30px;
     }

     .text-box h1 {
          font-size: 38px;
     }

     .about-sec .title span {
          font-size: 20px;
          line-height: 26px;
     }

     .title h6 {
          font-size: 16px;
          line-height: 13px;
     }

     .image-wrapper .img-holder {
          bottom: -26px;
          right: -22px;
          width: 55px;
     }

     .product-sec .nav-pills .nav-link {
          font-size: 18px;
          min-width: 150px;
          height: 55px;
     }

     .product-box {
          flex-wrap: wrap;
          grid-gap: 28px;
     }

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

     .data-card-body p {
          font-size: 14px;
          line-height: 20px;
     }

     .data-card-body span {
          font-size: 14px;
          line-height: 16px;
     }

     .ai-box .nav-pills .nav-link {
          font-size: 16px;
     }

     .case-box {
          margin-top: 24px;
     }

     footer .text-box h2 {
          font-size: 36px;
          line-height: 44px;
     }

     .footer-links li a {
          line-height: 32px;
     }


     footer .text-box {
          max-width: 342px;
     }

     .blog-card-wrapper {
          display: flex;
          grid-gap: 24px;
     }

     .product-box-left {
          width: 100%;
     }

     .title ul li {
          grid-gap: 10px;
          margin-bottom: 10px;
     }

     .divider {
          max-width: 130px;
     }

     .text-description {
          font-size: 16px;
     }

     .topbar {
          width: calc(100% - 296px);
     }

     .topbar {
          padding: 12px 20px 12px 14px;
     }

     .sidebar {
          left: -100%;
     }

     .right-content {
          width: 100%;
     }

     .topbar {
          width: calc(100% - 38px);
     }

     .hamburger-menu {
          display: block;
          width: 20px;
     }

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

     .sidebar {
          height: calc(100vh - 124px);
          z-index: 9999;
          bottom: 16px;
     }

     .sidebar-inner {
          height: calc(100vh - 152px);
     }

     .navbar-toggler:focus {
          box-shadow: none;
     }

     .navbar-nav .nav-item .nav-link {
          padding: 7px 17px;
     }

     .nav-right {
          padding: 0px 16px 40px;
     }

     .navbar-nav {
          padding: 20px 0px;
     }

     .navbar-collapse {
          background-color: #fff;
          border-radius: 20px;
     }

     /* new css */
     .blog-page-right h2 {
          font-size: 28px;
          margin-bottom: 20px;
     }

     body.homepage header {
          background: rgba(6, 9, 14, 0.95);
     }

     body.homepage .navbar-collapse {
          background: rgba(6, 9, 14, 0.98);
          border: 1px solid rgba(255, 255, 255, 0.14);
     }

     body.homepage .navbar-nav .nav-item .nav-link {
          color: rgba(255, 255, 255, 0.9);
     }

     body.homepage .nav-right {
          align-items: flex-start;
     }

     body.homepage .hero-sec {
          padding: 116px 0 48px;
     }

     body.homepage .hero-subheadline {
          font-size: 16px;
          line-height: 1.48;
     }

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

     body.homepage .hero-visual-module {
          padding: 16px 16px 8px;
     }

     body.homepage .hero-proof-sec {
          padding: 16px 0 46px;
     }

     body.homepage .hero-proof-sec h2 {
          line-height: 1.2;
     }

     body.homepage .hero-visual-shell {
          min-height: auto;
          gap: 12px;
     }

     body.homepage .hero-story-card {
          min-height: 0;
     }

     body.homepage .hero-story-visual {
          width: 100%;
          transform: none;
     }

     body.homepage .hero-story-title {
          font-size: 22px;
     }

     body.homepage .hero-story-subtitle {
          font-size: 13px;
     }

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

     body.homepage .hero-story-core-title {
          font-size: 17px;
     }

     body.homepage .hero-trustline {
          font-size: 13px;
          margin-top: 12px;
     }

     body.homepage .hero-system-map {
          min-width: 980px;
     }
}

@media (max-width: 767px) {
     .navbar-brand img {
          width: 240px;
     }

     .logo-sec .image-holder {
          margin-bottom: 24px;
     }

     .navbar-nav .nav-item .nav-link.active {
          color: #000;
     }

     .product-sec .nav-pills .nav-link {
          font-size: 16px;
          min-width: 122px;
          height: 46px;
     }

     .modal-box .title {
          padding: 24px 0px;
     }

     .modal-2 .modal-dialog {
          margin: 20px;
     }

     .modal-box .title p {
          margin-bottom: 16px;
          min-height: auto;
     }

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

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

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

     .blog-sec .title h4 {
          font-size: 32px;
          margin-bottom: 30px;
     }

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

     .images-wrapper {
          display: flex;
          grid-gap: 24px;
     }

     .about-page .work-box {
          padding: 44px 15px 35px;
     }

     .about-page .work-box p {
          font-size: 18px;
          line-height: 146%;
     }

     body.synthetic-data-page .hero-sec {
          padding: 86px 0px 54px;
     }

     body.synthetic-data-page .hero-sec .text-box h1 {
          font-size: 38px;
          line-height: 1.06;
          max-width: none;
     }

     body.synthetic-data-page .hero-sec .text-box h3 {
          font-size: 18px;
          line-height: 1.45;
     }

     body.synthetic-data-page .hero-sec .text-box p {
          font-size: 16px;
          line-height: 1.6;
     }

     body.synthetic-data-page .hero-sec ul {
          gap: 12px;
     }

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

     .about-hero {
          max-height: 60vw;
          padding: 106px 0px 0px;
     }

     .about-hero h2 {
          font-size: 34px;
          margin: 0 auto 24px;
     }

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

     .accordion-list {
          overflow-x: scroll;
          padding-bottom: 6px;
     }

     .faq-page .nav-pills {
          width: 616px;
     }

     .login-right {
          padding: 0px 20px 40px 20px;
     }

     body.synthetic-data-page .hero-sec {
          padding: 76px 0px 44px;
     }

     body.synthetic-data-page .hero-sec .text-box h1 {
          font-size: 32px;
          line-height: 1.08;
     }

     body.synthetic-data-page .hero-sec .text-box h3 {
          font-size: 17px;
     }

     body.synthetic-data-page .hero-sec .text-box p {
          font-size: 15px;
     }

     body.synthetic-data-page .hero-sec ul {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
     }

     body.synthetic-data-page .hero-sec ul li {
          margin-right: 0;
     }

     body.synthetic-data-page .hero-sec ul li a {
          width: 100%;
     }

     .login-right {
          padding: 50px 20px 40px 20px;
     }

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


     .work-box .img-holder {
          margin-bottom: 0;
          order: 1;
     }

     .work-box-title {
          order: 2;
     }

     .work-box {
          padding: 0px 20px 40px 20px;
          flex-wrap: wrap;
          border-radius: 16px;
          justify-content: end;
     }

     .ai-box {
          padding: 24px;
     }

     .product-sec .nav-pills {
          grid-gap: 9px;
     }

     .ai-box .nav-pills .nav-link {
          line-height: 27px;
          padding: 0 8px 5px;
     }

     .footer-links {
          flex-wrap: wrap;
     }

     .hero-sec {
          padding: 100px 0px 64px;
     }

     .image-wrapper .img-holder {
          bottom: -24px;
          right: 9px;
     }

     .avatar-content {
          display: none;
     }

     .left-side {
          padding: 26px 10px;
     }

     .left-side a {
          grid-gap: 8px;
          font-size: 12px;
          padding: 0px 12px 0px 15px;
          margin-bottom: 16px;
     }

     .notifaction-toggle {
          padding: 16px 4px 16px;
     }

     .activity-page .form-group .form-control {
          height: 52px;
     }

     .activity-page .profile-box form {
          grid-gap: 40px;
     }

     .profile-box {
          padding: 24px 16px;
     }

     .chat-box span {
          display: none;
     }

     /* new css */
     .blog-sidebar {
          position: static;
          height: auto;
     }

     .blog-left-title {
          padding-bottom: 14px;
     }

     .blog-sidebar ul {
          display: none;
     }

     .blog-page-right h2 {
          font-size: 24px;
     }

     .blog-left-title {
          padding-bottom: 30px;
     }

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

     body.homepage .hero-sec {
          padding: 118px 0 54px;
          min-height: auto;
     }

     body.homepage .hero-kicker {
          font-size: 17px;
     }

     body.homepage .text-box h1 {
          font-size: clamp(40px, 8vw, 54px);
          line-height: 1.1;
     }

     body.homepage .hero-subheadline {
          font-size: 17px;
          line-height: 1.45;
     }

     body.homepage .hero-cta-list {
          margin-top: 20px;
     }

     body.homepage .hero-sec ul li a {
          font-size: 17px;
          padding: 15px 20px;
     }

     body.homepage .workflow-label {
          font-size: clamp(26px, 7vw, 34px);
          line-height: 1.14;
          letter-spacing: -0.4px;
     }

     body.homepage .business-value-sec {
          padding: 14px 0 48px;
     }

     body.homepage .business-value-head h2 {
          font-size: clamp(28px, 3vw, 38px);
          color: #131b29;
     }

     body.homepage .business-value-lead {
          font-size: 17px;
     }

     body.homepage .business-value-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     body.homepage .business-value-card h3 {
          font-size: 22px;
     }

     body.homepage .use-case-sec {
          padding: 8px 0 48px;
     }

     body.homepage .use-case-head h2 {
          font-size: clamp(28px, 3vw, 38px);
          color: #131b29;
     }

     body.homepage .use-case-lead {
          font-size: 17px;
     }

     body.homepage .use-case-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     body.homepage .use-case-card h3 {
          font-size: 21px;
     }

     body.homepage .hero-story-card {
          min-height: 0;
          padding: 12px;
     }

     body.homepage .hero-story-visual {
          width: 100%;
          transform: none;
     }

     body.homepage .hero-trustline {
          font-size: 13px;
          line-height: 1.45;
          white-space: normal;
     }

     body.homepage .hero-system-map {
          min-width: 0;
     }

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

     body.homepage .home-problem-grid,
     body.homepage .home-solution-grid {
          grid-template-columns: 1fr;
          gap: 16px;
     }

     body.homepage .home-problem-card,
     body.homepage .home-solution-card {
          min-height: auto;
     }

     body.homepage .home-problem-card h3,
     body.homepage .home-solution-card h3 {
          font-size: 20px;
     }

     body.homepage .home-problem-card p,
     body.homepage .home-solution-card p {
          font-size: 15px;
     }

     body.homepage .business-value-sec {
          padding: 10px 0 40px;
     }

     body.homepage .business-value-head {
          margin-bottom: 18px;
     }

     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 {
          margin-bottom: 24px;
     }

     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: clamp(26px, 4.5vw, 32px);
          line-height: 1.2;
     }

     body.homepage .video-sec .title h3 {
          font-size: clamp(26px, 4.5vw, 32px);
          line-height: 1.2;
     }

     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 {
          font-size: 15px;
          margin-top: 12px;
     }

     body.homepage .business-value-head h2 {
          font-size: clamp(26px, 4.5vw, 32px);
          color: #131b29;
     }

     body.homepage .business-value-lead {
          font-size: 15px;
     }

     body.homepage .business-value-grid {
          grid-template-columns: 1fr;
     }

     body.homepage .business-value-card {
          min-height: auto;
     }

     body.homepage .business-value-card h3 {
          font-size: 20px;
     }

     body.homepage .use-case-sec {
          padding: 6px 0 40px;
     }

     body.homepage .use-case-head {
          margin-bottom: 18px;
     }

     body.homepage .use-case-head h2 {
          font-size: clamp(26px, 4.5vw, 32px);
          color: #131b29;
     }

     body.homepage .use-case-lead {
          font-size: 15px;
     }

     body.homepage .use-case-grid {
          grid-template-columns: 1fr;
     }

     body.homepage .use-case-card {
          min-height: auto;
     }

     body.homepage .use-case-card h3 {
          font-size: 19px;
     }

     body.homepage .data-modality-sec,
     body.homepage .industry-focus-sec,
     body.homepage .enterprise-requirements-sec,
     body.homepage .validation-proof-sec,
     body.homepage .final-demo-cta-sec {
          padding: 8px 0 42px;
     }

     body.homepage .data-modality-head,
     body.homepage .industry-focus-head,
     body.homepage .enterprise-requirements-head,
     body.homepage .validation-proof-head {
          margin-bottom: 18px;
     }

     body.homepage .data-modality-head h2,
     body.homepage .industry-focus-head h2,
     body.homepage .enterprise-requirements-head h2,
     body.homepage .validation-proof-head h2,
     body.homepage .final-demo-cta-box h2 {
          font-size: clamp(26px, 4.5vw, 32px);
          line-height: 1.2;
     }

     body.homepage .data-modality-grid,
     body.homepage .industry-focus-grid,
     body.homepage .enterprise-requirements-grid,
     body.homepage .validation-proof-grid {
          grid-template-columns: 1fr;
     }

     body.homepage .data-modality-card,
     body.homepage .industry-focus-card,
     body.homepage .enterprise-requirements-card,
     body.homepage .validation-proof-card {
          min-height: auto;
     }

     body.homepage .data-modality-card h3,
     body.homepage .industry-focus-card h3,
     body.homepage .enterprise-requirements-card h3,
     body.homepage .validation-proof-card h3 {
          font-size: 19px;
     }

     body.homepage .data-modality-card p,
     body.homepage .industry-focus-card p,
     body.homepage .enterprise-requirements-card p,
     body.homepage .validation-proof-card p,
     body.homepage .final-demo-cta-box p,
     body.homepage .video-sec .title p {
          font-size: 15px;
     }

     body.homepage .video-sec {
          padding: 52px 0;
     }

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

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

     body.homepage .video-cta-btn {
          width: 100%;
          max-width: 320px;
          padding: 15px 24px;
          font-size: 17px;
     }

     body.homepage .final-demo-cta-box {
          padding: 30px 18px;
     }

     body.homepage .resources-sec {
          padding-bottom: 6px;
     }
}

@media (max-width: 575px) {
     .navbar-brand img {
          width: 170px;
     }

     .chart-box {
          grid-template-columns: 4fr;
     }

     .table-header h4 {
          font-size: 14px;
     }

     .card .table-responsive .table {
          width: 575px;
     }

     .data-row .form-group {
          flex-wrap: wrap;
          grid-gap: 0px;
     }

     .table-header {
          grid-gap: 7px;
     }

     .data-list {
          padding: 14px 12px;
          margin: 16px 0px 8px;
          border-radius: 12px;
     }

     .file-page .profile-box {
          padding: 14px 12px;
     }

     .chat-box {
          padding: 14px 12px 14px 14px;
     }

     .about-hero {
          max-height: 80vw;
          padding: 106px 0px 0px;
     }

     .about-hero h2 {
          font-size: 28px;
          line-height: 127%;
     }

     .contact-boxes {
          grid-template-columns: 12fr;
     }

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

     .mian {
          padding: 22px 13px;
     }

     .login-right .nav-pills .nav-link {
          grid-gap: 8px;
          font-size: 16px;
          line-height: 34px;
     }

     .login-right h2 {
          font-size: 26px;
     }

     .login-right p {
          font-size: 16px;
     }

     .login-right .btn-pdf {
          padding: 18px 10px;
     }

     .service-page .profile-box {
          padding: 36px 16px 28px;
     }

     .ai-serice-box {
          border-radius: 12px;
          padding: 18px 11px 18px;
     }

     .service-page .text-box h4 {
          font-size: 20px;
          margin-top: 20px;
     }

     .product-hero .text-box p {
          font-size: 16px;
     }

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

     .product-hero {
          padding: 102px 0px 56px;
     }

     .service-title-box {
          font-size: 12px;
          line-height: 32px;
          padding: 4px 18px;
     }

     .service-box {
          padding: 20px 24px 28px 18px;
     }

     .contact-box {
          padding: 24px 18px 16px 16px;
     }

     .text-box h1 {
          font-size: 28px;
     }

     .product-box {
          padding: 20px 16px 26px 16px;
     }

     .title h3 {
          font-size: 22px;
          line-height: 28px;
     }

     body.homepage .video-sec .title h3 {
          font-size: 26px;
          line-height: 1.2;
     }

     .ai-box p {
          font-size: 14px;
          line-height: 24px;
          flex: 1;
     }

     .footer-links {
          grid-gap: 16px;
     }

     body.synthetic-data-page .hero-sec {
          padding: 104px 0px 64px;
     }

     body.synthetic-data-page .hero-sec .text-box h1 {
          font-size: 46px;
     }

     body.synthetic-data-page .hero-sec .text-box h3 {
          font-size: 20px;
     }

     body.synthetic-data-page .service-sec .title h3,
     body.synthetic-data-page .product-sec .title h3 {
          font-size: 30px;
     }

     body.synthetic-data-page .sd-card {
          padding: 24px;
     }

     body.synthetic-data-page .sd-card h3 {
          font-size: 22px;
          line-height: 1.2;
     }

     body.synthetic-data-page .product-sec,
     body.synthetic-data-page .service-sec {
          padding-left: 0 !important;
          padding-right: 0 !important;
     }

     body.synthetic-data-page .product-box h4 {
          font-size: 20px;
     }

     body.synthetic-data-page .product-box p {
          font-size: 15px;
          line-height: 1.55;
     }

     body.synthetic-data-page .service-sec .title h3,
     body.synthetic-data-page .product-sec .title h3 {
          font-size: 30px;
          line-height: 1.15;
     }

     .blog-card-wrapper {
          display: block;
     }

     .ai-box h4 {
          font-size: 20px;
          line-height: 30px;
     }

     .title h2 {
          font-size: 28px;
          line-height: 38px;
     }

     .form .form-control {
          height: 48px;
          padding: 20px 16px;
     }

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

     .profile-box p {
          margin-bottom: 24px;
     }

     .left-side {
          max-width: 100%;
          overflow-x: scroll;
          padding: 14px 10px;
     }

     .left-side a {
          padding: 0px 4px 0px 1px;
          width: fit-content;
          margin-bottom: 0;
     }

     .form-switch .form-check-input {
          margin-left: 0;
     }

     .left-side a.active {
          margin-bottom: 0px;
     }

     .tab-links {
          grid-gap: 10px;
          width: 812px;
          display: flex;
          align-items: center;
     }

     .notifaction-box {
          display: block;
     }

     .activity-page .profile-box form {
          display: block;
     }

     .activity-page .profile-box .form-select {
          max-width: 100%;
          margin-top: 20px;
     }

     .avatar-menu .avatar {
          font-size: 14px;
          width: 36px;
          height: 36px;
     }

     .right-nav {
          grid-gap: 10px;
     }

     .balance-box h6 {
          font-size: 12px;
     }

     .topbar {
          padding: 12px 12px 12px 14px;
          width: calc(100% - 28px);
          right: 14px;
     }

     .intro-paragraph p {
          margin-bottom: 0px;
     }

     .chat-left-box {
          padding: 24px 20px 25px 18px;
     }

     .pdf-box-left form .form-control {
          border-radius: 6px;
          font-size: 16px;
          height: 52px;
          padding-left: 16px;
     }

     .btn-send {
          width: 36px;
          height: 36px;
          right: 12px;
          padding: 0;
     }

     .balance-box {
          padding: 11px 8px;
          grid-gap: 4px;
     }

     body.homepage .hero-sec {
          padding: 100px 0 36px;
     }

     body.homepage .hero-subheadline {
          font-size: 15px;
     }

     body.homepage .hero-sec ul li a {
          width: 100%;
          text-align: center;
     }

     body.homepage .hero-cta-list li {
          width: 100%;
     }

     body.homepage .hero-story-card {
          padding: 8px;
     }

     body.homepage .hero-visual-module {
          border-radius: 16px;
          padding: 14px 12px 8px;
     }
}


@media (max-width: 375px) {}