.am-media-3 {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .am-media-3 {
      padding-top: 80px;
      padding-bottom: 80px; } }

.am-media-3 {
  color: var(--am-text-dark); }
  .am-media-3 .am-media-img {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    .am-media-3 .am-media-img [data-edit="image"] {
      border-radius: var(--am-card-radius);
      display: flex;
      align-items: center;
      overflow: hidden; }
      @media (min-width: 992px) {
        .am-media-3 .am-media-img [data-edit="image"] {
          position: absolute;
          top: 0;
          height: 100%;
          width: 100%; } }
      .am-media-3 .am-media-img [data-edit="image"] img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-top-right-radius: var(--am-card-radius);
        border-bottom-right-radius: var(--am-card-radius); }
        @media (min-width: 992px) {
          .am-media-3 .am-media-img [data-edit="image"] img {
            height: 100%; } }
        @media (max-width: 991px) {
          .am-media-3 .am-media-img [data-edit="image"] img {
            border-radius: var(--am-card-radius); } }
      @media (min-width: 992px) {
        .am-media-3 .am-media-img [data-edit="image"]::after {
          content: "";
          display: block;
          border: solid 7px var(--am-primary);
          width: 0;
          height: 40%;
          position: absolute;
          top: 50%;
          transform: translate(100%, -50%);
          right: 0; } }
  .am-media-3 .row {
    border-radius: var(--am-card-radius);
    color: var(--am-text-dark); }
    @media (min-width: 992px) {
      .am-media-3 .row {
        padding: 20px 60px; } }
    .am-media-3 .row .am-media-sub-title {
      color: var(--am-text-primary); }
  .am-media-3 .container {
    z-index: 5; }
  .am-media-3 .am-media-desc {
    padding: 30px; }
    .am-media-3 .am-media-desc p {
      line-height: 1.67; }
    @media (max-width: 767px) {
      .am-media-3 .am-media-desc {
        padding: 15px;
        margin-bottom: 30px; } }
  .am-media-3.am-text-light [data-element="text"] {
    color: var(--am-text-light); }
  .am-media-3.am-text-dark [data-element="text"] {
    color: var(--am-text-dark); }
  .am-media-3 .am-bg-image + .container [data-element="text"] {
    text-shadow: 2px 1px 5px black;
    color: #ffffff; }