$essox-border: 1px solid $border-color !default;
$essox-padding: $grid-gutter-width !default;
$essox-icons-size: 20px !default;
$essox-icons-color: $text-dark !default;

.essox-bank-banner {
   border: $essox-border;
   padding: $essox-padding;

   p {
      margin: 0;
   }
}

.essox-bank-banner-item {
   display: flex;
   align-items: center;
   margin-bottom: calc($grid-gutter-width / 2);

   p {
      + img {
         margin-left: 15px;
      }

      &:last-child {
         margin-left: auto;
      }
   }

   .fc {
      font-size: $essox-icons-size;
      color: $essox-icons-color;
      margin-right: 10px;
   }

   @media screen and (min-width: $md) and (max-width: $xl - 1),
      screen and (max-width: $sm - 1) {
      flex-direction: column;
      align-items: flex-start;

      p {
         + img,
         &:last-child {
            margin-left: 0;
            margin-top: 5px;
         }
      }
   }
}
