{"version":3,"file":"components-headerImageWithText-headerImageWithText-8ce0b3f1075d42fde6d9.js","mappings":"0JAkBA,UAf4B,SAAH,GAAyB,IAAD,MAAlBA,EAAW,EAAXA,YAC/B,OACI,gBAAC,UAAc,KACP,gBAAC,OAAW,KACR,gBAAC,UAAc,KAAEA,aAAW,EAAXA,EAAaC,OAC9B,gBAAC,UAAc,KAAED,SAAiB,QAAN,EAAXA,EAAaE,YAAI,WAAN,EAAX,EAAmBA,OAExC,gBAAC,QAAY,CACTC,IAAKH,SAAkB,QAAP,EAAXA,EAAaI,aAAK,WAAP,EAAX,EAAoBC,IACzBC,IAAKN,SAAkB,QAAP,EAAXA,EAAaI,aAAK,WAAP,EAAX,EAAoBH,QAIzC,C,iMCdaM,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,8EAAVA,CAAU,mGASpBC,EAAQD,EAAAA,QAAAA,IAAAA,WAAU,4EAAVA,CAAU,iBAIlBE,EAAOF,EAAAA,QAAAA,IAAAA,WAAU,2EAAVA,CAAU,umBAoDjBG,EAAUH,EAAAA,QAAAA,GAAAA,WAAS,8EAATA,CAAS,0QAoBnBI,EAAUJ,EAAAA,QAAAA,GAAAA,WAAS,8EAATA,CAAS,oO","sources":["webpack://sol-ecolution/./src/components/headerImageWithText/headerImageWithText.js","webpack://sol-ecolution/./src/components/headerImageWithText/headerImageWithTextStyles.js"],"sourcesContent":["import * as Styled from './headerImageWithTextStyles';\nimport React from 'react';\n\nconst HeaderImageWithText = ({ sectionData }) => {\nreturn (\n    <Styled.MainDiv>\n            <Styled.Card>\n                <Styled.Header1>{sectionData?.title}</Styled.Header1>\n                <Styled.Header3>{sectionData?.text?.text}</Styled.Header3>\n            </Styled.Card>\n            <Styled.Image\n                src={sectionData?.image?.url}\n                alt={sectionData?.image?.title}\n                />\n    </Styled.MainDiv>\n);\n};\n\nexport default HeaderImageWithText;","import styled from \"styled-components\";\n\nexport const MainDiv = styled.div`\n  font-family: montserrat;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  box-sizing: border-box;\n  position: relative;\n`;\n\nexport const Image = styled.img`\n  width: 100%;\n`;\n\nexport const Card = styled.div`\n  position: absolute;\n  z-index: 1;\n  right: 160px;\n  top: 375px;\n  padding: 50px;\n  box-shadow: 0px 0px 20px 5px #fdfdfd7a;\n  width: 440px;\n  border-radius: 25px;\n  background-color: white;\n\n  @media (max-width: 1440px) {\n    padding: 30px;\n    right: 105px;\n    top: 250px;\n    width: 275px;\n  }\n\n  @media (max-width: 1024px) {\n    right: 70px;\n    top: 200px;\n    width: 250px;\n  }\n\n  @media (max-width: 768px) {\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    width: 60%;\n    top: 280px;\n    border-radius: 15px;\n    box-shadow: 0px 0px 10px 2px #6e6e6ed1;\n  }\n  @media (max-width: 600px) {\n    top: 200px;\n  }\n\n  @media (max-width: 540px) {\n    top: 160px;\n  }\n  @media (max-width: 425px) {\n    padding: 18px;\n    top: 150px;\n    width: 80%;\n  }\n\n  @media (max-width: 375px) {\n    top: 100px;\n  }\n`;\n\nexport const Header1 = styled.h1`\n  font-weight: bold;\n  text-align: center;\n  font-size: 52px;\n  padding-bottom: 12px;\n  color:var(--font-color);\n  @media (max-width: 1440px) {\n    font-size: 30px;\n  }\n  @media (max-width: 1024px) {\n    font-size: 18px;\n  }\n  @media (max-width: 768px) {\n    font-size: 32px;\n  }\n  @media (max-width: 425px) {\n    font-size: 16px;\n  }\n`;\n\nexport const Header3 = styled.h3`\n  font-size: 30px;\n  text-align: center;\n  color:var(--font-color);\n  @media (max-width: 1440px) {\n    font-size: 18px;\n  }\n  @media (max-width: 1024px) {\n    font-size: 14px;\n  }\n  @media (max-width: 768px) {\n    font-size: 16px;\n  }\n  @media (max-width: 425px) {\n    font-size: 13px;\n  }\n`;\n"],"names":["sectionData","title","text","src","image","url","alt","MainDiv","styled","Image","Card","Header1","Header3"],"sourceRoot":""}