{"version":3,"file":"components-faqsWithCenterHeader-faqsWithCenterHeader-0d564afe790c6d415361.js","mappings":"87BAMaA,GAAqBC,EAAAA,EAAAA,SAAOC,EAAAA,GAAV,oFAAGD,CAAH,MAClBE,GAAgBF,EAAAA,EAAAA,SAAOC,EAAAA,EAAAA,MAAV,+EAAGD,CAAH,2JAYbG,EAAgBH,EAAAA,QAAAA,GAAAA,WAAH,oEAAGA,CAAH,kCAKbI,EAAWJ,EAAAA,QAAAA,GAAAA,WAAH,+DAAGA,CAAH,iVACDK,EAAAA,GAmBPC,GAAkBN,EAAAA,EAAAA,SAAOC,EAAAA,EAAAA,QAAV,iFAAGD,CAAH,ylCAkBCO,EAAAA,EA+BAA,EAAAA,GAqBhBC,GAAgBR,EAAAA,EAAAA,SAAOC,EAAAA,EAAAA,MAAV,+EAAGD,CAAH,2HAUbS,EAAYT,EAAAA,QAAAA,EAAAA,WAAH,gEAAGA,CAAH,6XAuBTU,GAAoBV,EAAAA,EAAAA,SAAOW,EAAAA,MAAV,mFAAGX,CAAH,4MAcjBY,EAAeZ,EAAAA,QAAAA,EAAAA,WAAH,mEAAGA,CAAH,yXASGO,EAAAA,EAEEA,EAAAA,GAQjBM,GAAuBb,EAAAA,EAAAA,SAAOW,EAAAA,MAAV,sFAAGX,CAAH,4aAULO,EAAAA,EAEEA,EAAAA,GASjBO,EAAWd,EAAAA,QAAAA,IAAAA,WAAH,gEAAGA,CAAH,8hCAuERe,GAAkBf,EAAAA,EAAAA,SAAOc,GAAV,kFAAGd,CAAH,2DAOfgB,EAAUhB,EAAAA,QAAAA,GAAAA,WAAH,+DAAGA,CAAH,gUAqBPiB,EAAgBjB,EAAAA,QAAAA,GAAAA,WAAH,qEAAGA,CAAH,kUAqBbkB,EAAclB,EAAAA,QAAAA,EAAAA,WAAH,mEAAGA,CAAH,+lBAsCXmB,EAAkBnB,EAAAA,QAAAA,IAAAA,WAAH,uEAAGA,CAAH,sMAkBfoB,EAAmBpB,EAAAA,QAAAA,IAAAA,WAAH,wEAAGA,CAAH,sOAqBhBqB,EAAarB,EAAAA,QAAAA,IAAAA,WAAH,kEAAGA,CAAH,gDAWVsB,EAAOtB,EAAAA,QAAAA,IAAAA,WAAH,4DAAGA,CAAH,iFAOJuB,EAAavB,EAAAA,QAAAA,IAAAA,WAAH,kEAAGA,CAAH,sCAKVwB,EAAYxB,EAAAA,QAAAA,KAAAA,WAAH,iEAAGA,CAAH,uEAQTyB,EAAuBzB,EAAAA,QAAAA,GAAAA,WAAH,4EAAGA,CAAH,q9B,gKCnMjC,UAlOa,SAAC,GAA+B,IAAD,YAA5B0B,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,SAC3BC,EAAAA,WAAA,iBAAgB,wFACVF,MAAAA,OAAA,EAAAA,EAAaG,cAAcF,MAAAA,GAA3B,UAA2BA,EAAUG,YAArC,aAA2B,EAAgBC,QAAQ,IAAK,KAD9C,gCAEW,IAAIC,SAAQ,SAACC,GAAa,IAAD,GACtC,QAAR,EAAAC,gBAAA,eAAUC,eAAeT,MAAAA,OAAzB,EAAyBA,EAAaG,aAAcI,GAAQ,MAHlD,eAOVG,YAAW,WACTC,OAAOV,SAASW,KAAhB,KAA2BZ,MAAAA,OAA3B,EAA2BA,EAAaG,aACvC,KATO,2CAYb,CAACH,MAAAA,OAAD,EAACA,EAAaG,YAEjB,IAAMU,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IAFZ,EAIPF,EAAAA,OAAAA,SAAiB,SAACC,EAAMC,GAAP,OAChB,gBAAC,gBAAD,KAAuBA,IALjB,EAOPF,EAAAA,OAAAA,SAAiB,SAACC,EAAMC,GAAP,OAChB,gBAAC,uBAAD,KAA8BA,IARxB,EAUPF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IAXZ,EAaPF,EAAAA,OAAAA,gBAAwB,SAACC,GAAU,IAAD,MAEtB,sBADLE,GAAQC,EAAAA,EAAAA,GAAoBH,MAAAA,GAAD,UAACA,EAAMI,YAAP,iBAAC,EAAYC,cAAb,iBAAC,EAAoBC,WAArB,aAAC,EAAyBC,IAC3D,GAAIL,EACF,OAAOA,MAAAA,GAAA,UAAAA,EAAOF,YAAP,SAAaQ,YAClB,qBACEZ,MACEa,EAAAA,EAAAA,IAAkBP,MAAAA,GAAD,UAACA,EAAOF,YAAR,aAAC,EAAaQ,aAC3BN,MAAAA,GADJ,UACIA,EAAOF,YADX,aACI,EAAaQ,aACbE,EAAAA,EAAAA,IACCC,sCAAgCT,MAAAA,GAAhC,UAAgCA,EAAOF,YAAvC,aAAgC,EAAaQ,cAGpDH,QACEO,EAAAA,EAAAA,IAAcV,MAAAA,GAAD,UAACA,EAAOF,YAAR,aAAC,EAAaQ,aAAe,SAAW,QAEvDK,IAAI,cAEJ,uBAAKC,IAAKZ,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKC,IAAKf,MAAAA,GAAF,UAAEA,EAAOF,YAAT,aAAE,EAAakB,SAGtD,uBAAKJ,IAAKZ,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKC,IAAKf,MAAAA,GAAF,UAAEA,EAAOF,YAAT,aAAE,EAAakB,SAjClD,EAqCPC,EAAAA,QAAAA,WAAoB,SAACnB,EAAMC,GAAP,mBACnB,gBAAC,YAAD,CACEL,MACEa,EAAAA,EAAAA,IAAkBT,MAAAA,GAAD,UAACA,EAAMI,YAAP,aAAC,EAAYgB,KAC1BpB,MAAAA,GADJ,UACIA,EAAMI,YADV,aACI,EAAYgB,KACbV,EAAAA,EAAAA,IACEC,sCAAgCX,MAAAA,GAAhC,UAAgCA,EAAMI,YAAtC,aAAgC,EAAYgB,MAGnDf,QAAQO,EAAAA,EAAAA,IAAcZ,MAAAA,GAAD,UAACA,EAAMI,YAAP,aAAC,EAAYgB,KAAO,SAAW,SAEnDnB,IAhDG,EAmDPkB,EAAAA,QAAAA,iBAA0B,SAACnB,EAAMC,GAAc,IAAD,MAElC,IADLC,GAAQC,EAAAA,EAAAA,GAAoBH,MAAAA,GAAD,UAACA,EAAMI,YAAP,iBAAC,EAAYC,cAAb,iBAAC,EAAoBC,WAArB,aAAC,EAAyBC,IAC3D,GAAIL,EACF,OACE,gBAAC,YAAD,CAAkBN,KAAMM,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKX,OAAQ,UACrDJ,IAxDD,GA8DVoB,WAAY,SAACC,GAAD,OACVA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,QAE9DK,EAAyB,CAC7B7B,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IAFZ,EAIPF,EAAAA,OAAAA,SAAiB,SAACC,EAAMC,GAAP,OAChB,gBAAC,gBAAD,KAAuBA,IALjB,EAOPF,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IARZ,EAUPF,EAAAA,OAAAA,SAAiB,SAACC,EAAMC,GAAP,OAChB,gBAAC,uBAAD,KAA8BA,IAXxB,EAaPF,EAAAA,OAAAA,gBAAwB,SAACC,GAAU,IAAD,MAEtB,sBADLE,GAAQC,EAAAA,EAAAA,GAAoBH,MAAAA,GAAD,UAACA,EAAMI,YAAP,iBAAC,EAAYC,cAAb,iBAAC,EAAoBC,WAArB,aAAC,EAAyBC,IAC3D,GAAIL,EACF,OAAOA,MAAAA,GAAA,UAAAA,EAAOF,YAAP,SAAaQ,YAClB,qBACEZ,MACEa,EAAAA,EAAAA,IAAkBP,MAAAA,GAAD,UAACA,EAAOF,YAAR,aAAC,EAAaQ,aAC3BN,MAAAA,GADJ,UACIA,EAAOF,YADX,aACI,EAAaQ,aACdE,EAAAA,EAAAA,IACEC,sCAAgCT,MAAAA,GAAhC,UAAgCA,EAAOF,YAAvC,aAAgC,EAAaQ,cAGpDH,QAAQO,EAAAA,EAAAA,IACNV,MAAAA,GAAA,UAAAA,EAAOF,YAAP,SAAaQ,YAAc,SAAW,UAGxC,uBAAKM,IAAKZ,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKC,IAAKf,MAAAA,GAAF,UAAEA,EAAOF,YAAT,aAAE,EAAakB,SAGtD,uBAAKJ,IAAKZ,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKC,IAAKf,MAAAA,GAAF,UAAEA,EAAOF,YAAT,aAAE,EAAakB,SAhClD,EAoCPC,EAAAA,QAAAA,WAAoB,SAACnB,EAAMC,GAAP,mBACnB,gBAAC,cAAD,CACEL,MACEa,EAAAA,EAAAA,IAAkBT,MAAAA,GAAD,UAACA,EAAMI,YAAP,aAAC,EAAYgB,KAC1BpB,MAAAA,GADJ,UACIA,EAAMI,YADV,aACI,EAAYgB,KACbV,EAAAA,EAAAA,IACEC,sCAAgCX,MAAAA,GAAhC,UAAgCA,EAAMI,YAAtC,aAAgC,EAAYgB,MAGnDf,QAAQO,EAAAA,EAAAA,IAAcZ,MAAAA,GAAD,UAACA,EAAMI,YAAP,aAAC,EAAYgB,KAAO,SAAW,SAEnDnB,IA/CG,EAkDPkB,EAAAA,QAAAA,iBAA0B,SAACnB,EAAMC,GAAc,IAAD,MAElC,IADLC,GAAQC,EAAAA,EAAAA,GAAoBH,MAAAA,GAAD,UAACA,EAAMI,YAAP,iBAAC,EAAYC,cAAb,iBAAC,EAAoBC,WAArB,aAAC,EAAyBC,IAC3D,GAAIL,EACF,OACE,gBAAC,cAAD,CAAoBN,KAAMM,MAAAA,GAAF,UAAEA,EAAOF,YAAT,iBAAE,EAAae,YAAf,aAAE,EAAmBC,IAAKX,OAAQ,UACvDJ,IAvDD,GA6DVoB,WAAY,SAACC,GAAD,OACVA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,QAG9DM,GACJ5C,MAAAA,OAAA,EAAAA,EAAa6C,OACb7C,MAAAA,GADA,UACAA,EAAa6C,WADb,aACA,EAAkBC,QAAO,SAACC,EAAKC,GAAW,IAAD,EACvC,IAAIhD,MAAAA,GAAA,UAAAA,EAAa6C,WAAb,eAAkBI,QAAS,EAAID,EACjC,OAAOD,MAIPG,GACJlD,MAAAA,OAAA,EAAAA,EAAa6C,OACb7C,MAAAA,GADA,UACAA,EAAa6C,WADb,aACA,EAAkBC,QAAO,SAACC,EAAKC,GAAW,IAAD,EACvC,IAAIhD,MAAAA,GAAA,UAAAA,EAAa6C,WAAb,eAAkBI,QAAS,GAAKD,EAClC,OAAOD,MAIb,OACE,gBAAC,KAAD,KACE,gBAAC,YAAD,CAAkBxB,GAAIvB,MAAAA,OAAF,EAAEA,EAAaG,aAClCH,MAAAA,GAAA,UAAAA,EAAamD,cAAb,eAAqBC,SACpB,gBAAC,gBAAD,KAAuBpD,MAAAA,OAAvB,EAAuBA,EAAamD,SAErCnD,MAAAA,GAAA,UAAAA,EAAawB,mBAAb,eAA0B4B,SACzB,gBAAC,kBAAD,KACGpD,MAAAA,OADH,EACGA,EAAawB,aAGlB,gBAAC,KAAD,KACE,gBAAC,qBAAD,CAA2B6B,OAAK,EAACC,YAAU,GACzC,gBAAC,kBAAD,KACGV,MAAAA,OADH,EACGA,EAAWW,KAAI,SAACC,EAAMR,GAAW,IAAD,IAC/B,OACE,gBAAC,gBAAD,CAAsBS,SAAUT,EAAON,IAAKM,GAC1C,gBAAC,kBAAD,KAAyBQ,MAAAA,OAAzB,EAAyBA,EAAMtB,OAC/B,gBAAC,gBAAD,MACGsB,MAAAA,OAAA,EAAAA,EAAMlB,QACLoB,EAAAA,EAAAA,GACEC,KAAKC,MAAMJ,MAAAA,GAAX,UAAWA,EAAMlB,YAAjB,aAAW,EAAYuB,KACvBhD,IAEH2C,MAAAA,OAAA,EAAAA,EAAMM,WACLJ,EAAAA,EAAAA,GACEC,KAAKC,MAAMJ,MAAAA,GAAX,UAAWA,EAAMM,eAAjB,aAAW,EAAeD,KAC1BlB,SAOd,gBAAC,mBAAD,KACGO,EAAWK,KAAI,SAACC,EAAMR,GAAW,IAAD,IAC/B,OACE,gBAAC,gBAAD,CACES,SAAUT,GAAQJ,MAAAA,OAAH,EAAGA,EAAWK,QAC7BP,IAAKM,GAEL,gBAAC,kBAAD,KAAyBQ,MAAAA,OAAzB,EAAyBA,EAAMtB,OAC/B,gBAAC,gBAAD,MACGsB,MAAAA,OAAA,EAAAA,EAAMlB,QACLoB,EAAAA,EAAAA,GACEC,KAAKC,MAAMJ,MAAAA,GAAX,UAAWA,EAAMlB,YAAjB,aAAW,EAAYuB,KACvBhD,IAEH2C,MAAAA,OAAA,EAAAA,EAAMM,WACLJ,EAAAA,EAAAA,GACEC,KAAKC,MAAMJ,MAAAA,GAAX,UAAWA,EAAMM,eAAjB,aAAW,EAAeD,KAC1BlB,c,oBC9NxB","sources":["webpack://commercial-ultramar/./src/components/faqs/faqsStyles.js","webpack://commercial-ultramar/./src/components/faqsWithCenterHeader/faqsWithCenterHeader.js","webpack://commercial-ultramar/./src/images/icon-expand.png"],"sourcesContent":["import { Accordion } from 'react-bootstrap';\nimport styled from 'styled-components';\nimport { Link } from 'gatsby';\nimport iconExpand from '../../images/icon-expand.png';\nimport iconArrow from '../../images/icon-arrow-yellow-right.png';\n\nexport const AccordionContainer = styled(Accordion)``;\nexport const AccordionItem = styled(Accordion.Item)`\n :last-child {\n border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;\n }\n @media print {\n .accordion-collapse {\n display: block !important;\n height: auto !important;\n }\n }\n`;\n\nexport const ListContainer = styled.ul`\n padding: 0;\n margin: 0 0 30px 0;\n`;\n\nexport const ListText = styled.li`\n background: url(${iconArrow}) no-repeat 0 9px;\n background-size: 10px auto;\n list-style: none;\n color: #666;\n font-family: 'Gotham-Book', arial, sans-serif;\n font-size: 20px;\n line-height: 32px;\n padding: 0 0 15px 30px;\n margin: 0;\n @media (max-width: 1399px) {\n background-position: 0 9px;\n }\n @media (max-width: 767px) {\n background-position: 0 5px;\n font-size: 16px;\n line-height: 24px;\n }\n`;\n\nexport const AccordionHeader = styled(Accordion.Header)`\n button {\n font-weight: normal !important;\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 26px !important;\n line-height: 32px !important;\n padding: 28px 65px 25px 0;\n color: #48b4f1;\n :hover {\n text-decoration: none;\n color: #f7991c;\n }\n ::after {\n display: block;\n position: absolute;\n right: 35px;\n height: 20px;\n width: 20px;\n background: #fff url(${iconExpand}) no-repeat center right;\n background-size: 100% auto;\n }\n @media (max-width: 1399px) {\n font-size: 22px !important;\n line-height: 26px !important;\n }\n @media (max-width: 991px) {\n ::after {\n right: 0px;\n }\n }\n @media (max-width: 991px) {\n padding: 28px 45px 25px 0;\n }\n @media (max-width: 767px) {\n font-size: 20px !important;\n line-height: 24px !important;\n }\n }\n .accordion-button: not(.collapsed) {\n background-color: #fff;\n color: #f7991c;\n border-bottom: none !important;\n box-shadow: none;\n ::after {\n display: block;\n position: absolute;\n right: 35px;\n height: 20px;\n width: 20px;\n background: #fff url(${iconExpand}) no-repeat center right;\n background-size: 100% auto;\n transform: rotate(45deg);\n box-shadow: none;\n }\n @media (max-width: 991px) {\n ::after {\n right: 0px;\n }\n }\n }\n .accordion-button:focus {\n border-color: none;\n box-shadow: none;\n }\n .accordion-button:active {\n color: #037ec4 !important;\n box-shadow: none;\n }\n`;\n\nexport const AccordionBody = styled(Accordion.Body)`\n padding: 15px 0 !important;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.02em;\n @media (max-width: 991px) {\n margin: 0px;\n }\n`;\n\nexport const LinkStyle = styled.a`\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 20px;\n line-height: 32px;\n background-size: 7px auto;\n text-decoration: none;\n text-align: left;\n text-decoration: none;\n color: #00a6e8;\n transition: 0.25s ease-out;\n transition: background-position 0.15s ease-out;\n :hover {\n text-decoration: none;\n top: 0;\n color: #f7991c;\n box-shadow: none;\n }\n @media (max-width: 767px) {\n font-size: 16px;\n line-height: 22px;\n }\n`;\n\nexport const LinkStyleInternal = styled(Link)`\n font-size: 20px;\n line-height: 20px;\n letter-spacing: 0.04em;\n color: #9fb577;\n background-size: 7px auto;\n text-decoration: none;\n text-align: left;\n transition: background-position 0.15s ease-out;\n :hover {\n color: #00457c;\n }\n`;\n\nexport const AnchorButton = styled.a`\n padding: 16px 85px 14px 15px;\n margin: 0 5px 30px 0;\n text-decoration: none;\n font-size: 20px;\n line-height: 20px;\n text-transform: uppercase !important;\n text-align: left;\n color: #037ec4;\n background: #ebf5fa url(${iconExpand}) no-repeat 95% center;\n &:hover {\n background: #ebf5fa url(${iconExpand}) no-repeat 90% center;\n transition: background-position 0.15s ease-out;\n border: none;\n }\n @media (max-width: 767px) {\n display: block;\n }\n`;\nexport const AnchorButtonInternal = styled(Link)`\n padding: 16px 85px 14px 15px;\n margin: 0 5px 30px 0;\n text-decoration: none;\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 20px;\n line-height: 20px;\n text-transform: uppercase !important;\n text-align: left;\n color: #037ec4;\n background: #ebf5fa url(${iconExpand}) no-repeat 95% center;\n &:hover {\n background: #ebf5fa url(${iconExpand}) no-repeat 90% center;\n transition: background-position 0.15s ease-out;\n border: none;\n }\n @media (max-width: 767px) {\n display: block;\n }\n`;\n\nexport const ParaText = styled.div`\n color: rgba(0, 0, 0, 0.6);\n font-family: 'HelveticaNeue-Light', arial, sans-serif;\n font-size: 20px;\n line-height: 24px;\n letter-spacing: 0.02em;\n position: relative;\n padding: 0;\n margin-bottom: 30px;\n a > code {\n display: inline-block;\n position: relative;\n top: 0;\n padding: 15px 35px;\n margin-right: 10px;\n margin-bottom: 40px;\n font-family: 'MrAlex', sans-serif;\n font-size: 24px;\n line-height: 28px;\n text-transform: uppercase;\n font-weight: bold;\n color: #00a6e8;\n border: 2px solid #00a6e8;\n box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);\n border-radius: 100px;\n cursor: pointer;\n text-decoration: none;\n /* code {\n font: inherit;\n } */\n @media (max-width: 1399px) {\n font-size: 20px;\n line-height: 24px;\n margin-bottom: 30px;\n }\n @media (max-width: 1199px) {\n font-size: 25px;\n line-height: 25px;\n }\n\n @media (max-width: 767px) {\n font-size: 22px;\n line-height: 25px;\n }\n :hover {\n top: -5px;\n color: #f7991c;\n border-color: #f7991c;\n box-shadow: 0 5px 0 0 #f7991c;\n }\n }\n @media (max-width: 767px) {\n font-size: 16px;\n line-height: 22px;\n }\n i {\n font-style: italic;\n margin-bottom: 0;\n font-size: 18px;\n line-height: 24px;\n @media (max-width: 1399px) {\n font-size: 15px;\n line-height: 22px;\n }\n @media (max-width: 767px) {\n font-size: 13px;\n line-height: 20px;\n }\n }\n`;\n\nexport const DescriptionText = styled(ParaText)`\n padding: 0 20px;\n @media (max-width: 991px) {\n padding: 0px;\n }\n`;\n\nexport const Header2 = styled.h2`\n margin-bottom: 10px;\n padding: 0 20px;\n position: relative;\n font-family: 'MrAlex', sans-serif;\n font-size: 45px;\n line-height: 50px;\n color: #00539d;\n font-weight: normal;\n font-style: normal;\n margin: 0 0 35px 0;\n @media (max-width: 1439px) {\n font-size: 40px;\n line-height: 45px;\n }\n @media (max-width: 991px) {\n font-size: 30px;\n line-height: 35px;\n padding: 0px;\n }\n`;\nexport const Header2Center = styled.h2`\n text-align: center;\n margin-bottom: 35px;\n position: relative;\n font-family: 'MrAlex', sans-serif;\n font-size: 45px;\n line-height: 50px;\n color: #00539d;\n padding: 0;\n font-weight: normal;\n font-style: normal;\n @media (max-width: 1439px) {\n font-size: 40px;\n line-height: 45px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 30px;\n line-height: 35px;\n }\n`;\nexport const ButtonStyle = styled.a`\n display: inline-block;\n position: relative;\n top: 0;\n padding: 15px 35px;\n margin-right: 10px;\n font-family: 'MrAlex', sans-serif;\n font-size: 24px;\n line-height: 28px;\n text-transform: uppercase;\n font-weight: bold;\n color: #00a6e8;\n border: 2px solid #00a6e8;\n box-shadow: 0 0 0 2px rgb(255 255 255 / 0%);\n border-radius: 100px;\n cursor: pointer;\n text-decoration: none;\n @media (max-width: 1399px) {\n font-size: 20px;\n line-height: 24px;\n margin-bottom: 30px;\n }\n @media (max-width: 1199px) {\n font-size: 25px;\n line-height: 25px;\n }\n\n @media (max-width: 767px) {\n font-size: 22px;\n line-height: 25px;\n }\n :hover {\n top: -5px;\n color: #f7991c;\n border-color: #f7991c;\n box-shadow: 0 5px 0 0 #f7991c;\n }\n`;\nexport const ColumnsHalfLeft = styled.div`\n float: left;\n width: 50%;\n padding: 0px 20px;\n @media (max-width: 991px) {\n width: 100%;\n padding-right: 0;\n padding: 0px;\n }\n *:last-child {\n margin-bottom: 0;\n }\n @media (max-width: 991px) {\n *:last-child {\n margin-bottom: 10px;\n }\n }\n`;\nexport const ColumnsHalfRight = styled.div`\n float: right;\n width: 50%;\n padding: 0px 20px;\n @media (max-width: 991px) {\n width: 100%;\n padding-left: 0;\n padding: 0px;\n ul:first-child {\n margin-top: -30px;\n }\n }\n *:last-child {\n margin-bottom: 0;\n }\n @media (max-width: 991px) {\n *:last-child {\n margin-bottom: 10px;\n }\n`;\n\nexport const FaqWrapper = styled.div`\n hr {\n display: none;\n }\n & + & {\n hr {\n display: block;\n }\n }\n`;\n\nexport const Body = styled.div`\n position: relative;\n padding: 40px 90px;\n @media (max-width: 991px) {\n padding: 35px;\n }\n`;\nexport const ImageStyle = styled.img`\n width: 100%;\n height: auto;\n margin: 0;\n`;\nexport const SpanStyle = styled.span`\n position: relative;\n top: -200px;\n @media (max-width: 991px) {\n top: -50px;\n }\n`;\n\nexport const OrderedListContainer = styled.ol`\n margin: 0 0 30px 0;\n padding: 0 !important;\n list-style-type: none;\n counter-reset: standard-counter;\n @media (max-width: 767px) {\n padding-left: 50px;\n }\n li {\n background: none;\n position: relative;\n margin: 0;\n padding: 15px 0 15px 65px !important;\n ::before {\n content: counter(standard-counter);\n counter-increment: standard-counter;\n position: absolute;\n left: 0;\n top: 12px;\n width: 40px;\n height: 40px;\n text-align: center;\n padding: 6px 0 0 0;\n font-family: 'MrAlex', arial, sans-serif;\n font-size: 30px;\n line-height: 30px;\n color: #ffc905;\n border: 2px solid #ffc905;\n border-radius: 50%;\n @media (max-width: 767px) {\n top: 11px;\n width: 30px;\n height: 30px;\n padding: 6px 0 0 0;\n font-size: 20px;\n line-height: 20px;\n }\n }\n a {\n text-decoration: none;\n color: #00a6e8;\n transition: 0.25s ease-out;\n padding: 0;\n margin-right: 0;\n margin-bottom: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n text-transform: inherit;\n font-weight: inherit;\n color: #00a6e8;\n border: none;\n box-shadow: none;\n cursor: pointer;\n text-decoration: none;\n :hover {\n text-decoration: none;\n top: 0;\n color: #f7991c;\n box-shadow: none;\n }\n }\n }\n`;\n","import React from 'react';\nimport * as Styled from '../../components/faqs/faqsStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS, INLINES } from '@contentful/rich-text-types';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport { Body, Columns } from '../../styles';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlHref } from '../../utils';\n\nconst FAQS = ({ sectionData, location }) => {\n React.useEffect(async () => {\n if (sectionData?.elementId === location?.hash?.replace('#', '')) {\n const waitedID = await new Promise((resolve) => {\n document?.getElementById(sectionData?.elementId) && resolve(true);\n });\n\n if (waitedID) {\n setTimeout(() => {\n window.location.href = `#${sectionData?.elementId}`;\n }, 500);\n }\n }\n }, [sectionData?.elementId]);\n\n const optionsMainStyle = {\n renderNode: {\n [BLOCKS.PARAGRAPH]: (node, children) => (\n \n \n ) : (\n
\n );\n }\n },\n [INLINES.HYPERLINK]: (node, children) => (\n
, text]),\n };\n const optionsButtonMainStyle = {\n renderNode: {\n [BLOCKS.PARAGRAPH]: (node, children) => (\n \n \n ) : (\n
\n );\n }\n },\n [INLINES.HYPERLINK]: (node, children) => (\n
, text]),\n };\n\n const leftArray =\n sectionData?.qna &&\n sectionData?.qna?.filter((faq, index) => {\n if (sectionData?.qna?.length / 2 > index) {\n return faq;\n }\n });\n\n const rigthArray =\n sectionData?.qna &&\n sectionData?.qna?.filter((faq, index) => {\n if (sectionData?.qna?.length / 2 <= index) {\n return faq;\n }\n });\n\n return (\n