@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

   * {
       box-sizing: border-box;
   }

   html {
       scroll-behavior: smooth;
       scroll-padding-top: 70px;
   }

   body {
       font-family: 'Inter', sans-serif;
       margin: 0;
       padding: 0;
   }

   .container {
       width: 100%;
       max-width: 1170px;
       margin: 0 auto;
       padding: 0 15px;
   }

   .main-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin: auto;
       transition-property: transform, background, box-shadow, line-height, height;
       transition-duration: .3s;
       transition-timing-function: cubic-bezier(.78, .13, .15, .86);
   }

   header {
       background-color: #ffffff;
       padding: 5px 0;
       position: fixed;
       z-index: 999;
       width: 100%;
       top: 0;
   }

   .logo-title img {
       width: 100%;
       max-width: 110px;
   }

   .menu-toggle {
       display: none;
       font-size: 26px;
       cursor: pointer;
       background: none;
       border: none;
       color: #000;
   }

   .main-header nav {
       display: flex;
   }

   .main-header nav ul {
       display: flex;
       list-style: none;
       margin: 0;
       padding: 0 !important;
   }

   .main-header nav ul li a {
       text-decoration: none;
       color: #000;
       font-weight: 500;
       padding: 15px;
       display: inline-block;
       font-size: 16px;
   }


   .footer {
       background-color: #f4f4f4;
       color: #000;
       padding: 70px 0 0px;
   }

   .footer .footer-top {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       padding-bottom: 60px;
   }

   .social-icons i {
       color: #000 !important;
       font-size: 18px;
       margin: 0 !important;
   }

   .footer-col {
       display: inline-block;
       vertical-align: top;
       width: 22.33%;
       margin-right: 3%;
   }

   .footer-col:last-child {
       margin-right: 0;
   }

   .footer-col h4 {
       font-size: 22px;
       margin-bottom: 20px;
       margin-top: 0;
       font-weight: 700;
   }

   .footer-col ul {
       list-style: none;
       padding: 0;
       margin-bottom: 0;
   }

   .footer-col ul li a {
       text-decoration: none;
       color: #000;
       display: block;
       margin-bottom: 10px;
       font-size: 15px;
   }

   .footer-col p {
       margin: 0;
       line-height: 1.6;
       font-size: 14px;
   }

   .footer .logo {
       margin-bottom: 20px;
   }

   .footer .logo .icon {
       font-size: 24px;
   }

   .footer .logo .text {
       font-size: 20px;
       font-weight: bold;
   }

   .footer .post {
       display: flex;
       align-items: flex-start;
       gap: 10px;
       margin-bottom: 0;
   }

   .footer-bottom {
       padding: 30px 0;
       border-top: 1px solid #00000033;
       text-align: center;
   }

   .footer-bottom p {
       font-size: 14px;
       margin: 0;
   }

   .social-icons a {
       margin-left: 7px;
   }

   .social-icons a:first-child {
       margin-left: 0px;
   }


   .banner-sec {
       background-image: url('images/erp1.jpg');
       background-repeat: no-repeat;
       background-size: cover;
       padding-top: 100px;
       padding-bottom: 100px;
       background-position: center center;
       position: relative;
       margin-top: 105px;
   }

   .overlay-bg {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       background: #111;
       opacity: .6;
   }

   .content-box {
       width: 100%;
       max-width: 750px;
       z-index: 1;
       position: relative;
   }

   .content-box p {
       margin: 0;
       color: #fff;
       font-size: 18px;
       line-height: 25px;
   }

   .learn-more-btn {
       display: inline-block;
       text-decoration: none;
       margin-top: 30px;
       background: #0d6bad;
       color: #fff;
       padding: 15px 25px;
       font-size: 16px;
       font-weight: 600;
       border-radius: 4px;
       border: 1px solid #0d6bad;
       text-align: center;
   }

   .learn-more-btn:hover {
       background: transparent;
       color: #0d6bad;
       border: 1px solid #0d6bad;
   }


   .services-container {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       column-gap: 15px;
       row-gap: 50px;
   }

   .service-card {
       background: #fff;
       border-radius: 6px;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
       padding: 30px 20px 60px;
       text-align: center;
       position: relative;
       transition: transform 0.3s ease;
   }

   .service-card:hover {
       transform: translateY(-5px);
   }

   .service-icon {
       height: 65px;
       margin-bottom: 20px;
   }

   .service-title {
       font-size: 20px;
       font-weight: 600;
       margin-bottom: 15px;
   }

   .service-desc {
       font-size: 15px;
       color: #666;
   }

   .service-title a {
       text-decoration: none;
       color: #000;
   }

   .arrow-button {
       width: 45px;
       height: 45px;
       border-radius: 50%;
       text-decoration: none;
       background-color: #83621a;
       color: white;
       font-size: 20px;
       border: none;
       position: absolute;
       bottom: -20px;
       left: 50%;
       transform: translateX(-50%);
       display: flex;
       align-items: center;
       justify-content: center;
       box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
       cursor: pointer;
       transition: background 0.3s;
   }

   .arrow-button:hover {
       background-color: #0d6bad;
   }

   .services-sec {
       background: #f8f8f8;
   }

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

   .main-heading {
       margin-top: 0;
       margin-bottom: 60px;
       position: relative;
       font-size: 40px;
       text-align: center;
       color: #000;
       font-weight: 700;
   }

   .main-heading:before {
       position: absolute;
       content: '';
       background: #0072cb;
       width: 60px;
       height: 3px;
       bottom: -25px;
       left: 50%;
       transform: translateX(-50%);
   }

   .implementation-section .cards {
       display: grid;
       grid-template-columns: repeat(2, 2fr);
       gap: 60px;
   }

   .implementation-section .card {
       position: relative;
       height: 350px;
       border-radius: 10px;
       overflow: hidden;
       background-size: cover;
       background-position: center;
       cursor: pointer;
       background-blend-mode: darken;
       background-color: #00000038;
   }

   .implementation-section .card-title {
       position: absolute;
       color: #fff;
       font-size: 30px;
       font-weight: 600;
       text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
       transition: opacity 0.3s ease;
       z-index: 1;
       top: 50%;
       left: 50%;
       transform: translateX(-50%);
       text-align: center;
       max-width: 350px;
       width: 100%;
   }

   .implementation-section .card:hover .card-title {
       opacity: 0;
   }

   .implementation-section .overlay {
       position: absolute;
       inset: 0;
       background: rgb(13 107 173 / 60%);
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       transition: opacity 0.4s ease;
   }

   .implementation-section .card:hover .overlay {
       opacity: 1;
   }

   .implementation-section .btn {
       background: #fff;
       color: #0072cb;
       padding: 15px 25px;
       border-radius: 4px;
       font-weight: 600;
       border: none;
       text-decoration: none;
       font-size: 16px;
       transform: scale(0.9);
       transition: transform 0.3s ease, background 0.3s;
   }

   .implementation-section .card:hover .btn {
       transform: scale(1);
       background: #eaeaea;
   }

   .implementation-section .description {
       text-align: center;
       margin-top: 20px;
       font-size: 16px;
       color: #000000;
       max-width: 85%;
       margin-left: auto;
       margin-right: auto;
       line-height: 25px;
   }

   .implementation-section .card-wrapper {
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .cost-estimate .container {
       padding: 70px;
       background: #0072cb;
       border-radius: 12px;
   }

   .cost-estimate-text {
       color: #fff;
       width: 80%;
   }

   .cost-estimate-btn {
       width: auto;
   }

   .cost-estimate-text p {
       margin-bottom: 0;
       line-height: 22px;
   }

   .cost-estimate-text h3 {
       margin-top: 0;
       font-size: 25px;
       margin-bottom: 20px;
   }

   .cost-estimate-text-btn {
       display: flex;
       width: 100%;
       align-items: center;
       justify-content: space-between;
       gap: 30px;
       flex-wrap: wrap;
   }

   .cost-estimate-btn a {
       background: #fff;
       text-decoration: none;
       width: 100%;
       display: inline-block;
       font-size: 16px;
       font-weight: 600;
       padding: 15px 25px;
       border-radius: 4px;
       color: #0072cb;
   }

   .conclusion-text-with-img {
       display: flex;
       width: 100%;
       gap: 50px;
       flex-wrap: wrap;
   }

   .conclusion-image img {
       width: 100%;
       height: 400px;
       object-fit: cover;
       object-position: center;
   }

   .conclusion-text-with-img .conclusion-text,
   .conclusion-text-with-img .conclusion-image {
       width: calc(50% - 25px);
   }

   .conclusion-text-with-img .conclusion-text .main-heading {
       text-align: left;
   }

   .conclusion-text-with-img .conclusion-text .main-heading:before {
       left: 0;
       transform: unset;
   }

   .conclusion-text-with-img .conclusion-text p {
       margin-bottom: 0;
       font-size: 16px;
       line-height: 22px;
   }

   .about-section {
       background-image: url('images/about-us-banner.jpg');
       background-size: cover;
       background-position: center;
       position: relative;
       display: flex;
       align-items: center;
       padding: 150px 0 150px;
       margin-top: 105px;
   }

   .service-section {
       background-image: url('images/services-bg.jpg');
   }

   .industries-sec {
       background-image: url('images/industries-serve.jpg');
   }

   .contact-sec {
       background-image: url('images/contact-us-bg.jpg');
   }

   .projects-sec {
       background-image: url('images/projects-bg.jpg');
   }

   .testimonials-sec {
       background-image: url('images/projects-bg.jpg');
   }

   .about-section .overlay {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       display: flex;
       align-items: center;
       position: absolute;
       top: 0;
       left: 0;
   }

   .page-title {
       font-size: 3rem;
       font-weight: bold;
       margin-top: 0;
       margin-bottom: 20px;
       color: #fff;
   }

   .about-section h3 {
       color: #fff;
       font-weight: 400;
       font-size: 22px;
       margin: 0;
   }

   .about-container {
       display: flex;
       align-items: center;
       gap: 50px;
       flex-wrap: wrap;
   }

   .about-image img {
       width: 100%;
       max-width: 400px;
       border-radius: 6px;
   }

   .about-text {
       flex: 1;
       min-width: 280px;
   }

   .about-text .main-heading {
       text-align: left;
   }

   .about-text p {
       font-size: 16px;
       line-height: 1.6;
       color: #000;
   }

   .about-text .main-heading:before {
       left: 0;
       transform: unset;
   }

   p.top-heading {
       margin-top: 0;
       background: #0072cb;
       width: fit-content;
       color: #fff;
       text-transform: uppercase;
       line-height: 20px;
       font-size: 13px;
       font-weight: 500;
       opacity: 1;
       padding: 5px 10px 4px;
       letter-spacing: .5px;
   }


   .vision-mission-section {
       padding: 60px 0px;
       background-color: #0072cb;
   }


   .vision-mission-card {
       display: flex;
       flex-wrap: wrap;
       gap: 40px;
   }

   .vision-mission-section .card {
       background-color: #fff;
       padding: 40px 35px;
       flex: 1 1 350px;
       max-width: 600px;
       box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
       display: flex;
   }

   .vision-mission-section .card-header img {
       width: 40px;
       height: 40px;
       margin-right: 20px;
   }

   .vision-mission-section .card-content h3 {
       margin-top: 0;
       font-size: 25px;
       color: #000000;
       font-weight: 700;
       margin-bottom: 15px;
   }

   .vision-mission-section .card p {
       font-size: 16px;
       line-height: 1.6;
       color: #000;
       margin-bottom: 0;
   }

   .core-value-box img {
       width: 80px;
       height: 80px;
       object-fit: contain;
   }

   .core-grid {
       width: 100%;
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       text-align: center;
       padding-top: 30px;
       gap: 30px;
   }

   .core-value-box h3 {
       margin-bottom: 0;
       font-size: 30px;
       font-weight: 400;
       color: #000;
   }

   .left-right-sec {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       gap: 50px;
   }

   .left-right-sec .left-image {
       flex: 1 1 40%;
       text-align: center;
   }

   .left-right-sec .left-image img {
       max-width: 100%;
       height: auto;
       border-radius: 8px;
   }

   .left-right-sec .content {
       flex: 1 1 55%;
   }

   .left-right-sec .subtitle {
       color: #0f9b8e;
       font-weight: 600;
       font-size: 0.95rem;
       margin-bottom: 8px;
       text-transform: uppercase;
   }

   .left-right-sec .content h2 {
       text-align: left;
   }

   .left-right-sec .content h2:before {
       left: 0;
       transform: unset;
   }

   .left-right-sec .description {
       color: #000000;
       font-size: 16px;
       margin-bottom: 30px;
       line-height: 1.6;
       margin-top: 0;
   }

   .left-right-sec .points {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
       gap: 20px;
   }

   .left-right-sec .point {
       display: flex;
       align-items: flex-start;
       gap: 15px;
   }

   .left-right-sec .icon img {
       width: 40px;
   }

   .left-right-sec .point h4 {
       margin: 0 0 6px;
       font-size: 1.1rem;
       color: #000;
   }

   .left-right-sec .point p {
       margin: 0;
       font-size: 15px;
       color: #000;
   }

   .key-differentiators {
       background: #f4f4f4;
   }

   .certifications-section .certifications-section h2 {
       font-size: 28px;
       margin-bottom: 30px;
       color: #111;
   }

   .certifications-section .certifications-grid {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       gap: 20px;
   }

   .certifications-section .cert-item {
       flex: 1 1 220px;
       max-width: 265px;
       background: #fff;
       padding: 20px;
       border-radius: 12px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
       transition: transform 0.3s ease;
   }

   .certifications-section .cert-item:hover {
       transform: translateY(-5px);
   }

   .certifications-section .cert-item img {
       width: 60px;
       margin-bottom: 15px;
   }

   .certifications-section .cert-item h3 {
       font-size: 20px;
       margin-bottom: 10px;
       color: #000;
   }

   .certifications-section .cert-item p {
       font-size: 15px;
       color: #000;
       line-height: 1.5;
       margin-bottom: 0;
   }

   .services-boxes {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
       gap: 40px;
       width: 100%;
   }

   .services-boxes {
       padding-top: 70px;
   }

   .services-boxes:first-child {
       padding-top: 0px;
   }

   .image-section {
       width: calc(50% - 20px);
   }

   .image-section img {
       width: 100%;
   }

   .text-section {
       width: calc(50% - 20px);
   }

   .text-section h2 {
       font-size: 28px;
       font-weight: bold;
       margin-bottom: 20px;
       margin-top: 0;
   }

   .text-section p {
       font-size: 16px;
       line-height: 1.6;
       margin-bottom: 20px;
       margin-top: 0;
   }

   .features-list {
       list-style: none;
       padding: 0;
   }

   .features-list li {
       margin-bottom: 15px;
       font-size: 16px;
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .checkmark {
       color: #0d6bad;
       font-weight: bold;
   }

   .text-section .learn-more-btn {
       margin-top: 15px;
   }

   .contact-section .contact-form h2 {
       font-size: 28px;
       margin-bottom: 10px;
       font-weight: 700;
       color: #000;
       margin-top: 0;
   }

   .contact-section .contact-form p {
       font-size: 16px;
       color: #000;
       margin-bottom: 30px;
   }

   .contact-content {
       display: flex;
       gap: 40px;
       flex-wrap: wrap;
   }

   .contact-info {
       width: calc(35% - 40px);
   }

   .name-email-field {
       width: 100%;
       display: flex;
       gap: 16px;
       flex-wrap: wrap;
   }

   .name-email-field input {
       width: calc(50% - 8px);
   }

   .contact-form {
       width: 65%;
   }

   .info-block {
       margin-bottom: 25px;
   }

   .info-block h3 {
       font-size: 18px;
       margin-bottom: 5px;
       margin-top: 0;
   }

   .contact-form h3 {
       margin-bottom: 20px;
   }

   .info-block p a {
       text-decoration: none;
       display: block;
       color: #000;
   }

   .contact-form form {
       display: flex;
       flex-direction: column;
   }

   .contact-form input,
   .contact-form textarea {
       padding: 12px;
       margin-bottom: 15px;
       border: 1px solid #ccc;
       border-radius: 6px;
       font-size: 16px;
   }

   .contact-form button {
       padding: 12px;
       background-color: #0072cb;
       color: #fff;
       border: none;
       border-radius: 6px;
       font-size: 16px;
       cursor: pointer;
       transition: background 0.3s ease;
       display: inline-block;
   }

   .contact-form button:hover {
       background-color: #005fa3;
   }

   .info-block i {
       color: #0072cb;
       margin-right: 10px;
   }

   .social-icons {
       margin-top: 15px;
   }

   .aboutus-sec {
       background: #f4f4f4;
   }

   .industries-sec p {
       color: #fff;
       margin-bottom: 0;
   }

   .we-serve-content {
       max-width: 600px;
   }

   .industries-section h2 {
       font-size: 32px;
       font-weight: 700;
       margin-bottom: 10px;
   }

   .industries-section .subheading {
       font-size: 18px;
       color: #666;
       margin-bottom: 40px;
   }

   .industry-grid {
       display: grid;
       grid-template-columns: repeat(3, 2fr);
       gap: 30px;
   }

   .industry-card {
       background: #fff;
       padding: 30px 20px;
       border-radius: 12px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
       transition: transform 0.3s ease;
   }

   .industry-card:hover {
       transform: translateY(-5px);
   }

   .industry-card img {
       width: 50px;
       height: 50px;
       margin-bottom: 20px;
   }

   .industry-card h3 {
       font-size: 22px;
       font-weight: 700;
       margin-bottom: 10px;
       color: #000;
   }

   .industry-card p {
       font-size: 15px;
       color: #000;
       margin-bottom: 0;
   }

   .we-serve-content p {
       color: #fff;
       margin-bottom: 0;
   }

   .project-section .project {
       display: flex;
       flex-wrap: wrap;
       margin-bottom: 50px !important;
       padding-bottom: 50px;
       border-bottom: 1px solid #f4f4f4;
       width: 100%;
       gap: 40px;
       max-width: 1000px;
       margin: auto;
   }

   .project-section .project-text {
       width: calc(50% - 20px);
   }

   .project-section .project-text h2 {
       margin-top: 0;
       color: #000;
       font-size: 30px;
       font-weight: 700;
   }

   .project-section .project-text p {
       margin-bottom: 20px;
       font-size: 20px;
       color: #000;
   }

   .project-section .project-images {
       width: calc(50% - 20px);
       display: flex;
       flex-wrap: wrap;
       gap: 10px;
       justify-content: center;
       align-items: center;
   }

   .project-section .project-images img {
       width: calc(50% - 5px);
       border-radius: 8px;
       object-fit: cover;
       height: 120px;
       object-fit: cover;
   }

   .project-section .project-images img:first-child {
       width: 100%;
       height: 220px;
   }

   .project-section .project:last-child {
       margin-bottom: 0 !important;
       padding-bottom: 0;
       border: 0;
   }

   .testimonial-content {
       width: 100%;
       max-width: 600px;
       margin: auto;
       text-align: center;
   }

   .testimonial-card {
       background: white;
       padding: 30px;
       border-radius: 12px;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
       margin: 10px;
       height: auto !important;
   }

   .testimonial-card h3 {
       font-size: 22px;
       font-weight: 700;
       margin-bottom: 15px;
       color: #000;
       margin-top: 0;
   }

   .testimonial-card p {
       color: #0072cb;
       line-height: 1.6;
       font-size: 16px;
       margin-bottom: 20px;
   }

   .testimonial-author {
       display: flex;
       align-items: center;
       gap: 15px;
   }

   .testimonial-author img {
       width: 50px;
       height: 50px;
       border-radius: 50%;
       object-fit: cover;
   }

   .testimonial-author-info {
       font-size: 14px;
   }

   .testimonial-author-info strong {
       display: block;
       font-weight: bold;
       color: #000;
   }

   .testimonial-author-info span {
       color: #888;
   }

   .testimonial-slider {
       margin-top: 40px;
   }


   /* media css */
   @media (max-width: 768px) {
       .main-header nav ul li a {
           padding: 10px 15px;
           font-size: 15px;
       }

       .logo-title {
           font-size: 22px;
       }

       .main-header nav {
           position: absolute;
           top: 100%;
           left: 0;
           width: 100%;
           background: #fff;
           overflow: hidden;
           max-height: 0;
           transition: max-height 0.4s ease-in-out;
           flex-direction: column;
       }

       .main-header nav.show {
           max-height: 400px;
       }

       .main-header nav ul {
           flex-direction: column;
       }

       .main-header nav ul li {
           margin: 0;
       }

       .menu-toggle {
           display: block;
       }

       .services-container {
           grid-template-columns: repeat(1, 1fr);
       }

       .logo-title img {
           max-width: 75px;
       }

       .banner-sec {
           padding-top: 70px;
           padding-bottom: 70px;
       }

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

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

       .main-heading {
           font-size: 25px;
       }

       .implementation-section .cards {
           grid-template-columns: repeat(1, 2fr);
       }

       .implementation-section .card-title {
           font-size: 22px;
       }

       .implementation-section .card {
           height: 300px;
       }

       .implementation-section .description {
           margin-top: 10px;
           font-size: 15px;
           max-width: 100%;
           line-height: 20px;
       }

       .implementation-section .cards {
           gap: 40px;
       }

       .cost-estimate .container {
           padding: 25px;
       }

       .cost-estimate-text {
           width: 100%;
       }

       .conclusion-text-with-img .conclusion-text,
       .conclusion-text-with-img .conclusion-image {
           width: 100%;
       }

       .footer-col {
           width: 100%;
           margin-right: 0;
           margin-bottom: 25px;
       }

       .footer-col:last-child {
           margin-bottom: 0;
       }

       .footer-col h4 {
           font-size: 20px;
       }

       .footer .footer-top {
           padding-bottom: 50px;
       }

       .conclusion-image img {
           height: auto;
       }

       .page-title {
           font-size: 28px;
       }

       .about-section {
           padding: 150px 0 150px;
       }

       .core-grid {
           grid-template-columns: repeat(1, 1fr);
           padding-top: 10px;
       }

       .core-value-box h3 {
           font-size: 25px;
       }

       .core-value-box img {
           width: 70px;
           height: 70px;
       }

       .vision-mission-section .card {
           padding: 30px 15px;
       }

       .about-section h3 {
           font-size: 20px;
       }

       .about-section,
       .banner-sec {
           margin-top: 75px;
       }

       .certifications-section .cert-item {
           max-width: 100%;
       }

       .image-section,
       .text-section {
           width: 100%;
       }

       .text-section h2,
       .project-section .project-text h2 {
           font-size: 22px;
           margin-bottom: 15px;
       }

       .text-section p,
       .features-list li,
       .project-section .project-text p {
           font-size: 15px;
       }

       .services-boxes {
           gap: 25px;
       }

       .text-section .learn-more-btn {
           padding: 15px 5px;
           font-size: 14px;
       }

       .services-boxes {
           padding-top: 50px;
       }

       .services-boxes:nth-child(even) {
           flex-direction: column-reverse;
       }

       .footer {
           padding: 50px 0 0px;
       }

       .contact-content {
           flex-direction: column;
       }

       .contact-form,
       .contact-info,
       .name-email-field input,
       .project-section .project-text,
       .project-section .project-images {
           width: 100%;
       }

       .contact-content {
           gap: 20px;
       }

       .contact-section .contact-form h2 {
           font-size: 22px;
       }

       .name-email-field {
           gap: 0px;
       }

       .industry-grid {
           display: grid;
           grid-template-columns: repeat(1, 2fr);
           gap: 30px;
       }

       .project-section .project {
           margin-bottom: 35px !important;
           padding-bottom: 35px;
       }

       .project-section .project:nth-child(odd) {
           flex-direction: column-reverse;
       }

       .testimonial-card {
           padding: 30px 20px;
       }

       .testimonial-card h3 {
           font-size: 18px;
       }

       .testimonial-card p {
           line-height: 1.5;
           font-size: 15px;
       }
   }