﻿.afi_for_you__text_section {
  text-align: center;
}

.afi_for_you__text_section .paragraph__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 55.875rem;
}

.afi_for_you__text_section h1,
.afi_for_you__article h1 {
  color: #003864 !important;
  color: var(--color-blue-40) !important;
}

.afi_for_you__text_section .paragraph__container p {
  color: #545959 !important;
  font-weight: normal;
  line-height: 1.625 !important;
}

@media screen and (min-width: 48em) {
  .afi_for_you__text_section .paragraph__container p {
    font-size: 1.25rem !important;
  }

  .afi_for_you__article {
    margin-block: 2.75rem;
  }
}

.afi_for_you__article {
  background-color: #f6f6f6;
  background-color: var(--color-gray-10);
  flex-grow: 1;
  padding: 2.75rem !important;
}

.afi_for_you__article .heading-blue {
  margin-bottom: 20px;
}

.afi_for_you__article ul {
  list-style: disc;
  margin-bottom: 15px;
}

/********************************************************
*                        PCS
********************************************************/
.half__width__image img {
  width: 100%;
  object-fit: cover;
  max-width: unset;
}

.half__width__text {
  display: flex;
  align-items: center;
  padding: 1rem !important;
  text-align: left;
  overflow: hidden;
  background: #f6f6f6;
}

.half__width__text h1 {
  color: #003864;
  color: var(--color-blue-40);
}

.content-panel.content-panel--one-column i {
  color: #0570c5 !important;
  color: var(--color-blue-10) !important;
}

@media screen and (min-width:769px) {

  .half__width__image,
  .half__width__text {
    max-height: 400px;
  }

  .half__width__text {
    padding: 2rem !important;
  }

  .half__width__text p {
    font-size: 18px !important;
  }

  .afi_for_you__article ul {
    padding-left: 50px;
  }
}



@media screen and (max-width:991px) {
  .order__6 {
    order: 6;
  }

  .order__5 {
    order: 5;
  }

  .order__4 {
    order: 4;
  }

  .order__3 {
    order: 3;
  }
}


/********************************************************
*                   Browser
********************************************************/
.browser-grid {
  display: flex;
  justify-content: center;
  margin: 0 auto 2rem;
}

.browser-grid .browser-item {
  max-width: 70px;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* Email Image Testing */
.email__images img {
  display: block !important;
}