@font-face{font-family:bukra-bold;src:url(../../static/media/Bukra-Bold.42d6c5b72b91163cccec.ttf) format("truetype")}@font-face{font-family:bukra-regular;src:url(../../static/media/Bukra-Regular.08dd03529ff565f04922.ttf) format("truetype")}:root{--main-color:#3766c3;--second-color:#ffc400;--text-color:#333;--bg-color:#fff;--font-bold:"bukra-bold";--font-regular:"bukra-regular"}[data-theme=dark]{--main-color:#ffc400;--second-color:#3766c3;--bg-color:#313a49;--text-color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a7a7a7}::-webkit-scrollbar-thumb:hover{background:#3766c3;background:var(--main-color)}*{box-sizing:border-box;font-family:bukra-regular,sans-serif;font-family:var(--font-regular),sans-serif;margin:0;padding:0;transition:all .1s ease}html{scroll-behavior:smooth}body{background-color:#fff;position:relative}[data-theme=dark] body{background-color:#fff;background-color:var(--bg-color)}video{height:100%;left:0;object-fit:cover;opacity:.075;position:absolute;top:0;width:100%;z-index:-1}a{color:#333;color:var(--text-color);text-decoration:none}.page{align-items:center;display:flex;flex-wrap:wrap;height:calc(100vh - 110px);justify-content:center;overflow-x:hidden;overflow-y:auto;padding:20px 0;width:100%}.container{margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.col-1{width:100%}.col-1,.col-2{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.col-2{width:50%}.col-3{width:33.33333%}.col-3,.col-4{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.col-4{width:25%}.col-5{flex-direction:column;justify-content:center;width:20%}.col-5,.row{display:flex;flex-wrap:wrap}.row{align-items:center;justify-content:space-between;width:100%}@media (max-width:992px){.row{flex-direction:column;gap:50px}.col-2,.col-4,.col-5{width:100%}.page{padding-bottom:60px}}.main-btn{background-color:#3766c3;background-color:var(--main-color);color:#fff}.main-btn,.outline-btn{border:1px solid #3766c3;border:1px solid var(--main-color);border-radius:50px;cursor:pointer;display:inline-block;font-family:bukra-bold;font-family:var(--font-bold);font-size:16px;padding:10px 40px;text-align:center;text-transform:capitalize;transition:all .3s ease}.outline-btn{background-color:initial;color:#3766c3;color:var(--main-color)}.main-btn:hover{background-color:#ffc400;background-color:var(--second-color);border:1px solid #ffc400;border:1px solid var(--second-color);color:#fff}.outline-btn:hover{background-color:#3766c3;background-color:var(--main-color);color:#fff}@-webkit-keyframes animateText{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@keyframes animateText{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.icons .col-5{align-items:center}.icons .col-5 svg{cursor:pointer}.icons .col-5 svg:hover *{fill:var(--second-color)}[data-theme=dark] .icons .col-5 svg:hover *{fill:var(--main-color)}@media (max-width:992px){.icons{flex-direction:row;gap:0}.icons .col-5{width:20%}}.home-page .home-image{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;position:relative}.home-page .home-image:before{border:dashed var(--main-color);border-radius:50%;border-width:4px 0}.home-page .home-image:after,.home-page .home-image:before{-webkit-animation:animateCircle 1s linear infinite;animation:animateCircle 1s linear infinite;content:"";height:335px;left:0;left:50%;opacity:.5;position:absolute;top:0;top:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:335px;z-index:-1}.home-page .home-image:after{border:dashed var(--text-color);border-radius:50%;border-width:0 4px}[data-theme=dark] .home-page .home-image:before{border-color:#fff}[data-theme=dark] .home-page .home-image:after{border-color:var(--second-color)}@-webkit-keyframes animateCircle{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}@keyframes animateCircle{0%{-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotate(1turn);transform:translateX(-50%) rotate(1turn)}}.home-page .home-image img{height:350px;object-fit:contain;width:100%}.home-page .home-image h4{color:var(--main-color);font-family:var(--font-bold);font-size:18px;text-align:center}[dir=rtl] .home-page .home-image h4{direction:ltr}.home-page .home-image .icons .col-5{align-items:center}.home-page .home-image .icons .col-5 svg{cursor:pointer}.home-page .home-info{gap:50px}.home-page .home-info h1{-webkit-text-fill-color:transparent;-webkit-animation:animateText 3s linear infinite;animation:animateText 3s linear infinite;background:linear-gradient(118deg,var(--main-color) 50%,var(--second-color) 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:54px;line-height:2;text-align:left;text-transform:capitalize}[dir=rtl] .home-page .home-info h1{text-align:right}.home-page .home-info h1 span,.home-page .home-info p{font-family:var(--font-bold)}.home-page .home-info p{color:var(--text-color);font-size:18px;line-height:2.5;text-align:left}[dir=rtl] .home-page .home-info p{text-align:right}.home-page .home-info .btns{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}@media (max-width:992px){.home-page .row{flex-direction:column-reverse}.home-page .icons{flex-direction:row;gap:0}.home-page .icons .col-5{width:20%}.home-page .home-info h1{font-size:40px}.home-page .home-info p{font-size:16px}.home-page .home-info .btns{margin-bottom:20px}.home-page .home-info .btns a{width:100%}}@media (max-width:400px){.home-page .home-image:after,.home-page .home-image:before{height:275px;top:30px;width:275px}}.about-page .row{margin:100px auto}.about-page .about-image svg{height:350px;object-fit:contain;width:100%}.about-page .about-info{gap:30px}.about-page .about-info h1{-webkit-text-fill-color:transparent;-webkit-animation:animateText 3s linear infinite;animation:animateText 3s linear infinite;background:linear-gradient(118deg,var(--main-color) 50%,var(--second-color) 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-family:var(--font-bold);font-size:54px;line-height:2;text-align:left;text-transform:capitalize}[dir=rtl] .about-page .about-info h1{text-align:right}.about-page .about-info p{color:var(--text-color);font-family:var(--font-bold);font-size:18px;line-height:2.5;text-align:left}[dir=rtl] .about-page .about-info p{text-align:right}.about-page .about-info .tools{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.about-page .about-info .tools span{background-color:#e5eeff;border-radius:100px;color:var(--main-color);font-size:14px;padding:5px 10px}[data-theme=dark] .about-page .about-info .tools span{background-color:var(--bg-color)}@media (max-width:992px){.about-page .row:not(:nth-child(2)){flex-direction:column-reverse}.about-page .about-info h1{font-size:40px}.about-page .about-info p{font-size:16px}}#Rectangle_95{-webkit-animation:rectangle1 .3s infinite alternate;animation:rectangle1 .3s infinite alternate}#Rectangle_96{-webkit-animation:rectangle1 .5s infinite alternate;animation:rectangle1 .5s infinite alternate}#Rectangle_97{-webkit-animation:rectangle1 .7s infinite alternate;animation:rectangle1 .7s infinite alternate}@-webkit-keyframes rectangle1{0%{fill:var(--second-color)}50%{fill:#e6e6e6}to{fill:var(--second-color)}}@keyframes rectangle1{0%{fill:var(--second-color)}50%{fill:#e6e6e6}to{fill:var(--second-color)}}#Ellipse_7{-webkit-animation:ellipse 2s linear infinite;animation:ellipse 2s linear infinite}@-webkit-keyframes ellipse{0%{-webkit-transform:translate(220px);transform:translate(220px)}50%{-webkit-transform:translate(220px,10px);transform:translate(220px,10px)}to{-webkit-transform:translate(220px);transform:translate(220px)}}@keyframes ellipse{0%{-webkit-transform:translate(220px);transform:translate(220px)}50%{-webkit-transform:translate(220px,10px);transform:translate(220px,10px)}to{-webkit-transform:translate(220px);transform:translate(220px)}}#Path_77{-webkit-animation:path1 2s linear infinite;animation:path1 2s linear infinite}@-webkit-keyframes path1{0%{fill:var(--main-color);-webkit-transform:translate(-152px,-60px);transform:translate(-152px,-60px)}50%{fill:#e5eeff;-webkit-transform:translate(-152px,-62px);transform:translate(-152px,-62px)}to{fill:var(--main-color);-webkit-transform:translate(-152px,-60px);transform:translate(-152px,-60px)}}@keyframes path1{0%{fill:var(--main-color);-webkit-transform:translate(-152px,-60px);transform:translate(-152px,-60px)}50%{fill:#e5eeff;-webkit-transform:translate(-152px,-62px);transform:translate(-152px,-62px)}to{fill:var(--main-color);-webkit-transform:translate(-152px,-60px);transform:translate(-152px,-60px)}}#Path_78{-webkit-animation:path2 2s infinite alternate;animation:path2 2s infinite alternate}@-webkit-keyframes path2{0%{fill:var(--second-color);-webkit-transform:translate(-175px,-60px);transform:translate(-175px,-60px)}50%{fill:#fff;-webkit-transform:translate(-175px,-62px);transform:translate(-175px,-62px)}to{fill:var(--second-color);-webkit-transform:translate(-175px,-60px);transform:translate(-175px,-60px)}}@keyframes path2{0%{fill:var(--second-color);-webkit-transform:translate(-175px,-60px);transform:translate(-175px,-60px)}50%{fill:#fff;-webkit-transform:translate(-175px,-62px);transform:translate(-175px,-62px)}to{fill:var(--second-color);-webkit-transform:translate(-175px,-60px);transform:translate(-175px,-60px)}}#Path_159{-webkit-animation:path3 5s infinite alternate;animation:path3 5s infinite alternate}@-webkit-keyframes path3{0%{-webkit-transform:translate(-275px,-300px);transform:translate(-275px,-300px)}50%{-webkit-transform:translate(-280px,-298px);transform:translate(-280px,-298px)}to{-webkit-transform:translate(-275px,-300px);transform:translate(-275px,-300px)}}@keyframes path3{0%{-webkit-transform:translate(-275px,-300px);transform:translate(-275px,-300px)}50%{-webkit-transform:translate(-280px,-298px);transform:translate(-280px,-298px)}to{-webkit-transform:translate(-275px,-300px);transform:translate(-275px,-300px)}}#Path_162{-webkit-animation:path4 5s infinite alternate;animation:path4 5s infinite alternate}@-webkit-keyframes path4{0%{-webkit-transform:translate(-288px,-294px);transform:translate(-288px,-294px)}50%{-webkit-transform:translate(-287px,-296px);transform:translate(-287px,-296px)}to{-webkit-transform:translate(-288px,-294px);transform:translate(-288px,-294px)}}@keyframes path4{0%{-webkit-transform:translate(-288px,-294px);transform:translate(-288px,-294px)}50%{-webkit-transform:translate(-287px,-296px);transform:translate(-287px,-296px)}to{-webkit-transform:translate(-288px,-294px);transform:translate(-288px,-294px)}}#Path_199{-webkit-animation:path5 3s infinite alternate;animation:path5 3s infinite alternate}#Path_195{animation:path5 3s infinite alternate-reverse}#Path_191{-webkit-animation:path5 3s infinite alternate;animation:path5 3s infinite alternate}@-webkit-keyframes path5{0%{fill:var(--main-color)}50%{fill:#aac8ff}to{fill:var(--main-color)}}@keyframes path5{0%{fill:var(--main-color)}50%{fill:#aac8ff}to{fill:var(--main-color)}}#Path_128{animation:path6 2s infinite alternate-reverse}@-webkit-keyframes path6{0%{fill:var(--second-color)}50%{fill:#e6e6e6}to{fill:var(--second-color)}}@keyframes path6{0%{fill:var(--second-color)}50%{fill:#e6e6e6}to{fill:var(--second-color)}}#Path_124,#Path_125,#Path_126,#Path_127,#Path_136,#Path_142,#Path_147,#Path_154{-webkit-animation:path7 2s infinite alternate;animation:path7 2s infinite alternate}@-webkit-keyframes path7{0%{fill:var(--main-color)}50%{fill:#e6e6e6}to{fill:var(--main-color)}}@keyframes path7{0%{fill:var(--main-color)}50%{fill:#e6e6e6}to{fill:var(--main-color)}}#Rectangle_131{-webkit-animation:rectangle2 .3s infinite alternate;animation:rectangle2 .3s infinite alternate}#Rectangle_132{-webkit-animation:rectangle2 .5s infinite alternate;animation:rectangle2 .5s infinite alternate}#Rectangle_133{-webkit-animation:rectangle2 .7s infinite alternate;animation:rectangle2 .7s infinite alternate}@-webkit-keyframes rectangle2{0%{fill:var(--main-color)}50%{fill:#e6e6e6}to{fill:var(--main-color)}}@keyframes rectangle2{0%{fill:var(--main-color)}50%{fill:#e6e6e6}to{fill:var(--main-color)}}.contact-page h1{-webkit-text-fill-color:transparent;-webkit-animation:animateText 3s linear infinite;animation:animateText 3s linear infinite;background:linear-gradient(118deg,var(--main-color) 50%,var(--second-color) 75%);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#fff;font-size:54px;line-height:2;text-transform:capitalize}.contact-page h1,.contact-page p{font-family:var(--font-bold);text-align:center}.contact-page p{color:var(--text-color);font-size:18px;line-height:2.5}.contact-page .contact-form{gap:30px;margin-top:50px}.contact-page .contact-form .col-3{width:calc(33.33333% - 30px)}.contact-page .contact-form .input-group{position:relative}.contact-page .contact-form input{border:1px solid #eee;border-radius:100px;color:var(--text-color);font-size:16px;height:55px;outline:none;padding:10px 15px;width:100%}[data-theme=dark] .contact-page .contact-form input{background-color:var(--bg-color);border:1px solid #292f3a}.contact-page .contact-form input:focus{border:1px solid var(--main-color)}.contact-page .contact-form textarea{border:1px solid #eee;border-radius:30px;color:#292f3a;font-size:16px;height:150px;outline:none;padding:20px;resize:none;width:100%}[data-theme=dark] .contact-page .contact-form textarea{background-color:var(--bg-color);border:1px solid #292f3a;color:#fff}.contact-page .contact-form textarea:focus{border:1px solid var(--main-color)}.contact-page .contact-form label{background-color:#fff;border-radius:10px;color:var(--text-color);font-family:var(--font-bold);font-size:12px;left:20px;padding:5px 10px;position:absolute;top:-10px}[data-theme=dark] .contact-page .contact-form label{background-color:var(--bg-color);color:var(--text-color)}[dir=rtl] .contact-page .contact-form label{left:auto;right:20px}.contact-page .contact-form input[type=submit]{background-color:var(--main-color);border:none!important;color:#fff}.contact-page .contact-form input[type=submit]:hover{background-color:var(--second-color)}@media (max-width:992px){.contact-page .contact-form .col-3{width:100%}.contact-page h1{font-size:40px}.contact-page p{font-size:16px}}.projects-page{align-self:flex-start;position:relative}.projects-page .filter-ul{display:flex;flex-wrap:wrap;gap:100px;height:auto;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;top:0;width:100%}.projects-page .filter-ul li{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:pointer;display:flex;height:100px;justify-content:center;transition:all .1s ease;width:100px}.projects-page .filter-ul li:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-page .filter-container{align-items:center;display:flex;justify-content:space-between;list-style:none;margin-bottom:50px;margin-top:150px;overflow:hidden;padding:0}.projects-page .filter-container li{background:transparent;height:300px;overflow:hidden;width:33.33333%}.projects-page .filter-container li .filter-item-content{background:transparent;border-radius:10px;cursor:pointer;height:100%;padding:20px;transition:all .1s ease;width:100%}.projects-page .filter-container li .filter-item-content img{border-radius:10px;height:100%;object-fit:cover;width:100%}@media screen and (max-width:992px){.projects-page .filter-ul{gap:35px}.projects-page .filter-ul li{font-size:14px;height:75px;width:75px}.projects-page .filter-container li{width:50%}}@media screen and (max-width:768px){.projects-page .filter-container li{width:100%}}.blog-page,.blog-page iframe{height:100%;width:100%}.blog-page iframe{background-color:#fff;border:none;border-radius:15px;outline:none}.blog-page a,.blog-page iframe{box-shadow:0 0 10px rgba(0,0,0,.5)}.blog-page a{align-items:center;background-color:var(--second-color);border-radius:15px;bottom:20px;color:#fff;display:flex;font-size:20px;font-weight:900;height:50px;justify-content:center;left:50%;position:fixed;text-decoration:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;width:300px}.blog-page a:hover{box-shadow:0 0 10px rgba(0,0,0,.8)}.loading{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:-1}.loading .spinner{-webkit-animation:spinner .5s linear infinite;animation:spinner .5s linear infinite;border:2.5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:75px;position:absolute;width:75px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cv-page{border:initial;height:100%;margin:0;padding:0;width:55%}@media (max-width:1200px){.cv-page{width:100%}}.footer{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -1px 5px #0000001a;display:flex;height:50px;justify-content:center;left:0;position:fixed;width:100%}[data-theme=dark] .footer{background-color:var(--bg-color)}.footer .footer-links{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.footer .footer-links li{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:25%}.footer .footer-links li p{color:#fff;font-family:var(--font-bold);font-size:16px}.footer .footer-links li a{align-items:center;border-left:1px solid #0000001a;border-right:1px solid #0000001a;color:var(--text-color);display:flex;font-family:var(--font-bold);font-size:18px;height:100%;justify-content:center;text-decoration:none;width:100%}.footer .footer-links li a.active{background-color:var(--second-color);color:#fff}.footer .footer-links li a svg{height:25px}.footer .footer-links li a.active svg *{fill:#fff}@media (max-width:768px){.footer .footer-links li p{font-size:10px}}.header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:center;position:relative;width:100%;z-index:1}[data-theme=dark] .header{background-color:var(--bg-color)}.header .header-content{align-items:center;display:flex;justify-content:space-between}.header .header-content .header-logo{height:60px}.header .header-content .header-logo a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.header .header-content .header-logo a img{height:100%;object-fit:contain;width:100%}.header .header-content .header-links{gap:30px;list-style:none}.header .header-content .header-links,.header .header-content .header-links li{align-items:center;display:flex;justify-content:center}.header .header-content .header-links li a{color:var(--text-color);font-family:var(--font-bold);font-size:16px;text-decoration:none}.header .header-content .header-links li a.active,.header .header-content .header-links li a.contact,.header .header-content .header-links li a:hover{color:var(--main-color)}.header .header-content .header-links li a.contact:hover{color:#fff}.header .header-content .header-links li a.contact.active{background-color:var(--main-color);color:#fff}.header .header-content .header-links li.dark-mode svg{cursor:pointer;height:40px}[data-theme=light] .header .header-content .header-links li.dark-mode svg *{fill:var(--main-color)}@media (max-width:992px){.header{height:60px}.header .header-content .header-logo{height:50px}.header .header-content .header-links{gap:5px}.header .header-content .header-links li{display:none}.header .header-content .header-links li.cv-btn{display:flex}.header .header-content .header-links li.cv-btn a{font-size:12px;padding:10px 20px}.header .header-content .header-links li.dark-mode{display:flex}}@media (max-width:370px){.header .header-content .header-logo{height:35px}.header .header-content .header-links li.dark-mode svg{height:30px;width:30px}.header .header-content .header-links li.cv-btn a{font-size:10px;padding:10px 20px}}.language{align-items:center;background:#e5eeff;border:1px solid #b3cdfd;border-radius:50% 0 0 50%;color:var(--main-color);cursor:pointer;display:flex;font-family:var(--font-bold);height:40px;justify-content:center;line-height:0;position:fixed;right:0;top:25%;width:35px;z-index:99999}[data-theme=dark] .language{color:var(--second-color)}.language:hover{background:#b3cdfd}[dir=rtl] .language{border-radius:0 50% 50% 0;left:0;right:auto}.fixed-whats{height:55px;position:fixed;right:-55px;top:35%;width:110px}.fixed-whats svg{height:100%;width:100%}[dir=rtl] .fixed-whats{left:-55px;right:auto}
/*# sourceMappingURL=main.ec733702.css.map*/