@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.faq-videos-wrap {
  padding: 5.625rem; }
  @media (max-width: 74.9375rem) {
    .faq-videos-wrap {
      padding: 3.75rem; } }
  @media (max-width: 47.9375rem) {
    .faq-videos-wrap {
      padding: 1.875rem; } }
  .faq-videos-wrap h2 {
    font-size: 1.5rem;
    margin: 0 0 1.25rem; }
    @media (max-width: 47.9375rem) {
      .faq-videos-wrap h2 {
        font-size: 1.375rem; } }

.faq-videos {
  display: flex;
  flex-wrap: wrap;
  gap: 2%; }
  @media (max-width: 61.9375rem) {
    .faq-videos {
      gap: 1.25rem; } }

.faq-video {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 32%;
  margin: 1.25rem 0;
  background: #f7f7f7;
  border-radius: 1.25rem;
  padding: 1.875rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 500ms ease; }
  .faq-video:hover, .faq-video:focus-visible {
    background: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4); }
    .faq-video:hover .faq-video__title, .faq-video:focus-visible .faq-video__title {
      text-decoration: underline; }
  .faq-video .youtube-modal {
    cursor: default; }
  @media (max-width: 61.9375rem) {
    .faq-video {
      width: 100%;
      flex-direction: row;
      margin: 0; } }
  @media (max-width: 35.9375rem) {
    .faq-video {
      flex-direction: column; } }
  @media (max-width: 61.9375rem) {
    .faq-video__image {
      width: 30%; } }
  @media (max-width: 35.9375rem) {
    .faq-video__image {
      width: 100%; } }
  @media (max-width: 61.9375rem) {
    .faq-video__content {
      width: 70%; } }
  @media (max-width: 35.9375rem) {
    .faq-video__content {
      width: 100%; } }
  .faq-video__title {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    font-weight: bold; }
    @media (max-width: 47.9375rem) {
      .faq-video__title {
        margin-bottom: 0.625rem; } }

/*# sourceMappingURL=faq-videos.css.map */