/* Responsive Styles */
       @media (max-width: 992px) {
           .hero-title {
               font-size: 40px;
           }

           .founder-section {
               flex-direction: column;
           }

           .founder-image {
               width: 100%;
               max-width: 400px;
               margin-bottom: 30px;
           }

           .founder-info {
               width: 100%;
           }

           .team-member {
               min-width: calc(50% - 15px);
               flex: 0 0 calc(50% - 15px);
           }
       }

       @media (max-width: 768px) {
           header .container {
               flex-direction: column;
               align-items: flex-start;
           }

           nav {
               margin-top: 15px;
               width: 100%;
           }

           nav ul {
               flex-direction: column;
           }

           nav ul li {
               margin: 10px 0;
               margin-left: 0;
           }

           .mobile-menu-btn {
               display: block;
               position: absolute;
               right: 15px;
               top: 25px;
           }

           .nav-menu {
               display: none;
               width: 100%;
           }

           .nav-menu.active {
               display: block;
           }

           /* Responsive Styles for Smartphones (between 202px and 362px) */
           @media (min-width: 326px) and (max-width: 7672px) {

               /* Hero Section Adjustments */
               .hero {
                   padding: 100px 0 40px;
                   text-align: center;
               }

               .hero-title {
                   font-size: 28px;
                   line-height: 1.2;
                   margin-bottom: 30px;
               }

               .btn-primary {
                   font-size: 16px;
                   padding: 12px 24px;
               }

               /* Partners Section Adjustments */
               .partners {
                   display: flex;
                   flex-direction: row;
                   /* Stack logos vertically */
                   align-items: center;
                   gap: 10px;
                   position: relative;
                   top: 4.2vh;
               }

               .partner img {
                   height: 90px;
                   /* Slightly bigger for visibility */
                   opacity: 0.8;
                   transition: opacity 0.2s ease;
               }

               .partner img:hover {
                   opacity: 1;
               }
           }


           .team-member {
               min-width: 100%;
               flex: 0 0 100%;
           }

           .benefits {
               flex-direction: column;
           }

           .benefit {
               width: 100%;
           }

           .footer-content {
               flex-direction: column;
               gap: 30px;
           }
       }


       /* Responsive Styles for Screens Between 768px and 930px */
       @media (min-width: 768px) and (max-width: 930px) {

           /* Hero Section Adjustments */
           .hero {
               padding: 120px 0 50px;
               /* Adjust padding for better spacing */
           }

           .hero h1 {
               font-size: 30px;
               /* Reduce font size for better fit */
               line-height: 1.2;
           }

           .hero p {
               font-size: 12px;
               /* Slightly reduce paragraph font size */
               margin-bottom: 25px;
           }

           .hero .btn-primary {
               font-size: 12px;
               /* Adjust button text size */
               padding: 10px 20px;
               /* Adjust button padding */
           }

           /* About Section Adjustments */
           .about-section {
               padding: 40px 0;
               /* Reduce padding for better spacing */
           }

           .about-section h2 {
               font-size: 30px;
               /* Reduce heading size */
           }

           .about-section p {
               font-size: 12px;
               /* Slightly reduce paragraph font size */
           }

           /* Features Section Adjustments */
           .features-section {
               padding: 40px 0;
               /* Reduce padding for better spacing */
           }

           .feature-card {
               margin-bottom: 20px;
               /* Add more spacing between cards */
           }

           .feature-card h4 {
               font-size: 15px;
               /* Reduce heading size */
           }

           .feature-card p {
               font-size: 12px;
               /* Slightly reduce paragraph font size */
           }

           /* Testimonials Section Adjustments */
           .testimonials-section {
               padding: 40px 0;
               /* Reduce padding for better spacing */
           }

           .testimonial-card {
               margin-bottom: 30px;
               /* Add more spacing between testimonials */
           }

           .testimonial-text p {
               font-size: 12px;
               /* Slightly reduce paragraph font size */
           }

           .testimonial-author h5 {
               font-size: 15px;
               /* Reduce author name size */
           }

           .testimonial-author p {
               font-size: 12px;
               /* Reduce grade/role size */
           }

           /* Footer Adjustments */
           footer {
               padding: 40px 0;
               /* Reduce padding for better spacing */
           }

           footer p {
               font-size: 12px;
               /* Slightly reduce paragraph font size */
           }
       }