/* Layout Styles
======================================= */
.ms-365-ai-text-inner {
  padding: 60px;
  display: flex;
  justify-content: center;
}

.ms-356-ai-video-container,
.ms-365-ai-spanned-block-outer {
  margin-bottom: 60px;
}

.ms-365-ai-spanned-block-inner {
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: #f3f4f5;
  border-radius: 30px 25px 25px 30px;
}

.ms-365-ai-spanned-block-inner .ms-365-ai-content-inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 20px 60px;
}

.ms-365-ai-options-block-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ms-365-ai-option {
  flex-basis: 31%;
  margin-bottom: 40px;
}

.ms-365-ai-img-outer,
.ms-365-ai-content-outer {
  flex: 1 0 0;
}

/* Font Styles
======================================= */
.ms-365-ai-text-outer p {
  font-size: 2em;
  line-height: 1.2em;
  font-weight: 400;
  color: #373737;
  margin: 0;
  max-width: 900px;
}

.ms-365-ai-content-inner h2 {
  font-size: 2em;
  line-height: 1.2em;
  font-weight: 400;
  color: #373737;
  margin: 0 0 0.5em;
}

.ms-365-ai-content-inner p {
  font-size: 1.286em;
  line-height: 1.3em;
  font-weight: 400;
  color: #373737;
  margin: 0 0;
}

/* Media Queries
======================================= */
@media screen and (max-width: 992px) {
  .ms-356-ai-video-container,
  .ms-365-ai-spanned-block-outer {
    margin-bottom: 40px;
  }

  .ms-365-ai-text-inner {
    padding: 40px 30px;
  }

  .ms-365-ai-spanned-block-inner .ms-365-ai-content-inner {
    padding: 40px 30px;
  }
}

@media screen and (max-width: 750px) {
  .ms-365-ai-spanned-block-inner {
    flex-direction: column;
  }

  .ms-365-ai-content-inner h2,
  .ms-365-ai-content-inner p {
    text-align: center;
  }
}

@media screen and (max-width: 550px) {
  .ms-365-ai-option {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}