@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Poppins:wght@400;700&family=Roboto+Slab:wght@100..900&display=swap";*{box-sizing:border-box}html{font-size:7px;font-family:Poppins,sans-serif}@media (min-width: 992px){html{font-size:8px}}@media (min-width: 1200px){html{font-size:9px}}@media (min-width: 1400px){html{font-size:10px}}body{margin:0}@media (min-width: 992px){body{overflow:hidden}}.app{background:url(/build/assets/bg.83ea9afa.png) no-repeat;background-size:cover;padding:6rem 6rem 0}.app .header{display:flex;gap:6rem;align-items:center;flex-direction:column}@media (min-width: 992px){.app .header{flex-direction:row}}.app .header img{max-width:30rem}.app .header h2{color:#007b53;font-size:2rem}@media (min-width: 992px){.app .header h2{font-size:1.75vw}}.app .container{display:grid;grid-template-columns:1fr}@media (min-width: 992px){.app .container{height:100vh;grid-template-columns:1.75fr 1fr}}.app .container .video-container,.app .container .form{height:100%;overflow-y:scroll;background-position:center;background-size:cover}.app .container .video-container h3,.app .container .form h3{font-weight:700}.app .container .video-container{display:grid}@media (min-width: 992px){.app .container .video-container{height:100vh;grid-template-rows:4fr 1fr}}.app .container .video-container .video{display:flex;flex-direction:column;justify-content:center;gap:2rem;align-items:center;padding:2rem}@media (min-width: 992px){.app .container .video-container .video{padding:4rem}}.app .container .video-container .video .video-image{position:relative}.app .container .video-container .video .video-image img:not(.play-button){width:auto;object-fit:contain;width:100%}@media (min-width: 992px){.app .container .video-container .video .video-image img:not(.play-button){width:auto;height:50vh;max-width:50vw}}.app .container .video-container .video .video-image .play-button{max-width:10rem;cursor:pointer;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;transition:all .3s}.app .container .video-container .video .video-image .play-button:hover{transform:scale(1.1)}@media (min-width: 992px){.app .container .video-container .video .video-image .play-button{max-width:23rem}}.app .container .video-container .video .title.green{margin-bottom:4rem}.app .container .video-container .branding-web{display:none}@media (min-width: 992px){.app .container .video-container .branding-web{margin-top:auto;flex-direction:column;display:flex;max-height:200px;padding:2rem;background-color:#fff}}.app .container .video-container .branding-web .images{display:flex;align-items:center}.app .container .video-container .branding-web .images img{max-height:130px}.app .container .video-container .branding-web .images .red-logo{max-width:150px;margin-right:4rem}.app .container .video-container .branding-web .images .red-blue-logo{max-width:150px}.app .container .video-container .branding-web .images .zitouna-logo{margin-left:auto;max-width:300px}.app .container .video-container .branding-web p{font-size:1.4rem}.app .container .title{font-size:2rem;margin-bottom:1rem;margin-top:0;font-weight:400;color:#007b53}@media (min-width: 992px){.app .container .title{font-size:3rem}}.app .container .sub-title{font-size:2rem;margin-bottom:1rem;margin-top:0;font-weight:400}@media (min-width: 992px){.app .container .sub-title{font-size:3rem}}.app .container .white{color:#fff}.app .container .green{color:#106b66}.app .title{text-align:center}@media (min-width: 992px){.app .title{text-align:left}}.ReactModal__Overlay{z-index:9;background-color:#00000080!important;transition:all .3s;backdrop-filter:blur(10px);opacity:0}.ReactModal__Overlay.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Content{height:fit-content!important;inset:0!important;width:90vw;margin:auto!important;padding:0!important}@media (min-width: 992px){.ReactModal__Content{width:80vw}}.video-responsive{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-responsive iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}form{background-color:#daecec;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 992px){form{padding:4rem 4rem 25rem}}form h3{text-align:center;color:#097e57;font-weight:700}form .inputs{margin-top:2rem;display:flex;flex-direction:column;row-gap:3rem;width:100%;padding:2rem}@media (min-width: 992px){form .inputs{margin-top:4rem;padding:4rem 6rem}}form .inputs input{max-width:100%;border:2px solid #b0c036;outline:none;height:7rem;border-radius:3.5rem;width:100%;padding-left:2.5rem;padding-right:2.5rem;font-size:1.6rem;background:transparent;color:#007b53}form .inputs input::placeholder{font-size:1.6rem;color:#097e57;font-family:Poppins,sans-serif;font-style:italic;font-weight:400}@media (min-width: 992px){form .inputs input{font-size:2.4rem}form .inputs input::placeholder{font-size:2.4rem}}form .inputs input:after{color:#097e57;content:attr(placeholder)}form .inputs .file-input-label{height:10rem;border-radius:5rem;border:2px dashed #b0c036;font-size:2.4rem;color:#fff;display:flex;align-items:center;justify-content:center;background:#084844;cursor:pointer;padding-left:2rem;padding-right:2rem}@media (max-width: 991px){form .inputs .file-input-label{font-size:2rem}}form .inputs .file-input-label img{margin-right:1rem}@media (max-width: 991px){form .inputs .file-input-label img{max-width:3rem}}form .inputs .file-input-label input{visibility:hidden;width:0;height:0}form button{outline:none;border:0;font-size:2rem;padding-left:3rem;padding-right:3rem;height:8rem;display:flex;align-items:center;justify-content:center;border-radius:4rem;color:#fff;font-weight:700;max-width:30rem;margin:auto;background:rgb(190,203,78);background:linear-gradient(180deg,rgb(0,143,106) 0%,rgb(0,123,83) 100%);transition:all .3s;cursor:pointer;box-shadow:#32325d40 0 30px 60px -12px,#0000004d 0 18px 36px -18px}form button:hover{transform:scale(1.1)}@media (min-width: 992px){form button{font-size:2.3rem}}::-webkit-calendar-picker-indicator{filter:invert(1)}.branding-mobile{flex-direction:column;display:flex;max-height:200px;padding:2rem;background-color:#fff}@media (min-width: 992px){.branding-mobile{display:none}}.branding-mobile .images{display:flex;align-items:center}.branding-mobile .images img{max-height:50px}.branding-mobile .images .red-logo{max-width:150px;margin-right:4rem}.branding-mobile .images .red-blue-logo{max-width:150px}.branding-mobile .images .zitouna-logo{margin-left:auto;max-width:300px}.branding-mobile p{font-size:1.4rem}input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#007b53}input[type=date].date-input--has-value::-webkit-datetime-edit-text,input[type=date].date-input--has-value::-webkit-datetime-edit-month-field,input[type=date].date-input--has-value::-webkit-datetime-edit-day-field,input[type=date].date-input--has-value::-webkit-datetime-edit-year-field{color:#007b53}