@media screen and (min-width: 1200px) {
  nav {
    display: block !important;
  }

  .hero-animation {
    height: 79vh;
  }
}

@media only screen and (max-width: 1400px) {
  .security-content h1 {
    font-size: 42px;
  }

  .cw-title {
    width: unset;
    display: inline;
  }
}

@media only screen and (max-width: 1200px) {
  .nav-container {
    gap: 24px;
  }

  .security-item {
    width: 100%;
  }

  .security-content h1 span {
    font-size: 28px;
  }

  .security-content h1 {
    margin-bottom: 18px;
  }

  .nav-container-inner-left {
    flex-grow: 1;
  }

  .platform-value-image {
    width: 48%;
  }

  .empower-art {
    width: 50%;
  }

  .nav-mobile {
    display: block;
  }

  nav {
    min-width: 320px;
    display: none;
    position: absolute;
    top: 45px;
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    right: 0;
  }

  nav .nav-list {
    flex-direction: column;
    gap: 4px;
  }

  nav ul li a {
    padding: 6px 0;
  }

  .hero-content h1,
  .ww-platform-intro h1,
  .pricing-header h1,
  .sbs-content h1,
  .sbs-content h1,
  .privacy-policy-section h1,
  .security-content h1,
  .gsf-title h1,
  .about-main-title {
    font-size: 34px;
    line-height: 1.2;
  }

  .section-title,
  .values-section h3,
  .book-now-section .section-title,
  .value-content h2,
  .our-story-content h2,
  .security-standards-content h2,
  .lets-use-wrapper h2,
  .platform-value-title,
  .pp-content-title,
  .corporate-whistleblowing-section h2,
  .whistleblowing-through-section .cw-title,
  .git-content h2,
  .why-prefer-section h2,
  .ca-title,
  .faq-title,
  .about-content h2 {
    line-height: 1.2;
    font-size: 24px;
  }

  .pricing-details-wrapper {
    flex-direction: column;
  }

  .pricing-item {
    width: 100%;
  }

  .platform-tab .nav-link,
  .why-us-points .accordion-button {
    font-size: 18px;
  }

  .values-section {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .value-content,
  .value-image {
    width: 45%;
  }

  .git-content h4 {
    max-width: unset;
  }

  .platform-values-section .value-content,
  .platform-values-section .value-image {
    width: auto;
  }

  .corporate-whistleblowing-main .accordion-button,
  .faq-wrapper .accordion-button {
    font-size: 16px;
  }

  .hero-section {
    min-height: unset;
  }
}

@media only screen and (max-width: 990px) {
  .platform-value-image {
    margin-bottom: 24px;
  }

  .engagement-diagram-wrapper {
    padding-top: 10px;
  }

  .elevate-bg,
  .why-us-art {
    width: 80%;
  }

  .engagement-diagram-wrapper img {
    width: 100%;
  }

  .about-content-wrapper {
    align-items: center;
  }

  .about-content {
    padding: 12px 0;
  }

  .about-main-title {
    margin-bottom: 22px;
    text-align: center;
  }

  .whistleblowing-through-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .security-wrapper {
    padding-top: 24px;
    min-height: unset;
  }

  .fictional-companies h3 {
    justify-content: center;
  }

  .hero-main {
    padding-top: 70px;
    gap: 30px;
    flex-direction: column-reverse;
  }

  .about-content-wrapper,
  .side-by-side-main,
  .why-prefer-main,
  .ww-platform-wrapper,
  .start-today-home-wrapper {
    gap: 30px;
    flex-direction: column-reverse;
  }

  .start-today-home-wrapper,
  .start-today-home-wrapper .start-today-content {
    width: 100%;
  }

  .about-image {
    top: unset;
  }

  .system-view-home {
    width: 100%;
    max-width: 700px;
  }

  .hero-content,
  .hero-animation,
  .ww-platform-intro,
  .platform-value-content,
  .platform-value-title,
  .about-content {
    width: 100%;
    max-width: unset;
  }

  .hero-animation svg {
    width: auto;
    height: 60vh;
  }

  .platform-values-section {
    margin-top: 60px;
  }

  .hero-content h1,
  .hero-content h3,
  .hero-animation,
  .empower-art,
  .ww-platform-intro,
  .sbs-content,
  .section-action-btn {
    text-align: center;
  }

  .complience-section {
    padding-top: 80px;
  }

  .hero-actions,
  .fc-logos {
    justify-content: center;
  }

  .fictional-companies {
    text-align: center;
    margin-top: 24px;
  }

  .section-title {
    max-width: 100% !important;
  }

  .empower-details,
  .why-us-content,
  .elevate-content,
  .our-story-content,
  .security-details,
  .git-content,
  .sbs-content,
  .why-prefer-content,
  .privacy-policy-points,
  .why-prefer-cover,
  .security-standards-content,
  .security-standards-all,
  .security-certificates,
  .resource-compass-content,
  .security-content {
    width: 100%;
  }

  .empower-pane,
  .elevate-wrapper,
  .security-standards-wrapper,
  .our-story-wrapper,
  .git-wrapper,
  .security-standards-main,
  .corporate-whistleblowing-main .accordion,
  .privacy-policy-info-main,
  .platform-values-section .platform-value-wrapper:nth-child(3),
  .newsletter-wrapper,
  .corporate-whistleblowing-main,
  .security-wrapper {
    flex-direction: column;
  }

  .why-us-wrapper,
  .platform-value-wrapper {
    flex-direction: column-reverse;
  }

  .resources-section {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .security-standards-all {
    margin-top: 24px;
  }

  .empower-art,
  .why-us-art,
  .our-story-image,
  .elevate-bg,
  .security-cover {
    margin-left: auto;
    margin-right: auto;
  }

  .why-us-art {
    margin-top: 24px;
  }

  .elevate-wrapper,
  .security-standards-wrapper {
    gap: 24px;
  }

  .security-standards-section {
    padding-top: 0;
  }

  .security-certificates {
    gap: 12px;
  }

  .footer-wrapper {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .footer-item:nth-child(1) {
    grid-column-start: span 3;
  }

  .footer-wrapper {
    grid-row-gap: 28px;
  }

  .newsletter-wrapper {
    text-align: center;
    gap: 24px;
  }

  .newsletter-action,
  .resource-compass {
    width: 90%;
  }

  .empower-art {
    width: 80%;
  }

  .security-cover {
    width: 60%;
  }

  .about-image,
  .sbs-cover,
  .ww-platform-image {
    width: 50%;
  }

  .about-main {
    background: linear-gradient(
      to top,
      white 0%,
      white 25%,
      #eef2f5 25%,
      #eef2f5 100%
    );
  }

  .values-section {
    margin-bottom: 0px;
  }

  .value-wrapper {
    padding: 40px 0;
  }

  .get-in-touch-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lets-use-wrapper {
    padding-top: 60px;
  }

  .malfeasance-item {
    width: calc(100% / 2 - 16px);
  }

  .git-message {
    width: 100%;
  }

  .git-wrapper {
    gap: 28px;
  }

  .git-content h2 {
    margin-bottom: 18px;
  }

  .platform-value-image {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .security-standards-section,
  .privacy-policy-info-section,
  .comparative-analysis-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .corporate-whistleblowing-main .accordion-item {
    width: 100%;
  }

  .pricing-section {
    padding-bottom: 150px;
  }

  .faq-main-wrapper {
    max-width: unset;
  }

  .comparative-analysis-table thead tr th,
  .comparative-analysis-table tbody tr td,
  .comparative-analysis-table tbody tr th {
    font-size: 14px;
  }

  .comparative-analysis-table thead tr th:nth-child(1),
  .comparative-analysis-table tbody tr td:nth-child(1) {
    min-width: 200px;
    max-width: 200px;
  }

  .comparative-analysis-table thead tr th:nth-child(5),
  .comparative-analysis-table tbody tr td:nth-child(5) {
    min-width: 180px;
    max-width: 180px;
  }

  .comparative-analysis-table {
    overflow-x: auto;
  }

  .ww-th,
  .comparative-analysis-table tbody tr td:nth-child(6) {
    min-width: 250px;
    max-width: 250px;
  }

  .hero-section {
    padding-top: unset;
  }

  .hero-animation {
    justify-content: center;
  }

  lottie-player {
    width: 70%;
    max-height: unset;
  }
}

@media only screen and (max-width: 768px) {
  .security-extra-wrapper {
    flex-direction: column;
  }

  .form-item-wrapper {
    flex-direction: column;
    gap: unset;
  }

  .gsf-title {
    padding-top: 100px;
  }

  .gsf-wrapper {
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .security-extra-left,
  .security-extra-right {
    width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .free-points {
    gap: 6px;
    flex-direction: column-reverse;
  }

  .system-view-home {
    width: 85%;
  }

  .newsletter-action {
    width: 100%;
  }

  .platform-tab .nav-pills {
    gap: 16px;
  }

  .platform-tab .nav-item {
    width: calc(100% / 3 - 16px);
  }

  .security-wrapper {
    padding-top: 0;
  }

  .gsf-title {
    padding-top: 80px;
  }

  .security-content h1 span {
    font-size: 24px;
    display: block;
  }

  .elevate-bg,
  .why-us-art {
    width: 70%;
  }

  .hero-animation svg {
    width: 100%;
    height: auto;
  }

  .price-text {
    font-size: 32px;
  }

  .hero-content h3 {
    font-size: 14px;
    line-height: 1.5;
  }

  .fc-logos {
    flex-wrap: wrap;
  }

  .fc-logos img {
    height: 26px;
  }

  .hero-start-btn,
  .hero-talk-btn {
    padding: 12px 14px;
    min-width: 140px;
  }

  .hero-actions {
    gap: 16px;
  }

  .nav-action-list .ww-btn {
    padding: 10px 14px;
  }

  .nav-mobile {
    margin-top: 0px;
    position: relative;
    width: 35px;
  }

  .platform-section,
  .why-us-section,
  .elevate-section,
  .corporate-whistleblowing-section,
  .whistleblowing-through-section,
  .why-prefer-section,
  .privacy-policy-section,
  .security-standards-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-content h1,
  .sbs-content h1,
  .pricing-header h1,
  .privacy-policy-section h1,
  .about-main-title,
  .security-content h1,
  .gsf-title h1,
  .ww-platform-intro h1 {
    font-size: 28px;
    line-height: 1.5;
  }

  .section-title,
  .about-content h2,
  .values-section h3,
  .value-content h2,
  .our-story-content h2,
  .security-standards-content h2,
  .lets-use-wrapper h2,
  .why-prefer-section h2,
  .pp-content-title,
  .ca-title,
  .platform-value-title,
  .book-now-section .section-title,
  .newsletter-info h5 {
    line-height: 1.5;
    font-size: 18px;
  }

  .platform-tab .nav-link,
  .why-us-points .accordion-button,
  .our-story-content h5,
  .malfeasance-item h5,
  .pp-item h5,
  .value-content h6,
  .plan-desc,
  .security-extra-title h5,
  .why-us-points .accordion-button span {
    font-size: 16px;
    line-height: 1.5;
  }

  .ww-btn,
  .why-us-points .accordion-body,
  .footer-item ul li a,
  .newsletter-info h6,
  .why-prefer-point-item p,
  .newsletter-action .btn,
  .git-message .btn,
  .f-copyright-note,
  .privacy-policy-section h6,
  .emp-header,
  .empower-item h5,
  .pp-item p,
  .sbs-content p,
  .about-content p,
  .pricing-header p,
  .value-content h4,
  .ww-platform-intro h6,
  .malfeasance-item h6,
  .price-point,
  .p-value-point h6,
  .pricing-selector .nav-link,
  .security-standards-content .ss-desc,
  .value-content p,
  .security-item p,
  .privacy-policy-points a,
  .ss-point-item p,
  .pp-item ul,
  .security-standard-item p,
  .about-ww-pp,
  .about-ww-pp-2,
  .elevate-content p,
  .security-content p,
  .security-extra-item p {
    font-size: 14px;
    line-height: 1.5;
  }

  .security-standards-content .ss-desc {
    margin-bottom: 30px;
  }

  .privacy-policy-section h1 {
    margin-bottom: 12px;
  }

  .pp-item {
    margin-bottom: 26px;
  }

  .pricing-selector .nav-link {
    padding: 10px 20px;
  }

  .pricing-details,
  .faq-section {
    padding-bottom: 60px;
  }

  .lets-use-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }

  .our-story-content h2 {
    margin-top: 12px;
    margin-bottom: 24px;
  }

  .our-story-image {
    width: 80%;
  }

  .pp-item ul li {
    margin-bottom: 12px;
  }

  .value-content img {
    width: 50px;
  }

  .start-today-section,
  .book-now-section {
    padding-top: 60px;
  }

  .footer-wrapper {
    padding-bottom: 15px;
  }

  footer {
    padding-bottom: 40px;
  }

  .platform-tab .nav-pills {
    justify-content: center;
  }

  .empower-details > img {
    width: 70px;
  }

  .emp-header {
    margin: 30px 0;
  }

  .system-view {
    margin-top: 30px;
  }

  .empower-details .hero-talk-btn {
    margin-top: 10px;
  }

  .security-details .emp-header,
  .security-details .empower-content {
    margin-bottom: 30px;
  }

  .join-section {
    height: 280px;
  }

  .brand a > img {
    width: 100px;
  }

  .footer-item:nth-child(2) {
    grid-column-start: span 2;
  }

  .f-brand-note,
  .ca-title {
    max-width: unset;
  }

  nav {
    width: 100%;
    top: 46px;
  }

  .nav-action-list {
    flex-direction: column;
    text-align: center;
  }

  .nav-container-inner-right {
    border-top: 1px solid #d3d3d3;
    padding-top: 12px;
    margin-top: 12px;
  }

  .footer-copyright {
    flex-direction: column-reverse;
    gap: 24px;
  }

  .about-main-title {
    padding: 0;
    text-align: center;
    margin-bottom: 24px;
  }

  .about-main {
    padding-top: 80px;
  }

  .about-content {
    padding: 20px;
  }

  .value-wrapper {
    flex-direction: column-reverse;
    gap: 40px;
  }

  .value-image,
  .lets-use-image {
    width: 50%;
  }

  .value-content {
    width: 100%;
    text-align: center;
  }

  .our-story-wrapper {
    margin-top: 40px;
  }

  .git-message,
  .cw-title,
  .why-prefer-point-item,
  .malfeasance-item {
    width: 100%;
  }

  .genuine-section .value-wrapper,
  .why-prefer-points {
    flex-direction: column;
  }

  .lets-use-wrapper h2 {
    max-width: unset;
  }

  .lets-use-wrapper {
    padding-top: 0px;
  }

  .malfeasance-wrapper {
    gap: 16px;
  }

  .platform-values-section .value-content {
    text-align: left;
  }

  .platform-value-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .platform-video-section {
    margin-bottom: 60px;
  }

  .p-value-header img {
    width: 70px;
  }

  .faq-title {
    margin-bottom: 26px;
  }

  .pricing-section {
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .comparative-analysis-table tbody tr td,
  .comparative-analysis-table tbody tr th,
  .comparative-analysis-table thead tr th {
    padding: 12px;
  }

  .pp-item h5,
  .pp-content-title {
    margin-bottom: 12px;
  }

  .pp-item.pp-stype-2 {
    margin-bottom: 16px;
  }

  .pp-content-title {
    margin-top: 32px;
    font-weight: 700;
  }
}