/* ==========================================================================
   Responsive Media Query Breakpoints (Mobile-First, Clean, and Professional)
   ========================================================================== */

/* Base styles: Mobile first (0 - 575px) */

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
  /* Styles for ≥576px (small phones and up) */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Styles for ≥768px (tablets and up) */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* Styles for ≥992px (desktops and up) */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Styles for ≥1200px (large desktops and up) */
  main {
    .section-secure-spot {
      .secure-spot-content {
        .calendly-wrapper {
          height: 655px;
        }
      }
    }
  }
}

/* Super large screens (1440px and up) */
@media (min-width: 1440px) {
  /* Styles for ≥1440px (very large screens) */
}

/* ==========================================================================
   Optional: Max-width breakpoints for targeting below certain sizes
   ========================================================================== */
@media (max-width: 1439.98px) {
  // main {
  //   .section-transformative-impacts {
  //     .transformative-impacts-content {
  //       .marquees {
  //         .marquee {
  //           animation-duration: 20s;
  //         }
  //       }
  //     }
  //   }
  // }
}

/* Below 1200px */
@media (max-width: 1199.98px) {
  /* Styles for <1200px */
}

@media (max-width: 1023.98px) {
  main {
    .section-transformative-impacts {
      .transformative-impacts-content {
        .grid-information {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: repeat(3, 1fr);
          grid-column-gap: 20px;
          grid-row-gap: 20px;

          grid-template-rows: auto;

          .div1 {
            grid-area: 1 / 1 / 2 / 3;

            align-items: flex-start;

            h3 {
              & > div {
                left: 105%;
              }
            }
          }
          .div2 {
            grid-area: 2 / 1 / 3 / 2;
          }
          .div3 {
            grid-area: 2 / 2 / 3 / 3;
          }
          .div4 {
            grid-area: 3 / 1 / 4 / 2;
          }
          .div5 {
            grid-area: 3 / 2 / 4 / 3;
          }
        }

        .marquees {
          .marquee {
            animation-duration: 25s;
          }
        }
      }
    }
    .section-social {
      .social-content {
        flex-direction: column;

        .text-wrapper {
          text-align: center;
          align-items: center;
          justify-content: center;

          .social {
            flex-direction: column;
          }
        }
        .image-wrapper {
          width: 100%;
        }
      }
    }
  }
}

/* Below 992px */
@media (max-width: 991.98px) {
  main {
    .section-discovery {
      .discovery-content {
        .heading {
          flex-direction: column;

          h2 {
            max-width: 100%;
          }

          p {
            max-width: 100%;
          }
        }
        .sessions {
          grid-template-columns: repeat(2, 1fr);
        }
      }
    }
  }
  footer {
    .footer-content {
      .top {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;

        .social {
          margin-top: 10px;

          flex-direction: column;
          gap: 10px;

          ul {
            gap: 20px;
          }
        }
      }
    }
  }
}

/* Below 768px */
@media (max-width: 767.98px) {
  .strategy-link {
    width: 100% !important;
    text-align: center !important;
  }
  main {
    .section-transformative-impacts {
      .transformative-impacts-content {
        .marquees {
          .marquee {
            animation-duration: 20s;
          }
        }
      }
    }
  }
}

/* Below 576px */
@media (max-width: 575.98px) {
  main {
    .section-discovery {
      .discovery-content {
        .sessions {
          grid-template-columns: 1fr;

          .session-item {
            min-height: clamp(21.5625rem, 8.0859rem + 57.5vw, 28.75rem);
          }
        }
      }
    }
    .section-transformative-impacts {
      .transformative-impacts-content {
        .grid-information {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(5, 1fr);
          grid-column-gap: 10px;
          grid-row-gap: 10px;

          grid-template-rows: auto;

          .div1 {
            grid-area: 1 / 1 / 2 / 2;
          }
          .div2 {
            grid-area: 2 / 1 / 3 / 2;
          }
          .div3 {
            grid-area: 3 / 1 / 4 / 2;
          }
          .div4 {
            grid-area: 4 / 1 / 5 / 2;
          }
          .div5 {
            grid-area: 5 / 1 / 6 / 2;
          }
        }
        .marquees {
          .marquee {
            animation-duration: 15s;
          }
        }
      }
    }
  }
}

/* Ultra small devices (below 475px) */
@media (max-width: 474.98px) {
  footer {
    .footer-content {
      .bottom {
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
    }
  }
}

/* ==========================================================================
   Example: "Between" Ranges (for precise targeti g)
   ========================================================================== */

/* Only tablets (768px - 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Styles for tablets only */
}

/* Only small desktops (992px - 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for small desktops only */
}