body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden;padding:0}:root{--main-background:linear-gradient(to bottom right,#95a300,#eef0ed,#4d8533);--main-wp:linear-gradient(to bottom right,#fff,silver,#fff)}.App{align-items:center;background-image:linear-gradient(to bottom right,#95a300,#eef0ed,#4d8533);background-image:var(--main-background);font-family:Tajawal,Amiri,Verdana,Ubuntu,sans-serif;height:calc(100vh - 5rem - 32px);overflow-y:auto;width:100vw}.Footer{bottom:0;color:#064e96;font-size:12px;height:32px;margin-left:2%;position:fixed;text-align:left;vertical-align:middle;width:100%}.FooterEtat{padding-top:8px;text-align:left}.FooterTime{padding:8px 30px 0 0;text-align:right}.Button{background-color:#006400;border:4px solid gray;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;height:auto;margin:.5rem 5%;outline:none;padding:.5rem;position:relative;text-align:center;text-decoration:none;transition:.3s;width:90%;&:hover{background-color:green;border:6px solid silver;color:#fff;font-weight:700}}.page-fit-center{bottom:0;margin:0 auto;max-height:100%;max-width:100%;position:relative;top:0}.Title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,blue 10%,green 90%);-webkit-background-clip:text;margin:0 0 1rem;text-align:center}.navbar{background-color:initial;display:flex;font-size:1rem;height:3rem;justify-content:center;margin:auto .5rem;overflow:hidden;text-decoration:none;width:5rem;&:hover{background:linear-gradient(to bottom right,#0052a3,#999,#4d8533);color:#fff;transform:scale(1.2)}}[dir=rtl] .navbar{font-size:1.1rem}#HomeContainer{display:flex}#SideTree{width:30%;@media (orientation:portrait){width:0}}#SideDetail{width:70%;@media (orientation:portrait){padding-bottom:.3rem;padding-left:.3rem;padding-right:.3rem;padding-top:.3rem;width:100%}} /*!
 * Mohamed eRrais 
 * Copyright 2024-2025 The Tech2Us
 */.brillant{-webkit-backdrop-filter:brightness(200%);backdrop-filter:brightness(200%);color:gold;font-size:2rem;font-weight:700;margin:2rem 5rem;position:relative;text-align:center;text-shadow:2px 2px green;top:40%}.parent{align-items:center;border:1px solid #000;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:500px}.parent img{height:auto;left:0;position:absolute;top:0;width:100%}.Sides{display:flex;height:calc(100vh - 90px - 1.5rem);margin:0;padding:0;position:relative;width:100%}.Sides,.side{overflow-y:auto}.side{&:hover{border:1px solid gray}}.whatsapp-us{background:var(--main-wp);border:0 solid #fff;border-radius:8px;bottom:3rem;color:#fff;display:flex;float:right;font-size:.9rem;height:3rem;max-width:8rem;padding:.5rem;position:absolute;right:2rem;z-index:999;@media (orientation:portrait){bottom:1rem;font-size:1rem;right:1rem}&:hover{border-width:2px;font-weight:700}}.whatsapp-us img{aspect-ratio:1/1;border-radius:33%}#MainContainer{display:flex}.slider-container{border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:1rem auto;max-height:79%;max-width:1024px;overflow:hidden;position:relative;width:100%}.slider-track{display:flex;height:100%;transition:transform .5s ease-out}.slide{direction:rtl;height:100%;min-width:100%;position:relative}.slide img{margin:auto;object-fit:cover;width:100%}.slide-content{background:linear-gradient(#0000,#000000b3);bottom:1rem;color:#fff;left:0;padding:24px;position:absolute;right:0}.slide-content h2{font-size:24px;font-weight:700;margin:0 0 8px}.slide-content p{font-size:16px;margin:0}.nav-button{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s,background-color .3s;width:40px}.slider-container:hover .nav-button{opacity:1}.nav-button:hover{background:#ffffffe6}.prev-button{left:16px}.next-button{right:16px}.dots-container{bottom:16px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s;width:8px}.dot:hover{background:#fffc}.dot.active{background:#fff;border-radius:4px;width:16px}.autoplay-button{align-items:center;background:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;right:16px;top:16px;transition:opacity .3s,background-color .3s;width:40px}.slider-container:hover .autoplay-button{opacity:1}.autoplay-button:hover{background:#ffffffe6}@media (max-width:768px){.slider-container{height:400px}.slide-content h2{font-size:20px}.slide-content p{font-size:14px}.nav-button{font-size:20px;height:32px;opacity:1;width:32px}}#contact{background:linear-gradient(90deg,#5566fa 0,#6db3fe);color:#ffffffbf;margin:1rem auto;max-width:1024px;padding:1rem 2rem;position:relative}.inputCode{margin:2rem auto}.inputCode input{color:#00008b;font-family:monospace;font-size:3rem;padding-left:3rem}#contact li{cursor:pointer;list-style:none;text-align:center;transition:all .7s}#contact .btn-custom{background:#0000;border:2px solid silver;border-radius:25px;color:#fff;font-family:Raleway,sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;margin:30px auto;padding:14px 34px;text-transform:uppercase;transition:all .5s linear;width:75%;&:hover{background-color:azure;color:#5566fa;font-weight:700}}.contact-info{margin-top:2rem;text-align:left}.Services{grid-gap:5px;background-color:initial;direction:rtl;display:grid;grid-template-columns:auto auto auto auto;justify-content:center;margin:2rem auto;max-height:69%;overflow:auto;padding:0;@media (orientation:portrait){grid-template-columns:auto;height:50%;margin-bottom:.5rem;margin-left:auto;margin-right:auto;margin-top:.5rem;overflow-y:auto;width:100%}}.Service{background-color:initial;border:3px solid #008b8b;border-radius:15px;color:#10234a;display:block;font-size:1rem;height:24rem;margin:1rem;outline:none;padding:.5rem;transition:.3s;width:16rem;@media screen and (orientation:portrait){border-bottom-color:#008b8b;border-bottom-style:solid;border-bottom-width:3px;border-left-color:#008b8b;border-left-style:solid;border-left-width:3px;border-radius:6px;border-right-color:#008b8b;border-right-style:solid;border-right-width:3px;border-top-color:#008b8b;border-top-style:solid;border-top-width:3px;font-size:1rem;height:6rem;margin-bottom:.5rem;margin-left:.5rem;margin-right:.5rem;margin-top:.5rem}&:hover{background-color:#daa52099;border-width:6px;color:#006400}}.Service,.Service a{position:relative;text-decoration:none}.Service a{margin:0;padding:0}.ServiceIcon{height:50%;position:relative;width:auto;@media screen and (orientation:portrait){float:right;height:100%;width:40%}}.Service img{aspect-ratio:1/1;position:relative;width:100%;@media screen and (orientation:portrait){height:100%}}.ServiceName{margin:.1rem auto;width:100%;@media screen and (orientation:landscape){margin-top:20%;text-align:center}@media screen and (orientation:portrait){height:100%;margin-right:45%;text-align:right;width:auto}}.ServiceInfo{color:#00008b;width:100%;@media screen and (orientation:portrait){font-size:.8rem}}.ButtonShadow{background-color:#04aa6d;border:none;border-radius:15px;box-shadow:0 9px #999;color:#fff;cursor:pointer;font-size:2em;outline:none;padding:15px 25px;text-align:center}.ButtonShadow:active,.ButtonShadow:hover{background-color:#3e8e41}.ButtonShadow:active{box-shadow:0 5px #666;transform:translateY(4px)} /*!
 * Mohamed eRrais 
 * Copyright 2024-2025 The Tech2Us
 */#contact-info{background-color:#96969680;border:2px solid gray;color:#fffc;margin:2rem auto;max-width:512px;padding:0 1rem}#contact-info input{margin:0 1rem 1rem;padding-left:.5rem;width:calc(100% - 2rem)}#contact-info p{margin:.5rem 0}.inputCode{color:darkred;font-family:monospace;font-size:1.6rem;font-weight:700;padding-left:1rem}.confirming{background-color:"rgba(255,229,153,0.5)";border-color:"rgb(191,144,0)";color:"rgb(127,96,0)";margin:1rem auto}.toConfirm{background-color:"rgba(159,197,232,0.5)";border-color:"rgb(11,83,148)";color:"rgb(7,55,99)";margin:1rem auto}.Tabs{background:#053742;border-radius:1rem;color:#e8f0f2;height:auto;justify-content:center;margin:2rem auto;min-height:40px;padding:2rem;width:80%;@media (max-width:769px){padding-bottom:2rem;padding-left:0;padding-right:0;padding-top:2rem}@media (orientation:portrait){margin-bottom:1rem;margin-left:auto;margin-right:auto;margin-top:1rem;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;width:100%}}.Tabs ul.nav{align-items:center;border:1px solid #39a2db;border-radius:2rem;display:flex;justify-content:space-between;margin:0 auto 2rem;width:90%;@media (max-width:768px){width:90%}}.Tabs ul.nav li{border-radius:2rem;cursor:pointer;list-style:none;padding:1rem;text-align:center;transition:all .7s;width:50%}.Tabs ul.nav li:hover{background:#32e0c426}.Tabs ul.nav li.active{background:#009ed5}.SignEmail p,.SignPhone p{font-size:1.5rem;text-align:center;@media (orientation:portrait){font-size:1.2rem}}.SignInput{color:#006400;display:block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.5rem;font-weight:400;margin:1rem 0;width:100%;@media (orientation:portrait){font-size:1.2rem}}#SignOn{margin:.5rem;padding:1rem 3rem;width:auto;&:hover{font-weight:700}}#SignIn{justify-content:center;padding-top:2rem} /*!
 * Mohamed eRrais 
 * Sites v25.9.20 (https://tech2us.ma/)
 * Copyright 2024-2025 The Tech2Us
 * Profile.css
 */#SignIn,#meProfile{align-items:center;display:flex}#meProfile{background-color:#51296580;border:0 solid silver;border-radius:3rem;color:#ebebeb;font-size:.9rem;height:3rem;margin:1rem 0;max-width:12rem;position:absolute;right:.5rem;top:0;width:auto;&:hover{background-color:#512965b3;border:1px solid #86bbb6;color:#fff}@media (orientation:portrait){right:0}}[dir=rtl] #meProfile{font-size:1rem;left:.5rem;right:auto;@media (orientation:portrait){font-size:1rem;left:.1rem}}#meProfile img{aspect-ratio:1/1;border-radius:50%;margin:0;object-fit:cover;width:2.6rem;&:hover{cursor:pointer}}#meProfile p{display:block;margin:0;padding:0 .6rem;width:-webkit-fit-content;width:fit-content}#ProfileItems{background-color:#333b;border-radius:6px;color:#ccc;height:auto;padding:.5rem;position:absolute;right:.5rem;text-align:left;top:4rem;visibility:hidden;width:9rem;z-index:999;@media (orientation:portrait){right:.1rem}}[dir=rtl] #ProfileItems{left:.5rem;right:auto;text-align:right;@media (orientation:portrait){left:.1rem}}#ProfileItems ul{list-style-type:none;padding:.25rem}#ProfileItems li{height:2rem;padding:.2rem;width:7.5rem;&:hover{background-color:#666;border:1px solid azure}}#ProfileItems a{color:#ccc;font-weight:400;text-decoration:none;&:hover{color:#fff;font-weight:700}}.my{color:#71bb9f;font-size:.9rem;height:1.5rem!important;padding:0 0 .5rem!important;&:hover{border:0 solid silver!important}}.divider{background-color:azure;height:2px;margin:.2rem .5rem;padding:0}.CollapseTab{margin:10% auto;max-width:60%}#SwitchLang{background-color:initial;border:none;color:#1d4e75;margin:0 1rem;&:hover{color:rgba(11,139,182,.836)}}.element{border:0 solid silver;box-shadow:inset 0 0 4px 4px #5050a033;height:100%;padding:.2rem;position:relative}.element:hover{border-color:#00f;box-shadow:9px 6px 6px #2863d1b3}.results-head{background-color:#105b804d;color:azure;display:flex;height:2.4rem;margin:0;padding-top:.2rem;vertical-align:middle;width:100%}.results{height:calc(100% - 3.5rem);margin:auto;position:relative;width:100%}.results table{color:#fff;display:flex;flex-flow:column;font-size:.9rem;height:auto;margin:0;max-height:calc(100% - 6px);width:100%}.results table thead{flex:0 0 auto;width:100%}.results table tbody{display:block;flex:1 1 auto;overflow-y:auto;width:100%}.results-foot{background-color:#7f7f7f4d;bottom:.2rem;font-size:.8rem;height:1.5rem;margin:2px 1px 0}.results-name{color:azure;font-size:1.2rem;font-weight:700;width:100%}.results-foot p{margin:0;padding:.2rem 0 0}.results-rows{color:aqua;text-align:right}.results-id{color:#333;direction:rtl;font-size:.8rem;text-align:right}.results-date{color:#ecb1b1;font-size:.8rem;text-align:left}.results table tbody tr{width:100%}.results table tbody tr,.results table thead{display:table;table-layout:fixed}.results td,.results th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results td:hover{text-overflow:clip}.results td:nth-child(odd){background:#0096964d}.results td:nth-child(2n){background:#0000}#EtatStat{color:#c50e0e;float:left}#EtatApp{color:#003d8c}.results td.selected{border-left:1px solid #170080;color:#1a0750;font-weight:700}.icons{aspect-ratio:1/1;float:right;margin-top:.1rem;width:1rem}.icons:hover{border:1px solid #add8e6}.editable{color:#041330}.styled-table{border-collapse:collapse;box-shadow:0 0 20px #00000026;color:#333;font-size:1rem;margin:25px 0;min-width:200px;position:relative;width:100%}.styled-table thead tr{background-color:#104078;color:#fff;text-align:left}.styled-table td,.styled-table th{padding:.5rem 1rem}.styled-table tbody tr{border-bottom:1px solid #ddd}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr:nth-of-type(odd){background-color:#e6e6e6}.styled-table tbody tr:hover{background-color:#f1f1f1;cursor:pointer}.checked{border:3px solid #1c73c4;font-weight:700;padding:6px}#ClipsView,#PagesForm{height:70vh;width:60%}#PagesList{height:70vh;width:30%}#PagesForm .Picture{background-color:gray;background-position:50%;background-repeat:no-repeat;background-size:contain;resize:both}#PagesForm .Picture,.Fields{height:100%;margin:auto;position:relative;width:100%}.Fields{background-color:azure}.Page{align-items:center;display:flex;height:100%;justify-content:center;top:0;width:100%}.Page img{display:block;margin:auto;max-height:100%;max-width:100%}.Clip,.Zone{background-color:initial;border:1px solid red;position:fixed}.Zone{border-width:0}.Icon{aspect-ratio:1/1;margin:6px;opacity:.7;position:absolute;width:2rem}.CollapseTab{border:12px solid #144678;border-radius:15px;justify-content:center;margin:1%;max-width:100%;width:98%}.CollapseDiv{height:40vh;max-height:100%;position:relative}.CollapseButton{background-color:#144678;border-color:silver;text-align:left;width:100%}#PartContainer{display:flex}#SideSentence{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;text-align:center;width:100%}#SentenceDiv{aspect-ratio:148/210;background-color:#010101;border:0;box-sizing:border-box;height:210mm;margin:0 auto;object-fit:cover;padding:3mm;width:148mm}#SideSentence footer{color:#666;font-size:12px;position:absolute;right:1cm;top:195mm}#tilaawa{bottom:0;opacity:.5;position:absolute;width:100%}.SaveButton{height:3rem;left:0;margin:.5rem;opacity:.8;padding:.3rem 1rem!important;top:5rem;width:5rem;z-index:99}.NavButton,.SaveButton{display:flex;position:absolute}.NavButton{height:12%;margin:1px;opacity:0;top:44%;width:1rem}.NavButton:hover{opacity:.5}.A3{height:420mm;width:297mm}.A4{height:297mm;width:210mm}.A5{height:210mm;width:148mm}.ProgressBar{background-color:initial;border-radius:15px;display:flex;height:100%;opacity:.9;padding:.2rem 1rem;position:relative;transition:width 1s ease-in-out;width:0}.Progressing{background-color:#fff;direction:rtl;height:100%;opacity:.3;position:absolute;right:0;top:0}#Options{font-size:1.7rem;margin:3rem auto 1rem;width:88%}.Option{border:5px solid silver;border-radius:15px;cursor:not-allowed;filter:brightness(1.2);filter:saturate(2.1);font-weight:700;margin:.2em;max-width:100%;outline:none;overflow:hidden;padding:.3rem 1rem;pointer-events:none;position:relative;text-align:right;text-decoration:none;transition:1s;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content;&:hover{border-width:7px;filter:saturate(1.8) brightness(1.1);opacity:1}}#treeContainer{display:block;max-height:100%;object-fit:contain;position:relative}@media (orientation:landscape){.TreeView{display:block;max-height:100%;object-fit:contain;position:relative}}@media (orientation:portrait){.TreeView{background-color:#006400;height:2rem!important;max-height:2rem;opacity:.3;position:fixed!important;right:0;top:0;width:2rem;z-index:99;&:hover{height:auto!important;max-height:60vh;opacity:.6;overflow-y:auto;width:20rem}&:hover #meTree{display:block}}#meTree{display:none}}.TreeView ul{direction:rtl;list-style-type:none;padding:0;&:hover{opacity:1}}#meTree{margin:0;padding:0;position:relative;width:100%;@media screen and (orientation:portrait){top:2rem}}#meTree li{color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:400;padding:.5rem 1.5rem .5rem .5rem}#meTree .label{display:block;height:2.5rem;margin:0;padding:.3rem .5rem;&:hover{border:1px solid silver;opacity:1}}#meTree li.selected{border-right:3px solid gold;color:#fff;font-weight:700}#meTree li.collapsed{display:none}.Node1{background-color:#325532}.Node2{background-color:#326432}.Node3{background-color:#327332}.Node4{background-color:#328232}.side{display:inline-block;height:100%;margin:0;padding:1px;position:relative;top:0;&:hover{border:1px solid gray}}.vside{display:inline-block;height:100%;top:0}.hside{left:0;width:100%}
/*# sourceMappingURL=main.78390f74.css.map*/