import styled from "styled-components";
export const FeatureInner = styled.div `
  min-height: 294px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;

  @media (max-width: 1023px) {
    text-align: left;
    flex-direction: row;
    min-height: 94px;
  }
`;
export const FeatureIconWrapper = styled.div `
  width: auto;
  height: 111px;
  margin-bottom: 40px;

  @media (max-width: 1023px) {
    min-width: 94px;
    width: 94px;
    height: 94px;
    margin-bottom: 0px;
    margin-right: 14px;
  }
`;
export const FeatureIcon = styled.img `
  width: 100%;
  height: 100%;
`;
export const FeatureTitle = styled.div `
  width: 100%;
  margin-bottom: 21px;

  @media (max-width: 1023px) {
    width: 100%;
    min-height: unset;
    margin-bottom: 5px;
  }
`;
export const FeatureDesc = styled.div `
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  @media (max-width: 1023px) {
    align-items: flex-start;

  }
`;
//# sourceMappingURL=styled.js.map