{"version":3,"file":"2a5a9515d176cf95bc3de4544e39cb453ddc9b38-da234b59bcb108e5b59e.js","mappings":"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","sources":["webpack://streetlib-main-website/./src/components/reusecore/Card/index.js","webpack://streetlib-main-website/./src/containers/Common/BannerSection/bannerSection.style.js","webpack://streetlib-main-website/./src/containers/Common/BannerSection/index.js","webpack://streetlib-main-website/./src/containers/Common/DescriptionSection/description.style.js","webpack://streetlib-main-website/./src/containers/Common/DescriptionSection/index.js","webpack://streetlib-main-website/./src/assets/image/streetlib/home/home-books-bg.png"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  borders,\r\n  borderColor,\r\n  borderRadius,\r\n  boxShadow,\r\n  backgroundImage,\r\n  backgroundSize,\r\n  backgroundPosition,\r\n  backgroundRepeat,\r\n  opacity\r\n} from 'styled-system';\r\nimport { cards } from '../theme/customVariant';\r\nimport { base, themed } from '../base';\r\n\r\nconst CardWrapper = styled('div')(\r\n  base,\r\n  borders,\r\n  borderColor,\r\n  borderRadius,\r\n  boxShadow,\r\n  backgroundImage,\r\n  backgroundSize,\r\n  backgroundPosition,\r\n  backgroundRepeat,\r\n  opacity,\r\n  cards,\r\n  themed('Card')\r\n);\r\n\r\nconst Card = ({ children, ...props }) => (\r\n  <CardWrapper {...props}>{children}</CardWrapper>\r\n);\r\n\r\nCard.propTypes = {\r\n  children: PropTypes.any,\r\n  ...borders.propTypes,\r\n  ...borderColor.propTypes,\r\n  ...borderRadius.propTypes,\r\n  ...boxShadow.propTypes,\r\n  ...backgroundImage.propTypes,\r\n  ...backgroundSize.propTypes,\r\n  ...backgroundPosition.propTypes,\r\n  ...backgroundRepeat.propTypes,\r\n  ...opacity.propTypes,\r\n  ...cards.propTypes\r\n};\r\n\r\nCard.defaultProps = {\r\n  boxShadow: '0px 20px 35px rgba(0, 0, 0, 0.05)'\r\n};\r\nexport default Card;\r\n","import styled from 'styled-components';\nimport { themeGet } from 'styled-system'\n\nconst BannerWrapper = styled.section`\n  padding-top: 200px; /* 160 - 210px */ /* new */\n  padding-bottom: 200px; /* 100px */ /* new */\n  background-color: ${themeGet('colors.blue')};\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  position: relative;\n  overflow-x: hidden;\n  display: flex; /* new */\n  flex-direction: column; /* new */\n  justify-content: center; /* new */\n  position: relative;\n  overflow-y: visible;\n  &:not(.sl-en-hero) {\n    min-height: 100vh;\n  }\n  * { /* new */\n    z-index: 1;\n  }\n  .container {\n    flex: 1;\n    align-items: center;\n    display: flex;\n  }\n  h1 {\n    span.sl-title-subcontent {\n          font-size: 24px;\n          letter-spacing: 0.05px;\n          color: #636c75;\n          display: block;\n          margin-top: 1em;\n      }\n  }\n  @media (min-width: 768px) and (max-width: 1440px) {\n    padding-top: 180px;\n    padding-bottom: 180px;\n    min-height: auto;\n  }\n  @media (max-width: 767px) {\n    padding-top: 130px;\n    padding-bottom: 130px;\n    min-height: auto;\n    .feature__block {\n      text-align: center;\n    }\n  }\n\n  @media only screen and (max-width: 480px) {\n    //background: none;\n  }\n\n  .row {\n    position: relative;\n    z-index: 1;\n  }\n\n  .button__wrapper {\n    margin-top: 30px; // 40\n    @media (max-width: 767px) {\n      margin-bottom: 20px; // 30\n    }\n    .reusecore__button {\n      &.outlined {\n        border-color: rgb(22, 142, 161);\n      }\n    }\n    a {\n      @media (max-width: 360px) {\n        min-width: 250px;\n        display: block;\n        margin-bottom: 20px;\n        button {\n          margin-right: 0;\n          width: 100%;\n        }\n      }\n    }\n    a:last-child {\n      button {\n        margin-right: 0;\n      }\n      @media (max-width: 360px) {\n        margin-bottom: 0;\n      }\n    }\n    @media (min-width: 481px) {\n      button {\n        margin-top: 10px;\n      }\n    }\n    \n  }\n\n  .button__wrapper a:last-child:not(:first-child) button {\n    @media (max-width: 767px) {\n      //margin-bottom: 60px;\n      margin: 0; /* New */\n    }\n  }\n\n  &.banner-section-app,\n  &.sl-contact-hero {\n    .button__wrapper:last-child {\n      @media (max-width: 767px) {\n        margin-top: 30px; /* New */\n        margin-bottom: 20px; /* New */\n      }\n    }\n  }\n\n  &.sl-calculator-hero {\n    h1 {\n      max-width: 1000px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n  \n  .discountLabel {\n    display: inline-block;\n    margin-top: 30px;\n    color: #565656;\n    /*text-decoration: underline;\n    background-color: #e8a724;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 14px;\n    color: #fff;\n    font-weight: bold;*/\n    @media (max-width: 767px) {\n      padding: 7px 15px;\n      margin-top: 0;\n    }\n  }\n\n  &.banner-section-country-page {\n\n    .objectWrapper {\n      width: auto;\n      padding-top: 0;\n      margin-top: -150px;\n    }\n  }\n\n  .has-overlay-content {\n    .dashboardWrapper {\n      position: relative;\n    }\n    \n    .sl-image-card {\n      position: absolute;\n      width: 280px !important;\n      bottom: -30px;\n      right: 30px;\n\n      .sl-image-card-contents {\n          position: absolute;\n          padding: 10px 10px 10px 90px;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          display: flex;\n          justify-content: center;\n      }\n\n      .sl-card-right-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        width: 100%;\n\n        span:first-child {\n          font-weight: 500;\n          font-size: 18px;\n          line-height: 22px;\n          color: #2F374B;\n        }\n\n        span:last-child {\n          font-weight: 400;\n          font-size: 12px;\n          line-height: 15px;\n          color: #7C7C7C;\n          display: block;\n          margin-top: 8px;\n        }\n      }\n\n      .sl-card-calendar {\n          position: absolute;\n          left: 49px;\n          top: 52px;\n          font-size: 12px;\n          font-weight: bold;\n          display: none;\n\n          & > span {\n            display: block;\n            text-align: center;\n          }\n      }\n    }\n  }\n  .sl-hero-pretitle {\n    font-size: 16px;\n    color: #0C0C0C;\n    font-style: italic;\n    .sl-hero-pretitle-icons {\n      color: #00B57A;\n      letter-spacing: -3px;\n      font-size: 20px;\n      font-style: normal;\n      display: block;\n      margin-bottom: 0.5em;\n      margin-right: 0;\n    }\n  }\n\n`;\n\nconst BannerObject = styled.div`\n  position: absolute;\n  width: 45%;\n  height: 100%;\n  top: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n  @media (max-width: 767px) {\n    display: none;\n  }\n  .objectWrapper {\n    margin-left: auto;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    //padding-top: 100px;\n    display: flex;\n    align-items: center;\n    .dashboardWrapper {\n      //position: absolute; /* commented */\n      //top: 20%; /* commented */\n      padding-left: 100px; //30px\n      padding-right: 100px; //30px\n      img {\n        /* max-height: 425px;  750px */\n      }\n      @media (max-width: 1440px) {\n        right: 0;\n      }\n    }\n    .fluid-image-container { /* new */\n      height: 100%;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      .gatsby-image-wrapper {\n        width: 100%;\n        max-width: 600px;\n        img {\n            object-fit: contain !important;\n        }\n      }\n    }\n  }\n\n`;\n\n\nconst BottomWrapper = styled.div`\n  width: 100%;\n  margin:  40px auto 0;\n  /*padding: 0 0 55px;*/\n  \n  @media only screen and (max-width: 1440px) {\n    /* padding: 100px 0 35px;  padding: 130px 0 55px; */ /* new */\n  }\n  @media only screen and (max-width: 1099px) {\n    padding: 55px 0 35px; /* padding: 55px 0 55px; */ /* new */\n\n  }\n  @media only screen and (max-width: 991px) {\n    padding: 40px 0;\n  }\n  @media only screen and (max-width: 600px) {\n    padding: 25px 0 40px;\n  }\n\n`;\n\n\nexport { BannerObject, BottomWrapper };\nexport default BannerWrapper;\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { FormattedMessage } from 'gatsby-plugin-intl';\nimport Box from '../../../components/reusecore/Box';\nimport Text from '../../../components/reusecore/Text';\nimport Image from '../../../components/reusecore/Image';\nimport Heading from '../../../components/reusecore/Heading';\nimport Button from '../../../components/reusecore/Button';\nimport FeatureBlock from '../../../components/common/FeatureBlock';\nimport Container from '../../../components/common/UI/Container';\nimport Fade from 'react-reveal/Fade';\nimport AnchorLink from 'react-anchor-link-smooth-scroll';\n\n\nimport BannerWrapper, {\n  BannerObject,\n  BottomWrapper,\n} from './bannerSection.style';\n\nconst BannerSection = ({\n  row,\n  col,\n  title,\n  btnStyle,\n  description,\n  details,\n  outlineBtnStyle,\n  titleContent,\n  titleSubContent,\n  buttons,\n  additionalContent,\n  infoLabel,\n  image,\n  gatsbyImage,\n  gatsbyFluidImage,\n  descriptionContent,\n  bottomContent,\n  className,\n  buttonsNotes,\n  overlayContent,\n  formattedContent,\n  pretitle,\n  titleContentUnderlined,\n}) => {\n  const nl2br = (string) => {\n    return string.split('\\\\n').map((text, index) => (\n      <React.Fragment key={`${text}-${index}`}>\n        {text}\n        <br />\n      </React.Fragment>\n    ));\n  };\n\n  const ButtonLink = (props) => {\n    return (\n      <a href={props.href} target={props.target} rel={props.rel}>\n        <Button {...props} />\n      </a>\n    );\n  };\n\n  const ButtonGroup = ({ buttons }) =>\n    buttons && buttons.length ? (\n      <Fragment>\n        {buttons.map((butt, index) => {\n          let styling;\n          if (butt.style === 'outline') {\n            styling = outlineBtnStyle;\n            styling.className = 'outlined sl-button-lg';\n            styling.variant = 'outlined';\n          } else {\n            styling = btnStyle;\n          }\n          if (butt.type === 'anchor') {\n            return (\n              <AnchorLink\n                key={index}\n                href={butt.link}\n                {...styling}\n                className='sl-button-text'\n              >\n                <span>{butt.label}</span>\n              </AnchorLink>\n            );\n          } else {\n            return (\n              <ButtonLink\n                key={index}\n                title={butt.label}\n                href={butt.link}\n                target={butt.target}\n                className='sl-button-lg'\n                rel={butt.rel}\n                {...styling}\n              />\n            );\n          }\n        })}\n      </Fragment>\n    ) : null;\n\n  return (\n    <BannerWrapper id='banner_section' className={className}>\n      <Container>\n        <Box className='row' {...row}>\n          <Box className='col' {...col}>\n            <FeatureBlock\n              pretitle={\n                <Fade left delay={200} duration={1000} distance='20px'>\n                  <Text className=\"sl-hero-pretitle\">\n                    {pretitle}\n                  </Text>\n                </Fade>\n              }\n              title={\n                <Fade left delay={200} duration={1000} distance='20px'>\n                  <Heading {...title}>\n                    {titleContentUnderlined ? (\n                      <span>\n                        <span>{titleContent}</span>\n                        <span className='sl-underlined'>{titleContentUnderlined}</span>\n                        {titleSubContent && titleSubContent}\n                      </span>\n                      ) : \n                      (\n                        <span>\n                          <span>{nl2br(titleContent)}</span>\n                          {titleSubContent && titleSubContent}\n                        </span>\n                      )\n                     }\n                    \n                  </Heading>\n                </Fade>\n              }\n              infoLabel={infoLabel}\n              description={\n                <Fade left delay={400} duration={1000} distance='20px'>\n                  {descriptionContent && (\n                    <Text {...description} className='banner_description'>\n                      {formattedContent ? (\n                          <FormattedMessage\n                            id={descriptionContent}\n                            defaultMessage={descriptionContent}\n                            values={{\n                              br: <br />,\n                              b: chunks => <b>{chunks}</b>,\n                            }}\n                          />\n                        ) : nl2br(descriptionContent)\n                      }\n                    </Text>\n                  )}\n                </Fade>\n              }\n              details={details}\n              button={\n                <Fade bottom delay={600} duration={1000} distance='40px'>\n                  <div>\n                    <ButtonGroup buttons={buttons} />\n                    {buttonsNotes}\n                  </div>\n                </Fade>\n              }\n              additionalContent={\n                <Fade bottom delay={800} duration={1000} distance='40px'>\n                  {additionalContent}\n                </Fade>\n              }\n            />\n          </Box>\n        </Box>\n      </Container>\n\n      {bottomContent && <BottomWrapper>{bottomContent}</BottomWrapper>}\n\n      {image ? (\n        <BannerObject>\n          <div className='objectWrapper'>\n            {/*<Image src={BannerImage1} alt=\"BannerImage1\" />*/}\n            <div className='dashboardWrapper'>\n              <Fade right delay={500} duration={1000} distance='40px'>\n                <Image src={image} alt='Banner Image' />\n              </Fade>\n            </div>\n          </div>\n        </BannerObject>\n      ) : null}\n\n      {gatsbyImage ? (\n        <BannerObject className={overlayContent && 'has-overlay-content'}>\n          <div className='objectWrapper'>\n            <div className='dashboardWrapper'>\n              <Fade right delay={600} duration={1400} distance='20px'>\n                <GatsbyImage image={gatsbyImage} alt='Banner Image' />\n              </Fade>\n              {overlayContent ? (\n                <Fade bottom delay={800} duration={1400} distance='20px'>\n                  {overlayContent}\n                </Fade>\n              ) : null}\n            </div>\n          </div>\n        </BannerObject>\n      ) : null}\n\n      {gatsbyFluidImage ? (\n        <BannerObject>\n          <div className='objectWrapper'>\n            <div className='dashboardWrapper fluid-image-container'>\n              <Fade right delay={500} duration={1400} distance='20px'>\n                <GatsbyImage image={gatsbyFluidImage} alt='Banner Image' />\n              </Fade>\n            </div>\n          </div>\n        </BannerObject>\n      ) : null}\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        className='sl-wavy-border'\n        viewBox='0 0 1440 150'\n      >\n        <path\n          fill='#ffffff'\n          fillOpacity='1'\n          d='M0,128L60,122.7C120,117,240,107,360,96C480,85,600,75,720,85.3C840,96,960,128,1080,133.3C1200,139,1320,117,1380,106.7L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'\n        ></path>\n      </svg>\n    </BannerWrapper>\n  );\n};\n\nBannerSection.propTypes = {\n  title: PropTypes.object,\n  btnStyle: PropTypes.object,\n  description: PropTypes.object,\n  contentStyle: PropTypes.object,\n  outlineBtnStyle: PropTypes.object,\n  infoLabel: PropTypes.object,\n};\n\nBannerSection.defaultProps = {\n  row: {\n    flexBox: true,\n    flexWrap: 'wrap',\n    ml: '-15px',\n    mr: '-15px',\n    alignItems: 'center',\n  },\n  col: {\n    pr: '15px',\n    pl: '15px',\n    width: [1, 1, '50%', '55%'],\n  },\n  title: {\n    as: 'h1',\n    fontSize: ['35px', '35px', '40px', '55px'],\n    fontWeight: '400',\n    color: '#0f2137',\n    letterSpacing: '-0.025em',\n    mb: ['20px', '25px'],\n    lineHeight: '1.5',\n  },\n  description: {\n    fontSize: '16px',\n    color: '#343d48cc',\n    lineHeight: '1.7',\n    mb: '0',\n  },\n  btnStyle: {\n    minWidth: ['120px', '120px', '120px', '156px'],\n    fontSize: ['13px', '14px'],\n    fontWeight: '500',\n    colors: 'primaryWithBg',\n    mr: '18px',\n  },\n  outlineBtnStyle: {\n    fontSize: ['13px', '14px'],\n    fontWeight: '500',\n    color: 'primary',\n    mr: '18px',\n  },\n};\n\nexport default BannerSection;\n","import styled, {css} from 'styled-components';\n\nconst DescriptionSectionWrapper = styled.section`\n  min-height: 530px; /* changed */\n  display: flex;\n  align-items: center;\n  //margin: 120px 0 75px 0 /* commented */\n  min-height: 600px;\n  @media only screen and (max-width: 1200px) {\n    min-height: 500px;\n    //margin-bottom: 45px; /* commented */\n  }\n  @media only screen and (max-width: 991px) {\n    min-height: 370px;\n    //margin-bottom: 40px; /* commented */\n  }\n  @media (max-width: 767px) {\n    min-height: auto;\n    display: block;\n    padding: 45px 0;\n    .feature__block {\n      text-align: center;\n    }\n  }\n  .container {\n    position: relative;\n    \n    div:last-child {\n      & > span:first-child {\n        @media (max-width: 480px) {\n          text-align: center;\n        }\n      }\n    }\n\n    @media (min-width: 768px) {\n      \n      &.pos-left {\n        .objectWrapper {\n          padding-right: 60px;\n          padding-left: 30px;\n          margin-left: 0 !important;\n          text-align: left;\n        }\n      }\n\n      &.pos-right {\n        .objectWrapper {\n          margin-left: auto !important;\n          margin-right: 0;\n          text-align: right;\n          padding-right: 0;\n          padding-left: 60px;\n          padding-right: 30px;\n        }\n      }\n    }\n  }\n\n  p {\n    margin-bottom: 0;\n    white-space: break-spaces;\n  }\n  a {\n    button {\n      margin-top: 30px;\n    }\n    @media (max-width: 480px) {\n      min-width: 250px;\n      display: block;\n      button {\n        margin-right: 0;\n        width: 100%;\n        margin-top: 20px;\n      }\n    }\n  }\n  a:last-child {\n    \n    @media (max-width: 767px) {\n      button {\n        margin-right: 0;\n      }\n    }\n  }\n  .sl-section-pretitle {\n    text-transform: uppercase;\n\n    @media (max-width: 767px) {\n      text-align: center;\n    }\n  }\n`;\n\nconst SectionObject = styled.div`\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  top: 0;\n  ${props => ((props.mirrored && \n    css`\n      right: 0;\n    `) || \n    css`\n      left: 0;\n    `  \n  )}\n  display: flex;\n  align-items: center;\n  @media (max-width: 767px) {\n    width: 100%;\n    position: relative;\n    height: auto;\n    top: auto;\n    ${props => ((props.mirrored &&\n      css`\n        right: auto;\n      `) || \n      css`\n        left: auto;\n      `\n    )}\n    margin-bottom: 40px;\n    align-items: flex-start;\n  }\n  img {\n    //max-width: 75%; /* commented */\n    //width: 75%; /* new */\n    max-width: 680px; /* new */\n    height: auto;\n    ${props => ((props.mirrored &&\n      css`\n        float:right;\n        clear: right;\n      `) ||\n      css`\n        float: none;\n      `\n    )}\n    @media (max-width: 767px) {\n      margin: 0 auto; /* new */\n      width: 100%;\n    }\n  }\n  img.img-bg {\n    width: 100%;\n    @media (min-width: 1100px) {\n       width: 75%;\n    }\n    ${props => ((props.mirrored &&\n      css`\n        transform: scaleX(-1);\n      `) ||\n      css`\n        transform: scaleX(1);\n      `\n    )}\n  }\n  .objectWrapper {\n    ${props => ((props.mirrored &&\n      css`\n        margin-right: auto; /* inverted */\n        @media (max-width: 996px) {\n          margin-left: auto;\n        }\n      `) ||\n      css`\n        margin-left: auto; /* inverted */\n        @media (max-width: 996px) {\n          margin-right: auto;\n        }\n      `\n    )}\n    position: relative;\n    .dashboardWrapper {\n      position: absolute;\n      top: 0;\n      //width: 100%; /* new */\n      ${props => ((props.mirrored &&\n        css`\n          right: 0;\n        `) ||\n        css`\n          left: 0;\n        `\n      )}\n      &.has-cloud-bg {\n        @media (min-width: 768px) {\n          ${props => ((props.mirrored &&\n            css`\n              left: 60px;\n              right: 30px;\n            `) ||\n            css`\n              left: 30px;\n              right: 60px;\n            `\n          )}\n        }\n      }\n    }\n    @media (min-width: 997px) {\n      .gatsby-image-wrapper img {\n        object-fit: contain !important;\n        max-height: 400px;\n      }\n    }\n    @media (max-width: 996px) {\n      img {\n        max-width: 340px;\n      }\n      \n      picture img {\n        object-fit: contain !important;\n        //margin-left: auto;\n        //margin-right: auto;\n      }\n    }\n    @media (max-width: 767px) {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      align-content: center;\n      margin-left: auto;\n      margin-right: auto;\n      .dashboardWrapper {\n        top: 0;\n        right: auto;\n        left: auto;\n      }\n      \n      .gatsby-image-wrapper,\n      .gatsby-image-wrapper > div:first-child,\n      img {\n        max-height: 300px;\n        width: auto;\n        right: 0;\n\n        @media (min-width: 321px) and (max-width: 480px) {\n          & {\n            max-height: 250px;\n          }\n        }\n        @media (max-width: 320px) {\n          & {\n            max-height: 200px;\n          }\n        }\n      }\n    }\n    \n  }\n`;\n\nexport { SectionObject };\n\nexport default DescriptionSectionWrapper;\n","import React, { Fragment } from 'react';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport { FormattedMessage, Link } from 'gatsby-plugin-intl';\nimport PropTypes from 'prop-types';\nimport Fade from 'react-reveal/Fade';\nimport Box from '../../../components/reusecore/Box';\nimport Text from '../../../components/reusecore/Text';\nimport Heading from '../../../components/reusecore/Heading';\nimport Button from '../../../components/reusecore/Button';\nimport Card from '../../../components/reusecore/Card';\nimport Image from '../../../components/reusecore/Image';\nimport FeatureBlock from '../../../components/common/FeatureBlock';\nimport Container from '../../../components/common/UI/Container';\nimport DescriptionSectionWrapper, { SectionObject } from './description.style';\n\nimport ImageBg from '../../../assets/image/streetlib/home/home-books-bg.png';\n\nconst DescriptionSection = ({\n  pretitle,\n  title,\n  subtitle,\n  description,\n  buttons,\n  image,\n  gatsbyImage,\n  imagePos,\n  pretitleStyle,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  textArea,\n  imageWrapper,\n  btnStyle,\n  outlineBtnStyle,\n  additionalContent,\n  customBgImage,\n  overlayImage,\n  noBG,\n  className,\n  formattedContent,\n  formattedTitle,\n  id,\n}) => {\n  const ButtonLink = (props) => {\n    return (\n      <>\n        {props.rel?.match(/noreferrer/i) ? (\n          <a href={props.href} target={props.target} rel={props.rel}>\n            <Button {...props} />\n          </a>\n        ) : (\n          <Link to={props.href}>\n            <Button {...props} />\n          </Link>\n        )}\n      </>\n    );\n  };\n\n  const ButtonGroup = ({ buttons }) =>\n    buttons ? (\n      <Fragment>\n        {buttons.map((butt, index) => {\n          let styling;\n          if (butt.style === 'outline') {\n            styling = outlineBtnStyle;\n            styling.className = 'outlined sl-button-lg';\n            styling.variant = 'outlined';\n          } else {\n            styling = btnStyle;\n          }\n          return (\n            <ButtonLink\n              key={index}\n              title={butt.label}\n              href={butt.link}\n              target={butt.target}\n              rel={butt.rel}\n              className='sl-button-lg'\n              {...styling}\n            />\n          );\n        })}\n      </Fragment>\n    ) : null;\n\n  const mirrored = imagePos === 'right';\n  let fadeprops = { left: true };\n  if (mirrored) {\n    textArea['mr'] = [0, 0, '50%'];\n    textArea['ml'] = [0, 0, 0];\n    fadeprops = { right: true };\n  } else {\n    textArea['ml'] = [0, 0, '50%'];\n    textArea['mr'] = [0, 0, 0];\n    fadeprops = { left: true };\n  }\n\n  return (\n    <DescriptionSectionWrapper className={className} id={id}>\n      <Container className={`dashboardWrapper ${noBG ? 'no-bg' : ''} ${customBgImage ? 'has-custom-bg' : ''} ${(imagePos === 'right') ? 'pos-right' : 'pos-left'}`}>\n        <SectionObject mirrored={mirrored} className='description-section'>\n          <Card className={`objectWrapper ${(!customBgImage && !noBG) && 'cloud-bg'}`} {...imageWrapper}>\n            {!noBG &&\n              <Fade {...fadeprops} delay={300} duration={1000} distance='30px'>\n                <Image \n                      src={customBgImage ? customBgImage : ImageBg}\n                      className={`img-bg ${customBgImage && 'custom-bg'}`}\n                      alt='BgImage' />\n              </Fade>\n            }\n            <Card className={`dashboardWrapper ${(!customBgImage && !noBG) && 'has-cloud-bg'}`} {...imageWrapper}>\n              {gatsbyImage && (\n                <Fade bottom delay={noBG ? 100 : 500} duration={1400} distance='20px'>\n                  <GatsbyImage \n                    image={gatsbyImage} \n                    alt={title}\n                    className={overlayImage && 'overlay-image'}\n                  />\n                     \n                </Fade>\n              )}\n              {image && (\n                <Fade {...fadeprops}>\n                  <Image src={image} alt={title} />\n                </Fade>\n              )}\n            </Card>\n          </Card>\n        </SectionObject>\n\n        <Box {...textArea}>\n          {pretitle && <Text content={pretitle} {...pretitleStyle} className=\"sl-section-pretitle\"/>}\n          <FeatureBlock\n            title={\n              <>\n                <Heading {...titleStyle} >\n                  {formattedTitle ? (\n                    <FormattedMessage\n                      id={title}\n                      defaultMessage={title}\n                      values={{\n                        br: <br />,\n                        b: chunks => <b>{chunks}</b>,\n                        i: italic => <i>{italic}</i>,\n                        mark: highlighted => <mark>{highlighted}</mark>,\n                      }}\n                    />\n                    ) : title\n                  }\n                </Heading>\n                {subtitle && <Text content={subtitle} {...subtitleStyle} />}\n              </>\n            }\n            description={\n            <Text {...descriptionStyle}>\n              {(formattedContent && description)  ? (\n                  <FormattedMessage\n                    id={description}\n                    defaultMessage={description}\n                    values={{\n                      br: <br />,\n                      b: chunks => <b>{chunks}</b>,\n                      i: italic => <i>{italic}</i>\n                    }}\n                  />\n                ) : description\n              }\n            </Text>}\n            button={<ButtonGroup buttons={buttons} />}\n            additionalContent={additionalContent}\n          />\n        </Box>\n      </Container>\n    </DescriptionSectionWrapper>\n  );\n};\n\nDescriptionSection.propTypes = {\n  titleStyle: PropTypes.object,\n  pretitleStyle: PropTypes.object,\n  descriptionStyle: PropTypes.object,\n  btnStyle: PropTypes.object,\n  outlineBtnStyle: PropTypes.object,\n};\n\nDescriptionSection.defaultProps = {\n  textArea: {\n    width: ['100%', '100%', '50%'],\n    ml: [0, 0, '50%'],\n  },\n  imageWrapper: {\n    boxShadow: 'none',\n  },\n  pretitleStyle: {\n    as: 'span',\n    display: 'block',\n    fontSize: '15px',\n    letterSpacing: '0.15em',\n    fontWeight: '600',\n    color: '#148EA0',\n    mb: '10px',\n  },\n  titleStyle: {\n    fontSize: ['26px', '28px', '32px', '36px', '40px'],\n    // fontWeight: '400',\n    // color: '#0f2137',\n    // letterSpacing: '-0.010em',\n    mb: '20px',\n    maxWidth: ['100%', '100%', '100%', '100%'],\n    // lineHeight: '1.5',\n  },\n  descriptionStyle: {\n    fontSize: '16px',\n    color: '#343d48cc',\n    lineHeight: '1.75',\n    mb: '33px',\n    maxWidth: ['100%', '100%', '100%', '100%'],\n  },\n  btnStyle: {\n    minWidth: '156px',\n    fontSize: '14px',\n    fontWeight: '500',\n    color: '#fff',\n    borderRadius: '4px',\n    pl: '22px',\n    pr: '22px',\n    colors: 'primaryWithBg',\n    mr: '18px',\n  },\n  outlineBtnStyle: {\n    minWidth: ['120px', '120px', '120px', '156px'],\n    fontSize: ['13px', '14px'],\n    fontWeight: '500',\n    color: 'primary',\n    mr: '18px',\n  },\n};\n\nexport default DescriptionSection;\n","export default \"data:image/png;base64,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\""],"names":["CardWrapper","styled","withConfig","displayName","componentId","base","borders","borderColor","borderRadius","boxShadow","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","opacity","cards","themed","Card","_ref","children","props","React","defaultProps","BannerWrapper","section","themeGet","BannerObject","div","BottomWrapper","BannerSection","row","col","title","btnStyle","description","details","outlineBtnStyle","titleContent","titleSubContent","buttons","additionalContent","infoLabel","image","gatsbyImage","gatsbyFluidImage","descriptionContent","bottomContent","className","buttonsNotes","overlayContent","formattedContent","pretitle","titleContentUnderlined","nl2br","string","split","map","text","index","key","ButtonLink","href","target","rel","Button","ButtonGroup","_ref2","length","Fragment","butt","styling","style","variant","type","AnchorLink","Object","assign","link","label","id","Container","Box","FeatureBlock","Fade","left","delay","duration","distance","Text","Heading","FormattedMessage","defaultMessage","values","br","b","chunks","button","bottom","right","Image","src","alt","GatsbyImage","xmlns","viewBox","fill","fillOpacity","d","flexBox","flexWrap","ml","mr","alignItems","pr","pl","width","as","fontSize","fontWeight","color","letterSpacing","mb","lineHeight","minWidth","colors","DescriptionSectionWrapper","SectionObject","mirrored","css","DescriptionSection","subtitle","imagePos","pretitleStyle","titleStyle","subtitleStyle","descriptionStyle","textArea","imageWrapper","customBgImage","overlayImage","noBG","formattedTitle","_props$rel","match","Link","to","fadeprops","content","i","italic","mark","highlighted","display","maxWidth"],"sourceRoot":""}