@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0}
.error,.error-check{font-family:Rubik !important;font-size:10px !important;margin-top:4px !important;font-weight:500 !important;color:red;display:none}
.ffc-calccont{padding:0 58px}
.ffcradio{background-color:#005dac}
.ffc-calccont .ffc-formbox{padding:24px;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--White,#FFF)}
.ffc-calccont .ffc-formbox .cacl-h1{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:38px}
.ffc-calccont .ffc-formbox .ffc-step{color:var(--text-black-131619,#131619);text-align:end;font-family:Rubik;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-top:8px}
.ffc-calccont .ffc-formbox .ffc-step span{font-size:16px}
.ffc-calccont .ffc-formbox .ffcfromboxc{margin-top:24px}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfrom-head{display:flex;align-items:center;gap:8px}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfrom-head img{width:24px;height:24px;object-fit:cover}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfrom-head .calc-h2{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:20px;font-style:normal;font-weight:500;line-height:normal}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfroms{margin-top:24px;display:flex;flex-wrap:wrap;gap:24px}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfroms .ffcfromsit{display:flex;padding:16px;width:45%;align-items:center;gap:8px;flex-shrink:0;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--White,#FFF);cursor:pointer}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfroms .ffcfromsit img{width:24px;height:24px;flex-shrink:0;object-fit:cover}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfroms .ffcfromsit .calc-h3{color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:baseline;gap:8px}
.ffc-calccont .ffc-formbox .ffc-bottmbutton{margin-top:24px;display:flex;justify-content:center}
.ffc-calccont .ffc-formbox .ffc-bottmbutton button{border-radius:10px;background:var(--Gradients-Orange,linear-gradient(90deg,#ff6700 0,#ff8900 100%));display:flex;padding:12px 80px;justify-content:center;align-items:center;gap:8px;border:0;cursor:pointer;color:var(--card-white-card-ffffff,var(--White,#FFF));-webkit-text-stroke-width:1;-webkit-text-stroke-color:var(--card-white-card-ffffff,var(--White,#FFF));font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px}
@media screen and (max-width:500px){.ffc-calccont{padding:0 1px}
.ffc-calccont .ffc-formbox{padding:16px;border-radius:0}
.ffc-calccont .ffc-formbox .cacl-h1{font-size:18px;line-height:22px}
.ffc-calccont .ffc-formbox .ffc-step{font-size:18px}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfrom-head .calc-h2{font-size:18px}
.ffc-calccont .ffc-formbox .ffcfromboxc .ffcfroms .ffcfromsit{width:90%}
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0}
.ffs-container{display:flex;justify-content:center;align-items:center}
.ffs-container .ffs-box{width:608px;padding:24px;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--White,#FFF);display:flex;flex-direction:column;align-items:center}
.ffs-container .ffs-box .calc-h1{color:var(--text-black-131619,#131619);text-align:center;font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:38px}
.ffs-container .ffs-box span{color:var(--text-grey-25-c-666-e,#5c666e);text-align:center;font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-top:6px}
.ffs-container .ffs-frombox{display:flex;flex-direction:column;width:74%}
.ffs-container .ffs-frombox>*{margin-top:16px}
.ffs-container .ffs-frombox input{width:400px;padding:12px 24px;border-radius:10px;outline:0;border:1px solid var(--a,#005dac);background:var(--White,#FFF);color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px}
.ffs-container .ffs-frombox .ffsfrom-num{width:400px;padding:12px 24px;border-radius:10px;border:1px solid var(--a,#005dac);background:var(--White,#FFF);color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:20px;display:flex;gap:10px}
.ffs-container .ffs-frombox .ffsfrom-num>input{width:100% !important;border:0;outline:0;padding:0 4px}
.ffs-container .ffs-frombox .ffsfrom-num select{outline:0;border:0;color:#3070b6;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:normal}
.ffs-container .ffs-frombox .ffsform-checkbox{display:flex;gap:4px}
.ffs-container .ffs-frombox .ffsform-checkbox input{display:flex;width:16px;height:16px}
.ffs-container .ffs-frombox .ffsform-checkbox p{color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}
.ffs-container .ffs-frombox .ffsform-button{display:flex;flex-direction:column;align-items:center;gap:16px}
.ffs-container .ffs-frombox .ffsform-button button{display:flex;padding:12px 80px;justify-content:center;align-items:center;gap:8px;border-radius:10px;background:var(--Gradients-Orange,linear-gradient(90deg,#ff6700 0,#ff8900 100%));color:var(--card-white-card-ffffff,var(--White,#FFF));font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px;border:0;outline:0;cursor:pointer}
.ffs-container .ffs-frombox .ffsform-button button:last-child{display:flex;padding:12px 60px;justify-content:center;align-items:center;gap:8px;border-radius:10px;background:#FFF;border:1px solid #ff8900;color:#ff8900;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px}
@media screen and (max-width:768px){.ffs-container .ffs-box{width:100%;padding:16px;align-items:start}
.ffs-container .ffs-box .calc-h1{text-align:start;font-size:18px;line-height:22px}
.ffs-container .ffs-frombox{align-items:unset;width:100%}
.ffs-container .ffs-frombox input{width:100%}
.ffs-container .ffs-frombox .ffsfrom-num{width:100%}
.ffs-container .ffs-frombox .ffsform-button button{padding:12px 52px}
.ffs-container .ffs-frombox .ffsform-button button:last-child{padding:12px 52px;width:222px}
.ffs-container .ffs-frombox .ffsform-button{align-items:center}
}
.ffc-graphcon{padding:24px}
.ffc-graphcon .ffcgraphbox{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ffc-graphcon .ffcgraphbox .ffcgraph{display:flex;padding:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--card-bg-color-f-4-faff,#f4faff)}
.ffc-graphcon .ffcgraphbox .ffcgraph .calc-h1{color:var(--text-black-131619,#131619);text-align:center;font-family:Rubik;font-size:20px;font-style:normal;font-weight:700;line-height:normal}
.ffc-graphcon .ffcgraphbox .ffcgraph .ffcgraph-num{border-radius:50%;display:flex;width:100px;height:100px;justify-content:center;align-items:center;color:var(--card-white-card-ffffff,var(--White,#FFF));text-align:center;font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal}
.ffc-graphcon .ffcgraphbox .ffcgraph-result{width:100%;display:flex;flex-direction:column;gap:16px}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem{display:flex;justify-content:space-between;align-items:center}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox{display:flex;gap:8px;align-items:center}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcres-color-box{border-radius:4px;width:24px;height:24px}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcres-color{background:#ffd6d7}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcres-color1{background:#ffecc3}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcres-color2{background:#ffd3aa}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcres-color3{background:#c7fbd1}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem .ffcres-detbox .ffcrs-name{color:var(--text-grey-1363-c-41,#363c41);font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px;text-transform:capitalize}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem span{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:14px;font-style:normal;font-weight:700;line-height:18px;text-transform:capitalize;width:165px}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia{margin-top:24px;display:flex;flex-direction:column;align-items:center}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia .calc-h2{color:var(--text-black-131619,#131619);text-align:center;font-family:Rubik;font-size:20px;font-style:normal;font-weight:500;line-height:normal}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia .ffcsm-box{margin-top:24px;display:flex;gap:24px}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia .ffcsm-box img{width:40px;height:40px;object-fit:cover}
@media screen and (max-width:500px){.ffc-graphcon{padding:16px}
.ffc-graphcon .ffcgraphbox .ffcgraph{padding:16px}
.ffc-graphcon .ffcgraphbox .ffcgraph-result .ffcgraph-resitem span{width:140px;text-align:start}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia .calc-h2{font-size:16px}
.ffc-graphcon .ffcgraphbox .ffcgraph .calc-h1{font-size:18px}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia{margin-top:8px}
.ffc-graphcon .ffcgraphbox .ffc-scocialmedia .ffcsm-box{margin-top:16px}
.dsp-none{display:none}
}
.ffselected{background-color:#005dac !important}
.ffcolour{color:white !important}
.percent{width:98px;height:95px;border-radius:14.4px;font-family:'AllianzSansBold';font-size:42px;text-align:center;padding:18px 10px;display:flex;align-items:center;justify-content:center}
.percent.red{background-color:#ffd7d7}
.percent.yellow{background-color:#ffecc4}
.percent.orange{background-color:#ffd3aa}
.percent.green{background-color:#c6fbd1}