import styled from "styled-components";
export const WelcomeWrapper = styled.section(({ alignItems, justifyContent, isReverseMobile, scStyles }) => `
  // box-shadow: 4px 4px 14px rgba(179, 189, 199, 0.15);
  background-color: #ffffff;
  padding-top: 180px;
  padding-bottom: 20px;
  min-height: 740px;
  display: flex;
  flex-direction: column;
  justify-content: ${justifyContent ?? "center"};
  align-items: ${alignItems ?? "flex-start"};
  position: relative;

  @media (max-width: 1023px) {
    min-height: 410px;

    max-width: 425px;
    width: calc(100% + 24px);

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;

    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 24px;
    padding-top: 72px;

    .welcome__heading,
    .welcome__subheading,
    .welcome__title {
      text-align: center;
    }

    ${isReverseMobile ? `
    .welcome__row {
      flex-direction: column-reverse;
    }
    ` : ``}
  }

  @media (max-width: 425px) {
    margin-left: -12px;
    margin-right: -12px;
  }

  ${scStyles ?? ""}
`);
export const Inner = styled.div(({ isFullWidth }) => `
  max-width: ${isFullWidth ? "100%" : "445px"};

  @media (max-width: 1023px) {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
`);
export const ImageWrapper = styled.div `
  max-width: 425px;

  @media (max-width: 1023px) {
    max-width: 275px;
    margin: 0 auto;

    > img {
      width: 100%;
    }
  }
`;
//# sourceMappingURL=styled.js.map