body {
        margin: 0;
      }
      .digital-solutions-container1 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        background: white;
      }
      .digital-solutions-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 100px;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
      }
      .digital-service-card {
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        background: url("assets/image_5478f77c.jpeg") 50% / cover no-repeat;
        border: none;
      }
      .digital-recommendation-service {
        box-sizing: border-box;
        min-width: 1241px;
        padding-top: 30px;
        padding-bottom: 274px;
      }
      .project-info-container {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
      }
      .digital-project-card {
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
      }
      .digital-title {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 600 20px/24px TT Fors;
        color: white;
      }
      .circular-image-with-text-inside {
        box-sizing: border-box;
        display: block;
        width: 30px;
        max-width: initial;
        height: 30px;
        margin-left: 5px;
        border: none;
        border-radius: 300px;
        object-fit: cover;
      }
      .project-discuss-button {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        width: 174px;
        min-width: 174px;
        height: 54px;
        font: 600 16px/20px Manrope, sans-serif;
        color: white;
        cursor: pointer;
        background: transparent;
        border: 1px solid white;
      }
      .personalized-recommendation-service {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 60px;
        align-items: flex-start;
        justify-content: center;
        width: 1058px;
        margin-top: 91px;
      }
      .personalized-recommendation-text-style {
        flex: 0 0 auto;
        align-self: stretch;
        padding: 0;
        margin: 0;
        font: 700 70px/77px Manrope, sans-serif;
        color: white;
        text-align: left;
      }
      .personalized-recommendation-button {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        width: 202px;
        min-width: 202px;
        height: 60px;
        font: 600 20px/24px Manrope, sans-serif;
        color: #201f1d;
        cursor: pointer;
        background: white;
        border: none;
      }
      .key-features-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 50px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 1240px;
      }
      .key-features-title {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 700 60px/66px Manrope, sans-serif;
        color: #201f1d;
      }
      .insight-panel1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 20px;
        align-items: center;
        align-self: stretch;
        justify-content: flex-start;
      }
      .insight-panel {
        box-sizing: border-box;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
      }
      .user-insights-container {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        height: 220px;
        padding: 33px 24px 25px;
        background: #f8f7f5;
      }
      .content-wrapper {
        padding-right: 6px;
        padding-left: 6px;
      }
      .image-container {
        box-sizing: border-box;
        display: block;
        width: 42px;
        max-width: initial;
        height: 36px;
      }
      .user-insights-analyzer {
        box-sizing: border-box;
        width: 100%;
        margin-top: 68px;
      }
      .user-insights-heading {
        padding: 0;
        margin: 0;
        font: 700 22px/26px Manrope, sans-serif;
        color: #201f1d;
      }
      .user-insights-analyzer1 {
        padding: 0;
        margin: 0;
        margin-top: 10px;
        font: 500 16px Manrope, sans-serif;
        color: #201f1d;
      }
      .enhanced-text-block {
        padding: 0;
        margin: 0;
        margin-top: 10px;
        font: 400 16px Manrope, sans-serif;
        color: #201f1d;
      }
      .lifetime-value-text {
        font: 400 16px Manrope, sans-serif;
        color: rgba(32, 31, 29, 0.5);
      }
      .smart-recommendations-container {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        height: 220px;
        padding: 31.5px 24px 25px;
        background: #f8f7f5;
      }
      .smart-recommendations-container2 {
        padding-right: 7.5px;
        padding-left: 7.5px;
      }
      .avatar-image {
        box-sizing: border-box;
        display: block;
        width: 39px;
        max-width: initial;
        height: 39px;
      }
      .smart-recommendations-container1 {
        box-sizing: border-box;
        width: 100%;
        margin-top: 45px;
      }
      .smart-recommendations-styling {
        box-sizing: border-box;
        max-width: 408px;
        padding: 0;
        margin: 0;
        margin-top: 10px;
        font: 400 16px/22px Manrope, sans-serif;
        color: #201f1d;
        text-align: left;
      }
      .platform-integration-section {
        box-sizing: border-box;
        width: 100%;
        margin-top: 46px;
      }
      .platform-integration-description {
        box-sizing: border-box;
        max-width: 408px;
        padding: 0;
        margin: 0;
        margin-top: 9px;
        font: 400 16px/22px Manrope, sans-serif;
        color: #201f1d;
        text-align: left;
      }
      .business-solutions-section2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        overflow: hidden;
        background: linear-gradient(141.42deg, rgba(26, 36, 40, 1) 35.55%, rgba(0, 118, 108, 1) 122.43%);
      }
      .dark-section-bg {
        box-sizing: border-box;
        width: 100%;
        height: 226px;
        background: #0b0c10;
      }
      .business-solutions-section1 {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        margin: 90px 0;
        cursor: pointer;
      }
      .flexible-solutions-section {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 8px;
        align-items: flex-start;
        align-self: center;
        justify-content: space-between;
        min-width: 1240px;
      }
      .business-solutions-section {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 616px;
      }
      .hero-heading {
        flex: 0 0 auto;
        align-self: stretch;
        padding: 0;
        margin: 0;
        font: 700 60px/66px Manrope, sans-serif;
        color: white;
        text-align: left;
      }
      .flexible-solution-paragraph {
        flex: 0 0 auto;
        align-self: stretch;
        padding: 0;
        margin: 0;
        font: 400 20px/26px Inter, sans-serif;
        color: white;
        text-align: left;
      }
      .flexible-solutions-section3 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 450px;
      }
      .flexible-solutions-section1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        align-self: stretch;
        justify-content: flex-start;
      }
      .flexible-solutions-section2 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        align-self: stretch;
        justify-content: flex-start;
      }
      .flexible-container1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
        justify-content: space-between;
      }
      .flexible-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: flex-start;
      }
      .svg-container-point {
        display: flex;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        color: #e2fea8;
        transition: all 0.3s ease-in-out;
      }
      .svg-container-arrow {
        display: flex;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        color: #e2fea8;
        transition: all 0.3s ease-in-out;
      }

      .active .svg-container-arrow {
        transform: rotate(180deg);
      }
      .flexible-heading {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 700 22px/28px Manrope, sans-serif;
        color: white;
      }
      .business-solutions-description {
        box-sizing: border-box;
        display: none;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        align-self: stretch;
        justify-content: flex-start;
        padding-right: 20px;
        padding-left: 20px;
      }
      .business-solution-heading {
        flex: 1 1 auto;
        padding: 0;
        margin: 0 0 15px;
        font: 400 16px/22px Manrope, sans-serif;
        color: white;
        text-align: left;
      }
      ul {
        margin-left: 15px;
      }
      ul li {
        margin-left: 15px;
      }
      .separator-line {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        height: 1px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
      }
      .results-in-short-time {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: flex-start;
        align-self: stretch;
        justify-content: space-between;
      }
      .results-in-short-time1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
      }
      .rapid-results-heading {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 700 22px/28px Manrope, sans-serif;
        color: white;
        text-align: left;
      }
      .vertical-spacing-container {
        box-sizing: border-box;
        width: 38px;
        padding-top: 158px;
        padding-bottom: 274px;
      }
      .image-container-full-width {
        box-sizing: border-box;
        display: block;
        width: 100%;
        max-width: initial;
        height: 47px;
        border: none;
        object-fit: cover;
      }
      .food-company-card {
        box-sizing: border-box;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        height: 300px;
        padding: 130px 21px 13px;
        background: #f8f7f5;
      }
      .food-company-logo {
        display: block;
        flex: 0 0 auto;
        max-width: initial;
        height: 40px;
        margin: 0 auto;
      }
      .company-name-style {
        flex: 0 0 auto;
        align-self: center;
        padding: 0;
        margin: 0;
        margin-top: 95px;
        font: 400 14px Manrope, sans-serif;
        color: rgba(0, 0, 0, 0.5);
      }
      .windpower-company-card {
        box-sizing: border-box;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 300px;
        padding-top: 100px;
        padding-bottom: 13px;
        background: #f8f7f5;
      }
      .windpower-logo {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        width: 100px;
        max-width: initial;
        height: 100px;
        border: none;
        object-fit: cover;
      }
      .company-name-style1 {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        margin-top: 65px;
        font: 400 14px Manrope, sans-serif;
        color: rgba(0, 0, 0, 0.5);
      }
      .cheeky-image-cover {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        width: 100px;
        max-width: initial;
        height: 100px;
        border: none;
        mix-blend-mode: darken;
        object-fit: cover;
      }
      .company-info-container {
        box-sizing: border-box;
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 300px;
        padding: 100px 14px 13px;
        background: #f8f7f5;
      }
      .company-title-text-style {
        font: 400 14px Manrope, sans-serif;
      }
      .consultation-request-section1 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
      }
      .consultation-request-section {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 100%;
        height: 800px;
        overflow: hidden;
        background: linear-gradient(141.42deg, rgba(26, 36, 40, 1) 35.55%, rgba(0, 118, 108, 1) 122.43%);
      }
      .consultation-request-section4 {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        background: url("assets/image_51a18416.jpeg") 50% / cover no-repeat;
        border: none;
      }
      .consultation-request-section2 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        min-width: 1241px;
        padding-top: 100px;
        padding-bottom: 84px;
      }
      .request-form-container {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 42.95%;
        padding-bottom: 418px;
      }
      .hero-text-display-style {
        box-sizing: border-box;
        max-width: 518px;
        padding: 0;
        margin: 0;
        font: 700 60px/66px Manrope, sans-serif;
        color: white;
        text-align: left;
      }
      .project-discussion-section {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 57.05%;
        padding-left: 233px;
      }
      .technology-solution-section1 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: flex-start;
        max-width: 475px;
        padding: 25px;
        background: white;
      }
      .technology-solution-section {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 425px;
      }
      .tech-solution-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        justify-content: flex-start;
        width: 405px;
      }
      .tech-solution-heading {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 700 30px/33px Manrope, sans-serif;
        color: #201f1d;
        text-align: left;
      }
      .tech-solution-description {
        flex: 0 0 auto;
        align-self: stretch;
        padding: 0;
        margin: 0;
        font: 400 16px/22px Inter, sans-serif;
        color: rgba(32, 31, 29, 0.5);
        text-align: left;
      }
      .project-description-input {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
        justify-content: start;
        height: 60px;
        padding-left: 19px;
        font: 400 14px Inter, sans-serif;
        color: rgba(32, 31, 29, 0.5);
        border: 1px solid rgba(32, 31, 29, 0.2);
      }
      .project-description-input1 {
        box-sizing: border-box;
        width: 100%;
        font: 400 14px Inter, sans-serif;
        background: transparent;
        border: none;
        outline: none;
      }
      .input-style-43c72daf::placeholder {
        color: rgba(32, 31, 29, 0.5);
      }
      .form-textarea {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        height: 120px;
        padding: 20px;
        margin: 0;
        font: 400 14px Inter, sans-serif;
        color: rgba(32, 31, 29, 0.5);
        border: 1px solid rgba(32, 31, 29, 0.2);
      }

      .form-input {
        box-sizing: border-box;
        flex: 0 0 auto;
        align-self: stretch;
        padding: 20px;
        margin: 0;
        font: 400 14px Inter, sans-serif;
        color: rgba(32, 31, 29, 0.5);
        border: 1px solid rgba(32, 31, 29, 0.2);
      }

      .send-button {
        width: 100%;
        padding: 20px;
        margin: 0;
        color: #fff;
        background-color: #201F1D;
        border: 1px solid #201F1D;
        box-sizing: border-box;
        text-align: center;
        font-family: Manrope;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
      }

      .send-button:hover {
        background-color: #3a3834;
        border: 1px solid #3a3834;
      }

      .send-button:active {
        background-color: #68645d;
        border: 1px solid #68645d;
      }

      .consultation-request-section3 {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        align-self: stretch;
        justify-content: flex-start;
      }
      .consultation-button {
        box-sizing: border-box;
        display: block;
        flex: 0 0 auto;
        align-self: stretch;
        width: 425px;
        min-width: 425px;
        height: 60px;
        font: 600 20px/24px Manrope, sans-serif;
        color: white;
        cursor: pointer;
        background: #201f1d;
        border: none;
      }
      .privacy-policy-text {
        box-sizing: border-box;
        flex: 0 0 auto;
        width: 405px;
        padding: 0;
        margin: 0;
        font: 400 12px/16px Inter, sans-serif;
        color: rgba(32, 31, 29, 0.5);
        text-align: center;
      }
      .privacy-policy-text a {
        color: rgba(32, 31, 29, 0.5);
      }
      .footer-container {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: center;
        align-self: stretch;
        justify-content: flex-start;
        height: 122px;
        background: white;
      }
      .footer-section {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: center;
        justify-content: space-between;
        min-width: 1242px;
        height: 122px;
      }
      .privacy-policy-heading a {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        font: 600 16px Manrope, sans-serif;
        color: #201f1d;
        text-decoration: none;
      }
      .privacy-policy-heading1 a {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        margin-left: 48px;
        font: 600 16px Manrope, sans-serif;
        color: #201f1d;
        text-decoration: none;
      }
      .digital-brand-copyright {
        font: 600 16px Manrope, sans-serif;
      }