.ifop-header {
  position: relative;
  width: 100%;
  top: 0px;
  height: 58em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920.5986 771.4928' enable-background='new 0 0 1920.5986 771.4928' xml:space='preserve'%3E %3Cg%3E %3Cpolygon fill='%23DCE7F5' points='0,0 0,771.4928 1920.5986,580.3579 1920.5986,0 '/%3E %3Cg%3E %3Cdefs%3E %3Cpolygon id='SVGID_1_' points='1920.5986,580.358 1920.5986,0 0.6316,0 0.6316,771.4928 '/%3E %3C/defs%3E %3CclipPath id='SVGID_2_'%3E %3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E %3C/clipPath%3E %3Cpolygon clip-path='url(%23SVGID_2_)' fill='%23ECF3FB' points='1726.9133,549.9863 1920.7861,530.6855 1920.7861,480.9199 1731.5531,499.7578 '/%3E %3Cpolygon clip-path='url(%23SVGID_2_)' fill='%23C0D5ED' points='1478.6556,574.6788 1474.0157,624.9064 1789.0591,593.5441 1793.699,543.3156 '/%3E %3Cpolygon opacity='0.5' clip-path='url(%23SVGID_2_)' fill='%23C0D5ED' points='475.2773,577.4272 207.3596,604.0991 202.7197,654.3267 470.6375,627.6548 '/%3E %3Cpolygon opacity='0.75' clip-path='url(%23SVGID_2_)' fill='%23ECF3FB' points='124.5253,384.0631 -143.3925,410.735 -148.0324,460.9625 119.8854,434.2906 '/%3E %3Cpolygon clip-path='url(%23SVGID_2_)' fill='%23C0D5ED' points='83.8885,713.5055 79.2486,763.733 308.8045,740.8805 313.4444,690.653 '/%3E %3Cpolygon opacity='0.5' clip-path='url(%23SVGID_2_)' fill='%23C0D5ED' points='1582.5417,514.5916 1731.5157,499.7605 1736.1556,449.533 1587.1816,464.364 '/%3E %3Cpolygon clip-path='url(%23SVGID_2_)' fill='%23ECF3FB' points='-1.5989,722.0153 -6.2388,772.2428 79.2486,763.733 83.8885,713.5055 '/%3E %3Cpolygon opacity='0.75' clip-path='url(%23SVGID_2_)' fill='%23ECF3FB' points='127.1157,562.1141 122.4758,612.3416 207.9632,603.8318 212.6031,553.6043 '/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -1;
  display: inline-block; }

.ifop-headline {
  margin-top: -35em; }
  @media (max-width: 479px) {
    .ifop-headline {
      margin-top: -45em; } }
  .ifop-headline > .mdc-layout-grid {
    width: 100%;
    max-width: 1280px; }
  .ifop-headline .ifop-headline__title {
    text-align: center; }
  .ifop-headline .ifop-headline__subtitle {
    text-align: center; }
  .ifop-headline .ifop-headline__download-section {
    text-align: center;
    margin-bottom: 4em; }
  .ifop-headline .ifop-headline__image-section {
    text-align: center; }
    .ifop-headline .ifop-headline__image-section img {
      max-width: 100%; }

body {
  margin: 0;
  padding: 0; }

.functionality-page__background-gradient {
  position: relative;
  width: 100%; }

.functionality-page__background-gradient-container {
  position: absolute;
  top: -50em;
  z-index: -3;
  width: 100%;
  height: 100em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1922.8462 1614.0564' enable-background='new 0 0 1922.8462 1614.0564' xml:space='preserve' preserveAspectRatio='xMinYMin'%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='962.8627' y1='137.6063' x2='962.8627' y2='964.9319'%3E %3Cstop offset='0' style='stop-color:%23ECF3FB'/%3E %3Cstop offset='1' style='stop-color:%23ECF3FB;stop-opacity:0'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='2.8792,279.8219 2.8792,1614.0564 1922.8462,1614.0564 1922.8462,88.6871 '/%3E %3Cpolygon fill='%2323AE84' points='1726.1272,107.7226 1920,88.4218 1920,38.6562 1730.767,57.4941 '/%3E %3Cpolygon fill='%23ECF3FB' points='1636.9246,17.2373 1632.2847,67.4653 1805.4371,50.2285 1810.077,0 '/%3E %3Cpolygon fill='%23DCE7F5' points='1600.5548,122.1147 1332.6371,148.7866 1327.9972,199.0142 1595.9149,172.3423 '/%3E %3Cpolygon fill='%23ECF3FB' points='1515.1626,230.091 1664.1367,215.26 1668.7766,165.0324 1519.8025,179.8635 '/%3E %3Cg%3E %3Cg%3E %3Cpolygon fill='%23ECF3FB' points='0,191.4043 0,241.1705 136.0493,227.6272 140.6893,177.3987 '/%3E %3C/g%3E %3Cpolygon opacity='0.5' fill='%23ECF3FB' points='510.542,142.3717 505.9021,192.5993 820.9454,161.237 825.5853,111.0085 '/%3E %3Cpolygon fill='%2323AE84' points='0,279.8219 0,329.1413 198.0778,309.5381 202.7177,259.3106 '/%3E %3Cpolygon fill='%23C0D5ED' points='278.9286,351.2626 427.9027,336.4315 432.5426,286.204 283.5685,301.035 '/%3E %3Cpolygon fill='%23DCE7F5' points='202.7177,259.3106 198.0778,309.5381 283.5652,301.0284 288.2051,250.8008 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-top: left top; }

.functionality_page__side-gradient-down {
  position: relative;
  width: 100%; }

.functionality_page__side-gradient-down-container {
  position: absolute;
  top: -25em;
  z-index: -2;
  width: 50%;
  height: 30em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1001.6602 668.8026' enable-background='new 0 0 1001.6602 668.8026' xml:space='preserve' preserveAspectRatio='xMinYMax'%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-10851.2832' y1='334.4013' x2='-11788.1025' y2='334.4013' gradientTransform='matrix(-1 0 0 1 -10822.1875 0)'%3E %3Cstop offset='0' style='stop-color:%23ECF3FB'/%3E %3Cstop offset='1' style='stop-color:%23ECF3FB;stop-opacity:0'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='1001.6602,668.8026 0,567.3398 0,0 1001.6602,101.4628 '/%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-top: left bottom; }

.functionality_page__side-gradient-up {
  position: relative;
  width: 100%; }

.functionality_page__side-gradient-up-container {
  position: absolute;
  top: 5em;
  z-index: -2;
  width: 50%;
  height: 50em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1001.6602 728.7807' enable-background='new 0 0 1001.6602 728.7807' xml:space='preserve' preserveAspectRatio='xMinYMax'%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-12685.0117' y1='364.3904' x2='-13621.8311' y2='364.3904' gradientTransform='matrix(-1 0 0 1 -12655.916 0)'%3E %3Cstop offset='0' style='stop-color:%23ECF3FB'/%3E %3Cstop offset='1' style='stop-color:%23ECF3FB;stop-opacity:0'/%3E %3C/linearGradient%3E %3Cpolygon fill='url(%23SVGID_1_)' points='1001.6602,627.7561 0,728.7807 0,104.0248 1001.6602,0 '/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-top: left bottom; }

.functionality_page__svg-container {
  z-index: -1;
  position: relative;
  width: 100%;
  height: 40em;
  margin-top: -40em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 326.1856' style='enable-background:new 0 0 1920 326.1856;' xml:space='preserve' preserveAspectRatio='xMidYMax'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bopacity:0.4;%7D .st3%7Bfill:%230B1742;%7D .st4%7Bopacity:0.3;%7D .st5%7Bfill:%230E2050;%7D %3C/style%3E %3Cg%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1046.0933' y1='782.6882' x2='104.4159' y2='1142.9822' gradientTransform='matrix(1 0 0 1 0 -589.1897)'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2839' style='stop-color:%230F2F6D'/%3E %3Cstop offset='0.5466' style='stop-color:%230C3678'/%3E %3Cstop offset='0.8001' style='stop-color:%2306428B'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon class='st0' points='-11.361,131.0382 -11.361,326.1856 1920,326.1856 1920,0 '/%3E %3C/g%3E %3Cg%3E %3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='902.7471' y1='851.4033' x2='154.0445' y2='469.0112' gradientTransform='matrix(1 0 0 1 0 -589.1897)'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2798' style='stop-color:%230D3373'/%3E %3Cstop offset='0.7584' style='stop-color:%2305458F'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon class='st1' points='1920,250.9218 1920,326.1856 -11.361,326.1856 -11.361,133.294 '/%3E %3C/g%3E %3Cg class='st2'%3E %3Cpolygon class='st3' points='1920,325.0334 1920,326.1856 -11.3278,326.1856 -11.3278,193.9952 '/%3E %3C/g%3E %3Cg class='st4'%3E %3Cpolygon class='st3' points='-11.361,239.5077 -11.361,326.1856 1920,325.8495 1920,201.6201 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cpolygon class='st5' points='-11.361,303.1259 -11.361,326.1856 1920,326.1856 1920,326.1856 '/%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center bottom; }
  @media (min-width: 600px) {
    .functionality_page__svg-container {
      margin-top: -31em; } }


/*# sourceMappingURL=ifop.css.map*/