/* Vanly responsive styles - copied from watchour-responsive.css with class name changes */

/* Responsive padding for different screen sizes */
@media screen and (max-width: 1045px) {
  .about-vanly,
  .problem-vanly,
  .research-vanly,
  .solution-vanly,
  .design-process-vanly,
  .competitive-analysis-section,
  .project-outcome-vanly {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 769px) {
  .about-vanly,
  .problem-vanly,
  .research-vanly,
  .solution-vanly,
  .design-process-vanly,
  .competitive-analysis-section,
  .competitive-analysis-vanly,
  .project-outcome-vanly {
    padding-left: 0;
    padding-right: 0;
  }

  /* Responsive text styles for small screens */
  .vanly-content h1,
  .vanly-content h2,
  .vanly-content h3,
  .vanly-content h4,
  .vanly-content h5,
  .vanly-content h6,
  .vanly-app,
  .problem,
  .research1,
  .solution,
  .design-process1,
  .competitive-analysis-title,
  .project-outcome-title {
    font-size: 30px !important;
    line-height: 35px !important;
  }

  .vanly-content p,
  .vanly-content li,
  .vanly-content span,
  .vanly-is-a-logistics-platform-enabling-users-to-connect-with-reliable-vetted-van-drivers-within-their-local-area,
  .many-individuals-and-businesses-struggle-to-find-trustworthy-van-drivers-quickly-especially-during-urgent-moves-or-deliveries,
  .the-research-phase-involved-studying-both-users-clients-who-frequently-require-logistics-services-and-drivers-who-offer-such-services,
  .vanly-offers-a-seamless-streaming-experience-with-features-designed-for-convenience-and-user-satisfaction-unified-interface-combines-movies-tv-series-and-events-in-a-single-user-friendly-platform-personalized-recommendations-displays-tailored-content-based-on-user-preferences-and-viewing-history-event-streaming-adds-a-unique-edge-by-including-live-event-streaming-alongside-movies-and-tv-shows-multi-device-accessibility-ensures-compatibility-across-desktop-tablet-and-mobile-devices,
  .strong-ui-ux-design-implementation,
  .netflix-known-for-its-seamless-recommendations-but-lacks-event-streaming-capabilities-hulu-offers-a-variety-of-shows-but-has-a-less-intuitive-interface-disney-focuses-on-franchise-content-but-lacks-diversity-in-its-library-watchour-differentiated-itself-by-providing-event-streaming-personalized-recommendations-and-a-unified-platform-that-caters-to-a-broad-audience {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .image-17,
  .image-18,
  .image-19 {
    width: 100%;
    height: auto;
  }

  .vanly-frame-393102,
  .frame-3931013 {
    flex-direction: column !important;
    gap: 20px;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  .competitive-analysis-vanly {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 530px) {
  .about-vanly,
  .problem-vanly,
  .research-vanly,
  .solution-vanly,
  .design-process-vanly,
  .competitive-analysis-section,
  .project-outcome-vanly {
    padding-left: 0;
    padding-right: 0;
  }

  /* Responsive text styles for very small screens */
  .vanly-content h1,
  .vanly-content h2,
  .vanly-content h3,
  .vanly-content h4,
  .vanly-content h5,
  .vanly-content h6,
  .vanly-app,
  .problem,
  .research1,
  .solution,
  .design-process1,
  .competitive-analysis-title,
  .project-outcome-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .vanly-content p,
  .vanly-content li,
  .vanly-content span,
  .vanly-is-a-logistics-platform-enabling-users-to-connect-with-reliable-vetted-van-drivers-within-their-local-area,
  .many-individuals-and-businesses-struggle-to-find-trustworthy-van-drivers-quickly-especially-during-urgent-moves-or-deliveries,
  .the-research-phase-involved-studying-both-users-clients-who-frequently-require-logistics-services-and-drivers-who-offer-such-services,
  .vanly-offers-a-seamless-streaming-experience-with-features-designed-for-convenience-and-user-satisfaction-unified-interface-combines-movies-tv-series-and-events-in-a-single-user-friendly-platform-personalized-recommendations-displays-tailored-content-based-on-user-preferences-and-viewing-history-event-streaming-adds-a-unique-edge-by-including-live-event-streaming-alongside-movies-and-tv-shows-multi-device-accessibility-ensures-compatibility-across-desktop-tablet-and-mobile-devices,
  .strong-ui-ux-design-implementation,
  .netflix-known-for-its-seamless-recommendations-but-lacks-event-streaming-capabilities-hulu-offers-a-variety-of-shows-but-has-a-less-intuitive-interface-disney-focuses-on-franchise-content-but-lacks-diversity-in-its-library-watchour-differentiated-itself-by-providing-event-streaming-personalized-recommendations-and-a-unified-platform-that-caters-to-a-broad-audience {
    font-size: 16px !important;
    line-height: 28px !important;
  }


  .vanly-main-content {
    gap: 24px;
  }

  .section-contents {
    gap: 6px;
  }

  .frame-393102,
  .frame-3931013 {
    gap: 16px;
  }
}