.ROICalc{width:100%}.ROICalc .content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:80px;max-width:1200px;padding:0}@media (max-width:767px){.ROICalc .content-wrapper{flex-direction:column;gap:50px}}.TextCard{padding:0 40px}.ROICard,.TextCard{border-radius:25px;display:flex;flex-direction:column;width:calc(50% - 40px)}.ROICard{background-color:#f7f4f2;box-shadow:inset 0 0 0 2px #f1efec}@media (max-width:767px){.ROICard,.TextCard{width:100%}}.ROICard>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:20px}.Order1{order:3}.Order2{order:4}@media (min-width:768px) and (max-width:1023px){.TextCard.Order1{padding-right:0}.TextCard.Order2{padding-left:0}}@media (max-width:767px){.TextCard{order:2!important;padding:0}}.ROICard .CalcIcon{border-radius:10px;position:absolute;right:20px;top:20px;width:64px}.ROICard h3{font-size:24px;padding:0 74px 0 20px}.ROICard h3,.ROICard h4{color:#395162;width:100%}.ROICard h4{font-size:19px;padding:0 20px}.ROICard label{color:#657281;font-size:15px;font-weight:600;line-height:1.3;margin-bottom:13px;padding-right:10px;width:100%}.ROICard select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:2px solid #f7f4f2;font-size:28px;padding:0 45px 0 0;width:100%}.ROICard .Dropdown,.ROICard .num-field{border:2px solid #f7f4f2;border-radius:10px;display:flex;flex-direction:column;min-height:120px;padding:16px 16px 18px 18px;position:relative}.ROICard .Dropdown{display:flex;flex-direction:column;margin-top:20px}.ROICard .Dropdown:after{background-color:#e8308a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' aria-hidden='true' viewBox='0 0 20 11'%3E%3Cpath d='M9.99 8.1 2.32.43C2.06.17 1.75.04 1.41.05S.75.19.49.46s-.39.56-.39.91.13.65.39.91l8.01 8.04c.21.21.44.37.7.47s.52.16.78.16.52-.05.78-.16.5-.26.7-.47l8.06-8.04c.26-.26.39-.57.38-.93s-.14-.67-.4-.93-.57-.39-.91-.39-.65.13-.91.39l-7.67 7.67Z' class='Arrow'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:4px;content:"";height:45px;opacity:.75;pointer-events:none;position:absolute;right:16px;top:49px;transition:.2s;width:45px}.ROICard .Dropdown:hover:after{opacity:1}.ROICard .Dropdown label{flex-shrink:0}.ROICard .Dropdown select{background-color:#fff;color:#395162;flex-grow:1}.num-field{margin-top:20px;width:100%}.InputWrapper{display:flex}.InputWrapper input{border:unset;border-bottom:2px solid #f7f4f2;border-radius:0;color:#395162;flex-grow:1;font-size:42px!important;letter-spacing:-.03em;padding:0;width:100%}.InputWrapper.fnac{color:#395162;font-size:42px;position:relative}.InputWrapper.fnac input{padding-left:21px}.InputWrapper.fnac:before{content:"£";left:0;line-height:normal;position:absolute}.num-ctrl{display:flex;flex-direction:column;flex-shrink:0;gap:5px;margin-left:5px}.num-ctrl button{background-color:#e8308a;border:2px solid #e8308a;border-radius:4px;display:flex;height:25px;opacity:.75;transition:.2s;width:45px}.num-ctrl button:hover{opacity:1}.num-ctrl button svg{fill:#fff;margin:auto;transition:.2s;width:100%}.num-ctrl button[data-action=dec]{background-color:#fff}.num-ctrl button[data-action=dec] svg{fill:#e8308a}.ROICard.Blindspot .Dropdown{width:100%}.ROICard.Blindspot .Dropdown:after{background-color:#d62647}.ROICard.Blindspot .num-field{width:calc(50% - 10px)}.ROICard.Blindspot button{background-color:#d62647;border-color:#d62647}.ROICard.Blindspot .num-ctrl button[data-action=dec]{background-color:#fff}.ROICard.Blindspot .num-ctrl button[data-action=dec] svg{fill:#d62647}.ROICard.PPCUplift .Dropdown{width:calc(50% - 10px)}.ROICard.PPCUplift .Dropdown:after{background-color:#672495}.ROICard.PPCUplift .num-field{width:calc(50% - 10px)}.ROICard.PPCUplift button{background-color:#672495;border-color:#672495}.ROICard.PPCUplift .num-ctrl button[data-action=dec]{background-color:#fff}.ROICard.PPCUplift .num-ctrl button[data-action=dec] svg{fill:#672495}.ROICard .Input{background-color:#fff;border:2px solid #f1efec;border-radius:25px;padding:55px 20px 20px;position:relative}.ROICard .Output{border-radius:8px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:10px auto auto;width:100%}.Output>div{flex-grow:1;width:calc(50% - 10px)}.Output .MonthQuart{display:flex;flex-direction:column;gap:20px;margin-top:0}.Output .CPL,.Output .Month,.Output .Quarter,.Output .Year{align-items:center;background-color:#fff;border-radius:10px;display:flex;font-size:42px;letter-spacing:-.03em;line-height:1;padding:38px 20px 10px;position:relative}@media (min-width:1200px){.Output .Year{font-size:54px}}.Output .ResTag{background-color:#e8308a;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:20px;letter-spacing:0;line-height:1;padding:5px 10px;position:absolute;text-align:center;top:10px;width:110px}@media (min-width:768px) and (max-width:1199px){.ROICard label{font-size:13px}.InputWrapper.fnac:before{font-size:32px;top:6px}.InputWrapper input{font-size:32px!important}.InputWrapper.fnac input{padding-left:16px}.ROICard select{font-size:20px}.Output .CPL,.Output .Month,.Output .Quarter,.Output .Year{font-size:36px}}@media (min-width:768px) and (max-width:1023px){.ROICard label{margin-bottom:4px}.ROICard .Dropdown,.ROICard .num-field{min-height:105px;width:100%!important}.ROICard .Dropdown:after{height:40px;top:36px;width:40px}.num-ctrl button{height:20px;width:40px}.InputWrapper.fnac:before{top:1px}.Output>div{width:100%}}@media (min-width:550px) and (max-width:767px){.ROICard label{font-size:13px}.InputWrapper.fnac:before{font-size:32px;top:6px}.InputWrapper input{font-size:32px}.InputWrapper.fnac input{padding-left:16px}.ROICard select{font-size:20px}.Output .CPL,.Output .Month,.Output .Quarter,.Output .Year{font-size:36px}}@media (max-width:549px){.ROICard label{margin-bottom:4px}.ROICard .Dropdown,.ROICard .num-field{min-height:105px;width:100%!important}.ROICard .Dropdown:after{height:40px;top:36px;width:40px}.num-ctrl button{height:20px;width:40px}.InputWrapper.fnac:before{top:1px}.Output>div{width:100%}}.Blindspot .Output .Month,.Blindspot .Output .Quarter,.Blindspot .Output .Year{color:#d62647}.Blindspot .Output .ResTag{background-color:#d62647}.PPCUplift .Output .Month,.PPCUplift .Output .Quarter,.PPCUplift .Output .Year{color:#672495}.PPCUplift .Output .ResTag{background-color:#672495}.PPCUplift .CPL{color:#657281}.PPCUplift .CPL .ResTag{background-color:#657281}.PPCUplift .CPL.Inf{color:#e8308a}.PPCUplift .CPL.Inf .ResTag{background-color:#e8308a}.TTHoverIcon{line-height:1;position:absolute;right:10px;top:10px}.TTHoverIcon .tooltiptext{background-color:#395162;border-radius:5px;color:#fff;display:none;font-size:15px;line-height:1.5;opacity:0;padding:12px 16px;position:absolute;right:-8px;text-align:left;top:calc(100% + 4px);transition:opacity .3s;width:100%;z-index:1}@media (min-width:1280px){.TTHoverIcon .tooltiptext{width:240px}}@media (min-width:768px) and (max-width:1279px){.TTHoverIcon .tooltiptext{width:calc(50vw - 132px)}}@media (min-width:550px) and (max-width:767px){.TTHoverIcon .tooltiptext{width:calc(50vw - 60px)}}@media (max-width:549px){.TTHoverIcon .tooltiptext{width:calc(100vw - 92px)}}.TTIcon{height:14px;position:relative;width:14px}.TTHoverIcon .tooltiptext:after{border:5px solid transparent;border-bottom-color:#404040;content:"";position:absolute;right:10px;top:-9px}@media (max-width:767px){.TTHoverIcon .tooltiptext:after{right:10px;top:-10px}}.TTHoverIcon:hover .tooltiptext{display:block;opacity:1}