@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);#title::-webkit-scrollbar{width:10px}#title::-webkit-scrollbar-track{background:#fff;border-radius:50px}#title::-webkit-scrollbar-thumb{background:#00d5ff;border-radius:50px}.dark #title::-webkit-scrollbar-track{background:#202124}.dark #title::-webkit-scrollbar-thumb{background:#8a8383}#title::-webkit-scrollbar-thumb:hover{background:#555}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#00d5ff;border-radius:50px}body::-webkit-scrollbar-thumb{background:#fff;border-radius:50px}body::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;margin:0;padding:0}.parent{background-color:#00d5ff;height:100vh}.dark .parent{background-color:var(--background-color);color:var(--text-color);height:100vh}.App{background-color:#00d5ff;background-color:var(--background-color,#00d5ff);height:auto;transition:background-color .3s ease}.dark{--background-color:#202124;--text-color:#fff;transition:background-color .3s ease,color .3s ease}.App-darkh{height:100vh}body{font-family:Open Sans,sans-serif}#darkbtn{align-items:center;background-color:#00d5ff;border:1px solid #000;border-radius:5px;color:#000;color:var(--text-color,#000);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px;transition:color .3s ease}.dark #darkbtn{background-color:#000;border:1px solid #fff}header{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);box-shadow:1px 1px 10px #000;color:#000;color:var(--text-color,#000);display:flex;gap:0;justify-content:space-between;padding:12px 2%;width:100%}.dark header{box-shadow:1px 1px 20px #000}.logo img{height:50px;width:100px}.link-faq a{color:#000;display:flex;font-size:20px;margin:0 15px;text-decoration:none}.dark .link-faq a{color:#fff}#search-btn{align-items:center;background-color:#00d5ff;border:1px solid #000;border-radius:5px;color:#000;color:var(--text-color,#000);cursor:pointer;display:flex;justify-content:center;padding:5px}.dark #search-btn{background-color:#000;border:1px solid #fff}#search-btn:hover{background-color:#353838;color:#fff}.select-category{align-items:center;display:flex}#category{background-color:#fff;background-color:var(--background-color,#fff);border-radius:3px;color:#000;color:var(--text-color,#000);transition:color .3s ease}h4{margin-right:10px}.select-language{align-items:center;display:flex;margin:0}#language{background-color:#fff;background-color:var(--background-color,#fff);border-radius:3px;color:#000;color:var(--text-color,#000);transition:color .3s ease}#search{background:#473d3d;border:none;border-radius:5px;font-family:Open Sans,sans-serif;font-size:18px;font-weight:500;padding:8px 5px;width:40%}#search,#search::placeholder{color:#fff}.dark #search{background:#303134}#no-news{font-size:25px;padding:10px;text-align:center}.dark #no-news{color:#fff}.news-show{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:5px}.section{background-color:#fff;background-color:var(--background-color,#fff);border-radius:10px;box-shadow:1px 1px 10px #000;color:#000;color:var(--text-color,#000);display:flex;height:330px;transition:color .3s ease;width:800px}.dark .section{box-shadow:1px 1px 20px #000}.section-h2-p{display:flex;flex-direction:column}#title{font-size:20px;overflow-y:scroll}#des,#title{margin:5px 0;padding:0 5px}#des{font-size:16px;font-weight:500;overflow:hidden}#link{font-size:12px;margin:5px 0;padding:0 5px}.dark #link{color:#8a8383}.news-articles{align-items:center;column-gap:10px;display:flex;flex-wrap:wrap;justify-content:center;margin:20px;padding:5px;row-gap:20px;width:97%}.img{width:70%}.img,.img img{border-radius:10px}.img img{align-items:center;background-size:cover;display:flex;height:330px;justify-content:center;overflow:hidden;width:80%}#publish-date{font-size:14px;margin:5px 0;padding:0 5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#333;height:50px;margin:20px auto;width:50px}.dark .loader{border:4px solid #565656;border-top-color:#212121}@media only screen and (max-width:767px){header{gap:0;padding:12px 3%;width:100%}.link-faq a{font-size:17px;margin:0}#search{border-radius:2.89px;font-size:17px;padding:3px 5px;width:60%}#search-btn{padding:5px}#search-btn ion-icon{font-size:20px}.select-category{flex-direction:column}#category{font-size:13px;width:20px}ion-icon{font-size:20px}h4{margin:-2.55px}.select-language{flex-direction:column}#language{font-size:13px;width:20px}#no-news{font-size:20px;text-align:center}.news-show{margin:10px 20px;padding:0}.section{flex-direction:column;height:400px;width:100%}#title{font-size:18px;margin:5px 0;overflow-y:hidden;padding:0 5px}.news-articles{margin:0;row-gap:20px;width:100%}#des{font-weight:500;overflow:hidden}#des,#link{font-size:.9rem;margin:5px 0;padding:0 5px}.img,.img img{height:220px;width:100%}#publish-date{font-size:15px}}@media only screen and (min-width:768px) and (max-width:1024px){header{gap:10px;padding:12px 2%}#no-news,#search{font-size:23px}.news-show{margin:30px 40px;padding:0}header{width:100%}#des,#title{margin:5px 0;padding:0 5px}#des{font-weight:500;overflow:hidden}#link{margin:5px 0;padding:0 5px}.news-articles{column-gap:20px}}@media only screen and (max-width:213px){#darkbtn,#search-btn,.logo,.select-category,.select-language{display:none}}.App2{background-color:#00d5ff;color:#fff;display:flex;height:100vh}.faq-h1{font-size:45px;padding:10px}.faq-container{margin:auto;padding:0;width:900px}.faqitmes{margin-bottom:10px;position:relative}.faqitmes h2{background-color:#3f3333;color:#fff;cursor:pointer;font-size:25px;height:auto;margin:0 0 1px;padding:10px;text-align:left}.faqitmes h2:hover{background-color:#5b5050}.faqitmes p{background-color:#3f3333;color:#fff;font-size:18px;height:0;margin:0;padding:0;transform:scaleY(0)}.activeans{height:auto!important;margin:0!important;padding:10px!important;transform:scaleY(1)!important}span{color:#fff;font-size:30px;position:absolute;right:10px;top:10px}@media only screen and (max-width:767px){.App2{display:block}.faq-h1{font-size:30px;padding:10px}.faq-container{padding:10px;width:auto}span{font-size:20px;top:8px}.faqitmes h2,.faqitmes p{font-size:14px}}@media only screen and (min-width:768px) and (max-width:1023px){.App2{display:block}.faq-h1{font-size:35px;padding:10px}.faq-container{padding:0;width:800px}span{font-size:30px;top:5px}.faqitmes h2{font-size:20px}.faqitmes p{font-size:14px}}
/*# sourceMappingURL=main.bda7950b.css.map*/