body{padding:0;margin:0}#nationality-flowchart-quiz-root{font-family:'Open Sans',sans-serif;font-size:20px;font-weight:700;max-width:1200px;margin:0 auto;padding:10px}#nationality-flowchart-quiz-root .cell{text-align:center}#nationality-flowchart-quiz-root .cell-title{max-width:360px;font-weight:600;margin:0 auto}#nationality-flowchart-quiz-root .cell-subtitle{font-size:14px;font-weight:400;max-width:160px;margin:6px auto 0}#nationality-flowchart-quiz-root .cell:first-child>.cell-title{display:flex;justify-content:center}#nationality-flowchart-quiz-root .cell:first-child>.cell-title{font-size:26px;font-weight:700}#nationality-flowchart-quiz-root .cell:first-child>.cell-title:before{content:url(svg/right-icon.svg);width:90px;height:auto;margin-right:5px;margin-top:10px}#nationality-flowchart-quiz-root .cell-title.action{border:1px solid #e23030;padding:15px}#nationality-flowchart-quiz-root .cell-title.mabrouk{padding-top:58px;background-image:url(svg/mabrouk.svg);background-repeat:no-repeat;background-position:center top;background-size:68px}#nationality-flowchart-quiz-root .cell-title.mabrouk>.cell-title-title{color:#e23030;font-size:22px;font-weight:700;text-transform:uppercase;margin-top:12px}#nationality-flowchart-quiz-root .cell-title.mabrouk>.cell-subtitle{margin-top:0;font-size:21px;font-weight:300}#nationality-flowchart-quiz-root .cell:first-child:before,#nationality-flowchart-quiz-root .cell:first-child:after{display:none}#nationality-flowchart-quiz-root .cell:not(.cell-type-option){padding:50px 0 15px;position:relative}#nationality-flowchart-quiz-root .cell:not(.cell-type-option):before{content:"";position:absolute;width:1px;height:30px;left:50%;top:-1px;background-color:#e23030}#nationality-flowchart-quiz-root .cell:not(.cell-type-option):after{content:"";position:absolute;top:29px;left:50%;margin-left:-5px;width:0;height:0;border-style:solid;border-width:10px 5px 0 5px;border-color:#e23030 transparent transparent transparent}#nationality-flowchart-quiz-root .cell-type-option{display:flex;justify-content:space-between;position:relative;padding-top:60px;padding-bottom:24px}#nationality-flowchart-quiz-root .cell-type-option>.cell-option>.cell-title{text-transform:uppercase;font-size:16px;font-weight:700}#nationality-flowchart-quiz-root .cell-type-option:before{content:"";position:absolute;width:66.66%;height:20px;border:1px solid #e23030;border-bottom:none;left:16.53%;top:30px}#nationality-flowchart-quiz-root .cell-type-option:after{content:"";position:absolute;width:1px;background-color:#e23030;position:absolute;left:50%;top:0}#nationality-flowchart-quiz-root .cell-type-option.cell-size-2:after{height:30px}#nationality-flowchart-quiz-root .cell-type-option.cell-size-3:after{height:50px}#nationality-flowchart-quiz-root .cell-type-option > .cell-option.active:nth-child(1):before{content:"";position:absolute;bottom:0;right:50%;width:33.33%;height:20px;border-left:1px solid #e23030;border-bottom:1px solid #e23030}#nationality-flowchart-quiz-root .cell-type-option.cell-size-3 > .cell-option.active:nth-child(2):before{content:"";position:absolute;bottom:0;left:50%;width:1px;height:20px;background-color:#e23030}#nationality-flowchart-quiz-root .cell-type-option.cell-size-2 > .cell-option.active:nth-child(2):before,
#nationality-flowchart-quiz-root .cell-type-option.cell-size-3 > .cell-option.active:nth-child(3):before{content:"";position:absolute;bottom:0;right:16.53%;width:33.33%;height:20px;border-right:1px solid #e23030;border-bottom:1px solid #e23030}#nationality-flowchart-quiz-root .cell-type-option>.cell-option.last.active:before{display:none}#nationality-flowchart-quiz-root .cell-option.cell-option-father>.cell-title,#nationality-flowchart-quiz-root .cell-option.cell-option-mother>.cell-title,#nationality-flowchart-quiz-root .cell-option.cell-option-approved>.cell-title,#nationality-flowchart-quiz-root .cell-option.cell-option-rejected>.cell-title{color:transparent!important;border:none;width:46px;height:46px;background-repeat:no-repeat;background-size:100%}#nationality-flowchart-quiz-root .cell-option-father>.cell-title{background-image:url(svg/father.svg)}#nationality-flowchart-quiz-root .cell-option-mother>.cell-title{background-image:url(svg/mother.svg)}#nationality-flowchart-quiz-root .cell-option-approved>.cell-title{background-image:url(svg/approved.svg)}#nationality-flowchart-quiz-root .cell-option-rejected>.cell-title{background-image:url(svg/rejected.svg)}#nationality-flowchart-quiz-root .cell-option-father.active>.cell-title{background-image:url(svg/father-red.svg)}#nationality-flowchart-quiz-root .cell-option-mother.active>.cell-title{background-image:url(svg/mother-red.svg)}#nationality-flowchart-quiz-root .cell-option-approved.active>.cell-title{background-image:url(svg/approved-red.svg)}#nationality-flowchart-quiz-root .cell-option-rejected.active>.cell-title{background-image:url(svg/rejected-red.svg)}#nationality-flowchart-quiz-root .cell-size-2>.cell-option,#nationality-flowchart-quiz-root .cell-size-3>.cell-option{flex-basis:33.33%}#nationality-flowchart-quiz-root .cell-size-3 > .cell-option:nth-child(2){flex-basis:33.34%}#nationality-flowchart-quiz-root .cell-option>.cell-title{background-color:#fff;color:#e23030;border:1px solid #e23030;width:46px;height:46px;border-radius:46px;line-height:46px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}#nationality-flowchart-quiz-root .cell-option.active>.cell-title{color:#fff;background-color:#e23030}@media (max-width:900px){#nationality-flowchart-quiz-root .cell-size-2>.cell-option,#nationality-flowchart-quiz-root .cell-size-3>.cell-option{flex-basis:25%}#nationality-flowchart-quiz-root .cell-size-3 > .cell-option:nth-child(2){flex-basis:50%}#nationality-flowchart-quiz-root .cell-type-option:before{width:75%;left:12.5%}#nationality-flowchart-quiz-root .cell-type-option > .cell-option.active:nth-child(1):before{width:37.5%}#nationality-flowchart-quiz-root .cell-type-option.cell-size-2 > .cell-option.active:nth-child(2):before,
  #nationality-flowchart-quiz-root .cell-type-option.cell-size-3 > .cell-option.active:nth-child(3):before{width:37.5%;left:50%}}@media (max-width:400px){#nationality-flowchart-quiz-root .cell:first-child>.cell-title::before{display:none}}