@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);@-webkit-keyframes fadeOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.aside-container h3{background:#fff;color:#121212;font-size:1.5rem;font-weight:700;margin-bottom:10px;padding:10px 5px;text-align:center}.aside-container .section-container{display:flex;flex-direction:column;transition:all .5s ease-in-out}.aside-container .section-container .section{cursor:pointer;display:flex;gap:10px;padding:5px 10px;transition:all .5s ease-in-out}.aside-container .section-container .section .image-container{align-items:center;border-radius:6px;display:flex;justify-content:center;max-width:100px;overflow:hidden;position:relative}.aside-container .section-container .section .image-container img{width:100%}.aside-container .section-container .section .image-container span{background:#121212;border-radius:4px;bottom:3px;color:#fff;font-size:12px;font-weight:700;padding:0 5px;position:absolute;right:3px}.aside-container .section-container .section p{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.aside-container .section-container .section.active,.aside-container .section-container .section:hover{background:hsla(0,0%,7%,.271);border-radius:4px}.App{background-position:50%;background-size:cover;display:flex;min-height:100vh;overflow:hidden;width:100vw}.App .home-video-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.App .home-video-container>h3{font-size:2rem;font-weight:700;margin-bottom:15px}.App .form{background:red;background-color:hsla(0,0%,100%,.6);border-radius:10px}.App .logo{height:70px;margin:0;position:fixed;right:20px;top:20px}.App .big-title{font-size:2rem;padding:0 15px;text-align:center;text-transform:capitalize}.App .language-selector{left:20px;margin:0;padding:16px;position:fixed;top:20px}.App .select-lang-page{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50vw}.App .select-lang-page .language-selector{left:0;position:relative;top:0}.App .select-lang-page .language-selector p{display:block}.interactive-video-container{aspect-ratio:16/9;min-width:66.5%;overflow:hidden;position:relative}.interactive-video-container .video-container{background:green}.interactive-video-container .video-container .poster{cursor:pointer;inset:0;position:absolute;width:100%;z-index:1}.interactive-video-container .video-container .poster img{height:100%;width:100%}.interactive-video-container .video-container video{height:100%;inset:0;position:absolute;width:100%}.interactive-video-container .video-container .playing-control-container{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.interactive-video-container .video-container .playing-control-container div{align-items:center;background:rgba(33,33,33,.85);border-radius:50%;display:flex;height:3rem;justify-content:center;-webkit-transform:scale(0);transform:scale(0);width:3rem}.interactive-video-container .video-container .playing-control-container div svg{fill:#fff;height:2rem;width:2rem}.interactive-video-container .video-container .playing-control-container div.animation{-webkit-animation:fadeOut .35s ease-in-out 1;animation:fadeOut .35s ease-in-out 1;-webkit-animation-delay:.1s;animation-delay:.1s}.interactive-video-container .video-container .footer{background:rgba(33,33,33,.85);bottom:0;left:0;opacity:0;padding:0 5px;position:absolute;right:0;transition:all .5s ease-in-out}.interactive-video-container .video-container .footer div{display:flex;gap:0 5px}.interactive-video-container .video-container .footer div button{background:transparent;border:none;color:#fff;cursor:pointer;outline:none;padding:5px;transition:all .1s ease-out}.interactive-video-container .video-container .footer div button:nth-last-of-type(2){-webkit-margin-start:auto;align-items:center;display:flex;justify-content:center;margin-inline-start:auto;overflow:hidden}.interactive-video-container .video-container .footer div button:nth-last-of-type(2) p{-webkit-margin-end:5px;margin-inline-end:5px;transition:all .5s ease-in-out}.interactive-video-container .video-container .footer div button:nth-last-of-type(2):hover p{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.interactive-video-container .video-container .footer div button svg{height:1.5rem;width:1.5rem}.interactive-video-container .video-container.active .footer,.interactive-video-container .video-container:hover .footer{opacity:1;z-index:5}.interactive-video-container .interactions-container{background:rgba(0,0,0,.25);inset:0;overflow-y:hidden;position:absolute;z-index:10}.interactive-video-container .interactions-container .interaction-wrapper{display:flex;flex-direction:column;gap:40px;height:100%;justify-content:flex-start;overflow-y:auto;position:relative;text-align:start}.interactive-video-container .interactions-container .interaction-wrapper .question-container{background:rgba(0,0,0,.25);padding:15px 30px;position:-webkit-sticky;position:sticky;top:0}.interactive-video-container .interactions-container .interaction-wrapper .question-container p{align-items:center;border-bottom:1px solid #121212;color:#121212;display:flex;font-size:1rem;justify-content:flex-start}.interactive-video-container .interactions-container .interaction-wrapper .question-container p svg{-webkit-margin-end:5px;margin-inline-end:5px}.interactive-video-container .interactions-container .interaction-wrapper .actions-container{align-items:center;display:flex;flex-flow:column nowrap;gap:50px;height:100%;justify-content:center;padding:15px 30px}.interactive-video-container .interactions-container .interaction-wrapper .actions-container .action{align-items:center;background:#8c0f61;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:10px 20px;text-align:center;transition:all .5s ease-in-out;width:40%}.interactive-video-container .interactions-container .interaction-wrapper .actions-container .action svg{-webkit-margin-end:5px;display:none;font-size:.8rem;margin-inline-end:5px}.interactive-video-container .interactions-container .interaction-wrapper .actions-container .action.disabled{cursor:not-allowed;opacity:.75}.interactive-video-container .interactions-container .interaction-wrapper .actions-container .action:not(.disabled):hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters{align-items:center;display:flex;flex-flow:row nowrap;height:100%;justify-content:space-around;overflow-y:hidden;position:relative}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action{color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;text-align:center;transition:all .5s ease-in-out;width:25%}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action:first-of-type{height:80%;left:30%;top:30%;z-index:10}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action:nth-of-type(2){height:80%;left:64%;top:30%;z-index:10}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action svg{display:none}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action:not(.disabled):hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.interactive-video-container .interactions-container .interaction-wrapper .choose-characters .action.disabled{cursor:not-allowed;opacity:.5}.interactive-video-container .interactions-container footer{align-items:center;background:rgba(0,0,0,.25);bottom:0;display:flex;justify-content:center;justify-content:flex-end;margin-top:auto;padding:10px 20px;position:-webkit-sticky;position:sticky}.interactive-video-container .interactions-container footer p{background:rgba(0,0,0,.479);border-radius:15px;color:#fff;cursor:pointer;padding:0 15px}.interactive-video-container .image-preview{inset:0;position:absolute;z-index:10}.interactive-video-container .image-preview div{align-items:center;background:rgba(0,0,0,.479);border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:20px;top:20px}.interactive-video-container .image-preview img{height:100%;width:100%}.interactive-video-container .aside-container{background:rgba(33,33,33,.85);bottom:40px;color:#fff;max-width:350px;min-width:300px;opacity:0;overflow-y:auto;position:absolute;right:-500px;top:0;transition:all .5s ease-in-out;width:25%;z-index:-50}.interactive-video-container .aside-container.active{opacity:1;right:0;z-index:10000}@keyframes fadeOut{0%{-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.submit-button-container{display:flex;justify-content:flex-end}*{box-sizing:border-box}*,body{margin:0;padding:0}body{color:#45505b!important;font-family:Cairo,sans-serif}:root{font-size:18px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px;-webkit-transition:.5s;transition:.5s}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.9413d778.css.map*/