diff --git a/README.md b/README.md index e434749..94507d8 100644 --- a/README.md +++ b/README.md @@ -20,13 +20,6 @@ This portfolio contains a collection of all my web development projects. It is d Deploy

-## 📊 Development Time - -

- wakatime - -

- ![Portfolio Screenshot](https://github.com/GziXnine/Portfolio/blob/main/readme-img.png) ## Technologies Used 🛠️ diff --git a/dist/assets/images/certificate/Basics_Freelance.webp b/dist/assets/images/certificate/Basics_Freelance.webp new file mode 100644 index 0000000..94ceaa8 Binary files /dev/null and b/dist/assets/images/certificate/Basics_Freelance.webp differ diff --git a/dist/assets/images/certificate/Learn_Html_CSS.webp b/dist/assets/images/certificate/Learn_Html_CSS.webp new file mode 100644 index 0000000..6952ba7 Binary files /dev/null and b/dist/assets/images/certificate/Learn_Html_CSS.webp differ diff --git a/dist/assets/images/certificate/Upwork.webp b/dist/assets/images/certificate/Upwork.webp new file mode 100644 index 0000000..dea180e Binary files /dev/null and b/dist/assets/images/certificate/Upwork.webp differ diff --git a/dist/assets/pdf/AHMED ALLAM.pdf b/dist/assets/pdf/AHMED ALLAM.pdf index 4faa1de..02caa06 100644 Binary files a/dist/assets/pdf/AHMED ALLAM.pdf and b/dist/assets/pdf/AHMED ALLAM.pdf differ diff --git a/dist/css/style.min.css b/dist/css/style.min.css index 3e69e0d..3973d1b 100644 --- a/dist/css/style.min.css +++ b/dist/css/style.min.css @@ -1,2 +1,2 @@ -*{box-sizing:border-box!important;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{scroll-behavior:smooth!important}html a{color:#868a9b;text-decoration:none}html ul{list-style-type:none;padding:0;margin:0}::-webkit-scrollbar{width:0}.container{position:relative}@media (min-width:1440px){.container{max-width:1400px}}@media (max-width:1439px){.container{max-width:1200px;padding:30px}}@media (max-width:1199px){.container{padding:15px}}.line-effect{position:relative;text-decoration:none;display:inline-block;color:#000}.line-effect:after{content:"";position:absolute;width:0;height:1px;left:auto;right:0;bottom:3px;transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;background-color:#000!important}.line-effect:hover{color:#000}.line-effect:hover::after{width:100%;left:0;right:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.header-logo{font-size:40px;font-family:"Archivo Black";text-transform:uppercase;color:#000}._button{width:100%;cursor:pointer}._button a{display:inline-block;color:#000;padding:4px 30px;position:relative;transition:all .3s ease}._button a .back{position:relative;z-index:1;display:block}._button a .front{position:absolute;top:0;left:0;bottom:0;color:#fff;white-space:nowrap;width:60px;padding:4px 30px;z-index:1;overflow:hidden;transition:all .3s ease}._button a:hover .front{width:100%}._button a:before{position:absolute;content:"";top:0;bottom:0;left:0;width:60px;background-color:#999;transition:all .3s ease}._button a:hover:before{width:100%}.text_hover_effect{position:relative;display:inline;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .5s}.text_hover_effect::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.text_hover_effect:hover{background-size:100% 1px}.section-inner{border:1px solid rgba(0,0,0,.1);padding:40px 30px 35px;position:relative}.section-inner:not(:last-child){margin-bottom:40px}@media (max-width:1439px){.section-inner{padding:40px 30px 20px}}.section-inner .title{position:absolute;top:-20px}.section-inner .title h3{font-size:15px;text-transform:uppercase;display:inline-block;background-color:#efefef;padding:10px 30px 9px 30px;color:#000;font-weight:700}@media (max-width:768px){.section-inner .title h3{font-size:14px}}.section-inner .title-section{font-size:14px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.section-inner .title-section:not(.heading){font-size:13px}.popup-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:2000;cursor:zoom-out}.popUp{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0}@media (max-width:767px){.popUp{width:370px}}.popUp img{width:930px;max-width:100%;transition:.3s;border-radius:12px;cursor:grab}.popUp img:hover{transform:scale(1.1)}.contacts .section-inner{margin-bottom:40px}.preloader{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:0 0;overflow:hidden;z-index:0}.preloader svg{position:absolute;top:0;height:110vh;width:100vw;fill:#fff}.preloader .loader-container .loaded{font-size:1.2rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:8px;z-index:99}.preloader .loader-container .loaded span{animation:loader-animation 1s infinite alternate}.preloader .loader-container .loaded span:nth-child(1){animation-delay:0s}.preloader .loader-container .loaded span:nth-child(2){animation-delay:.1s}.preloader .loader-container .loaded span:nth-child(3){animation-delay:.2s}.preloader .loader-container .loaded span:nth-child(4){animation-delay:.3s}.preloader .loader-container .loaded span:nth-child(5){animation-delay:.4s}.preloader .loader-container .loaded span:nth-child(6){animation-delay:.5s}.preloader .loader-container .loaded span:nth-child(7){animation-delay:.6s}.preloader .loader-container .loaded span:nth-child(8){animation-delay:.7s}.preloader .loader-container .loaded span:nth-child(9){animation-delay:.8s}.preloader .loader-container .loaded span:nth-child(10){animation-delay:.9s}.preloader .loader-container .loaded span:nth-child(11){animation-delay:1s}@keyframes loader-animation{0%{opacity:1}100%{opacity:0}}.switch{position:absolute;top:20px;right:-10px}@media (max-width:767px){.switch{right:0}}.switch .toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.switch .toggle-switch{background-color:#ccc;height:21px;width:52px;position:relative;cursor:pointer;border-radius:13px;transition:.3s}.switch .toggle-switch::before{font-family:var(--fa-style-family-classic);content:"\f185";font-weight:900;background-color:#fff;width:15px;height:15px;font-size:10px;position:absolute;border-radius:50%;top:3px;left:3px;display:flex;justify-content:center;align-items:center;color:#daa520;transition:.3s}.switch .toggle-checkbox:checked+.toggle-switch{background-color:rgba(0,0,255,.8)}.switch .toggle-checkbox:checked+.toggle-switch::before{content:"\f186";left:34px;color:#00f}.allam{height:100%;position:relative}@media (max-width:1439px){.allam{padding-top:40px;height:105%}}@media (max-width:1199px){.allam{height:100vh}}.home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1439px){.home{width:95%}}.home .avatar img{width:145px;border-radius:50%;transition:.3s;cursor:pointer}.home .avatar img:hover{transform:scale(1.2)}@media (max-width:1439px){.home .avatar img{width:120px}}.home .name{display:block;margin-top:25px;margin-bottom:25px}.home .name h2{color:#000;text-transform:uppercase;font-size:50px;font-weight:700}@media (max-width:1439px){.home .name h2{font-size:42px}}@media (max-width:1199px){.home .name h2{font-size:35px}}.home .animateText span{display:block;letter-spacing:1px;font-size:17px;font-weight:100}.aside .header{margin-bottom:60px}.aside .links,.aside .navbar-collapse{font-size:15px}.aside .links ul,.aside .navbar-collapse ul{margin-bottom:40px}.aside .links ul li,.aside .navbar-collapse ul li{cursor:pointer;transition:.2s;margin-bottom:5px}.aside .links ul li a.active,.aside .links ul li a:hover,.aside .navbar-collapse ul li a.active,.aside .navbar-collapse ul li a:hover{color:#000!important}.aside .copyright{margin-top:40px;margin-bottom:20px}.aside .copyright a{color:#000;cursor:pointer}.aside .copyright a:hover:after{width:100%;left:0;right:auto}.aside .social ul li{display:inline-block;margin-left:10px;margin-right:10px}.aside .social ul li a i{transition:.2s;font-size:18px}.aside .social ul li a i:hover{color:#000}@media (min-width:1200px){header{display:none}}.dmenu{flex-direction:column;border:1px solid #868a9b;border-radius:30px;position:fixed;right:68px;top:50%;transform:translateY(-50%);text-align:center;gap:10px;padding:24px 0;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1}@media (max-width:992px){.dmenu{right:50px}}@media (max-width:768px){.dmenu{top:90%;right:50%;transform:translate(50%,-50%);flex-direction:row;gap:0;height:50px;padding:12px 8px}}.dmenu li a{display:block;position:relative;width:45px;transition:.3s;color:#868a9b;cursor:pointer}.dmenu li a img{width:15px;height:15px}.dmenu li a.active span,.dmenu li a:hover span{opacity:1;visibility:visible}.dmenu li a span{position:absolute;transition:.3s;font-size:12px;background:#404042;right:100%;color:#fff;display:block;padding:3px 8px;border-radius:5px;visibility:hidden;opacity:0}@media (max-width:768px){.dmenu li a span{transform:rotate(90deg);right:-3px;top:-50px}}.dmenu li a span::before{content:"";width:10px;height:10px;background:#404042;position:absolute;right:-3px;top:50%;transform:rotate(54deg) skew(-8deg,-39deg);margin-top:-5px;z-index:-1}.dmenu li a:hover span{opacity:1;visibility:visible}@media (max-width:768px){.dmenu li:nth-of-type(5) span{transform:rotate(90deg);right:-15px;top:-60px}}@media (max-width:768px){.dmenu li:nth-of-type(6) span{transform:rotate(90deg);right:0;top:-45px}}.about,.blogs,.certificate,.contacts,.portfolioe,.service{text-align:left;padding-top:0}@media (min-width:1440px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{padding-top:40px}}@media (max-width:767px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{font-size:15px}}.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:40px;padding-right:40px}@media (max-width:767px){.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:20px;padding-right:20px}}.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:42px;margin-bottom:39px}@media (max-width:767px){.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{padding-bottom:22px;margin-bottom:19px}}.about .details,.blogs .details,.certificate .details,.contacts .details,.portfolioe .details,.service .details{width:100%}.about .details ul,.blogs .details ul,.certificate .details ul,.contacts .details ul,.portfolioe .details ul,.service .details ul{display:flex;flex-wrap:wrap;margin-left:-20px}.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:50%;padding-left:20px;margin-bottom:5px}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:120px;display:inline-block}@media (max-width:767px){.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:60px;padding-right:5px}}@media (max-width:480px){.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:100%}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:0;padding-right:5px}}.about ._button,.blogs ._button,.certificate ._button,.contacts ._button,.portfolioe ._button,.service ._button{margin-top:20px}.about .additional,.about .knowledge,.blogs .additional,.blogs .knowledge,.certificate .additional,.certificate .knowledge,.contacts .additional,.contacts .knowledge,.portfolioe .additional,.portfolioe .knowledge,.service .additional,.service .knowledge{position:relative}.about .additional::before,.about .knowledge::before,.blogs .additional::before,.blogs .knowledge::before,.certificate .additional::before,.certificate .knowledge::before,.contacts .additional::before,.contacts .knowledge::before,.portfolioe .additional::before,.portfolioe .knowledge::before,.service .additional::before,.service .knowledge::before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional:before,.about .knowledge:before,.blogs .additional:before,.blogs .knowledge:before,.certificate .additional:before,.certificate .knowledge:before,.contacts .additional:before,.contacts .knowledge:before,.portfolioe .additional:before,.portfolioe .knowledge:before,.service .additional:before,.service .knowledge:before{display:none}}.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{content:"";position:absolute;top:0;left:calc(74% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1);display:none}@media only screen and (max-width:991px) and (min-width:768px){.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{display:block}}.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{position:relative}@media (max-width:767px){.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{padding-left:10px;padding-right:10px}}@media (min-width:767px){.about .additional .lang-section,.about .additional .soft-section,.about .knowledge .lang-section,.about .knowledge .soft-section,.about .timeline .lang-section,.about .timeline .soft-section,.blogs .additional .lang-section,.blogs .additional .soft-section,.blogs .knowledge .lang-section,.blogs .knowledge .soft-section,.blogs .timeline .lang-section,.blogs .timeline .soft-section,.certificate .additional .lang-section,.certificate .additional .soft-section,.certificate .knowledge .lang-section,.certificate .knowledge .soft-section,.certificate .timeline .lang-section,.certificate .timeline .soft-section,.contacts .additional .lang-section,.contacts .additional .soft-section,.contacts .knowledge .lang-section,.contacts .knowledge .soft-section,.contacts .timeline .lang-section,.contacts .timeline .soft-section,.portfolioe .additional .lang-section,.portfolioe .additional .soft-section,.portfolioe .knowledge .lang-section,.portfolioe .knowledge .soft-section,.portfolioe .timeline .lang-section,.portfolioe .timeline .soft-section,.service .additional .lang-section,.service .additional .soft-section,.service .knowledge .lang-section,.service .knowledge .soft-section,.service .timeline .lang-section,.service .timeline .soft-section{display:block}}.about .additional .section1 .heading,.about .knowledge .section1 .heading,.about .timeline .section1 .heading,.blogs .additional .section1 .heading,.blogs .knowledge .section1 .heading,.blogs .timeline .section1 .heading,.certificate .additional .section1 .heading,.certificate .knowledge .section1 .heading,.certificate .timeline .section1 .heading,.contacts .additional .section1 .heading,.contacts .knowledge .section1 .heading,.contacts .timeline .section1 .heading,.portfolioe .additional .section1 .heading,.portfolioe .knowledge .section1 .heading,.portfolioe .timeline .section1 .heading,.service .additional .section1 .heading,.service .knowledge .section1 .heading,.service .timeline .section1 .heading{border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:1920px) and (min-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:inline-block;width:50%}}@media (max-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:block;width:100%}}.about .additional .section1 .back .title-section,.about .additional .section1 .front .title-section,.about .knowledge .section1 .back .title-section,.about .knowledge .section1 .front .title-section,.about .timeline .section1 .back .title-section,.about .timeline .section1 .front .title-section,.blogs .additional .section1 .back .title-section,.blogs .additional .section1 .front .title-section,.blogs .knowledge .section1 .back .title-section,.blogs .knowledge .section1 .front .title-section,.blogs .timeline .section1 .back .title-section,.blogs .timeline .section1 .front .title-section,.certificate .additional .section1 .back .title-section,.certificate .additional .section1 .front .title-section,.certificate .knowledge .section1 .back .title-section,.certificate .knowledge .section1 .front .title-section,.certificate .timeline .section1 .back .title-section,.certificate .timeline .section1 .front .title-section,.contacts .additional .section1 .back .title-section,.contacts .additional .section1 .front .title-section,.contacts .knowledge .section1 .back .title-section,.contacts .knowledge .section1 .front .title-section,.contacts .timeline .section1 .back .title-section,.contacts .timeline .section1 .front .title-section,.portfolioe .additional .section1 .back .title-section,.portfolioe .additional .section1 .front .title-section,.portfolioe .knowledge .section1 .back .title-section,.portfolioe .knowledge .section1 .front .title-section,.portfolioe .timeline .section1 .back .title-section,.portfolioe .timeline .section1 .front .title-section,.service .additional .section1 .back .title-section,.service .additional .section1 .front .title-section,.service .knowledge .section1 .back .title-section,.service .knowledge .section1 .front .title-section,.service .timeline .section1 .back .title-section,.service .timeline .section1 .front .title-section{margin:10px 0 5px}.about .additional .section1 .front,.about .knowledge .section1 .front,.about .timeline .section1 .front,.blogs .additional .section1 .front,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .front,.certificate .additional .section1 .front,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .front,.contacts .additional .section1 .front,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .front,.service .additional .section1 .front,.service .knowledge .section1 .front,.service .timeline .section1 .front{position:relative;overflow:hidden}.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{content:"";position:absolute;top:70%;right:10px;transform:translateY(-50%);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{display:none}}.about .additional ul,.about .knowledge ul,.about .timeline ul,.blogs .additional ul,.blogs .knowledge ul,.blogs .timeline ul,.certificate .additional ul,.certificate .knowledge ul,.certificate .timeline ul,.contacts .additional ul,.contacts .knowledge ul,.contacts .timeline ul,.portfolioe .additional ul,.portfolioe .knowledge ul,.portfolioe .timeline ul,.service .additional ul,.service .knowledge ul,.service .timeline ul{list-style-type:circle}.about .additional ul li,.about .knowledge ul li,.about .timeline ul li,.blogs .additional ul li,.blogs .knowledge ul li,.blogs .timeline ul li,.certificate .additional ul li,.certificate .knowledge ul li,.certificate .timeline ul li,.contacts .additional ul li,.contacts .knowledge ul li,.contacts .timeline ul li,.portfolioe .additional ul li,.portfolioe .knowledge ul li,.portfolioe .timeline ul li,.service .additional ul li,.service .knowledge ul li,.service .timeline ul li{margin-left:20px;font-size:14px}.about .additional ul li:hover,.about .knowledge ul li:hover,.about .timeline ul li:hover,.blogs .additional ul li:hover,.blogs .knowledge ul li:hover,.blogs .timeline ul li:hover,.certificate .additional ul li:hover,.certificate .knowledge ul li:hover,.certificate .timeline ul li:hover,.contacts .additional ul li:hover,.contacts .knowledge ul li:hover,.contacts .timeline ul li:hover,.portfolioe .additional ul li:hover,.portfolioe .knowledge ul li:hover,.portfolioe .timeline ul li:hover,.service .additional ul li:hover,.service .knowledge ul li:hover,.service .timeline ul li:hover{list-style-type:disc;color:#000}.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:30px}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:10px}}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-top:10px;padding-bottom:0;margin-top:10px;border-bottom:none;border-top:1px solid rgba(0,0,0,.1)}}.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width:991px){.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:0;border-bottom:none}}@media only screen and (max-width:767px) and (min-width:576px){.about .additional::before,.blogs .additional::before,.certificate .additional::before,.contacts .additional::before,.portfolioe .additional::before,.service .additional::before{display:block}}@media (max-width:767px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:50%}}@media (max-width:575px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:100%}}@media (max-width:991px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{border:none;padding-top:0;padding-left:20px}}@media (max-width:575px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{padding-left:10px}}.about .timeline,.blogs .timeline,.certificate .timeline,.contacts .timeline,.portfolioe .timeline,.service .timeline{position:relative}.about .timeline .contents,.blogs .timeline .contents,.certificate .timeline .contents,.contacts .timeline .contents,.portfolioe .timeline .contents,.service .timeline .contents{position:relative;overflow:hidden}.about .timeline .contents::before,.blogs .timeline .contents::before,.certificate .timeline .contents::before,.contacts .timeline .contents::before,.portfolioe .timeline .contents::before,.service .timeline .contents::before{content:"";position:absolute;width:2px;height:100%;background-color:#efefef;left:50%;margin-left:-1px;top:0}.about .timeline .contents .year,.blogs .timeline .contents .year,.certificate .timeline .contents .year,.contacts .timeline .contents .year,.portfolioe .timeline .contents .year,.service .timeline .contents .year{margin:10px auto;width:-moz-fit-content;width:fit-content;background-color:#efefef;position:relative;z-index:2;text-align:center;color:#000;padding:2px 6px;border-radius:2px;font-size:13px;font-weight:700}.about .timeline .contents .clearfix,.blogs .timeline .contents .clearfix,.certificate .timeline .contents .clearfix,.contacts .timeline .contents .clearfix,.portfolioe .timeline .contents .clearfix,.service .timeline .contents .clearfix{clear:both}.about .timeline .contents .content,.blogs .timeline .contents .content,.certificate .timeline .contents .content,.contacts .timeline .contents .content,.portfolioe .timeline .contents .content,.service .timeline .contents .content{background-color:#efefef;padding:15px;border-radius:2px}.about .timeline .contents .content h4,.blogs .timeline .contents .content h4,.certificate .timeline .contents .content h4,.contacts .timeline .contents .content h4,.portfolioe .timeline .contents .content h4,.service .timeline .contents .content h4{font-size:15px;color:#000;font-weight:700}.about .timeline .contents .content p,.blogs .timeline .contents .content p,.certificate .timeline .contents .content p,.contacts .timeline .contents .content p,.portfolioe .timeline .contents .content p,.service .timeline .contents .content p{color:#868a9b;margin:0;line-height:1.6;font-size:15px}.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:left}@media (max-width:767px){.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:100%;margin-top:30px}}.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;right:-32px}@media only screen and (min-width:567px) and (max-width:767px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47.9%;transform:translateX(-50%)}}@media (max-width:567px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47%;transform:translateX(-50%)}}@media (max-width:420px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:45.5%;transform:translateX(-50%)}}.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#efefef}@media (max-width:767px){.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:right}@media (max-width:767px){.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:100%;margin-top:30px}}.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;left:-32px}@media (max-width:767px){.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{top:-32px;left:50%;transform:translateX(-50%)}}.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#efefef}@media (max-width:767px){.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}@media (max-width:768px){.service .section-inner{padding:10px}}.service .list_inner{border:1px solid rgba(0,0,0,.1);padding:40px}@media (max-width:768px){.service .list_inner{padding:20px}.service .list_inner.one{margin-bottom:20px}}.service .list_inner .list{border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.service .list_inner .list ul{list-style-type:circle}.service .list_inner .list ul li{font-size:15px;margin-top:5px;margin-bottom:5px;margin-left:20px}.service .list_inner .list ul li:hover{list-style-type:disc;color:#000}.service .list_inner img{width:50px;margin-bottom:20px}@media (min-width:768px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1)}}@media (min-width:992px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}}.service .service-header{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;margin-top:20px}.service .service-header h3{font-size:17px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.service .service-header .price{font-size:15px;margin-left:20px}.service .service-content ul li{font-size:14px;cursor:pointer;transition:.2s;margin-top:10px;margin-bottom:5px}.service .service-content ul li:hover{color:#000}@media (max-width:1199px){.portfolioe .section-inner{padding:10px}.portfolioe .section-inner .container{padding:20px 0 0!important}}.portfolioe .taskbar .buttons{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.portfolioe .taskbar .buttons button{display:inline-block;padding:6px 10px;background-color:#eee;margin:5px;border-radius:5px;cursor:pointer;border:none;color:#868a9b}@media (max-width:768px){.portfolioe .taskbar .buttons button{padding:4px 8px;margin:4px;font-size:15px}}.portfolioe .taskbar .buttons button.active,.portfolioe .taskbar .buttons button:hover{color:#000}.portfolioe .protfolio-container{margin-top:20px;display:block}.portfolioe .protfolio-container .data{cursor:pointer;padding:0 12px!important;margin-top:10px;margin-bottom:10px}@media (max-width:480px){.portfolioe .protfolio-container .data{padding:0!important}}.portfolioe .protfolio-container .data .name{text-transform:uppercase;position:absolute;z-index:1000;font-size:22px;font-weight:600;color:#fff;padding:4px 8px;border-radius:20px;margin:10px;top:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .name{font-size:18px;top:5px;margin:5px}}.portfolioe .protfolio-container .data .name::after{background-color:#fff!important;height:2px}.portfolioe .protfolio-container .data .img{position:relative;border:1px solid rgba(0,0,0,.1)}.portfolioe .protfolio-container .data .img img{display:block;width:100%;height:auto}.portfolioe .protfolio-container .data .img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,5,5,.3);z-index:100;display:none}.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{position:absolute;z-index:1000;font-size:14px;font-weight:500;color:#000;background-color:#fff;padding:4px 8px;border-radius:20px;margin-left:10px;margin-right:10px;bottom:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{font-size:13px}}.portfolioe .protfolio-container .data .repo:hover,.portfolioe .protfolio-container .data .review:hover{background-color:#ece3e3}.portfolioe .protfolio-container .data .review{margin-left:70px}@media (max-width:768px){.portfolioe .protfolio-container .data .img::after{display:block}.portfolioe .protfolio-container .data .name,.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{display:block}}.portfolioe .protfolio-container .data:hover .img::after{display:block}.portfolioe .protfolio-container .data:hover .name,.portfolioe .protfolio-container .data:hover .repo,.portfolioe .protfolio-container .data:hover .review{display:block}@media (max-width:480px){.certificate .section-inner{padding:25px 15px!important}}.certificate .certificates .img{padding:12px;background-color:#eee;cursor:pointer;margin-top:10px;margin-bottom:10px}.certificate .certificates .img img{width:100%}.blogs .section-inner{padding-top:30px!important}@media (max-width:480px){.blogs .section-inner{padding:15px!important}}.blogs .bloge{padding-top:30px;padding-bottom:30px}.blogs .bloge:not(:last-of-type){border-bottom:1px solid #eee}.blogs .posters .imgs{overflow:hidden;cursor:pointer}.blogs .posters .imgs img{width:100%;height:250px;transition:all .3s}.blogs .posters .imgs:hover img{transform:scale(1.1)}.blogs .posters .titles h4{display:inline-block;border-bottom:1px solid #eee;padding-bottom:8px;padding-top:6px;margin-bottom:18px;font-size:17px;font-weight:400}@media (max-width:768px){.blogs .posters .titles h4{font-size:15px;padding-top:10px}}.blogs .posters .titles h4 .about,.blogs .posters .titles h4 .user{cursor:pointer;padding-left:3px;padding-right:3px}.blogs .posters .titles h4 .about{font-size:15px}.blogs .posters .titles h4 .in{position:relative;padding-left:12px}.blogs .posters .titles h4 .in::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:rgba(128,128,128,.5);left:3px;bottom:7px}.blogs .posters p{font-size:16px;font-weight:600;color:#000;cursor:pointer;text-transform:capitalize}@media (max-width:768px){.blogs .posters p{font-size:15px}}@media (max-width:480px){.contacts{margin-bottom:150px}.contacts .section-inner{padding:40px 15px!important}}.contacts .contact-form .row .form-group,.contacts .contact-form .row .input-group{margin-bottom:20px}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .form-group input,.contacts .contact-form .row .form-group select,.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group .input-group-text,.contacts .contact-form .row .input-group input,.contacts .contact-form .row .input-group select,.contacts .contact-form .row .input-group textarea{font-size:15px;padding:10px;border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-group .input-group-text:focus,.contacts .contact-form .row .form-group input:focus,.contacts .contact-form .row .form-group select:focus,.contacts .contact-form .row .form-group textarea:focus,.contacts .contact-form .row .input-group .input-group-text:focus,.contacts .contact-form .row .input-group input:focus,.contacts .contact-form .row .input-group select:focus,.contacts .contact-form .row .input-group textarea:focus{box-shadow:none;border-color:#000}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .input-group .input-group-text{background-color:#eee}.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group textarea{resize:none;height:200px}.contacts .contact-form .row .form-group select,.contacts .contact-form .row .input-group select{cursor:pointer}.contacts .contact-form .row .form-group select option,.contacts .contact-form .row .input-group select option{font-size:14px}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]),.contacts .contact-form .row input[type=file]::file-selector-button{border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]):focus,.contacts .contact-form .row input[type=file]::file-selector-button:focus{box-shadow:none}.contacts .contact-form .row input[type=file]::file-selector-button{padding:9px;background-color:#eee}.contacts .contact-form label{display:none}.contacts .contact-form ._button{margin-top:0}.contacts .contact-form .arabic-upload{display:none}.contacts .contact-form .custom-file{width:100%;display:flex;align-items:center}.contacts .contact-form .custom-file button{max-height:43px;width:25%;font-size:13px;padding:13px 0;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;border-right:none}.contacts .contact-form .custom-file button:hover{background-color:rgba(128,128,128,.6)}.contacts .contact-form .custom-file #file-chosen{width:75%;font-size:15px;padding:7px;max-height:43px;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;overflow:hidden}.contacts .contact-form ._button{border:none;background-color:#fff;width:-moz-fit-content;width:fit-content;padding:0 10px}.contacts .contact-form ._button a{display:inline-block;color:#000;padding:12px 30px;position:relative;transition:all .3s ease}.contacts .contact-form ._button a .front{padding:12px 30px}.contacts .contact-form .sent{display:none}.contacts .contact-form .sent p{width:100%;padding:10px 12px;font-size:15px;font-weight:500;color:#fff;background-color:#03b103}@media (max-width:767px){.contacts .contact-form .sent p{margin:8px 0}}.contacts .contact-form .sent.active{display:block}body.dark{background-color:#000}@media (max-width:1199px){body.dark{background-color:#14161b}}body.dark .preloader svg{fill:#000}body.dark .preloader .loader-container .loaded{color:#fff}body.dark .about .text{border-color:gray}body.dark .about .section1 .heading{border-color:gray}@media (max-width:767px){body.dark .about .section2{border-top-color:gray}}body.dark .about .section2 .lang-section{border-color:gray}body.dark .about .front::after{background-color:gray!important}body.dark .about .additional::before,body.dark .about .knowledge::before{background-color:gray}body.dark .about .additional ul li:hover,body.dark .about .knowledge ul li:hover{color:#fff}body.dark .about .knowledge::after{background-color:gray}body.dark .about .timeline::before{background-color:#3e465b!important}body.dark .about .timeline .content,body.dark .about .timeline .year{background-color:#202636!important;color:#fff!important}body.dark .about .timeline .content h4,body.dark .about .timeline .year h4{color:#fff!important}body.dark .about .timeline .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#202636}@media (max-width:767px){body.dark .about .timeline .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#202636}@media (max-width:767px){body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .service img{filter:invert(1) brightness(2)}body.dark .service .list_inner{border-color:gray}body.dark .service .list_inner .list{border-top-color:gray}body.dark .service .list_inner .list li:hover{color:#fff}@media (min-width:768px){body.dark .service .service-card:nth-of-type(2){border-color:gray}}@media (min-width:992px){body.dark .service .service-card:nth-of-type(2){border-left-color:gray;border-right-color:gray}}body.dark .service .service-header{border-bottom-color:gray}body.dark .service .service-header h3{color:#fff}body.dark .service .service-content li:hover{color:#fff}body.dark .portfolioe .taskbar .buttons{border-color:gray}body.dark .portfolioe .taskbar .buttons button{background-color:#2e333d;color:gray}body.dark .portfolioe .taskbar .buttons button.active,body.dark .portfolioe .taskbar .buttons button:hover{color:#fff}body.dark .portfolioe .protfolio-container .img{border-color:gray}body.dark .certificate .certificates .img{background-color:#2e333d}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .form-group input,body.dark .contacts .contact-form .row .form-group select,body.dark .contacts .contact-form .row .form-group textarea,body.dark .contacts .contact-form .row .input-group .input-group-text,body.dark .contacts .contact-form .row .input-group input,body.dark .contacts .contact-form .row .input-group select,body.dark .contacts .contact-form .row .input-group textarea{border-color:gray;background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text:focus,body.dark .contacts .contact-form .row .form-group input:focus,body.dark .contacts .contact-form .row .form-group select:focus,body.dark .contacts .contact-form .row .form-group textarea:focus,body.dark .contacts .contact-form .row .input-group .input-group-text:focus,body.dark .contacts .contact-form .row .input-group input:focus,body.dark .contacts .contact-form .row .input-group select:focus,body.dark .contacts .contact-form .row .input-group textarea:focus{border-color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .form-group input::-moz-placeholder,body.dark .contacts .contact-form .row .form-group select::-moz-placeholder,body.dark .contacts .contact-form .row .form-group textarea::-moz-placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .input-group input::-moz-placeholder,body.dark .contacts .contact-form .row .input-group select::-moz-placeholder,body.dark .contacts .contact-form .row .input-group textarea::-moz-placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .form-group input::placeholder,body.dark .contacts .contact-form .row .form-group select::placeholder,body.dark .contacts .contact-form .row .form-group textarea::placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .input-group input::placeholder,body.dark .contacts .contact-form .row .input-group select::placeholder,body.dark .contacts .contact-form .row .input-group textarea::placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .input-group .input-group-text{background-color:#3e465b}body.dark .contacts .contact-form .custom-file button{background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .custom-file button:hover{background-color:#38425e}body.dark .contacts .contact-form .custom-file #file-chosen{background-color:#3e465b;color:#fff;font-weight:400}body.dark .contacts .contact-form ._button{background-color:#14161b!important}body.dark .contacts .contact-form ._button a{color:#fff}body.dark ._button a{color:#fff}body.dark ._button a .front{color:#000}body.dark .text_hover_effect{color:#fff}body.dark .line-effect{color:#fff}body.dark .line-effect:after{background-color:#fff!important}body.dark .line-effect:hover{color:#fff}body.dark .section-inner{border-color:gray}body.dark .section-inner .title h3{background-color:gray;color:#fff}body.dark .section-inner .title-section{color:#fff}body.dark aside,body.dark section.data{background-color:#14161b!important}body.dark aside .animateText,body.dark aside h1,body.dark aside h2,body.dark section.data .animateText,body.dark section.data h1,body.dark section.data h2{color:#fff}body.dark aside .links ul li a.active,body.dark aside .links ul li a:hover,body.dark aside .navbar-collapse ul li a.active,body.dark aside .navbar-collapse ul li a:hover,body.dark section.data .links ul li a.active,body.dark section.data .links ul li a:hover,body.dark section.data .navbar-collapse ul li a.active,body.dark section.data .navbar-collapse ul li a:hover{color:#fff!important}body.dark aside .social ul li a i:hover,body.dark section.data .social ul li a i:hover{color:#fff}body.dark .dmenu{background-color:rgba(12,9,9,.555)}body.dark .dmenu img{filter:invert(1) brightness(2)}body{font-family:Syne,sans-serif;background-color:#eee;color:#868a9b;position:relative;font-size:16px;line-height:27px;letter-spacing:0;word-wrap:break-word;font-weight:400;width:100%;height:100vh!important;z-index:-2;overflow:hidden}@media (max-width:1199px){body{background-color:#fff}}body #particles-js{position:absolute;z-index:-3;top:0;left:0;width:100%;height:100vh!important;pointer-events:none}body .portfolios{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}body .portfolios aside,body .portfolios section.data{scroll-behavior:smooth!important;background-color:#fff;border-radius:2px;text-align:center}@media (min-width:1440px){body .portfolios aside,body .portfolios section.data{height:750px;padding:0 40px}}@media (max-width:1439px){body .portfolios aside,body .portfolios section.data{padding:40px;height:570px}}@media (max-width:1199px){body .portfolios aside,body .portfolios section.data{padding:0 40px;height:100vh!important}}body .portfolios aside{width:calc(30% - 20px);margin-right:20px}@media (min-width:1440px){body .portfolios aside{padding:120px 40px}}@media (max-width:1439px){body .portfolios aside{width:calc(30% - 10px);margin-right:10px}}@media (max-width:1199px){body .portfolios aside{display:none}}body .portfolios section.data{overflow-y:hidden;overflow:auto;position:relative;width:calc(70% - 20px);margin-left:20px}@media (max-width:1439px){body .portfolios section.data{width:calc(70% - 10px);margin-left:10px;padding:0 30px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;margin-left:0;padding:0 20px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;padding:0 10px}}@media only screen and (min-width:200px) and (max-width:1439px){body .portfolios section.data .block:not(:first-of-type){padding-top:50px}} +*{box-sizing:border-box!important;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{scroll-behavior:smooth!important}html a{color:#868a9b;text-decoration:none}html ul{list-style-type:none;padding:0;margin:0}::-webkit-scrollbar{width:0}.container{position:relative}@media (min-width:1440px){.container{max-width:1400px}}@media (max-width:1439px){.container{max-width:1200px;padding:30px}}@media (max-width:1199px){.container{padding:15px}}.line-effect{position:relative;text-decoration:none;display:inline-block;color:#000}.line-effect:after{content:"";position:absolute;width:0;height:1px;left:auto;right:0;bottom:3px;transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;background-color:#000!important}.line-effect:hover{color:#000}.line-effect:hover::after{width:100%;left:0;right:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.header-logo{font-size:40px;font-family:"Archivo Black";text-transform:uppercase;color:#000}._button{width:100%;cursor:pointer}._button a{display:inline-block;color:#000;padding:4px 30px;position:relative;transition:all .3s ease}._button a .back{position:relative;z-index:1;display:block}._button a .front{position:absolute;top:0;left:0;bottom:0;color:#fff;white-space:nowrap;width:60px;padding:4px 30px;z-index:1;overflow:hidden;transition:all .3s ease}._button a:hover .front{width:100%}._button a:before{position:absolute;content:"";top:0;bottom:0;left:0;width:60px;background-color:#999;transition:all .3s ease}._button a:hover:before{width:100%}.text_hover_effect{position:relative;display:inline;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .5s}.text_hover_effect::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.text_hover_effect:hover{background-size:100% 1px}.section-inner{border:1px solid rgba(0,0,0,.1);padding:40px 30px 35px;position:relative}.section-inner:not(:last-child){margin-bottom:40px}@media (max-width:1439px){.section-inner{padding:40px 30px 20px}}.section-inner .title{position:absolute;top:-20px}.section-inner .title h3{font-size:15px;text-transform:uppercase;display:inline-block;background-color:#efefef;padding:10px 30px 9px 30px;color:#000;font-weight:700}@media (max-width:768px){.section-inner .title h3{font-size:14px}}.section-inner .title-section{font-size:14px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.section-inner .title-section:not(.heading){font-size:13px}.popup-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:2000;cursor:zoom-out}.popUp{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0}@media (max-width:767px){.popUp{width:370px}}.popUp img{width:930px;max-width:100%;transition:.3s;border-radius:12px;cursor:grab}.popUp img:hover{transform:scale(1.1)}.contacts .section-inner{margin-bottom:40px}.preloader{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:0 0;overflow:hidden;z-index:0}.preloader svg{position:absolute;top:0;height:110vh;width:100vw;fill:#fff}.preloader .loader-container .loaded{font-size:1.2rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:8px;z-index:99}.preloader .loader-container .loaded span{animation:loader-animation 1s infinite alternate}.preloader .loader-container .loaded span:nth-child(1){animation-delay:0s}.preloader .loader-container .loaded span:nth-child(2){animation-delay:.1s}.preloader .loader-container .loaded span:nth-child(3){animation-delay:.2s}.preloader .loader-container .loaded span:nth-child(4){animation-delay:.3s}.preloader .loader-container .loaded span:nth-child(5){animation-delay:.4s}.preloader .loader-container .loaded span:nth-child(6){animation-delay:.5s}.preloader .loader-container .loaded span:nth-child(7){animation-delay:.6s}.preloader .loader-container .loaded span:nth-child(8){animation-delay:.7s}.preloader .loader-container .loaded span:nth-child(9){animation-delay:.8s}.preloader .loader-container .loaded span:nth-child(10){animation-delay:.9s}.preloader .loader-container .loaded span:nth-child(11){animation-delay:1s}@keyframes loader-animation{0%{opacity:1}100%{opacity:0}}.switch{position:absolute;top:20px;right:-10px}@media (max-width:767px){.switch{right:0}}.switch .toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.switch .toggle-switch{background-color:#ccc;height:21px;width:52px;position:relative;cursor:pointer;border-radius:13px;transition:.3s}.switch .toggle-switch::before{font-family:var(--fa-style-family-classic);content:"\f185";font-weight:900;background-color:#fff;width:15px;height:15px;font-size:10px;position:absolute;border-radius:50%;top:3px;left:3px;display:flex;justify-content:center;align-items:center;color:#daa520;transition:.3s}.switch .toggle-checkbox:checked+.toggle-switch{background-color:rgba(0,0,255,.8)}.switch .toggle-checkbox:checked+.toggle-switch::before{content:"\f186";left:34px;color:#00f}.allam{height:100%;position:relative}@media (max-width:1439px){.allam{padding-top:40px;height:105%}}@media (max-width:1199px){.allam{height:100vh}}.home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1439px){.home{width:95%}}.home .avatar img{width:145px;border-radius:50%;transition:.3s;cursor:pointer}.home .avatar img:hover{transform:scale(1.2)}@media (max-width:1439px){.home .avatar img{width:120px}}.home .name{display:block;margin-top:25px;margin-bottom:25px}.home .name h2{color:#000;text-transform:uppercase;font-size:50px;font-weight:700}@media (max-width:1439px){.home .name h2{font-size:42px}}@media (max-width:1199px){.home .name h2{font-size:35px}}.home .animateText span{display:block;letter-spacing:1px;font-size:17px;font-weight:100}.aside .header{margin-bottom:60px}.aside .links,.aside .navbar-collapse{font-size:15px}.aside .links ul,.aside .navbar-collapse ul{margin-bottom:40px}.aside .links ul li,.aside .navbar-collapse ul li{cursor:pointer;transition:.2s;margin-bottom:5px}.aside .links ul li a.active,.aside .links ul li a:hover,.aside .navbar-collapse ul li a.active,.aside .navbar-collapse ul li a:hover{color:#000!important}.aside .copyright{margin-top:40px;margin-bottom:20px}.aside .copyright a{color:#000;cursor:pointer}.aside .copyright a:hover:after{width:100%;left:0;right:auto}.aside .social ul li{display:inline-block;margin-left:10px;margin-right:10px}.aside .social ul li a i{transition:.2s;font-size:18px}.aside .social ul li a i:hover{color:#000}@media (min-width:1200px){header{display:none}}.dmenu{flex-direction:column;border:1px solid #868a9b;border-radius:30px;position:fixed;right:68px;top:50%;transform:translateY(-50%);text-align:center;gap:10px;padding:24px 0;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1}@media (max-width:992px){.dmenu{right:50px}}@media (max-width:768px){.dmenu{top:90%;right:50%;transform:translate(50%,-50%);flex-direction:row;gap:0;height:50px;padding:12px 8px}}.dmenu li a{display:block;position:relative;width:45px;transition:.3s;color:#868a9b;cursor:pointer}.dmenu li a img{width:15px;height:15px}.dmenu li a.active span,.dmenu li a:hover span{opacity:1;visibility:visible}.dmenu li a span{position:absolute;transition:.3s;font-size:12px;background:#404042;right:100%;color:#fff;display:block;padding:3px 8px;border-radius:5px;visibility:hidden;opacity:0}@media (max-width:768px){.dmenu li a span{transform:rotate(90deg);right:-3px;top:-50px}}.dmenu li a span::before{content:"";width:10px;height:10px;background:#404042;position:absolute;right:-3px;top:50%;transform:rotate(54deg) skew(-8deg,-39deg);margin-top:-5px;z-index:-1}.dmenu li a:hover span{opacity:1;visibility:visible}@media (max-width:768px){.dmenu li:nth-of-type(1) span,.dmenu li:nth-of-type(2) span{top:-52px}}@media (max-width:768px){.dmenu li:nth-of-type(3) span{right:-10px;top:-60px}}@media (max-width:768px){.dmenu li:nth-of-type(4) span{right:-20px;top:-68px}}@media (max-width:768px){.dmenu li:nth-of-type(5) span{right:0;top:-48px}}@media (max-width:768px){.dmenu li:nth-of-type(6) span{right:-10px;top:-58px}}.about,.blogs,.certificate,.contacts,.portfolioe,.service{text-align:left;padding-top:0}@media (min-width:1440px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{padding-top:40px}}@media (max-width:767px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{font-size:15px}}.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:40px;padding-right:40px}@media (max-width:767px){.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:20px;padding-right:20px}}.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:42px;margin-bottom:39px}@media (max-width:767px){.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{padding-bottom:22px;margin-bottom:19px}}.about .details,.blogs .details,.certificate .details,.contacts .details,.portfolioe .details,.service .details{width:100%}.about .details ul,.blogs .details ul,.certificate .details ul,.contacts .details ul,.portfolioe .details ul,.service .details ul{display:flex;flex-wrap:wrap;margin-left:-20px}.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:50%;padding-left:20px;margin-bottom:5px}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:120px;display:inline-block}@media (max-width:767px){.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:60px;padding-right:5px}}@media (max-width:480px){.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:100%}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:0;padding-right:5px}}.about ._button,.blogs ._button,.certificate ._button,.contacts ._button,.portfolioe ._button,.service ._button{margin-top:20px}.about .additional,.about .knowledge,.blogs .additional,.blogs .knowledge,.certificate .additional,.certificate .knowledge,.contacts .additional,.contacts .knowledge,.portfolioe .additional,.portfolioe .knowledge,.service .additional,.service .knowledge{position:relative}.about .additional::before,.about .knowledge::before,.blogs .additional::before,.blogs .knowledge::before,.certificate .additional::before,.certificate .knowledge::before,.contacts .additional::before,.contacts .knowledge::before,.portfolioe .additional::before,.portfolioe .knowledge::before,.service .additional::before,.service .knowledge::before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional:before,.about .knowledge:before,.blogs .additional:before,.blogs .knowledge:before,.certificate .additional:before,.certificate .knowledge:before,.contacts .additional:before,.contacts .knowledge:before,.portfolioe .additional:before,.portfolioe .knowledge:before,.service .additional:before,.service .knowledge:before{display:none}}.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{content:"";position:absolute;top:0;left:calc(74% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1);display:none}@media only screen and (max-width:991px) and (min-width:768px){.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{display:block}}.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{position:relative}@media (max-width:767px){.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{padding-left:10px;padding-right:10px}}@media (min-width:767px){.about .additional .lang-section,.about .additional .soft-section,.about .knowledge .lang-section,.about .knowledge .soft-section,.about .timeline .lang-section,.about .timeline .soft-section,.blogs .additional .lang-section,.blogs .additional .soft-section,.blogs .knowledge .lang-section,.blogs .knowledge .soft-section,.blogs .timeline .lang-section,.blogs .timeline .soft-section,.certificate .additional .lang-section,.certificate .additional .soft-section,.certificate .knowledge .lang-section,.certificate .knowledge .soft-section,.certificate .timeline .lang-section,.certificate .timeline .soft-section,.contacts .additional .lang-section,.contacts .additional .soft-section,.contacts .knowledge .lang-section,.contacts .knowledge .soft-section,.contacts .timeline .lang-section,.contacts .timeline .soft-section,.portfolioe .additional .lang-section,.portfolioe .additional .soft-section,.portfolioe .knowledge .lang-section,.portfolioe .knowledge .soft-section,.portfolioe .timeline .lang-section,.portfolioe .timeline .soft-section,.service .additional .lang-section,.service .additional .soft-section,.service .knowledge .lang-section,.service .knowledge .soft-section,.service .timeline .lang-section,.service .timeline .soft-section{display:block}}.about .additional .section1 .heading,.about .knowledge .section1 .heading,.about .timeline .section1 .heading,.blogs .additional .section1 .heading,.blogs .knowledge .section1 .heading,.blogs .timeline .section1 .heading,.certificate .additional .section1 .heading,.certificate .knowledge .section1 .heading,.certificate .timeline .section1 .heading,.contacts .additional .section1 .heading,.contacts .knowledge .section1 .heading,.contacts .timeline .section1 .heading,.portfolioe .additional .section1 .heading,.portfolioe .knowledge .section1 .heading,.portfolioe .timeline .section1 .heading,.service .additional .section1 .heading,.service .knowledge .section1 .heading,.service .timeline .section1 .heading{border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:1920px) and (min-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:inline-block;width:50%}}@media (max-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:block;width:100%}}.about .additional .section1 .back .title-section,.about .additional .section1 .front .title-section,.about .knowledge .section1 .back .title-section,.about .knowledge .section1 .front .title-section,.about .timeline .section1 .back .title-section,.about .timeline .section1 .front .title-section,.blogs .additional .section1 .back .title-section,.blogs .additional .section1 .front .title-section,.blogs .knowledge .section1 .back .title-section,.blogs .knowledge .section1 .front .title-section,.blogs .timeline .section1 .back .title-section,.blogs .timeline .section1 .front .title-section,.certificate .additional .section1 .back .title-section,.certificate .additional .section1 .front .title-section,.certificate .knowledge .section1 .back .title-section,.certificate .knowledge .section1 .front .title-section,.certificate .timeline .section1 .back .title-section,.certificate .timeline .section1 .front .title-section,.contacts .additional .section1 .back .title-section,.contacts .additional .section1 .front .title-section,.contacts .knowledge .section1 .back .title-section,.contacts .knowledge .section1 .front .title-section,.contacts .timeline .section1 .back .title-section,.contacts .timeline .section1 .front .title-section,.portfolioe .additional .section1 .back .title-section,.portfolioe .additional .section1 .front .title-section,.portfolioe .knowledge .section1 .back .title-section,.portfolioe .knowledge .section1 .front .title-section,.portfolioe .timeline .section1 .back .title-section,.portfolioe .timeline .section1 .front .title-section,.service .additional .section1 .back .title-section,.service .additional .section1 .front .title-section,.service .knowledge .section1 .back .title-section,.service .knowledge .section1 .front .title-section,.service .timeline .section1 .back .title-section,.service .timeline .section1 .front .title-section{margin:10px 0 5px}.about .additional .section1 .front,.about .knowledge .section1 .front,.about .timeline .section1 .front,.blogs .additional .section1 .front,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .front,.certificate .additional .section1 .front,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .front,.contacts .additional .section1 .front,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .front,.service .additional .section1 .front,.service .knowledge .section1 .front,.service .timeline .section1 .front{position:relative;overflow:hidden}.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{content:"";position:absolute;top:70%;right:10px;transform:translateY(-50%);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{display:none}}.about .additional ul,.about .knowledge ul,.about .timeline ul,.blogs .additional ul,.blogs .knowledge ul,.blogs .timeline ul,.certificate .additional ul,.certificate .knowledge ul,.certificate .timeline ul,.contacts .additional ul,.contacts .knowledge ul,.contacts .timeline ul,.portfolioe .additional ul,.portfolioe .knowledge ul,.portfolioe .timeline ul,.service .additional ul,.service .knowledge ul,.service .timeline ul{list-style-type:circle}.about .additional ul li,.about .knowledge ul li,.about .timeline ul li,.blogs .additional ul li,.blogs .knowledge ul li,.blogs .timeline ul li,.certificate .additional ul li,.certificate .knowledge ul li,.certificate .timeline ul li,.contacts .additional ul li,.contacts .knowledge ul li,.contacts .timeline ul li,.portfolioe .additional ul li,.portfolioe .knowledge ul li,.portfolioe .timeline ul li,.service .additional ul li,.service .knowledge ul li,.service .timeline ul li{margin-left:20px;font-size:14px}.about .additional ul li:hover,.about .knowledge ul li:hover,.about .timeline ul li:hover,.blogs .additional ul li:hover,.blogs .knowledge ul li:hover,.blogs .timeline ul li:hover,.certificate .additional ul li:hover,.certificate .knowledge ul li:hover,.certificate .timeline ul li:hover,.contacts .additional ul li:hover,.contacts .knowledge ul li:hover,.contacts .timeline ul li:hover,.portfolioe .additional ul li:hover,.portfolioe .knowledge ul li:hover,.portfolioe .timeline ul li:hover,.service .additional ul li:hover,.service .knowledge ul li:hover,.service .timeline ul li:hover{list-style-type:disc;color:#000}.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:30px}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:10px}}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-top:10px;padding-bottom:0;margin-top:10px;border-bottom:none;border-top:1px solid rgba(0,0,0,.1)}}.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width:991px){.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:0;border-bottom:none}}@media only screen and (max-width:767px) and (min-width:576px){.about .additional::before,.blogs .additional::before,.certificate .additional::before,.contacts .additional::before,.portfolioe .additional::before,.service .additional::before{display:block}}@media (max-width:767px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:50%}}@media (max-width:575px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:100%}}@media (max-width:991px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{border:none;padding-top:0;padding-left:20px}}@media (max-width:575px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{padding-left:10px}}.about .timeline,.blogs .timeline,.certificate .timeline,.contacts .timeline,.portfolioe .timeline,.service .timeline{position:relative}.about .timeline .contents,.blogs .timeline .contents,.certificate .timeline .contents,.contacts .timeline .contents,.portfolioe .timeline .contents,.service .timeline .contents{position:relative;overflow:hidden}.about .timeline .contents::before,.blogs .timeline .contents::before,.certificate .timeline .contents::before,.contacts .timeline .contents::before,.portfolioe .timeline .contents::before,.service .timeline .contents::before{content:"";position:absolute;width:2px;height:100%;background-color:#efefef;left:50%;margin-left:-1px;top:0}.about .timeline .contents .year,.blogs .timeline .contents .year,.certificate .timeline .contents .year,.contacts .timeline .contents .year,.portfolioe .timeline .contents .year,.service .timeline .contents .year{margin:10px auto;width:-moz-fit-content;width:fit-content;background-color:#efefef;position:relative;z-index:2;text-align:center;color:#000;padding:2px 6px;border-radius:2px;font-size:13px;font-weight:700}.about .timeline .contents .clearfix,.blogs .timeline .contents .clearfix,.certificate .timeline .contents .clearfix,.contacts .timeline .contents .clearfix,.portfolioe .timeline .contents .clearfix,.service .timeline .contents .clearfix{clear:both}.about .timeline .contents .content,.blogs .timeline .contents .content,.certificate .timeline .contents .content,.contacts .timeline .contents .content,.portfolioe .timeline .contents .content,.service .timeline .contents .content{background-color:#efefef;padding:15px;border-radius:2px}.about .timeline .contents .content h4,.blogs .timeline .contents .content h4,.certificate .timeline .contents .content h4,.contacts .timeline .contents .content h4,.portfolioe .timeline .contents .content h4,.service .timeline .contents .content h4{font-size:15px;color:#000;font-weight:700}.about .timeline .contents .content p,.blogs .timeline .contents .content p,.certificate .timeline .contents .content p,.contacts .timeline .contents .content p,.portfolioe .timeline .contents .content p,.service .timeline .contents .content p{color:#868a9b;margin:0;line-height:1.6;font-size:15px}.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:left}@media (max-width:767px){.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:100%;margin-top:30px}}.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;right:-32px}@media only screen and (min-width:567px) and (max-width:767px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47.9%;transform:translateX(-50%)}}@media (max-width:567px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47%;transform:translateX(-50%)}}@media (max-width:420px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:45.5%;transform:translateX(-50%)}}.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#efefef}@media (max-width:767px){.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:right}@media (max-width:767px){.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:100%;margin-top:30px}}.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;left:-32px}@media (max-width:767px){.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{top:-32px;left:50%;transform:translateX(-50%)}}.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#efefef}@media (max-width:767px){.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}@media (max-width:768px){.service .section-inner{padding:10px}}.service .list_inner{border:1px solid rgba(0,0,0,.1);padding:40px}@media (max-width:768px){.service .list_inner{padding:20px}.service .list_inner.one{margin-bottom:20px}}.service .list_inner .list{border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.service .list_inner .list ul{list-style-type:circle}.service .list_inner .list ul li{font-size:15px;margin-top:5px;margin-bottom:5px;margin-left:20px}.service .list_inner .list ul li:hover{list-style-type:disc;color:#000}.service .list_inner img{width:50px;margin-bottom:20px}@media (min-width:768px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1)}}@media (min-width:992px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}}.service .service-header{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;margin-top:20px}.service .service-header h3{font-size:17px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.service .service-header .price{font-size:15px;margin-left:20px}.service .service-content ul li{font-size:14px;cursor:pointer;transition:.2s;margin-top:10px;margin-bottom:5px}.service .service-content ul li:hover{color:#000}@media (max-width:1440px){.portfolioe .section-inner{padding:30px}.portfolioe .section-inner .container{padding:20px 0 0!important}}@media (max-width:1199px){.portfolioe .section-inner{padding:10px}.portfolioe .section-inner .container{padding:20px 0 0!important}}.portfolioe .taskbar .buttons{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.portfolioe .taskbar .buttons button{display:inline-block;padding:6px 10px;background-color:#eee;margin:5px;border-radius:5px;cursor:pointer;border:none;color:#868a9b}@media (max-width:768px){.portfolioe .taskbar .buttons button{padding:4px 8px;margin:4px;font-size:15px}}.portfolioe .taskbar .buttons button.active,.portfolioe .taskbar .buttons button:hover{color:#000}.portfolioe .protfolio-container{margin-top:20px;display:block}.portfolioe .protfolio-container .data{cursor:pointer;padding:0 12px!important;margin-top:10px;margin-bottom:10px}@media (max-width:480px){.portfolioe .protfolio-container .data{padding:0!important}}.portfolioe .protfolio-container .data .name{text-transform:uppercase;position:absolute;z-index:1000;font-size:22px;font-weight:600;color:#fff;padding:4px 8px;border-radius:20px;margin:10px;top:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .name{font-size:18px;top:5px;margin:5px}}.portfolioe .protfolio-container .data .name::after{background-color:#fff!important;height:2px}.portfolioe .protfolio-container .data .img{position:relative;border:1px solid rgba(0,0,0,.1)}.portfolioe .protfolio-container .data .img img{display:block;width:100%;height:auto}.portfolioe .protfolio-container .data .img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,5,5,.3);z-index:100;display:none}.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{position:absolute;z-index:1000;font-size:14px;font-weight:500;color:#000;background-color:#fff;padding:4px 8px;border-radius:20px;margin-left:10px;margin-right:10px;bottom:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{font-size:13px}}.portfolioe .protfolio-container .data .repo:hover,.portfolioe .protfolio-container .data .review:hover{background-color:#ece3e3}.portfolioe .protfolio-container .data .review{margin-left:70px}@media (max-width:768px){.portfolioe .protfolio-container .data .img::after{display:block}.portfolioe .protfolio-container .data .name,.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{display:block}}.portfolioe .protfolio-container .data:hover .img::after{display:block}.portfolioe .protfolio-container .data:hover .name,.portfolioe .protfolio-container .data:hover .repo,.portfolioe .protfolio-container .data:hover .review{display:block}@media (max-width:480px){.certificate .section-inner{padding:25px 15px!important}}.certificate .certificates .img{padding:12px;background-color:#eee;cursor:pointer;margin-top:10px;margin-bottom:10px}.certificate .certificates .img img{width:100%}.blogs .section-inner{padding-top:30px!important}@media (max-width:480px){.blogs .section-inner{padding:15px!important}}.blogs .bloge{padding-top:30px;padding-bottom:30px}.blogs .bloge:not(:last-of-type){border-bottom:1px solid #eee}.blogs .posters .imgs{overflow:hidden;cursor:pointer}.blogs .posters .imgs img{width:100%;height:250px;transition:all .3s}.blogs .posters .imgs:hover img{transform:scale(1.1)}.blogs .posters .titles h4{display:inline-block;border-bottom:1px solid #eee;padding-bottom:8px;padding-top:6px;margin-bottom:18px;font-size:17px;font-weight:400}@media (max-width:768px){.blogs .posters .titles h4{font-size:15px;padding-top:10px}}.blogs .posters .titles h4 .about,.blogs .posters .titles h4 .user{cursor:pointer;padding-left:3px;padding-right:3px}.blogs .posters .titles h4 .about{font-size:15px}.blogs .posters .titles h4 .in{position:relative;padding-left:12px}.blogs .posters .titles h4 .in::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:rgba(128,128,128,.5);left:3px;bottom:7px}.blogs .posters p{font-size:16px;font-weight:600;color:#000;cursor:pointer;text-transform:capitalize}@media (max-width:768px){.blogs .posters p{font-size:15px}}@media (max-width:480px){.contacts{margin-bottom:150px}.contacts .section-inner{padding:40px 15px!important}}.contacts .contact-form .row .form-group,.contacts .contact-form .row .input-group{margin-bottom:20px}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .form-group input,.contacts .contact-form .row .form-group select,.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group .input-group-text,.contacts .contact-form .row .input-group input,.contacts .contact-form .row .input-group select,.contacts .contact-form .row .input-group textarea{font-size:15px;padding:10px;border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-group .input-group-text:focus,.contacts .contact-form .row .form-group input:focus,.contacts .contact-form .row .form-group select:focus,.contacts .contact-form .row .form-group textarea:focus,.contacts .contact-form .row .input-group .input-group-text:focus,.contacts .contact-form .row .input-group input:focus,.contacts .contact-form .row .input-group select:focus,.contacts .contact-form .row .input-group textarea:focus{box-shadow:none;border-color:#000}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .input-group .input-group-text{background-color:#eee}.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group textarea{resize:none;height:200px}.contacts .contact-form .row .form-group select,.contacts .contact-form .row .input-group select{cursor:pointer}.contacts .contact-form .row .form-group select option,.contacts .contact-form .row .input-group select option{font-size:14px}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]),.contacts .contact-form .row input[type=file]::file-selector-button{border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]):focus,.contacts .contact-form .row input[type=file]::file-selector-button:focus{box-shadow:none}.contacts .contact-form .row input[type=file]::file-selector-button{padding:9px;background-color:#eee}.contacts .contact-form label{display:none}.contacts .contact-form ._button{margin-top:0}.contacts .contact-form .arabic-upload{display:none}.contacts .contact-form .custom-file{width:100%;display:flex;align-items:center}.contacts .contact-form .custom-file button{max-height:43px;width:25%;font-size:13px;padding:13px 0;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;border-right:none}.contacts .contact-form .custom-file button:hover{background-color:rgba(128,128,128,.6)}.contacts .contact-form .custom-file #file-chosen{width:75%;font-size:15px;padding:7px;max-height:43px;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;overflow:hidden}.contacts .contact-form ._button{border:none;background-color:#fff;width:-moz-fit-content;width:fit-content;padding:0 10px}.contacts .contact-form ._button a{display:inline-block;color:#000;padding:12px 30px;position:relative;transition:all .3s ease}.contacts .contact-form ._button a .front{padding:12px 30px}.contacts .contact-form .sent{display:none}.contacts .contact-form .sent p{width:100%;padding:10px 12px;font-size:15px;font-weight:500;color:#fff;background-color:#03b103}@media (max-width:767px){.contacts .contact-form .sent p{margin:8px 0}}.contacts .contact-form .sent.active{display:block}body.dark{background-color:#000}@media (max-width:1199px){body.dark{background-color:#14161b}}body.dark .preloader svg{fill:#000}body.dark .preloader .loader-container .loaded{color:#fff}body.dark .about .text{border-color:gray}body.dark .about .section1 .heading{border-color:gray}@media (max-width:767px){body.dark .about .section2{border-top-color:gray}}body.dark .about .section2 .lang-section{border-color:gray}body.dark .about .front::after{background-color:gray!important}body.dark .about .additional::before,body.dark .about .knowledge::before{background-color:gray}body.dark .about .additional ul li:hover,body.dark .about .knowledge ul li:hover{color:#fff}body.dark .about .knowledge::after{background-color:gray}body.dark .about .timeline::before{background-color:#3e465b!important}body.dark .about .timeline .content,body.dark .about .timeline .year{background-color:#202636!important;color:#fff!important}body.dark .about .timeline .content h4,body.dark .about .timeline .year h4{color:#fff!important}body.dark .about .timeline .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#202636}@media (max-width:767px){body.dark .about .timeline .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#202636}@media (max-width:767px){body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .service img{filter:invert(1) brightness(2)}body.dark .service .list_inner{border-color:gray}body.dark .service .list_inner .list{border-top-color:gray}body.dark .service .list_inner .list li:hover{color:#fff}@media (min-width:768px){body.dark .service .service-card:nth-of-type(2){border-color:gray}}@media (min-width:992px){body.dark .service .service-card:nth-of-type(2){border-left-color:gray;border-right-color:gray}}body.dark .service .service-header{border-bottom-color:gray}body.dark .service .service-header h3{color:#fff}body.dark .service .service-content li:hover{color:#fff}body.dark .portfolioe .taskbar .buttons{border-color:gray}body.dark .portfolioe .taskbar .buttons button{background-color:#2e333d;color:gray}body.dark .portfolioe .taskbar .buttons button.active,body.dark .portfolioe .taskbar .buttons button:hover{color:#fff}body.dark .portfolioe .protfolio-container .img{border-color:gray}body.dark .certificate .certificates .img{background-color:#2e333d}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .form-group input,body.dark .contacts .contact-form .row .form-group select,body.dark .contacts .contact-form .row .form-group textarea,body.dark .contacts .contact-form .row .input-group .input-group-text,body.dark .contacts .contact-form .row .input-group input,body.dark .contacts .contact-form .row .input-group select,body.dark .contacts .contact-form .row .input-group textarea{border-color:gray;background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text:focus,body.dark .contacts .contact-form .row .form-group input:focus,body.dark .contacts .contact-form .row .form-group select:focus,body.dark .contacts .contact-form .row .form-group textarea:focus,body.dark .contacts .contact-form .row .input-group .input-group-text:focus,body.dark .contacts .contact-form .row .input-group input:focus,body.dark .contacts .contact-form .row .input-group select:focus,body.dark .contacts .contact-form .row .input-group textarea:focus{border-color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .form-group input::-moz-placeholder,body.dark .contacts .contact-form .row .form-group select::-moz-placeholder,body.dark .contacts .contact-form .row .form-group textarea::-moz-placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .input-group input::-moz-placeholder,body.dark .contacts .contact-form .row .input-group select::-moz-placeholder,body.dark .contacts .contact-form .row .input-group textarea::-moz-placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .form-group input::placeholder,body.dark .contacts .contact-form .row .form-group select::placeholder,body.dark .contacts .contact-form .row .form-group textarea::placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .input-group input::placeholder,body.dark .contacts .contact-form .row .input-group select::placeholder,body.dark .contacts .contact-form .row .input-group textarea::placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .input-group .input-group-text{background-color:#3e465b}body.dark .contacts .contact-form .custom-file button{background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .custom-file button:hover{background-color:#38425e}body.dark .contacts .contact-form .custom-file #file-chosen{background-color:#3e465b;color:#fff;font-weight:400}body.dark .contacts .contact-form ._button{background-color:#14161b!important}body.dark .contacts .contact-form ._button a{color:#fff}body.dark ._button a{color:#fff}body.dark ._button a .front{color:#000}body.dark .text_hover_effect{color:#fff}body.dark .line-effect{color:#fff}body.dark .line-effect:after{background-color:#fff!important}body.dark .line-effect:hover{color:#fff}body.dark .section-inner{border-color:gray}body.dark .section-inner .title h3{background-color:gray;color:#fff}body.dark .section-inner .title-section{color:#fff}body.dark aside,body.dark section.data{background-color:#14161b!important}body.dark aside .animateText,body.dark aside h1,body.dark aside h2,body.dark section.data .animateText,body.dark section.data h1,body.dark section.data h2{color:#fff}body.dark aside .links ul li a.active,body.dark aside .links ul li a:hover,body.dark aside .navbar-collapse ul li a.active,body.dark aside .navbar-collapse ul li a:hover,body.dark section.data .links ul li a.active,body.dark section.data .links ul li a:hover,body.dark section.data .navbar-collapse ul li a.active,body.dark section.data .navbar-collapse ul li a:hover{color:#fff!important}body.dark aside .social ul li a i:hover,body.dark section.data .social ul li a i:hover{color:#fff}body.dark .dmenu{background-color:rgba(12,9,9,.555)}body.dark .dmenu img{filter:invert(1) brightness(2)}body{font-family:Syne,sans-serif;background-color:#eee;color:#868a9b;position:relative;font-size:16px;line-height:27px;letter-spacing:0;word-wrap:break-word;font-weight:400;width:100%;height:100vh!important;z-index:-2;overflow:hidden}@media (max-width:1199px){body{background-color:#fff}}body #particles-js{position:absolute;z-index:-3;top:0;left:0;width:100%;height:100vh!important;pointer-events:none}body .portfolios{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}body .portfolios aside,body .portfolios section.data{scroll-behavior:smooth!important;background-color:#fff;border-radius:2px;text-align:center}@media (min-width:1440px){body .portfolios aside,body .portfolios section.data{height:750px;padding:0 40px}}@media (max-width:1439px){body .portfolios aside,body .portfolios section.data{padding:40px;height:570px}}@media (max-width:1199px){body .portfolios aside,body .portfolios section.data{padding:0 40px;height:100vh!important}}body .portfolios aside{width:calc(30% - 20px);margin-right:20px}@media (min-width:1440px){body .portfolios aside{padding:120px 40px}}@media (max-width:1439px){body .portfolios aside{width:calc(30% - 10px);margin-right:10px}}@media (max-width:1199px){body .portfolios aside{display:none}}body .portfolios section.data{overflow-y:hidden;overflow:auto;position:relative;width:calc(70% - 20px);margin-left:20px}@media (max-width:1439px){body .portfolios section.data{width:calc(70% - 10px);margin-left:10px;padding:0 30px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;margin-left:0;padding:0 20px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;padding:0 10px}}@media only screen and (min-width:200px) and (max-width:1439px){body .portfolios section.data .block:not(:first-of-type){padding-top:50px}} /*# sourceMappingURL=../../sourcemaps/style.min.css.map */ diff --git a/dist/index.html b/dist/index.html index e79d221..6be766f 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,2 +1,2 @@ - ALLAM
AHMED ALLAM
profile-picture

Ahmed Allam

Front end DeveloperBack end DeveloperSEO Optimizer

About Me

Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At 20 years old, I specialize in creating dynamic, user-friendly web experiences using HTML, CSS, JavaScript, Sass, and Bootstrap. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
Download CVDownload CV

Knowledge

Programming Skills
Front-end Skills
  • HTML5
  • CSS3
  • JS / ES6
  • Bootstrap5
  • SCSS
  • PugJs
  • GulpJS
  • jQuery
Back-end Skills
  • C#
  • OOP
  • Data Structures
  • Algorithms
  • SQL Server
Language Skills
  • Arabic
  • English
  • Deutsch
Soft Skills
  • Problem Solving
  • Teamwork
  • Time Management
  • Communication
  • Creativity
  • Adaptability
  • Attention to Detail

Additional Information

Libraries
  • Isotope
  • Particles
  • Textition
  • Vanilla-tilt
  • Wow
  • Swiper
  • Owl Carousel
  • AOS
  • EmailJs
  • Imagesloaded
  • Gsap
  • Lenis
superficial knowledge
  • Typescript
  • Tailwand CSS
  • Angular 2+
Working Experience
  • +20 Project
  • +1500 Hour Of Coding
  • +15 Programming Language

Timeline

2019 - 2021

Secondary School

Talaat Harb, Military Secondary School, - Mathematics Section

2022 - Present

University

Faculty of Engineering Mansoura University, Department of Computer and Control System Engineering (CSE)

24 - 25 Dec 2023

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

19 - 20 Aug 2024

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

2024 - Present

Internship

Trainee Full Stack .NET Web Developer at DEPI

Internship

Trainee Front-End Web Developer at ALX Africa.

Top Notch Services

  • Creative Design

    • Figma Design
    • PSD Design
    • Sketch Design

  • SEO Optimization

    • SEO Website
    • Code Validation
    • GTmetrix Pro

Services

Choose a package that best fits your needs and enjoy premium benefits with transparent pricing.

Basic Plan

$50/month

  • ✔ Responsive Design
  • ✔ Cross-Browser Compatibility
  • ✔ Basic SEO Optimization
  • ✔ Support for 1 Project

Pro Plan

$100/month

  • ✔ Everything in Basic Plan
  • ✔ Custom Animations
  • ✔ Advanced SEO Tools
  • ✔ Support for 3 Projects

Premium Plan

$200/month

  • ✔ Everything in Pro Plan
  • ✔ Full-Stack Development
  • ✔ Ongoing Maintenance
  • ✔ Priority Support

Creative Portfolio

It Solutions
It Solutions project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Timer Template
Timer Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Allam Marine Design
Allam Marine Design project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Guess The Word
Guess The Word game screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Dashboard Template
Dashboard Template screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
To Do List
RepoDemo
SaaS Template
RepoDemo

Technical Certificates

non-Technical Certificates

Recent Posts

Blog 1

ByAhmed AllamInSEO & HTML


Learn how to optimize it for better search rankings.

Read MoreRead More
Blog 2

ByAhmed AllamInTypescript & Javascript


Mastering TypeScript & JavaScript: Enhancing Web Development with Powerful Tools.

Read MoreRead More
Blog 3

ByAhmed AllamInLibraries In CSS


Exploring the Power of CSS Libraries: Boost Your Web Development Efficiency.

Read MoreRead More

Get in Touch

$ .00
No file chosen
13123*

Your message has been sent. Thank you!

\ No newline at end of file + ALLAM
AHMED ALLAM
profile-picture

Ahmed Allam

Front end DeveloperSEO Optimizer

About Me

Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At 20 years old, I specialize in creating dynamic, user-friendly web experiences using jQuery. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
Download CVDownload CV

Knowledge

Programming Skills
Front-end Skills
  • HTML5
  • CSS3
  • JS / ES6
  • Bootstrap5
  • SCSS
  • PugJs
  • GulpJS
  • jQuery
Back-end Skills
  • C#
  • OOP
  • Data Structures
  • Algorithms
  • SQL Server
Language Skills
  • Arabic
  • English
Soft Skills
  • Problem Solving
  • Teamwork
  • Time Management
  • Communication
  • Creativity
  • Adaptability
  • Attention to Detail

Additional Information

Libraries
  • Isotope
  • Particles
  • Textition
  • Vanilla-tilt
  • Wow
  • Swiper
  • Owl Carousel
  • AOS
  • EmailJs
  • Imagesloaded
  • Gsap
  • Lenis
superficial knowledge
  • Typescript
  • Tailwand CSS
  • Angular 2+
Working Experience
  • +20 Project
  • +1500 Hour Of Coding
  • +15 Programming Language

Timeline

2019 - 2021

Secondary School

Talaat Harb, Military Secondary School, + Mathematics Section

2022 - Present

University

Faculty of Engineering Mansoura University, Department of Computer and Control System Engineering (CSE)

24 - 25 Dec 2023

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

19 - 20 Aug 2024

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

2024 - Present

Internship

Trainee Full Stack .NET Web Developer at DEPI

Internship

Trainee Front-End Web Developer at ALX Africa.

Creative Portfolio

It Solutions
It Solutions project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Timer Template
Timer Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Allam Marine Design
Allam Marine Design project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Guess The Word
Guess The Word game screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Dashboard Template
Dashboard Template screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
To Do List
RepoDemo
SaaS Template
RepoDemo

Technical Certificates

non-Technical Certificates

Recent Posts

Blog 1

ByAhmed AllamInSEO & HTML


Learn how to optimize it for better search rankings.

Read MoreRead More
Blog 2

ByAhmed AllamInTypescript & Javascript


Mastering TypeScript & JavaScript: Enhancing Web Development with Powerful Tools.

Read MoreRead More
Blog 3

ByAhmed AllamInLibraries In CSS


Exploring the Power of CSS Libraries: Boost Your Web Development Efficiency.

Read MoreRead More

Get in Touch

$ .00
No file chosen
13123*

Your message has been sent. Thank you!

\ No newline at end of file diff --git a/public/assets/images/certificate/Basics_Freelance.webp b/public/assets/images/certificate/Basics_Freelance.webp new file mode 100644 index 0000000..94ceaa8 Binary files /dev/null and b/public/assets/images/certificate/Basics_Freelance.webp differ diff --git a/public/assets/images/certificate/Learn_Html_CSS.webp b/public/assets/images/certificate/Learn_Html_CSS.webp new file mode 100644 index 0000000..6952ba7 Binary files /dev/null and b/public/assets/images/certificate/Learn_Html_CSS.webp differ diff --git a/public/assets/images/certificate/Upwork.webp b/public/assets/images/certificate/Upwork.webp new file mode 100644 index 0000000..dea180e Binary files /dev/null and b/public/assets/images/certificate/Upwork.webp differ diff --git a/public/assets/pdf/AHMED ALLAM.pdf b/public/assets/pdf/AHMED ALLAM.pdf index 4faa1de..02caa06 100644 Binary files a/public/assets/pdf/AHMED ALLAM.pdf and b/public/assets/pdf/AHMED ALLAM.pdf differ diff --git a/public/css/style.min.css b/public/css/style.min.css index 3e69e0d..3973d1b 100644 --- a/public/css/style.min.css +++ b/public/css/style.min.css @@ -1,2 +1,2 @@ -*{box-sizing:border-box!important;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{scroll-behavior:smooth!important}html a{color:#868a9b;text-decoration:none}html ul{list-style-type:none;padding:0;margin:0}::-webkit-scrollbar{width:0}.container{position:relative}@media (min-width:1440px){.container{max-width:1400px}}@media (max-width:1439px){.container{max-width:1200px;padding:30px}}@media (max-width:1199px){.container{padding:15px}}.line-effect{position:relative;text-decoration:none;display:inline-block;color:#000}.line-effect:after{content:"";position:absolute;width:0;height:1px;left:auto;right:0;bottom:3px;transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;background-color:#000!important}.line-effect:hover{color:#000}.line-effect:hover::after{width:100%;left:0;right:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.header-logo{font-size:40px;font-family:"Archivo Black";text-transform:uppercase;color:#000}._button{width:100%;cursor:pointer}._button a{display:inline-block;color:#000;padding:4px 30px;position:relative;transition:all .3s ease}._button a .back{position:relative;z-index:1;display:block}._button a .front{position:absolute;top:0;left:0;bottom:0;color:#fff;white-space:nowrap;width:60px;padding:4px 30px;z-index:1;overflow:hidden;transition:all .3s ease}._button a:hover .front{width:100%}._button a:before{position:absolute;content:"";top:0;bottom:0;left:0;width:60px;background-color:#999;transition:all .3s ease}._button a:hover:before{width:100%}.text_hover_effect{position:relative;display:inline;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .5s}.text_hover_effect::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.text_hover_effect:hover{background-size:100% 1px}.section-inner{border:1px solid rgba(0,0,0,.1);padding:40px 30px 35px;position:relative}.section-inner:not(:last-child){margin-bottom:40px}@media (max-width:1439px){.section-inner{padding:40px 30px 20px}}.section-inner .title{position:absolute;top:-20px}.section-inner .title h3{font-size:15px;text-transform:uppercase;display:inline-block;background-color:#efefef;padding:10px 30px 9px 30px;color:#000;font-weight:700}@media (max-width:768px){.section-inner .title h3{font-size:14px}}.section-inner .title-section{font-size:14px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.section-inner .title-section:not(.heading){font-size:13px}.popup-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:2000;cursor:zoom-out}.popUp{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0}@media (max-width:767px){.popUp{width:370px}}.popUp img{width:930px;max-width:100%;transition:.3s;border-radius:12px;cursor:grab}.popUp img:hover{transform:scale(1.1)}.contacts .section-inner{margin-bottom:40px}.preloader{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:0 0;overflow:hidden;z-index:0}.preloader svg{position:absolute;top:0;height:110vh;width:100vw;fill:#fff}.preloader .loader-container .loaded{font-size:1.2rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:8px;z-index:99}.preloader .loader-container .loaded span{animation:loader-animation 1s infinite alternate}.preloader .loader-container .loaded span:nth-child(1){animation-delay:0s}.preloader .loader-container .loaded span:nth-child(2){animation-delay:.1s}.preloader .loader-container .loaded span:nth-child(3){animation-delay:.2s}.preloader .loader-container .loaded span:nth-child(4){animation-delay:.3s}.preloader .loader-container .loaded span:nth-child(5){animation-delay:.4s}.preloader .loader-container .loaded span:nth-child(6){animation-delay:.5s}.preloader .loader-container .loaded span:nth-child(7){animation-delay:.6s}.preloader .loader-container .loaded span:nth-child(8){animation-delay:.7s}.preloader .loader-container .loaded span:nth-child(9){animation-delay:.8s}.preloader .loader-container .loaded span:nth-child(10){animation-delay:.9s}.preloader .loader-container .loaded span:nth-child(11){animation-delay:1s}@keyframes loader-animation{0%{opacity:1}100%{opacity:0}}.switch{position:absolute;top:20px;right:-10px}@media (max-width:767px){.switch{right:0}}.switch .toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.switch .toggle-switch{background-color:#ccc;height:21px;width:52px;position:relative;cursor:pointer;border-radius:13px;transition:.3s}.switch .toggle-switch::before{font-family:var(--fa-style-family-classic);content:"\f185";font-weight:900;background-color:#fff;width:15px;height:15px;font-size:10px;position:absolute;border-radius:50%;top:3px;left:3px;display:flex;justify-content:center;align-items:center;color:#daa520;transition:.3s}.switch .toggle-checkbox:checked+.toggle-switch{background-color:rgba(0,0,255,.8)}.switch .toggle-checkbox:checked+.toggle-switch::before{content:"\f186";left:34px;color:#00f}.allam{height:100%;position:relative}@media (max-width:1439px){.allam{padding-top:40px;height:105%}}@media (max-width:1199px){.allam{height:100vh}}.home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1439px){.home{width:95%}}.home .avatar img{width:145px;border-radius:50%;transition:.3s;cursor:pointer}.home .avatar img:hover{transform:scale(1.2)}@media (max-width:1439px){.home .avatar img{width:120px}}.home .name{display:block;margin-top:25px;margin-bottom:25px}.home .name h2{color:#000;text-transform:uppercase;font-size:50px;font-weight:700}@media (max-width:1439px){.home .name h2{font-size:42px}}@media (max-width:1199px){.home .name h2{font-size:35px}}.home .animateText span{display:block;letter-spacing:1px;font-size:17px;font-weight:100}.aside .header{margin-bottom:60px}.aside .links,.aside .navbar-collapse{font-size:15px}.aside .links ul,.aside .navbar-collapse ul{margin-bottom:40px}.aside .links ul li,.aside .navbar-collapse ul li{cursor:pointer;transition:.2s;margin-bottom:5px}.aside .links ul li a.active,.aside .links ul li a:hover,.aside .navbar-collapse ul li a.active,.aside .navbar-collapse ul li a:hover{color:#000!important}.aside .copyright{margin-top:40px;margin-bottom:20px}.aside .copyright a{color:#000;cursor:pointer}.aside .copyright a:hover:after{width:100%;left:0;right:auto}.aside .social ul li{display:inline-block;margin-left:10px;margin-right:10px}.aside .social ul li a i{transition:.2s;font-size:18px}.aside .social ul li a i:hover{color:#000}@media (min-width:1200px){header{display:none}}.dmenu{flex-direction:column;border:1px solid #868a9b;border-radius:30px;position:fixed;right:68px;top:50%;transform:translateY(-50%);text-align:center;gap:10px;padding:24px 0;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1}@media (max-width:992px){.dmenu{right:50px}}@media (max-width:768px){.dmenu{top:90%;right:50%;transform:translate(50%,-50%);flex-direction:row;gap:0;height:50px;padding:12px 8px}}.dmenu li a{display:block;position:relative;width:45px;transition:.3s;color:#868a9b;cursor:pointer}.dmenu li a img{width:15px;height:15px}.dmenu li a.active span,.dmenu li a:hover span{opacity:1;visibility:visible}.dmenu li a span{position:absolute;transition:.3s;font-size:12px;background:#404042;right:100%;color:#fff;display:block;padding:3px 8px;border-radius:5px;visibility:hidden;opacity:0}@media (max-width:768px){.dmenu li a span{transform:rotate(90deg);right:-3px;top:-50px}}.dmenu li a span::before{content:"";width:10px;height:10px;background:#404042;position:absolute;right:-3px;top:50%;transform:rotate(54deg) skew(-8deg,-39deg);margin-top:-5px;z-index:-1}.dmenu li a:hover span{opacity:1;visibility:visible}@media (max-width:768px){.dmenu li:nth-of-type(5) span{transform:rotate(90deg);right:-15px;top:-60px}}@media (max-width:768px){.dmenu li:nth-of-type(6) span{transform:rotate(90deg);right:0;top:-45px}}.about,.blogs,.certificate,.contacts,.portfolioe,.service{text-align:left;padding-top:0}@media (min-width:1440px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{padding-top:40px}}@media (max-width:767px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{font-size:15px}}.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:40px;padding-right:40px}@media (max-width:767px){.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:20px;padding-right:20px}}.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:42px;margin-bottom:39px}@media (max-width:767px){.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{padding-bottom:22px;margin-bottom:19px}}.about .details,.blogs .details,.certificate .details,.contacts .details,.portfolioe .details,.service .details{width:100%}.about .details ul,.blogs .details ul,.certificate .details ul,.contacts .details ul,.portfolioe .details ul,.service .details ul{display:flex;flex-wrap:wrap;margin-left:-20px}.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:50%;padding-left:20px;margin-bottom:5px}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:120px;display:inline-block}@media (max-width:767px){.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:60px;padding-right:5px}}@media (max-width:480px){.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:100%}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:0;padding-right:5px}}.about ._button,.blogs ._button,.certificate ._button,.contacts ._button,.portfolioe ._button,.service ._button{margin-top:20px}.about .additional,.about .knowledge,.blogs .additional,.blogs .knowledge,.certificate .additional,.certificate .knowledge,.contacts .additional,.contacts .knowledge,.portfolioe .additional,.portfolioe .knowledge,.service .additional,.service .knowledge{position:relative}.about .additional::before,.about .knowledge::before,.blogs .additional::before,.blogs .knowledge::before,.certificate .additional::before,.certificate .knowledge::before,.contacts .additional::before,.contacts .knowledge::before,.portfolioe .additional::before,.portfolioe .knowledge::before,.service .additional::before,.service .knowledge::before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional:before,.about .knowledge:before,.blogs .additional:before,.blogs .knowledge:before,.certificate .additional:before,.certificate .knowledge:before,.contacts .additional:before,.contacts .knowledge:before,.portfolioe .additional:before,.portfolioe .knowledge:before,.service .additional:before,.service .knowledge:before{display:none}}.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{content:"";position:absolute;top:0;left:calc(74% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1);display:none}@media only screen and (max-width:991px) and (min-width:768px){.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{display:block}}.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{position:relative}@media (max-width:767px){.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{padding-left:10px;padding-right:10px}}@media (min-width:767px){.about .additional .lang-section,.about .additional .soft-section,.about .knowledge .lang-section,.about .knowledge .soft-section,.about .timeline .lang-section,.about .timeline .soft-section,.blogs .additional .lang-section,.blogs .additional .soft-section,.blogs .knowledge .lang-section,.blogs .knowledge .soft-section,.blogs .timeline .lang-section,.blogs .timeline .soft-section,.certificate .additional .lang-section,.certificate .additional .soft-section,.certificate .knowledge .lang-section,.certificate .knowledge .soft-section,.certificate .timeline .lang-section,.certificate .timeline .soft-section,.contacts .additional .lang-section,.contacts .additional .soft-section,.contacts .knowledge .lang-section,.contacts .knowledge .soft-section,.contacts .timeline .lang-section,.contacts .timeline .soft-section,.portfolioe .additional .lang-section,.portfolioe .additional .soft-section,.portfolioe .knowledge .lang-section,.portfolioe .knowledge .soft-section,.portfolioe .timeline .lang-section,.portfolioe .timeline .soft-section,.service .additional .lang-section,.service .additional .soft-section,.service .knowledge .lang-section,.service .knowledge .soft-section,.service .timeline .lang-section,.service .timeline .soft-section{display:block}}.about .additional .section1 .heading,.about .knowledge .section1 .heading,.about .timeline .section1 .heading,.blogs .additional .section1 .heading,.blogs .knowledge .section1 .heading,.blogs .timeline .section1 .heading,.certificate .additional .section1 .heading,.certificate .knowledge .section1 .heading,.certificate .timeline .section1 .heading,.contacts .additional .section1 .heading,.contacts .knowledge .section1 .heading,.contacts .timeline .section1 .heading,.portfolioe .additional .section1 .heading,.portfolioe .knowledge .section1 .heading,.portfolioe .timeline .section1 .heading,.service .additional .section1 .heading,.service .knowledge .section1 .heading,.service .timeline .section1 .heading{border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:1920px) and (min-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:inline-block;width:50%}}@media (max-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:block;width:100%}}.about .additional .section1 .back .title-section,.about .additional .section1 .front .title-section,.about .knowledge .section1 .back .title-section,.about .knowledge .section1 .front .title-section,.about .timeline .section1 .back .title-section,.about .timeline .section1 .front .title-section,.blogs .additional .section1 .back .title-section,.blogs .additional .section1 .front .title-section,.blogs .knowledge .section1 .back .title-section,.blogs .knowledge .section1 .front .title-section,.blogs .timeline .section1 .back .title-section,.blogs .timeline .section1 .front .title-section,.certificate .additional .section1 .back .title-section,.certificate .additional .section1 .front .title-section,.certificate .knowledge .section1 .back .title-section,.certificate .knowledge .section1 .front .title-section,.certificate .timeline .section1 .back .title-section,.certificate .timeline .section1 .front .title-section,.contacts .additional .section1 .back .title-section,.contacts .additional .section1 .front .title-section,.contacts .knowledge .section1 .back .title-section,.contacts .knowledge .section1 .front .title-section,.contacts .timeline .section1 .back .title-section,.contacts .timeline .section1 .front .title-section,.portfolioe .additional .section1 .back .title-section,.portfolioe .additional .section1 .front .title-section,.portfolioe .knowledge .section1 .back .title-section,.portfolioe .knowledge .section1 .front .title-section,.portfolioe .timeline .section1 .back .title-section,.portfolioe .timeline .section1 .front .title-section,.service .additional .section1 .back .title-section,.service .additional .section1 .front .title-section,.service .knowledge .section1 .back .title-section,.service .knowledge .section1 .front .title-section,.service .timeline .section1 .back .title-section,.service .timeline .section1 .front .title-section{margin:10px 0 5px}.about .additional .section1 .front,.about .knowledge .section1 .front,.about .timeline .section1 .front,.blogs .additional .section1 .front,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .front,.certificate .additional .section1 .front,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .front,.contacts .additional .section1 .front,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .front,.service .additional .section1 .front,.service .knowledge .section1 .front,.service .timeline .section1 .front{position:relative;overflow:hidden}.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{content:"";position:absolute;top:70%;right:10px;transform:translateY(-50%);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{display:none}}.about .additional ul,.about .knowledge ul,.about .timeline ul,.blogs .additional ul,.blogs .knowledge ul,.blogs .timeline ul,.certificate .additional ul,.certificate .knowledge ul,.certificate .timeline ul,.contacts .additional ul,.contacts .knowledge ul,.contacts .timeline ul,.portfolioe .additional ul,.portfolioe .knowledge ul,.portfolioe .timeline ul,.service .additional ul,.service .knowledge ul,.service .timeline ul{list-style-type:circle}.about .additional ul li,.about .knowledge ul li,.about .timeline ul li,.blogs .additional ul li,.blogs .knowledge ul li,.blogs .timeline ul li,.certificate .additional ul li,.certificate .knowledge ul li,.certificate .timeline ul li,.contacts .additional ul li,.contacts .knowledge ul li,.contacts .timeline ul li,.portfolioe .additional ul li,.portfolioe .knowledge ul li,.portfolioe .timeline ul li,.service .additional ul li,.service .knowledge ul li,.service .timeline ul li{margin-left:20px;font-size:14px}.about .additional ul li:hover,.about .knowledge ul li:hover,.about .timeline ul li:hover,.blogs .additional ul li:hover,.blogs .knowledge ul li:hover,.blogs .timeline ul li:hover,.certificate .additional ul li:hover,.certificate .knowledge ul li:hover,.certificate .timeline ul li:hover,.contacts .additional ul li:hover,.contacts .knowledge ul li:hover,.contacts .timeline ul li:hover,.portfolioe .additional ul li:hover,.portfolioe .knowledge ul li:hover,.portfolioe .timeline ul li:hover,.service .additional ul li:hover,.service .knowledge ul li:hover,.service .timeline ul li:hover{list-style-type:disc;color:#000}.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:30px}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:10px}}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-top:10px;padding-bottom:0;margin-top:10px;border-bottom:none;border-top:1px solid rgba(0,0,0,.1)}}.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width:991px){.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:0;border-bottom:none}}@media only screen and (max-width:767px) and (min-width:576px){.about .additional::before,.blogs .additional::before,.certificate .additional::before,.contacts .additional::before,.portfolioe .additional::before,.service .additional::before{display:block}}@media (max-width:767px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:50%}}@media (max-width:575px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:100%}}@media (max-width:991px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{border:none;padding-top:0;padding-left:20px}}@media (max-width:575px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{padding-left:10px}}.about .timeline,.blogs .timeline,.certificate .timeline,.contacts .timeline,.portfolioe .timeline,.service .timeline{position:relative}.about .timeline .contents,.blogs .timeline .contents,.certificate .timeline .contents,.contacts .timeline .contents,.portfolioe .timeline .contents,.service .timeline .contents{position:relative;overflow:hidden}.about .timeline .contents::before,.blogs .timeline .contents::before,.certificate .timeline .contents::before,.contacts .timeline .contents::before,.portfolioe .timeline .contents::before,.service .timeline .contents::before{content:"";position:absolute;width:2px;height:100%;background-color:#efefef;left:50%;margin-left:-1px;top:0}.about .timeline .contents .year,.blogs .timeline .contents .year,.certificate .timeline .contents .year,.contacts .timeline .contents .year,.portfolioe .timeline .contents .year,.service .timeline .contents .year{margin:10px auto;width:-moz-fit-content;width:fit-content;background-color:#efefef;position:relative;z-index:2;text-align:center;color:#000;padding:2px 6px;border-radius:2px;font-size:13px;font-weight:700}.about .timeline .contents .clearfix,.blogs .timeline .contents .clearfix,.certificate .timeline .contents .clearfix,.contacts .timeline .contents .clearfix,.portfolioe .timeline .contents .clearfix,.service .timeline .contents .clearfix{clear:both}.about .timeline .contents .content,.blogs .timeline .contents .content,.certificate .timeline .contents .content,.contacts .timeline .contents .content,.portfolioe .timeline .contents .content,.service .timeline .contents .content{background-color:#efefef;padding:15px;border-radius:2px}.about .timeline .contents .content h4,.blogs .timeline .contents .content h4,.certificate .timeline .contents .content h4,.contacts .timeline .contents .content h4,.portfolioe .timeline .contents .content h4,.service .timeline .contents .content h4{font-size:15px;color:#000;font-weight:700}.about .timeline .contents .content p,.blogs .timeline .contents .content p,.certificate .timeline .contents .content p,.contacts .timeline .contents .content p,.portfolioe .timeline .contents .content p,.service .timeline .contents .content p{color:#868a9b;margin:0;line-height:1.6;font-size:15px}.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:left}@media (max-width:767px){.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:100%;margin-top:30px}}.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;right:-32px}@media only screen and (min-width:567px) and (max-width:767px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47.9%;transform:translateX(-50%)}}@media (max-width:567px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47%;transform:translateX(-50%)}}@media (max-width:420px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:45.5%;transform:translateX(-50%)}}.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#efefef}@media (max-width:767px){.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:right}@media (max-width:767px){.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:100%;margin-top:30px}}.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;left:-32px}@media (max-width:767px){.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{top:-32px;left:50%;transform:translateX(-50%)}}.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#efefef}@media (max-width:767px){.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}@media (max-width:768px){.service .section-inner{padding:10px}}.service .list_inner{border:1px solid rgba(0,0,0,.1);padding:40px}@media (max-width:768px){.service .list_inner{padding:20px}.service .list_inner.one{margin-bottom:20px}}.service .list_inner .list{border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.service .list_inner .list ul{list-style-type:circle}.service .list_inner .list ul li{font-size:15px;margin-top:5px;margin-bottom:5px;margin-left:20px}.service .list_inner .list ul li:hover{list-style-type:disc;color:#000}.service .list_inner img{width:50px;margin-bottom:20px}@media (min-width:768px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1)}}@media (min-width:992px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}}.service .service-header{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;margin-top:20px}.service .service-header h3{font-size:17px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.service .service-header .price{font-size:15px;margin-left:20px}.service .service-content ul li{font-size:14px;cursor:pointer;transition:.2s;margin-top:10px;margin-bottom:5px}.service .service-content ul li:hover{color:#000}@media (max-width:1199px){.portfolioe .section-inner{padding:10px}.portfolioe .section-inner .container{padding:20px 0 0!important}}.portfolioe .taskbar .buttons{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.portfolioe .taskbar .buttons button{display:inline-block;padding:6px 10px;background-color:#eee;margin:5px;border-radius:5px;cursor:pointer;border:none;color:#868a9b}@media (max-width:768px){.portfolioe .taskbar .buttons button{padding:4px 8px;margin:4px;font-size:15px}}.portfolioe .taskbar .buttons button.active,.portfolioe .taskbar .buttons button:hover{color:#000}.portfolioe .protfolio-container{margin-top:20px;display:block}.portfolioe .protfolio-container .data{cursor:pointer;padding:0 12px!important;margin-top:10px;margin-bottom:10px}@media (max-width:480px){.portfolioe .protfolio-container .data{padding:0!important}}.portfolioe .protfolio-container .data .name{text-transform:uppercase;position:absolute;z-index:1000;font-size:22px;font-weight:600;color:#fff;padding:4px 8px;border-radius:20px;margin:10px;top:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .name{font-size:18px;top:5px;margin:5px}}.portfolioe .protfolio-container .data .name::after{background-color:#fff!important;height:2px}.portfolioe .protfolio-container .data .img{position:relative;border:1px solid rgba(0,0,0,.1)}.portfolioe .protfolio-container .data .img img{display:block;width:100%;height:auto}.portfolioe .protfolio-container .data .img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,5,5,.3);z-index:100;display:none}.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{position:absolute;z-index:1000;font-size:14px;font-weight:500;color:#000;background-color:#fff;padding:4px 8px;border-radius:20px;margin-left:10px;margin-right:10px;bottom:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{font-size:13px}}.portfolioe .protfolio-container .data .repo:hover,.portfolioe .protfolio-container .data .review:hover{background-color:#ece3e3}.portfolioe .protfolio-container .data .review{margin-left:70px}@media (max-width:768px){.portfolioe .protfolio-container .data .img::after{display:block}.portfolioe .protfolio-container .data .name,.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{display:block}}.portfolioe .protfolio-container .data:hover .img::after{display:block}.portfolioe .protfolio-container .data:hover .name,.portfolioe .protfolio-container .data:hover .repo,.portfolioe .protfolio-container .data:hover .review{display:block}@media (max-width:480px){.certificate .section-inner{padding:25px 15px!important}}.certificate .certificates .img{padding:12px;background-color:#eee;cursor:pointer;margin-top:10px;margin-bottom:10px}.certificate .certificates .img img{width:100%}.blogs .section-inner{padding-top:30px!important}@media (max-width:480px){.blogs .section-inner{padding:15px!important}}.blogs .bloge{padding-top:30px;padding-bottom:30px}.blogs .bloge:not(:last-of-type){border-bottom:1px solid #eee}.blogs .posters .imgs{overflow:hidden;cursor:pointer}.blogs .posters .imgs img{width:100%;height:250px;transition:all .3s}.blogs .posters .imgs:hover img{transform:scale(1.1)}.blogs .posters .titles h4{display:inline-block;border-bottom:1px solid #eee;padding-bottom:8px;padding-top:6px;margin-bottom:18px;font-size:17px;font-weight:400}@media (max-width:768px){.blogs .posters .titles h4{font-size:15px;padding-top:10px}}.blogs .posters .titles h4 .about,.blogs .posters .titles h4 .user{cursor:pointer;padding-left:3px;padding-right:3px}.blogs .posters .titles h4 .about{font-size:15px}.blogs .posters .titles h4 .in{position:relative;padding-left:12px}.blogs .posters .titles h4 .in::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:rgba(128,128,128,.5);left:3px;bottom:7px}.blogs .posters p{font-size:16px;font-weight:600;color:#000;cursor:pointer;text-transform:capitalize}@media (max-width:768px){.blogs .posters p{font-size:15px}}@media (max-width:480px){.contacts{margin-bottom:150px}.contacts .section-inner{padding:40px 15px!important}}.contacts .contact-form .row .form-group,.contacts .contact-form .row .input-group{margin-bottom:20px}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .form-group input,.contacts .contact-form .row .form-group select,.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group .input-group-text,.contacts .contact-form .row .input-group input,.contacts .contact-form .row .input-group select,.contacts .contact-form .row .input-group textarea{font-size:15px;padding:10px;border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-group .input-group-text:focus,.contacts .contact-form .row .form-group input:focus,.contacts .contact-form .row .form-group select:focus,.contacts .contact-form .row .form-group textarea:focus,.contacts .contact-form .row .input-group .input-group-text:focus,.contacts .contact-form .row .input-group input:focus,.contacts .contact-form .row .input-group select:focus,.contacts .contact-form .row .input-group textarea:focus{box-shadow:none;border-color:#000}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .input-group .input-group-text{background-color:#eee}.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group textarea{resize:none;height:200px}.contacts .contact-form .row .form-group select,.contacts .contact-form .row .input-group select{cursor:pointer}.contacts .contact-form .row .form-group select option,.contacts .contact-form .row .input-group select option{font-size:14px}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]),.contacts .contact-form .row input[type=file]::file-selector-button{border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]):focus,.contacts .contact-form .row input[type=file]::file-selector-button:focus{box-shadow:none}.contacts .contact-form .row input[type=file]::file-selector-button{padding:9px;background-color:#eee}.contacts .contact-form label{display:none}.contacts .contact-form ._button{margin-top:0}.contacts .contact-form .arabic-upload{display:none}.contacts .contact-form .custom-file{width:100%;display:flex;align-items:center}.contacts .contact-form .custom-file button{max-height:43px;width:25%;font-size:13px;padding:13px 0;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;border-right:none}.contacts .contact-form .custom-file button:hover{background-color:rgba(128,128,128,.6)}.contacts .contact-form .custom-file #file-chosen{width:75%;font-size:15px;padding:7px;max-height:43px;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;overflow:hidden}.contacts .contact-form ._button{border:none;background-color:#fff;width:-moz-fit-content;width:fit-content;padding:0 10px}.contacts .contact-form ._button a{display:inline-block;color:#000;padding:12px 30px;position:relative;transition:all .3s ease}.contacts .contact-form ._button a .front{padding:12px 30px}.contacts .contact-form .sent{display:none}.contacts .contact-form .sent p{width:100%;padding:10px 12px;font-size:15px;font-weight:500;color:#fff;background-color:#03b103}@media (max-width:767px){.contacts .contact-form .sent p{margin:8px 0}}.contacts .contact-form .sent.active{display:block}body.dark{background-color:#000}@media (max-width:1199px){body.dark{background-color:#14161b}}body.dark .preloader svg{fill:#000}body.dark .preloader .loader-container .loaded{color:#fff}body.dark .about .text{border-color:gray}body.dark .about .section1 .heading{border-color:gray}@media (max-width:767px){body.dark .about .section2{border-top-color:gray}}body.dark .about .section2 .lang-section{border-color:gray}body.dark .about .front::after{background-color:gray!important}body.dark .about .additional::before,body.dark .about .knowledge::before{background-color:gray}body.dark .about .additional ul li:hover,body.dark .about .knowledge ul li:hover{color:#fff}body.dark .about .knowledge::after{background-color:gray}body.dark .about .timeline::before{background-color:#3e465b!important}body.dark .about .timeline .content,body.dark .about .timeline .year{background-color:#202636!important;color:#fff!important}body.dark .about .timeline .content h4,body.dark .about .timeline .year h4{color:#fff!important}body.dark .about .timeline .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#202636}@media (max-width:767px){body.dark .about .timeline .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#202636}@media (max-width:767px){body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .service img{filter:invert(1) brightness(2)}body.dark .service .list_inner{border-color:gray}body.dark .service .list_inner .list{border-top-color:gray}body.dark .service .list_inner .list li:hover{color:#fff}@media (min-width:768px){body.dark .service .service-card:nth-of-type(2){border-color:gray}}@media (min-width:992px){body.dark .service .service-card:nth-of-type(2){border-left-color:gray;border-right-color:gray}}body.dark .service .service-header{border-bottom-color:gray}body.dark .service .service-header h3{color:#fff}body.dark .service .service-content li:hover{color:#fff}body.dark .portfolioe .taskbar .buttons{border-color:gray}body.dark .portfolioe .taskbar .buttons button{background-color:#2e333d;color:gray}body.dark .portfolioe .taskbar .buttons button.active,body.dark .portfolioe .taskbar .buttons button:hover{color:#fff}body.dark .portfolioe .protfolio-container .img{border-color:gray}body.dark .certificate .certificates .img{background-color:#2e333d}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .form-group input,body.dark .contacts .contact-form .row .form-group select,body.dark .contacts .contact-form .row .form-group textarea,body.dark .contacts .contact-form .row .input-group .input-group-text,body.dark .contacts .contact-form .row .input-group input,body.dark .contacts .contact-form .row .input-group select,body.dark .contacts .contact-form .row .input-group textarea{border-color:gray;background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text:focus,body.dark .contacts .contact-form .row .form-group input:focus,body.dark .contacts .contact-form .row .form-group select:focus,body.dark .contacts .contact-form .row .form-group textarea:focus,body.dark .contacts .contact-form .row .input-group .input-group-text:focus,body.dark .contacts .contact-form .row .input-group input:focus,body.dark .contacts .contact-form .row .input-group select:focus,body.dark .contacts .contact-form .row .input-group textarea:focus{border-color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .form-group input::-moz-placeholder,body.dark .contacts .contact-form .row .form-group select::-moz-placeholder,body.dark .contacts .contact-form .row .form-group textarea::-moz-placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .input-group input::-moz-placeholder,body.dark .contacts .contact-form .row .input-group select::-moz-placeholder,body.dark .contacts .contact-form .row .input-group textarea::-moz-placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .form-group input::placeholder,body.dark .contacts .contact-form .row .form-group select::placeholder,body.dark .contacts .contact-form .row .form-group textarea::placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .input-group input::placeholder,body.dark .contacts .contact-form .row .input-group select::placeholder,body.dark .contacts .contact-form .row .input-group textarea::placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .input-group .input-group-text{background-color:#3e465b}body.dark .contacts .contact-form .custom-file button{background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .custom-file button:hover{background-color:#38425e}body.dark .contacts .contact-form .custom-file #file-chosen{background-color:#3e465b;color:#fff;font-weight:400}body.dark .contacts .contact-form ._button{background-color:#14161b!important}body.dark .contacts .contact-form ._button a{color:#fff}body.dark ._button a{color:#fff}body.dark ._button a .front{color:#000}body.dark .text_hover_effect{color:#fff}body.dark .line-effect{color:#fff}body.dark .line-effect:after{background-color:#fff!important}body.dark .line-effect:hover{color:#fff}body.dark .section-inner{border-color:gray}body.dark .section-inner .title h3{background-color:gray;color:#fff}body.dark .section-inner .title-section{color:#fff}body.dark aside,body.dark section.data{background-color:#14161b!important}body.dark aside .animateText,body.dark aside h1,body.dark aside h2,body.dark section.data .animateText,body.dark section.data h1,body.dark section.data h2{color:#fff}body.dark aside .links ul li a.active,body.dark aside .links ul li a:hover,body.dark aside .navbar-collapse ul li a.active,body.dark aside .navbar-collapse ul li a:hover,body.dark section.data .links ul li a.active,body.dark section.data .links ul li a:hover,body.dark section.data .navbar-collapse ul li a.active,body.dark section.data .navbar-collapse ul li a:hover{color:#fff!important}body.dark aside .social ul li a i:hover,body.dark section.data .social ul li a i:hover{color:#fff}body.dark .dmenu{background-color:rgba(12,9,9,.555)}body.dark .dmenu img{filter:invert(1) brightness(2)}body{font-family:Syne,sans-serif;background-color:#eee;color:#868a9b;position:relative;font-size:16px;line-height:27px;letter-spacing:0;word-wrap:break-word;font-weight:400;width:100%;height:100vh!important;z-index:-2;overflow:hidden}@media (max-width:1199px){body{background-color:#fff}}body #particles-js{position:absolute;z-index:-3;top:0;left:0;width:100%;height:100vh!important;pointer-events:none}body .portfolios{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}body .portfolios aside,body .portfolios section.data{scroll-behavior:smooth!important;background-color:#fff;border-radius:2px;text-align:center}@media (min-width:1440px){body .portfolios aside,body .portfolios section.data{height:750px;padding:0 40px}}@media (max-width:1439px){body .portfolios aside,body .portfolios section.data{padding:40px;height:570px}}@media (max-width:1199px){body .portfolios aside,body .portfolios section.data{padding:0 40px;height:100vh!important}}body .portfolios aside{width:calc(30% - 20px);margin-right:20px}@media (min-width:1440px){body .portfolios aside{padding:120px 40px}}@media (max-width:1439px){body .portfolios aside{width:calc(30% - 10px);margin-right:10px}}@media (max-width:1199px){body .portfolios aside{display:none}}body .portfolios section.data{overflow-y:hidden;overflow:auto;position:relative;width:calc(70% - 20px);margin-left:20px}@media (max-width:1439px){body .portfolios section.data{width:calc(70% - 10px);margin-left:10px;padding:0 30px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;margin-left:0;padding:0 20px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;padding:0 10px}}@media only screen and (min-width:200px) and (max-width:1439px){body .portfolios section.data .block:not(:first-of-type){padding-top:50px}} +*{box-sizing:border-box!important;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{scroll-behavior:smooth!important}html a{color:#868a9b;text-decoration:none}html ul{list-style-type:none;padding:0;margin:0}::-webkit-scrollbar{width:0}.container{position:relative}@media (min-width:1440px){.container{max-width:1400px}}@media (max-width:1439px){.container{max-width:1200px;padding:30px}}@media (max-width:1199px){.container{padding:15px}}.line-effect{position:relative;text-decoration:none;display:inline-block;color:#000}.line-effect:after{content:"";position:absolute;width:0;height:1px;left:auto;right:0;bottom:3px;transition:width .6s cubic-bezier(.25,.8,.25,1) 0s;background-color:#000!important}.line-effect:hover{color:#000}.line-effect:hover::after{width:100%;left:0;right:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.header-logo{font-size:40px;font-family:"Archivo Black";text-transform:uppercase;color:#000}._button{width:100%;cursor:pointer}._button a{display:inline-block;color:#000;padding:4px 30px;position:relative;transition:all .3s ease}._button a .back{position:relative;z-index:1;display:block}._button a .front{position:absolute;top:0;left:0;bottom:0;color:#fff;white-space:nowrap;width:60px;padding:4px 30px;z-index:1;overflow:hidden;transition:all .3s ease}._button a:hover .front{width:100%}._button a:before{position:absolute;content:"";top:0;bottom:0;left:0;width:60px;background-color:#999;transition:all .3s ease}._button a:hover:before{width:100%}.text_hover_effect{position:relative;display:inline;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .5s}.text_hover_effect::after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px}.text_hover_effect:hover{background-size:100% 1px}.section-inner{border:1px solid rgba(0,0,0,.1);padding:40px 30px 35px;position:relative}.section-inner:not(:last-child){margin-bottom:40px}@media (max-width:1439px){.section-inner{padding:40px 30px 20px}}.section-inner .title{position:absolute;top:-20px}.section-inner .title h3{font-size:15px;text-transform:uppercase;display:inline-block;background-color:#efefef;padding:10px 30px 9px 30px;color:#000;font-weight:700}@media (max-width:768px){.section-inner .title h3{font-size:14px}}.section-inner .title-section{font-size:14px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.section-inner .title-section:not(.heading){font-size:13px}.popup-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:2000;cursor:zoom-out}.popUp{position:fixed;z-index:2001;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0}@media (max-width:767px){.popUp{width:370px}}.popUp img{width:930px;max-width:100%;transition:.3s;border-radius:12px;cursor:grab}.popUp img:hover{transform:scale(1.1)}.contacts .section-inner{margin-bottom:40px}.preloader{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:0 0;overflow:hidden;z-index:0}.preloader svg{position:absolute;top:0;height:110vh;width:100vw;fill:#fff}.preloader .loader-container .loaded{font-size:1.2rem;font-weight:400;color:#000;text-transform:uppercase;letter-spacing:8px;z-index:99}.preloader .loader-container .loaded span{animation:loader-animation 1s infinite alternate}.preloader .loader-container .loaded span:nth-child(1){animation-delay:0s}.preloader .loader-container .loaded span:nth-child(2){animation-delay:.1s}.preloader .loader-container .loaded span:nth-child(3){animation-delay:.2s}.preloader .loader-container .loaded span:nth-child(4){animation-delay:.3s}.preloader .loader-container .loaded span:nth-child(5){animation-delay:.4s}.preloader .loader-container .loaded span:nth-child(6){animation-delay:.5s}.preloader .loader-container .loaded span:nth-child(7){animation-delay:.6s}.preloader .loader-container .loaded span:nth-child(8){animation-delay:.7s}.preloader .loader-container .loaded span:nth-child(9){animation-delay:.8s}.preloader .loader-container .loaded span:nth-child(10){animation-delay:.9s}.preloader .loader-container .loaded span:nth-child(11){animation-delay:1s}@keyframes loader-animation{0%{opacity:1}100%{opacity:0}}.switch{position:absolute;top:20px;right:-10px}@media (max-width:767px){.switch{right:0}}.switch .toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.switch .toggle-switch{background-color:#ccc;height:21px;width:52px;position:relative;cursor:pointer;border-radius:13px;transition:.3s}.switch .toggle-switch::before{font-family:var(--fa-style-family-classic);content:"\f185";font-weight:900;background-color:#fff;width:15px;height:15px;font-size:10px;position:absolute;border-radius:50%;top:3px;left:3px;display:flex;justify-content:center;align-items:center;color:#daa520;transition:.3s}.switch .toggle-checkbox:checked+.toggle-switch{background-color:rgba(0,0,255,.8)}.switch .toggle-checkbox:checked+.toggle-switch::before{content:"\f186";left:34px;color:#00f}.allam{height:100%;position:relative}@media (max-width:1439px){.allam{padding-top:40px;height:105%}}@media (max-width:1199px){.allam{height:100vh}}.home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1439px){.home{width:95%}}.home .avatar img{width:145px;border-radius:50%;transition:.3s;cursor:pointer}.home .avatar img:hover{transform:scale(1.2)}@media (max-width:1439px){.home .avatar img{width:120px}}.home .name{display:block;margin-top:25px;margin-bottom:25px}.home .name h2{color:#000;text-transform:uppercase;font-size:50px;font-weight:700}@media (max-width:1439px){.home .name h2{font-size:42px}}@media (max-width:1199px){.home .name h2{font-size:35px}}.home .animateText span{display:block;letter-spacing:1px;font-size:17px;font-weight:100}.aside .header{margin-bottom:60px}.aside .links,.aside .navbar-collapse{font-size:15px}.aside .links ul,.aside .navbar-collapse ul{margin-bottom:40px}.aside .links ul li,.aside .navbar-collapse ul li{cursor:pointer;transition:.2s;margin-bottom:5px}.aside .links ul li a.active,.aside .links ul li a:hover,.aside .navbar-collapse ul li a.active,.aside .navbar-collapse ul li a:hover{color:#000!important}.aside .copyright{margin-top:40px;margin-bottom:20px}.aside .copyright a{color:#000;cursor:pointer}.aside .copyright a:hover:after{width:100%;left:0;right:auto}.aside .social ul li{display:inline-block;margin-left:10px;margin-right:10px}.aside .social ul li a i{transition:.2s;font-size:18px}.aside .social ul li a i:hover{color:#000}@media (min-width:1200px){header{display:none}}.dmenu{flex-direction:column;border:1px solid #868a9b;border-radius:30px;position:fixed;right:68px;top:50%;transform:translateY(-50%);text-align:center;gap:10px;padding:24px 0;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1}@media (max-width:992px){.dmenu{right:50px}}@media (max-width:768px){.dmenu{top:90%;right:50%;transform:translate(50%,-50%);flex-direction:row;gap:0;height:50px;padding:12px 8px}}.dmenu li a{display:block;position:relative;width:45px;transition:.3s;color:#868a9b;cursor:pointer}.dmenu li a img{width:15px;height:15px}.dmenu li a.active span,.dmenu li a:hover span{opacity:1;visibility:visible}.dmenu li a span{position:absolute;transition:.3s;font-size:12px;background:#404042;right:100%;color:#fff;display:block;padding:3px 8px;border-radius:5px;visibility:hidden;opacity:0}@media (max-width:768px){.dmenu li a span{transform:rotate(90deg);right:-3px;top:-50px}}.dmenu li a span::before{content:"";width:10px;height:10px;background:#404042;position:absolute;right:-3px;top:50%;transform:rotate(54deg) skew(-8deg,-39deg);margin-top:-5px;z-index:-1}.dmenu li a:hover span{opacity:1;visibility:visible}@media (max-width:768px){.dmenu li:nth-of-type(1) span,.dmenu li:nth-of-type(2) span{top:-52px}}@media (max-width:768px){.dmenu li:nth-of-type(3) span{right:-10px;top:-60px}}@media (max-width:768px){.dmenu li:nth-of-type(4) span{right:-20px;top:-68px}}@media (max-width:768px){.dmenu li:nth-of-type(5) span{right:0;top:-48px}}@media (max-width:768px){.dmenu li:nth-of-type(6) span{right:-10px;top:-58px}}.about,.blogs,.certificate,.contacts,.portfolioe,.service{text-align:left;padding-top:0}@media (min-width:1440px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{padding-top:40px}}@media (max-width:767px){.about,.blogs,.certificate,.contacts,.portfolioe,.service{font-size:15px}}.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:40px;padding-right:40px}@media (max-width:767px){.about .resume,.blogs .resume,.certificate .resume,.contacts .resume,.portfolioe .resume,.service .resume{padding-left:20px;padding-right:20px}}.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{width:100%;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:42px;margin-bottom:39px}@media (max-width:767px){.about .text,.blogs .text,.certificate .text,.contacts .text,.portfolioe .text,.service .text{padding-bottom:22px;margin-bottom:19px}}.about .details,.blogs .details,.certificate .details,.contacts .details,.portfolioe .details,.service .details{width:100%}.about .details ul,.blogs .details ul,.certificate .details ul,.contacts .details ul,.portfolioe .details ul,.service .details ul{display:flex;flex-wrap:wrap;margin-left:-20px}.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:50%;padding-left:20px;margin-bottom:5px}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:120px;display:inline-block}@media (max-width:767px){.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:60px;padding-right:5px}}@media (max-width:480px){.about .details ul li,.blogs .details ul li,.certificate .details ul li,.contacts .details ul li,.portfolioe .details ul li,.service .details ul li{width:100%}.about .details ul li span:first-child,.blogs .details ul li span:first-child,.certificate .details ul li span:first-child,.contacts .details ul li span:first-child,.portfolioe .details ul li span:first-child,.service .details ul li span:first-child{min-width:0;padding-right:5px}}.about ._button,.blogs ._button,.certificate ._button,.contacts ._button,.portfolioe ._button,.service ._button{margin-top:20px}.about .additional,.about .knowledge,.blogs .additional,.blogs .knowledge,.certificate .additional,.certificate .knowledge,.contacts .additional,.contacts .knowledge,.portfolioe .additional,.portfolioe .knowledge,.service .additional,.service .knowledge{position:relative}.about .additional::before,.about .knowledge::before,.blogs .additional::before,.blogs .knowledge::before,.certificate .additional::before,.certificate .knowledge::before,.contacts .additional::before,.contacts .knowledge::before,.portfolioe .additional::before,.portfolioe .knowledge::before,.service .additional::before,.service .knowledge::before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional:before,.about .knowledge:before,.blogs .additional:before,.blogs .knowledge:before,.certificate .additional:before,.certificate .knowledge:before,.contacts .additional:before,.contacts .knowledge:before,.portfolioe .additional:before,.portfolioe .knowledge:before,.service .additional:before,.service .knowledge:before{display:none}}.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{content:"";position:absolute;top:0;left:calc(74% - .5px);width:1px;height:100%;background-color:rgba(0,0,0,.1);display:none}@media only screen and (max-width:991px) and (min-width:768px){.about .knowledge::after,.blogs .knowledge::after,.certificate .knowledge::after,.contacts .knowledge::after,.portfolioe .knowledge::after,.service .knowledge::after{display:block}}.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{position:relative}@media (max-width:767px){.about .additional,.about .knowledge,.about .timeline,.blogs .additional,.blogs .knowledge,.blogs .timeline,.certificate .additional,.certificate .knowledge,.certificate .timeline,.contacts .additional,.contacts .knowledge,.contacts .timeline,.portfolioe .additional,.portfolioe .knowledge,.portfolioe .timeline,.service .additional,.service .knowledge,.service .timeline{padding-left:10px;padding-right:10px}}@media (min-width:767px){.about .additional .lang-section,.about .additional .soft-section,.about .knowledge .lang-section,.about .knowledge .soft-section,.about .timeline .lang-section,.about .timeline .soft-section,.blogs .additional .lang-section,.blogs .additional .soft-section,.blogs .knowledge .lang-section,.blogs .knowledge .soft-section,.blogs .timeline .lang-section,.blogs .timeline .soft-section,.certificate .additional .lang-section,.certificate .additional .soft-section,.certificate .knowledge .lang-section,.certificate .knowledge .soft-section,.certificate .timeline .lang-section,.certificate .timeline .soft-section,.contacts .additional .lang-section,.contacts .additional .soft-section,.contacts .knowledge .lang-section,.contacts .knowledge .soft-section,.contacts .timeline .lang-section,.contacts .timeline .soft-section,.portfolioe .additional .lang-section,.portfolioe .additional .soft-section,.portfolioe .knowledge .lang-section,.portfolioe .knowledge .soft-section,.portfolioe .timeline .lang-section,.portfolioe .timeline .soft-section,.service .additional .lang-section,.service .additional .soft-section,.service .knowledge .lang-section,.service .knowledge .soft-section,.service .timeline .lang-section,.service .timeline .soft-section{display:block}}.about .additional .section1 .heading,.about .knowledge .section1 .heading,.about .timeline .section1 .heading,.blogs .additional .section1 .heading,.blogs .knowledge .section1 .heading,.blogs .timeline .section1 .heading,.certificate .additional .section1 .heading,.certificate .knowledge .section1 .heading,.certificate .timeline .section1 .heading,.contacts .additional .section1 .heading,.contacts .knowledge .section1 .heading,.contacts .timeline .section1 .heading,.portfolioe .additional .section1 .heading,.portfolioe .knowledge .section1 .heading,.portfolioe .timeline .section1 .heading,.service .additional .section1 .heading,.service .knowledge .section1 .heading,.service .timeline .section1 .heading{border-bottom:1px solid rgba(0,0,0,.1)}@media only screen and (max-width:1920px) and (min-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:inline-block;width:50%}}@media (max-width:480px){.about .additional .section1 .back,.about .additional .section1 .front,.about .knowledge .section1 .back,.about .knowledge .section1 .front,.about .timeline .section1 .back,.about .timeline .section1 .front,.blogs .additional .section1 .back,.blogs .additional .section1 .front,.blogs .knowledge .section1 .back,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .back,.blogs .timeline .section1 .front,.certificate .additional .section1 .back,.certificate .additional .section1 .front,.certificate .knowledge .section1 .back,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .back,.certificate .timeline .section1 .front,.contacts .additional .section1 .back,.contacts .additional .section1 .front,.contacts .knowledge .section1 .back,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .back,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .back,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .back,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .back,.portfolioe .timeline .section1 .front,.service .additional .section1 .back,.service .additional .section1 .front,.service .knowledge .section1 .back,.service .knowledge .section1 .front,.service .timeline .section1 .back,.service .timeline .section1 .front{display:block;width:100%}}.about .additional .section1 .back .title-section,.about .additional .section1 .front .title-section,.about .knowledge .section1 .back .title-section,.about .knowledge .section1 .front .title-section,.about .timeline .section1 .back .title-section,.about .timeline .section1 .front .title-section,.blogs .additional .section1 .back .title-section,.blogs .additional .section1 .front .title-section,.blogs .knowledge .section1 .back .title-section,.blogs .knowledge .section1 .front .title-section,.blogs .timeline .section1 .back .title-section,.blogs .timeline .section1 .front .title-section,.certificate .additional .section1 .back .title-section,.certificate .additional .section1 .front .title-section,.certificate .knowledge .section1 .back .title-section,.certificate .knowledge .section1 .front .title-section,.certificate .timeline .section1 .back .title-section,.certificate .timeline .section1 .front .title-section,.contacts .additional .section1 .back .title-section,.contacts .additional .section1 .front .title-section,.contacts .knowledge .section1 .back .title-section,.contacts .knowledge .section1 .front .title-section,.contacts .timeline .section1 .back .title-section,.contacts .timeline .section1 .front .title-section,.portfolioe .additional .section1 .back .title-section,.portfolioe .additional .section1 .front .title-section,.portfolioe .knowledge .section1 .back .title-section,.portfolioe .knowledge .section1 .front .title-section,.portfolioe .timeline .section1 .back .title-section,.portfolioe .timeline .section1 .front .title-section,.service .additional .section1 .back .title-section,.service .additional .section1 .front .title-section,.service .knowledge .section1 .back .title-section,.service .knowledge .section1 .front .title-section,.service .timeline .section1 .back .title-section,.service .timeline .section1 .front .title-section{margin:10px 0 5px}.about .additional .section1 .front,.about .knowledge .section1 .front,.about .timeline .section1 .front,.blogs .additional .section1 .front,.blogs .knowledge .section1 .front,.blogs .timeline .section1 .front,.certificate .additional .section1 .front,.certificate .knowledge .section1 .front,.certificate .timeline .section1 .front,.contacts .additional .section1 .front,.contacts .knowledge .section1 .front,.contacts .timeline .section1 .front,.portfolioe .additional .section1 .front,.portfolioe .knowledge .section1 .front,.portfolioe .timeline .section1 .front,.service .additional .section1 .front,.service .knowledge .section1 .front,.service .timeline .section1 .front{position:relative;overflow:hidden}.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{content:"";position:absolute;top:70%;right:10px;transform:translateY(-50%);width:1px;height:100%;background-color:rgba(0,0,0,.1)}@media (max-width:767px){.about .additional .section1 .front::after,.about .knowledge .section1 .front::after,.about .timeline .section1 .front::after,.blogs .additional .section1 .front::after,.blogs .knowledge .section1 .front::after,.blogs .timeline .section1 .front::after,.certificate .additional .section1 .front::after,.certificate .knowledge .section1 .front::after,.certificate .timeline .section1 .front::after,.contacts .additional .section1 .front::after,.contacts .knowledge .section1 .front::after,.contacts .timeline .section1 .front::after,.portfolioe .additional .section1 .front::after,.portfolioe .knowledge .section1 .front::after,.portfolioe .timeline .section1 .front::after,.service .additional .section1 .front::after,.service .knowledge .section1 .front::after,.service .timeline .section1 .front::after{display:none}}.about .additional ul,.about .knowledge ul,.about .timeline ul,.blogs .additional ul,.blogs .knowledge ul,.blogs .timeline ul,.certificate .additional ul,.certificate .knowledge ul,.certificate .timeline ul,.contacts .additional ul,.contacts .knowledge ul,.contacts .timeline ul,.portfolioe .additional ul,.portfolioe .knowledge ul,.portfolioe .timeline ul,.service .additional ul,.service .knowledge ul,.service .timeline ul{list-style-type:circle}.about .additional ul li,.about .knowledge ul li,.about .timeline ul li,.blogs .additional ul li,.blogs .knowledge ul li,.blogs .timeline ul li,.certificate .additional ul li,.certificate .knowledge ul li,.certificate .timeline ul li,.contacts .additional ul li,.contacts .knowledge ul li,.contacts .timeline ul li,.portfolioe .additional ul li,.portfolioe .knowledge ul li,.portfolioe .timeline ul li,.service .additional ul li,.service .knowledge ul li,.service .timeline ul li{margin-left:20px;font-size:14px}.about .additional ul li:hover,.about .knowledge ul li:hover,.about .timeline ul li:hover,.blogs .additional ul li:hover,.blogs .knowledge ul li:hover,.blogs .timeline ul li:hover,.certificate .additional ul li:hover,.certificate .knowledge ul li:hover,.certificate .timeline ul li:hover,.contacts .additional ul li:hover,.contacts .knowledge ul li:hover,.contacts .timeline ul li:hover,.portfolioe .additional ul li:hover,.portfolioe .knowledge ul li:hover,.portfolioe .timeline ul li:hover,.service .additional ul li:hover,.service .knowledge ul li:hover,.service .timeline ul li:hover{list-style-type:disc;color:#000}.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:30px}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-left:10px}}@media (max-width:767px){.about .additional .section2,.about .knowledge .section2,.about .timeline .section2,.blogs .additional .section2,.blogs .knowledge .section2,.blogs .timeline .section2,.certificate .additional .section2,.certificate .knowledge .section2,.certificate .timeline .section2,.contacts .additional .section2,.contacts .knowledge .section2,.contacts .timeline .section2,.portfolioe .additional .section2,.portfolioe .knowledge .section2,.portfolioe .timeline .section2,.service .additional .section2,.service .knowledge .section2,.service .timeline .section2{padding-top:10px;padding-bottom:0;margin-top:10px;border-bottom:none;border-top:1px solid rgba(0,0,0,.1)}}.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width:991px){.about .additional .section2 .lang-section,.about .knowledge .section2 .lang-section,.about .timeline .section2 .lang-section,.blogs .additional .section2 .lang-section,.blogs .knowledge .section2 .lang-section,.blogs .timeline .section2 .lang-section,.certificate .additional .section2 .lang-section,.certificate .knowledge .section2 .lang-section,.certificate .timeline .section2 .lang-section,.contacts .additional .section2 .lang-section,.contacts .knowledge .section2 .lang-section,.contacts .timeline .section2 .lang-section,.portfolioe .additional .section2 .lang-section,.portfolioe .knowledge .section2 .lang-section,.portfolioe .timeline .section2 .lang-section,.service .additional .section2 .lang-section,.service .knowledge .section2 .lang-section,.service .timeline .section2 .lang-section{padding-bottom:0;border-bottom:none}}@media only screen and (max-width:767px) and (min-width:576px){.about .additional::before,.blogs .additional::before,.certificate .additional::before,.contacts .additional::before,.portfolioe .additional::before,.service .additional::before{display:block}}@media (max-width:767px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:50%}}@media (max-width:575px){.about .additional .add1,.about .additional .add2,.blogs .additional .add1,.blogs .additional .add2,.certificate .additional .add1,.certificate .additional .add2,.contacts .additional .add1,.contacts .additional .add2,.portfolioe .additional .add1,.portfolioe .additional .add2,.service .additional .add1,.service .additional .add2{width:100%}}@media (max-width:991px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{border:none;padding-top:0;padding-left:20px}}@media (max-width:575px){.about .additional .add2,.blogs .additional .add2,.certificate .additional .add2,.contacts .additional .add2,.portfolioe .additional .add2,.service .additional .add2{padding-left:10px}}.about .timeline,.blogs .timeline,.certificate .timeline,.contacts .timeline,.portfolioe .timeline,.service .timeline{position:relative}.about .timeline .contents,.blogs .timeline .contents,.certificate .timeline .contents,.contacts .timeline .contents,.portfolioe .timeline .contents,.service .timeline .contents{position:relative;overflow:hidden}.about .timeline .contents::before,.blogs .timeline .contents::before,.certificate .timeline .contents::before,.contacts .timeline .contents::before,.portfolioe .timeline .contents::before,.service .timeline .contents::before{content:"";position:absolute;width:2px;height:100%;background-color:#efefef;left:50%;margin-left:-1px;top:0}.about .timeline .contents .year,.blogs .timeline .contents .year,.certificate .timeline .contents .year,.contacts .timeline .contents .year,.portfolioe .timeline .contents .year,.service .timeline .contents .year{margin:10px auto;width:-moz-fit-content;width:fit-content;background-color:#efefef;position:relative;z-index:2;text-align:center;color:#000;padding:2px 6px;border-radius:2px;font-size:13px;font-weight:700}.about .timeline .contents .clearfix,.blogs .timeline .contents .clearfix,.certificate .timeline .contents .clearfix,.contacts .timeline .contents .clearfix,.portfolioe .timeline .contents .clearfix,.service .timeline .contents .clearfix{clear:both}.about .timeline .contents .content,.blogs .timeline .contents .content,.certificate .timeline .contents .content,.contacts .timeline .contents .content,.portfolioe .timeline .contents .content,.service .timeline .contents .content{background-color:#efefef;padding:15px;border-radius:2px}.about .timeline .contents .content h4,.blogs .timeline .contents .content h4,.certificate .timeline .contents .content h4,.contacts .timeline .contents .content h4,.portfolioe .timeline .contents .content h4,.service .timeline .contents .content h4{font-size:15px;color:#000;font-weight:700}.about .timeline .contents .content p,.blogs .timeline .contents .content p,.certificate .timeline .contents .content p,.contacts .timeline .contents .content p,.portfolioe .timeline .contents .content p,.service .timeline .contents .content p{color:#868a9b;margin:0;line-height:1.6;font-size:15px}.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:left}@media (max-width:767px){.about .timeline .contents .left,.blogs .timeline .contents .left,.certificate .timeline .contents .left,.contacts .timeline .contents .left,.portfolioe .timeline .contents .left,.service .timeline .contents .left{width:100%;margin-top:30px}}.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;right:-32px}@media only screen and (min-width:567px) and (max-width:767px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47.9%;transform:translateX(-50%)}}@media (max-width:567px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:47%;transform:translateX(-50%)}}@media (max-width:420px){.about .timeline .contents .left::before,.blogs .timeline .contents .left::before,.certificate .timeline .contents .left::before,.contacts .timeline .contents .left::before,.portfolioe .timeline .contents .left::before,.service .timeline .contents .left::before{top:-30px;right:45.5%;transform:translateX(-50%)}}.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#efefef}@media (max-width:767px){.about .timeline .contents .left .content::before,.blogs .timeline .contents .left .content::before,.certificate .timeline .contents .left .content::before,.contacts .timeline .contents .left .content::before,.portfolioe .timeline .contents .left .content::before,.service .timeline .contents .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:calc(50% - 25px);margin-bottom:40px;position:relative;float:right}@media (max-width:767px){.about .timeline .contents .right,.blogs .timeline .contents .right,.certificate .timeline .contents .right,.contacts .timeline .contents .right,.portfolioe .timeline .contents .right,.service .timeline .contents .right{width:100%;margin-top:30px}}.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid rgba(0,0,0,.3);position:absolute;border-radius:50%;top:20px;left:-32px}@media (max-width:767px){.about .timeline .contents .right::before,.blogs .timeline .contents .right::before,.certificate .timeline .contents .right::before,.contacts .timeline .contents .right::before,.portfolioe .timeline .contents .right::before,.service .timeline .contents .right::before{top:-32px;left:50%;transform:translateX(-50%)}}.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#efefef}@media (max-width:767px){.about .timeline .contents .right .content::before,.blogs .timeline .contents .right .content::before,.certificate .timeline .contents .right .content::before,.contacts .timeline .contents .right .content::before,.portfolioe .timeline .contents .right .content::before,.service .timeline .contents .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#efefef}}@media (max-width:768px){.service .section-inner{padding:10px}}.service .list_inner{border:1px solid rgba(0,0,0,.1);padding:40px}@media (max-width:768px){.service .list_inner{padding:20px}.service .list_inner.one{margin-bottom:20px}}.service .list_inner .list{border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.service .list_inner .list ul{list-style-type:circle}.service .list_inner .list ul li{font-size:15px;margin-top:5px;margin-bottom:5px;margin-left:20px}.service .list_inner .list ul li:hover{list-style-type:disc;color:#000}.service .list_inner img{width:50px;margin-bottom:20px}@media (min-width:768px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1)}}@media (min-width:992px){.service .service-card:nth-of-type(2){border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}}.service .service-header{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px;margin-top:20px}.service .service-header h3{font-size:17px;text-transform:uppercase;color:#000;font-weight:650;padding-bottom:10px}.service .service-header .price{font-size:15px;margin-left:20px}.service .service-content ul li{font-size:14px;cursor:pointer;transition:.2s;margin-top:10px;margin-bottom:5px}.service .service-content ul li:hover{color:#000}@media (max-width:1440px){.portfolioe .section-inner{padding:30px}.portfolioe .section-inner .container{padding:20px 0 0!important}}@media (max-width:1199px){.portfolioe .section-inner{padding:10px}.portfolioe .section-inner .container{padding:20px 0 0!important}}.portfolioe .taskbar .buttons{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}.portfolioe .taskbar .buttons button{display:inline-block;padding:6px 10px;background-color:#eee;margin:5px;border-radius:5px;cursor:pointer;border:none;color:#868a9b}@media (max-width:768px){.portfolioe .taskbar .buttons button{padding:4px 8px;margin:4px;font-size:15px}}.portfolioe .taskbar .buttons button.active,.portfolioe .taskbar .buttons button:hover{color:#000}.portfolioe .protfolio-container{margin-top:20px;display:block}.portfolioe .protfolio-container .data{cursor:pointer;padding:0 12px!important;margin-top:10px;margin-bottom:10px}@media (max-width:480px){.portfolioe .protfolio-container .data{padding:0!important}}.portfolioe .protfolio-container .data .name{text-transform:uppercase;position:absolute;z-index:1000;font-size:22px;font-weight:600;color:#fff;padding:4px 8px;border-radius:20px;margin:10px;top:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .name{font-size:18px;top:5px;margin:5px}}.portfolioe .protfolio-container .data .name::after{background-color:#fff!important;height:2px}.portfolioe .protfolio-container .data .img{position:relative;border:1px solid rgba(0,0,0,.1)}.portfolioe .protfolio-container .data .img img{display:block;width:100%;height:auto}.portfolioe .protfolio-container .data .img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(10,5,5,.3);z-index:100;display:none}.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{position:absolute;z-index:1000;font-size:14px;font-weight:500;color:#000;background-color:#fff;padding:4px 8px;border-radius:20px;margin-left:10px;margin-right:10px;bottom:10px;display:none}@media (max-width:768px){.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{font-size:13px}}.portfolioe .protfolio-container .data .repo:hover,.portfolioe .protfolio-container .data .review:hover{background-color:#ece3e3}.portfolioe .protfolio-container .data .review{margin-left:70px}@media (max-width:768px){.portfolioe .protfolio-container .data .img::after{display:block}.portfolioe .protfolio-container .data .name,.portfolioe .protfolio-container .data .repo,.portfolioe .protfolio-container .data .review{display:block}}.portfolioe .protfolio-container .data:hover .img::after{display:block}.portfolioe .protfolio-container .data:hover .name,.portfolioe .protfolio-container .data:hover .repo,.portfolioe .protfolio-container .data:hover .review{display:block}@media (max-width:480px){.certificate .section-inner{padding:25px 15px!important}}.certificate .certificates .img{padding:12px;background-color:#eee;cursor:pointer;margin-top:10px;margin-bottom:10px}.certificate .certificates .img img{width:100%}.blogs .section-inner{padding-top:30px!important}@media (max-width:480px){.blogs .section-inner{padding:15px!important}}.blogs .bloge{padding-top:30px;padding-bottom:30px}.blogs .bloge:not(:last-of-type){border-bottom:1px solid #eee}.blogs .posters .imgs{overflow:hidden;cursor:pointer}.blogs .posters .imgs img{width:100%;height:250px;transition:all .3s}.blogs .posters .imgs:hover img{transform:scale(1.1)}.blogs .posters .titles h4{display:inline-block;border-bottom:1px solid #eee;padding-bottom:8px;padding-top:6px;margin-bottom:18px;font-size:17px;font-weight:400}@media (max-width:768px){.blogs .posters .titles h4{font-size:15px;padding-top:10px}}.blogs .posters .titles h4 .about,.blogs .posters .titles h4 .user{cursor:pointer;padding-left:3px;padding-right:3px}.blogs .posters .titles h4 .about{font-size:15px}.blogs .posters .titles h4 .in{position:relative;padding-left:12px}.blogs .posters .titles h4 .in::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:rgba(128,128,128,.5);left:3px;bottom:7px}.blogs .posters p{font-size:16px;font-weight:600;color:#000;cursor:pointer;text-transform:capitalize}@media (max-width:768px){.blogs .posters p{font-size:15px}}@media (max-width:480px){.contacts{margin-bottom:150px}.contacts .section-inner{padding:40px 15px!important}}.contacts .contact-form .row .form-group,.contacts .contact-form .row .input-group{margin-bottom:20px}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .form-group input,.contacts .contact-form .row .form-group select,.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group .input-group-text,.contacts .contact-form .row .input-group input,.contacts .contact-form .row .input-group select,.contacts .contact-form .row .input-group textarea{font-size:15px;padding:10px;border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-group .input-group-text:focus,.contacts .contact-form .row .form-group input:focus,.contacts .contact-form .row .form-group select:focus,.contacts .contact-form .row .form-group textarea:focus,.contacts .contact-form .row .input-group .input-group-text:focus,.contacts .contact-form .row .input-group input:focus,.contacts .contact-form .row .input-group select:focus,.contacts .contact-form .row .input-group textarea:focus{box-shadow:none;border-color:#000}.contacts .contact-form .row .form-group .input-group-text,.contacts .contact-form .row .input-group .input-group-text{background-color:#eee}.contacts .contact-form .row .form-group textarea,.contacts .contact-form .row .input-group textarea{resize:none;height:200px}.contacts .contact-form .row .form-group select,.contacts .contact-form .row .input-group select{cursor:pointer}.contacts .contact-form .row .form-group select option,.contacts .contact-form .row .input-group select option{font-size:14px}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]),.contacts .contact-form .row input[type=file]::file-selector-button{border-radius:0;border-color:rgba(128,128,128,.5)}.contacts .contact-form .row .form-control[type=file]:not(:disabled):not([readonly]):focus,.contacts .contact-form .row input[type=file]::file-selector-button:focus{box-shadow:none}.contacts .contact-form .row input[type=file]::file-selector-button{padding:9px;background-color:#eee}.contacts .contact-form label{display:none}.contacts .contact-form ._button{margin-top:0}.contacts .contact-form .arabic-upload{display:none}.contacts .contact-form .custom-file{width:100%;display:flex;align-items:center}.contacts .contact-form .custom-file button{max-height:43px;width:25%;font-size:13px;padding:13px 0;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;border-right:none}.contacts .contact-form .custom-file button:hover{background-color:rgba(128,128,128,.6)}.contacts .contact-form .custom-file #file-chosen{width:75%;font-size:15px;padding:7px;max-height:43px;border-radius:0;border:1px solid rgba(128,128,128,.5);cursor:pointer;overflow:hidden}.contacts .contact-form ._button{border:none;background-color:#fff;width:-moz-fit-content;width:fit-content;padding:0 10px}.contacts .contact-form ._button a{display:inline-block;color:#000;padding:12px 30px;position:relative;transition:all .3s ease}.contacts .contact-form ._button a .front{padding:12px 30px}.contacts .contact-form .sent{display:none}.contacts .contact-form .sent p{width:100%;padding:10px 12px;font-size:15px;font-weight:500;color:#fff;background-color:#03b103}@media (max-width:767px){.contacts .contact-form .sent p{margin:8px 0}}.contacts .contact-form .sent.active{display:block}body.dark{background-color:#000}@media (max-width:1199px){body.dark{background-color:#14161b}}body.dark .preloader svg{fill:#000}body.dark .preloader .loader-container .loaded{color:#fff}body.dark .about .text{border-color:gray}body.dark .about .section1 .heading{border-color:gray}@media (max-width:767px){body.dark .about .section2{border-top-color:gray}}body.dark .about .section2 .lang-section{border-color:gray}body.dark .about .front::after{background-color:gray!important}body.dark .about .additional::before,body.dark .about .knowledge::before{background-color:gray}body.dark .about .additional ul li:hover,body.dark .about .knowledge ul li:hover{color:#fff}body.dark .about .knowledge::after{background-color:gray}body.dark .about .timeline::before{background-color:#3e465b!important}body.dark .about .timeline .content,body.dark .about .timeline .year{background-color:#202636!important;color:#fff!important}body.dark .about .timeline .content h4,body.dark .about .timeline .year h4{color:#fff!important}body.dark .about .timeline .left .content::before{width:0;content:"";position:absolute;border:12px solid transparent;top:26%;transform:translateY(-50%);right:-24px;border-left-color:#202636}@media (max-width:767px){body.dark .about .timeline .left .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;top:24%;transform:translateY(-50%);left:-24px;border-right-color:#202636}@media (max-width:767px){body.dark .about .timeline .right .content::before{content:"";position:absolute;border:12px solid transparent;left:50%;transform:translateX(-50%);top:-24px;border-bottom-color:#202636}}body.dark .service img{filter:invert(1) brightness(2)}body.dark .service .list_inner{border-color:gray}body.dark .service .list_inner .list{border-top-color:gray}body.dark .service .list_inner .list li:hover{color:#fff}@media (min-width:768px){body.dark .service .service-card:nth-of-type(2){border-color:gray}}@media (min-width:992px){body.dark .service .service-card:nth-of-type(2){border-left-color:gray;border-right-color:gray}}body.dark .service .service-header{border-bottom-color:gray}body.dark .service .service-header h3{color:#fff}body.dark .service .service-content li:hover{color:#fff}body.dark .portfolioe .taskbar .buttons{border-color:gray}body.dark .portfolioe .taskbar .buttons button{background-color:#2e333d;color:gray}body.dark .portfolioe .taskbar .buttons button.active,body.dark .portfolioe .taskbar .buttons button:hover{color:#fff}body.dark .portfolioe .protfolio-container .img{border-color:gray}body.dark .certificate .certificates .img{background-color:#2e333d}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .form-group input,body.dark .contacts .contact-form .row .form-group select,body.dark .contacts .contact-form .row .form-group textarea,body.dark .contacts .contact-form .row .input-group .input-group-text,body.dark .contacts .contact-form .row .input-group input,body.dark .contacts .contact-form .row .input-group select,body.dark .contacts .contact-form .row .input-group textarea{border-color:gray;background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text:focus,body.dark .contacts .contact-form .row .form-group input:focus,body.dark .contacts .contact-form .row .form-group select:focus,body.dark .contacts .contact-form .row .form-group textarea:focus,body.dark .contacts .contact-form .row .input-group .input-group-text:focus,body.dark .contacts .contact-form .row .input-group input:focus,body.dark .contacts .contact-form .row .input-group select:focus,body.dark .contacts .contact-form .row .input-group textarea:focus{border-color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .form-group input::-moz-placeholder,body.dark .contacts .contact-form .row .form-group select::-moz-placeholder,body.dark .contacts .contact-form .row .form-group textarea::-moz-placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::-moz-placeholder,body.dark .contacts .contact-form .row .input-group input::-moz-placeholder,body.dark .contacts .contact-form .row .input-group select::-moz-placeholder,body.dark .contacts .contact-form .row .input-group textarea::-moz-placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .form-group input::placeholder,body.dark .contacts .contact-form .row .form-group select::placeholder,body.dark .contacts .contact-form .row .form-group textarea::placeholder,body.dark .contacts .contact-form .row .input-group .input-group-text::placeholder,body.dark .contacts .contact-form .row .input-group input::placeholder,body.dark .contacts .contact-form .row .input-group select::placeholder,body.dark .contacts .contact-form .row .input-group textarea::placeholder{color:#fff}body.dark .contacts .contact-form .row .form-group .input-group-text,body.dark .contacts .contact-form .row .input-group .input-group-text{background-color:#3e465b}body.dark .contacts .contact-form .custom-file button{background-color:#3e465b;color:#fff}body.dark .contacts .contact-form .custom-file button:hover{background-color:#38425e}body.dark .contacts .contact-form .custom-file #file-chosen{background-color:#3e465b;color:#fff;font-weight:400}body.dark .contacts .contact-form ._button{background-color:#14161b!important}body.dark .contacts .contact-form ._button a{color:#fff}body.dark ._button a{color:#fff}body.dark ._button a .front{color:#000}body.dark .text_hover_effect{color:#fff}body.dark .line-effect{color:#fff}body.dark .line-effect:after{background-color:#fff!important}body.dark .line-effect:hover{color:#fff}body.dark .section-inner{border-color:gray}body.dark .section-inner .title h3{background-color:gray;color:#fff}body.dark .section-inner .title-section{color:#fff}body.dark aside,body.dark section.data{background-color:#14161b!important}body.dark aside .animateText,body.dark aside h1,body.dark aside h2,body.dark section.data .animateText,body.dark section.data h1,body.dark section.data h2{color:#fff}body.dark aside .links ul li a.active,body.dark aside .links ul li a:hover,body.dark aside .navbar-collapse ul li a.active,body.dark aside .navbar-collapse ul li a:hover,body.dark section.data .links ul li a.active,body.dark section.data .links ul li a:hover,body.dark section.data .navbar-collapse ul li a.active,body.dark section.data .navbar-collapse ul li a:hover{color:#fff!important}body.dark aside .social ul li a i:hover,body.dark section.data .social ul li a i:hover{color:#fff}body.dark .dmenu{background-color:rgba(12,9,9,.555)}body.dark .dmenu img{filter:invert(1) brightness(2)}body{font-family:Syne,sans-serif;background-color:#eee;color:#868a9b;position:relative;font-size:16px;line-height:27px;letter-spacing:0;word-wrap:break-word;font-weight:400;width:100%;height:100vh!important;z-index:-2;overflow:hidden}@media (max-width:1199px){body{background-color:#fff}}body #particles-js{position:absolute;z-index:-3;top:0;left:0;width:100%;height:100vh!important;pointer-events:none}body .portfolios{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}body .portfolios aside,body .portfolios section.data{scroll-behavior:smooth!important;background-color:#fff;border-radius:2px;text-align:center}@media (min-width:1440px){body .portfolios aside,body .portfolios section.data{height:750px;padding:0 40px}}@media (max-width:1439px){body .portfolios aside,body .portfolios section.data{padding:40px;height:570px}}@media (max-width:1199px){body .portfolios aside,body .portfolios section.data{padding:0 40px;height:100vh!important}}body .portfolios aside{width:calc(30% - 20px);margin-right:20px}@media (min-width:1440px){body .portfolios aside{padding:120px 40px}}@media (max-width:1439px){body .portfolios aside{width:calc(30% - 10px);margin-right:10px}}@media (max-width:1199px){body .portfolios aside{display:none}}body .portfolios section.data{overflow-y:hidden;overflow:auto;position:relative;width:calc(70% - 20px);margin-left:20px}@media (max-width:1439px){body .portfolios section.data{width:calc(70% - 10px);margin-left:10px;padding:0 30px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;margin-left:0;padding:0 20px}}@media (max-width:1199px){body .portfolios section.data{width:100%;height:100vh!important;padding:0 10px}}@media only screen and (min-width:200px) and (max-width:1439px){body .portfolios section.data .block:not(:first-of-type){padding-top:50px}} /*# sourceMappingURL=../../sourcemaps/style.min.css.map */ diff --git a/public/index.html b/public/index.html index e79d221..6be766f 100644 --- a/public/index.html +++ b/public/index.html @@ -1,2 +1,2 @@ - ALLAM
AHMED ALLAM
profile-picture

Ahmed Allam

Front end DeveloperBack end DeveloperSEO Optimizer

About Me

Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At 20 years old, I specialize in creating dynamic, user-friendly web experiences using HTML, CSS, JavaScript, Sass, and Bootstrap. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
Download CVDownload CV

Knowledge

Programming Skills
Front-end Skills
  • HTML5
  • CSS3
  • JS / ES6
  • Bootstrap5
  • SCSS
  • PugJs
  • GulpJS
  • jQuery
Back-end Skills
  • C#
  • OOP
  • Data Structures
  • Algorithms
  • SQL Server
Language Skills
  • Arabic
  • English
  • Deutsch
Soft Skills
  • Problem Solving
  • Teamwork
  • Time Management
  • Communication
  • Creativity
  • Adaptability
  • Attention to Detail

Additional Information

Libraries
  • Isotope
  • Particles
  • Textition
  • Vanilla-tilt
  • Wow
  • Swiper
  • Owl Carousel
  • AOS
  • EmailJs
  • Imagesloaded
  • Gsap
  • Lenis
superficial knowledge
  • Typescript
  • Tailwand CSS
  • Angular 2+
Working Experience
  • +20 Project
  • +1500 Hour Of Coding
  • +15 Programming Language

Timeline

2019 - 2021

Secondary School

Talaat Harb, Military Secondary School, - Mathematics Section

2022 - Present

University

Faculty of Engineering Mansoura University, Department of Computer and Control System Engineering (CSE)

24 - 25 Dec 2023

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

19 - 20 Aug 2024

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

2024 - Present

Internship

Trainee Full Stack .NET Web Developer at DEPI

Internship

Trainee Front-End Web Developer at ALX Africa.

Top Notch Services

  • Creative Design

    • Figma Design
    • PSD Design
    • Sketch Design

  • SEO Optimization

    • SEO Website
    • Code Validation
    • GTmetrix Pro

Services

Choose a package that best fits your needs and enjoy premium benefits with transparent pricing.

Basic Plan

$50/month

  • ✔ Responsive Design
  • ✔ Cross-Browser Compatibility
  • ✔ Basic SEO Optimization
  • ✔ Support for 1 Project

Pro Plan

$100/month

  • ✔ Everything in Basic Plan
  • ✔ Custom Animations
  • ✔ Advanced SEO Tools
  • ✔ Support for 3 Projects

Premium Plan

$200/month

  • ✔ Everything in Pro Plan
  • ✔ Full-Stack Development
  • ✔ Ongoing Maintenance
  • ✔ Priority Support

Creative Portfolio

It Solutions
It Solutions project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Timer Template
Timer Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Allam Marine Design
Allam Marine Design project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Guess The Word
Guess The Word game screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Dashboard Template
Dashboard Template screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
To Do List
RepoDemo
SaaS Template
RepoDemo

Technical Certificates

non-Technical Certificates

Recent Posts

Blog 1

ByAhmed AllamInSEO & HTML


Learn how to optimize it for better search rankings.

Read MoreRead More
Blog 2

ByAhmed AllamInTypescript & Javascript


Mastering TypeScript & JavaScript: Enhancing Web Development with Powerful Tools.

Read MoreRead More
Blog 3

ByAhmed AllamInLibraries In CSS


Exploring the Power of CSS Libraries: Boost Your Web Development Efficiency.

Read MoreRead More

Get in Touch

$ .00
No file chosen
13123*

Your message has been sent. Thank you!

\ No newline at end of file + ALLAM
AHMED ALLAM
profile-picture

Ahmed Allam

Front end DeveloperSEO Optimizer

About Me

Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At 20 years old, I specialize in creating dynamic, user-friendly web experiences using jQuery. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
Download CVDownload CV

Knowledge

Programming Skills
Front-end Skills
  • HTML5
  • CSS3
  • JS / ES6
  • Bootstrap5
  • SCSS
  • PugJs
  • GulpJS
  • jQuery
Back-end Skills
  • C#
  • OOP
  • Data Structures
  • Algorithms
  • SQL Server
Language Skills
  • Arabic
  • English
Soft Skills
  • Problem Solving
  • Teamwork
  • Time Management
  • Communication
  • Creativity
  • Adaptability
  • Attention to Detail

Additional Information

Libraries
  • Isotope
  • Particles
  • Textition
  • Vanilla-tilt
  • Wow
  • Swiper
  • Owl Carousel
  • AOS
  • EmailJs
  • Imagesloaded
  • Gsap
  • Lenis
superficial knowledge
  • Typescript
  • Tailwand CSS
  • Angular 2+
Working Experience
  • +20 Project
  • +1500 Hour Of Coding
  • +15 Programming Language

Timeline

2019 - 2021

Secondary School

Talaat Harb, Military Secondary School, + Mathematics Section

2022 - Present

University

Faculty of Engineering Mansoura University, Department of Computer and Control System Engineering (CSE)

24 - 25 Dec 2023

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

19 - 20 Aug 2024

Competition

Won First Place in the Robo Soccer Competition at Mansoura Robotics Club

2024 - Present

Internship

Trainee Full Stack .NET Web Developer at DEPI

Internship

Trainee Front-End Web Developer at ALX Africa.

Creative Portfolio

It Solutions
It Solutions project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Timer Template
Timer Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Allam Marine Design
Allam Marine Design project screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Guess The Word
Guess The Word game screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
Dashboard Template
Dashboard Template screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
It Solutions
It Solutions project screenshot
RepoDemo
Design Template
Design Template screenshot
RepoDemo
To Do List
RepoDemo
SaaS Template
RepoDemo

Technical Certificates

non-Technical Certificates

Recent Posts

Blog 1

ByAhmed AllamInSEO & HTML


Learn how to optimize it for better search rankings.

Read MoreRead More
Blog 2

ByAhmed AllamInTypescript & Javascript


Mastering TypeScript & JavaScript: Enhancing Web Development with Powerful Tools.

Read MoreRead More
Blog 3

ByAhmed AllamInLibraries In CSS


Exploring the Power of CSS Libraries: Boost Your Web Development Efficiency.

Read MoreRead More

Get in Touch

$ .00
No file chosen
13123*

Your message has been sent. Thank you!

\ No newline at end of file diff --git a/sourcemaps/style.min.css.map b/sourcemaps/style.min.css.map index 27540e3..915d5e6 100644 --- a/sourcemaps/style.min.css.map +++ b/sourcemaps/style.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["components/_global-rules.scss","layouts/_home.scss","layouts/_aside.scss","style.min.css","layouts/_header.scss","layouts/_about.scss","utilities/_mixins.scss","layouts/_services.scss","layouts/_portfolio.scss","layouts/_certificate.scss","layouts/_blog.scss","layouts/_contact.scss","layouts/_darkmode.scss","main.scss"],"names":[],"mappings":"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","file":"../src/scss/style.min.css","sourcesContent":["/** @format */\n\n@use \"../utilities/colors\" as *;\n@use \"../utilities/times\" as *;\n\n* {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n user-select: none;\n}\n\nhtml {\n scroll-behavior: smooth !important;\n\n a {\n color: $main-color;\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n }\n}\n\n::-webkit-scrollbar {\n width: 0px;\n}\n\n.container {\n position: relative;\n @media (min-width: 1440px) {\n max-width: 1400px;\n }\n\n @media (max-width: 1439px) {\n max-width: 1200px;\n padding: 30px;\n }\n\n @media (max-width: 1199px) {\n padding: 15px;\n }\n}\n\n.line-effect {\n position: relative;\n text-decoration: none;\n display: inline-block;\n color: #000;\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 1px;\n left: auto;\n right: 0;\n bottom: 3px;\n transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;\n background-color: black !important;\n }\n\n &:hover {\n color: #000;\n\n &::after {\n width: 100%;\n left: 0;\n right: auto;\n }\n }\n}\n\nimg {\n -webkit-user-drag: none;\n -khtml-user-drag: none;\n -moz-user-drag: none;\n -o-user-drag: none;\n}\n\n.header-logo {\n font : {\n size: 40px;\n family: \"Archivo Black\";\n }\n text-transform: uppercase;\n color: black;\n}\n\n/** @format */\n\n._button {\n width: 100%;\n cursor: pointer;\n\n a {\n display: inline-block;\n color: #000;\n padding: 4px 30px;\n position: relative;\n transition: all 0.3s ease;\n\n .back {\n position: relative;\n z-index: 1;\n display: block;\n }\n\n .front {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n color: #fff;\n white-space: nowrap;\n width: 60px;\n padding: 4px 30px;\n z-index: 1;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n &:hover .front {\n width: 100%;\n }\n\n &:before {\n position: absolute;\n content: \"\";\n top: 0;\n bottom: 0;\n left: 0;\n width: 60px;\n background-color: #999;\n transition: all 0.3s ease;\n }\n\n &:hover:before {\n width: 100%;\n }\n }\n}\n\n.text_hover_effect {\n position: relative;\n display: inline;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0% 100%;\n background-repeat: no-repeat;\n background-size: 0% 1px;\n transition: background-size 0.5s;\n\n &::after {\n content: \"\";\n position: absolute;\n top: -5px;\n left: -5px;\n right: -5px;\n bottom: -5px;\n }\n\n &:hover {\n background-size: 100% 1px;\n }\n}\n\n.section-inner {\n border: 1px solid rgba(0, 0, 0, 0.1);\n padding: 40px 30px 35px;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 40px;\n }\n\n @media (max-width: 1439px) {\n padding: 40px 30px 20px;\n }\n\n .title {\n position: absolute;\n top: -20px;\n\n h3 {\n font-size: 15px;\n text-transform: uppercase;\n display: inline-block;\n background-color: #efefef;\n padding: 10px 30px 9px 30px;\n color: black;\n font-weight: 700;\n\n @media (max-width: 768px) {\n font-size: 14px;\n }\n }\n }\n\n .title-section {\n font-size: 14px;\n text-transform: uppercase;\n color: black;\n font-weight: 650;\n padding-bottom: 10px;\n\n &:not(.heading) {\n font-size: 13px;\n }\n }\n}\n\n.popup-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 2000;\n cursor: zoom-out;\n}\n\n.popUp {\n position: fixed;\n z-index: 2001;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n margin: 0;\n padding: 0;\n\n @media (max-width: 767px) {\n width: 370px;\n }\n\n img {\n width: 930px;\n max-width: 100%;\n transition: $transition3;\n\n border-radius: 12px;\n\n cursor: grab;\n\n &:hover {\n transform: scale(1.1);\n }\n }\n}\n\n.contacts {\n .section-inner {\n margin-bottom: 40px;\n }\n}\n\n.preloader {\n position: fixed;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n overflow: hidden;\n z-index: 0;\n\n svg {\n position: absolute;\n top: 0;\n height: 110vh;\n width: 100vw;\n fill: white;\n }\n\n .loader-container {\n .loaded {\n font-size: 1.2rem;\n font-weight: 400;\n color: black;\n text-transform: uppercase;\n letter-spacing: 8px;\n z-index: 99;\n\n span {\n animation: loader-animation 1s infinite alternate;\n\n &:nth-child(1) {\n animation-delay: 0s;\n }\n\n &:nth-child(2) {\n animation-delay: 0.1s;\n }\n\n &:nth-child(3) {\n animation-delay: 0.2s;\n }\n\n &:nth-child(4) {\n animation-delay: 0.3s;\n }\n\n &:nth-child(5) {\n animation-delay: 0.4s;\n }\n\n &:nth-child(6) {\n animation-delay: 0.5s;\n }\n\n &:nth-child(7) {\n animation-delay: 0.6s;\n }\n\n &:nth-child(8) {\n animation-delay: 0.7s;\n }\n\n &:nth-child(9) {\n animation-delay: 0.8s;\n }\n\n &:nth-child(10) {\n animation-delay: 0.9s;\n }\n\n &:nth-child(11) {\n animation-delay: 1s;\n }\n }\n }\n }\n}\n\n@keyframes loader-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.switch {\n position: absolute;\n top: 20px;\n right: -10px;\n\n @media (max-width: 767px) {\n right: 0px;\n }\n\n .toggle-checkbox {\n appearance: none;\n display: none;\n }\n\n .toggle-switch {\n background-color: #ccc;\n height: 21px;\n width: 52px;\n position: relative;\n cursor: pointer;\n border-radius: 13px;\n transition: $transition3;\n\n &::before {\n font-family: var(--fa-style-family-classic);\n content: \"\\f185\";\n font-weight: 900;\n background-color: white;\n width: 15px;\n height: 15px;\n font-size: 10px;\n position: absolute;\n border-radius: 50%;\n top: 3px;\n left: 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: goldenrod;\n transition: 0.3s;\n }\n }\n\n .toggle-checkbox:checked + .toggle-switch {\n background-color: rgba(0, 0, 255, 0.8);\n\n &::before {\n content: \"\\f186\";\n left: 34px;\n color: blue;\n }\n }\n}\n","/** @format */\n\n@use \"../utilities/colors\" as *;\n@use \"../utilities/times\" as *;\n\n.allam {\n height: 100%;\n position: relative;\n\n @media (max-width: 1439px) {\n padding-top: 40px;\n height: 105%;\n }\n\n @media (max-width: 1199px) {\n height: 100vh;\n }\n}\n\n.home {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n @media (max-width: 1439px) {\n width: 95%;\n }\n\n .avatar {\n img {\n width: 145px;\n border-radius: 50%;\n transition: $transition3;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.2);\n }\n\n @media (max-width: 1439px) {\n width: 120px;\n }\n }\n }\n\n .name {\n display: block;\n margin: {\n top: 25px;\n bottom: 25px;\n }\n\n h2 {\n color: black;\n text-transform: uppercase;\n font-size: 50px;\n font-weight: 700;\n\n @media (max-width: 1439px) {\n font-size: 42px;\n }\n\n @media (max-width: 1199px) {\n font-size: 35px;\n }\n }\n }\n\n .animateText {\n span {\n display: block;\n letter-spacing: 1px;\n font: {\n size: 17px;\n weight: 100;\n }\n }\n }\n}\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.aside {\r\n .header {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .links,\r\n .navbar-collapse {\r\n font-size: 15px;\r\n ul {\r\n margin: {\r\n bottom: 40px;\r\n }\r\n\r\n li {\r\n cursor: pointer;\r\n transition: $transition2;\r\n margin: {\r\n bottom: 5px;\r\n }\r\n\r\n a {\r\n &.active,\r\n &:hover {\r\n color: black !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .copyright {\r\n margin: {\r\n top: 40px;\r\n bottom: 20px;\r\n }\r\n\r\n a {\r\n color: black;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n &:after {\r\n width: 100%;\r\n left: 0;\r\n right: auto;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .social {\r\n ul {\r\n li {\r\n display: inline-block;\r\n margin: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n a {\r\n i {\r\n transition: $transition2;\r\n font-size: 18px;\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nheader {\r\n @media (min-width: 1200px) {\r\n display: none;\r\n }\r\n}\r\n",null,"/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.dmenu {\r\n flex-direction: column;\r\n border: 1px solid $main-color;\r\n border-radius: 30px;\r\n position: fixed;\r\n right: 68px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n text-align: center;\r\n gap: 10px;\r\n padding: 24px 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(3px);\r\n z-index: -1;\r\n\r\n @media (max-width: 992px) {\r\n right: 50px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n top: 90%;\r\n right: 50%;\r\n transform: translate(50%, -50%);\r\n flex-direction: row;\r\n gap: 0px;\r\n height: 50px;\r\n padding: 12px 8px;\r\n }\r\n\r\n li {\r\n a {\r\n display: block;\r\n position: relative;\r\n width: 45px;\r\n transition: 0.3s;\r\n color: $main-color;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n &.active,\r\n &:hover {\r\n span {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n span {\r\n position: absolute;\r\n transition: 0.3s;\r\n font-size: 12px;\r\n background: #404042;\r\n right: 100%;\r\n color: #fff;\r\n display: block;\r\n padding: 3px 8px;\r\n border-radius: 5px;\r\n visibility: hidden;\r\n opacity: 0;\r\n\r\n @media (max-width: 768px) {\r\n transform: rotate(90deg);\r\n right: -3px;\r\n top: -50px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n background: #404042;\r\n position: absolute;\r\n right: -3px;\r\n top: 50%;\r\n transform: rotate(54deg) skew(-8deg, -39deg);\r\n margin-top: -5px;\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:hover span {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n &:nth-of-type(5) {\r\n span {\r\n @media (max-width: 768px) {\r\n transform: rotate(90deg);\r\n right: -15px;\r\n top: -60px;\r\n }\r\n }\r\n }\r\n\r\n &:nth-of-type(6) {\r\n span {\r\n @media (max-width: 768px) {\r\n transform: rotate(90deg);\r\n right: 0px;\r\n top: -45px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\n.about,\r\n.service,\r\n.portfolioe,\r\n.certificate,\r\n.blogs,\r\n.contacts {\r\n text-align: left;\r\n padding-top: 0px;\r\n\r\n @media (min-width: 1440px) {\r\n padding-top: 40px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n font-size: 15px;\r\n }\r\n\r\n .resume {\r\n padding: {\r\n left: 40px;\r\n right: 40px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n left: 20px;\r\n right: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n width: 100%;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-bottom: 42px;\r\n margin-bottom: 39px;\r\n\r\n @media (max-width: 767px) {\r\n padding-bottom: 22px;\r\n margin-bottom: 19px;\r\n }\r\n }\r\n\r\n .details {\r\n width: 100%;\r\n\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-left: -20px;\r\n\r\n li {\r\n width: 50%;\r\n padding-left: 20px;\r\n margin-bottom: 5px;\r\n\r\n span:first-child {\r\n min-width: 120px;\r\n display: inline-block;\r\n\r\n @media (max-width: 767px) {\r\n min-width: 60px;\r\n padding-right: 5px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n width: 100%;\r\n\r\n span:first-child {\r\n min-width: 0px;\r\n padding-right: 5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._button {\r\n margin-top: 20px;\r\n }\r\n\r\n .knowledge,\r\n .additional {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(50% - 0.5px);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .knowledge {\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(74% - 0.5px);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n display: none;\r\n }\r\n\r\n @media only screen and (max-width: 991px) and (min-width: 768px) {\r\n &::after {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .knowledge,\r\n .additional,\r\n .timeline {\r\n position: relative;\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n }\r\n\r\n .lang-section,\r\n .soft-section {\r\n @media (min-width: 767px) {\r\n display: block;\r\n }\r\n }\r\n\r\n .section1 {\r\n .heading {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .front,\r\n .back {\r\n @media only screen and (max-width: 1920px) and (min-width: 480px) {\r\n display: inline-block;\r\n width: 50%;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .title-section {\r\n margin: 10px 0 5px;\r\n }\r\n }\r\n\r\n .front {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 70%;\r\n right: 10px;\r\n transform: translateY(-50%);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n &::after {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n\r\n li {\r\n margin-left: 20px;\r\n font-size: 14px;\r\n\r\n &:hover {\r\n list-style-type: disc;\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n .section2 {\r\n padding-left: 30px;\r\n\r\n @media (max-width: 767px) {\r\n padding-left: 10px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n top: 10px;\r\n bottom: 0px;\r\n }\r\n margin-top: 10px;\r\n border-bottom: none;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .lang-section {\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n @media (max-width: 991px) {\r\n padding-bottom: 0px;\r\n border-bottom: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .additional {\r\n @media only screen and (max-width: 767px) and (min-width: 576px) {\r\n &::before {\r\n display: block;\r\n }\r\n }\r\n .add1,\r\n .add2 {\r\n @media (max-width: 767px) {\r\n width: 50%;\r\n }\r\n\r\n @media (max-width: 575px) {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .add2 {\r\n @media (max-width: 991px) {\r\n border: none;\r\n padding-top: 0px;\r\n padding-left: 20px;\r\n }\r\n\r\n @media (max-width: 575px) {\r\n padding-left: 10px;\r\n }\r\n }\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n\r\n .contents {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 2px;\r\n height: 100%;\r\n background-color: #efefef;\r\n left: 50%;\r\n margin-left: -1px;\r\n top: 0;\r\n }\r\n\r\n .year {\r\n margin: 10px auto;\r\n width: fit-content;\r\n background-color: #efefef;\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: black;\r\n padding: 2px 6px;\r\n border-radius: 2px;\r\n font: {\r\n size: 13px;\r\n weight: 700;\r\n }\r\n }\r\n\r\n .clearfix {\r\n clear: both;\r\n }\r\n\r\n .content {\r\n background-color: #efefef;\r\n padding: 15px;\r\n border-radius: 2px;\r\n\r\n h4 {\r\n font-size: 15px;\r\n color: black;\r\n font-weight: 700;\r\n }\r\n\r\n p {\r\n color: $main-color;\r\n margin: 0;\r\n line-height: 1.6;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n .left {\r\n width: calc(50% - 25px);\r\n margin-bottom: 40px;\r\n position: relative;\r\n float: left;\r\n\r\n @media (max-width: 767px) {\r\n width: 100%;\r\n margin-top: 30px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n background-color: #fff;\r\n border: 3px solid rgba(0, 0, 0, 0.3);\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 20px;\r\n right: -32px;\r\n\r\n @media only screen and (min-width: 567px) and (max-width: 767px) {\r\n top: -30px;\r\n right: 47.9%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @media (max-width: 567px) {\r\n top: -30px;\r\n right: 47%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @media (max-width: 420px) {\r\n top: -30px;\r\n right: 45.5%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .content::before {\r\n width: 0px;\r\n @include shape(\"traingle\", \"right\", #efefef, 26%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #efefef, 50%);\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n width: calc(50% - 25px);\r\n margin-bottom: 40px;\r\n position: relative;\r\n float: right;\r\n\r\n @media (max-width: 767px) {\r\n width: 100%;\r\n margin-top: 30px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n background-color: #fff;\r\n border: 3px solid rgba(0, 0, 0, 0.3);\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 20px;\r\n left: -32px;\r\n\r\n @media (max-width: 767px) {\r\n top: -32px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .content::before {\r\n @include shape(\"traingle\", \"left\", #efefef, 24%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #efefef, 50%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@mixin shape($type, $direction, $color: white, $position: 50%, $size: 12px) {\r\n content: \"\";\r\n position: absolute;\r\n border: $size solid transparent;\r\n\r\n @if $direction == \"top\" or $direction == \"bottom\" {\r\n left: $position;\r\n transform: translateX(-50%);\r\n #{$direction}: -($size * 2);\r\n\r\n @if $direction == \"top\" {\r\n border-bottom-color: $color;\r\n } @else {\r\n border-top-color: $color;\r\n }\r\n } @else {\r\n top: $position;\r\n transform: translateY(-50%);\r\n #{$direction}: -($size * 2);\r\n\r\n @if $direction == \"right\" {\r\n border-left-color: $color;\r\n } @else {\r\n border-right-color: $color;\r\n }\r\n }\r\n\r\n @if $type == \"bullet\" {\r\n border-width: calc($size / 1.2);\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\n.service {\r\n .section-inner {\r\n @media (max-width: 768px) {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .list_inner {\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 40px;\r\n\r\n @media (max-width: 768px) {\r\n padding: 20px;\r\n\r\n &.one {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n .list {\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-top: 10px;\r\n\r\n ul {\r\n list-style-type: circle;\r\n\r\n li {\r\n font-size: 15px;\r\n margin: {\r\n top: 5px;\r\n bottom: 5px;\r\n left: 20px;\r\n }\r\n\r\n &:hover {\r\n list-style-type: disc;\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n img {\r\n width: 50px;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n .service-card {\r\n &:nth-of-type(2) {\r\n @media (min-width: 768px) {\r\n border-left: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n @media (min-width: 992px) {\r\n border-left: 1px solid rgba(0, 0, 0, 0.1);\r\n border-right: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .service-header {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n margin: {\r\n bottom: 20px;\r\n top: 20px;\r\n }\r\n\r\n h3 {\r\n font-size: 17px;\r\n text-transform: uppercase;\r\n color: black;\r\n font-weight: 650;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .price {\r\n font-size: 15px;\r\n margin-left: 20px;\r\n }\r\n }\r\n\r\n .service-content {\r\n ul {\r\n li {\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: $transition2;\r\n\r\n margin: {\r\n top: 10px;\r\n bottom: 5px;\r\n }\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.portfolioe {\r\n .section-inner {\r\n @media (max-width: 1199px) {\r\n padding: 10px;\r\n\r\n .container {\r\n padding: 20px 0 0 !important;\r\n }\r\n }\r\n }\r\n\r\n .taskbar {\r\n .buttons {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-bottom: 20px;\r\n\r\n button {\r\n display: inline-block;\r\n padding: 6px 10px;\r\n background-color: #eee;\r\n margin: 5px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n border: none;\r\n color: $main-color;\r\n\r\n @media (max-width: 768px) {\r\n padding: 4px 8px;\r\n margin: 4px;\r\n font-size: 15px;\r\n }\r\n\r\n &:hover,\r\n &.active {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .protfolio-container {\r\n margin-top: 20px;\r\n display: block;\r\n\r\n .data {\r\n cursor: pointer;\r\n padding: 0px 12px !important;\r\n\r\n margin: {\r\n top: 10px;\r\n bottom: 10px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n padding: 0px !important;\r\n }\r\n\r\n .name {\r\n text-transform: uppercase;\r\n position: absolute;\r\n z-index: 1000;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: white;\r\n padding: 4px 8px;\r\n border-radius: 20px;\r\n margin: 10px;\r\n top: 10px;\r\n display: none;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 18px;\r\n top: 5px;\r\n margin: 5px;\r\n }\r\n\r\n &::after {\r\n background-color: white !important;\r\n height: 2px;\r\n }\r\n }\r\n\r\n .img {\r\n position: relative;\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(10, 5, 5, 0.3);\r\n z-index: 100;\r\n display: none;\r\n }\r\n }\r\n\r\n .repo,\r\n .review {\r\n position: absolute;\r\n z-index: 1000;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: black;\r\n background-color: white;\r\n padding: 4px 8px;\r\n border-radius: 20px;\r\n margin: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n bottom: 10px;\r\n display: none;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 13px;\r\n }\r\n\r\n &:hover {\r\n background-color: rgb(236, 227, 227);\r\n }\r\n }\r\n\r\n .review {\r\n margin-left: 70px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .img::after {\r\n display: block;\r\n }\r\n\r\n .repo,\r\n .review,\r\n .name {\r\n display: block;\r\n }\r\n }\r\n\r\n &:hover {\r\n .img::after {\r\n display: block;\r\n }\r\n\r\n .repo,\r\n .review,\r\n .name {\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.certificate {\r\n @media (max-width: 480px) {\r\n .section-inner {\r\n padding: 25px 15px !important;\r\n }\r\n }\r\n .certificates {\r\n .img {\r\n padding: 12px;\r\n background-color: #eee;\r\n cursor: pointer;\r\n margin: {\r\n top: 10px;\r\n bottom: 10px;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.blogs {\r\n .section-inner {\r\n padding-top: 30px !important;\r\n }\r\n @media (max-width: 480px) {\r\n .section-inner {\r\n padding: 15px !important;\r\n }\r\n }\r\n\r\n .bloge {\r\n padding: {\r\n top: 30px;\r\n bottom: 30px;\r\n }\r\n\r\n &:not(:last-of-type) {\r\n border-bottom: 1px solid #eee;\r\n }\r\n }\r\n\r\n .posters {\r\n .imgs {\r\n overflow: hidden;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 100%;\r\n height: 250px;\r\n transition: all 0.3s;\r\n }\r\n\r\n &:hover {\r\n img {\r\n transform: scale(1.1);\r\n }\r\n }\r\n }\r\n\r\n .titles {\r\n h4 {\r\n display: inline-block;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 8px;\r\n padding-top: 6px;\r\n margin-bottom: 18px;\r\n font: {\r\n size: 17px;\r\n weight: 400;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n font-size: 15px;\r\n padding-top: 10px;\r\n }\r\n\r\n .user,\r\n .about {\r\n cursor: pointer;\r\n padding: {\r\n left: 3px;\r\n right: 3px;\r\n }\r\n }\r\n\r\n .about {\r\n font-size: 15px;\r\n }\r\n\r\n .in {\r\n position: relative;\r\n padding-left: 12px;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: rgba(128, 128, 128, 0.5);\r\n left: 3px;\r\n bottom: 7px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n p {\r\n font: {\r\n size: 16px;\r\n weight: 600;\r\n }\r\n color: black;\r\n cursor: pointer;\r\n text-transform: capitalize;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 15px;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.contacts {\r\n @media (max-width: 480px) {\r\n margin-bottom: 150px;\r\n\r\n .section-inner {\r\n padding: 40px 15px !important;\r\n }\r\n }\r\n\r\n .contact-form {\r\n .row {\r\n .form-group,\r\n .input-group {\r\n margin-bottom: 20px;\r\n\r\n input,\r\n textarea,\r\n select,\r\n .input-group-text {\r\n font-size: 15px;\r\n padding: 10px;\r\n border-radius: 0px;\r\n border-color: rgba(128, 128, 128, 0.5);\r\n\r\n &:focus {\r\n box-shadow: none;\r\n border-color: black;\r\n }\r\n }\r\n\r\n .input-group-text {\r\n background-color: rgb(238, 238, 238);\r\n }\r\n\r\n textarea {\r\n resize: none;\r\n height: 200px;\r\n }\r\n\r\n select {\r\n cursor: pointer;\r\n\r\n option {\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .form-control[type=\"file\"]:not(:disabled):not([readonly]),\r\n input[type=\"file\"]::file-selector-button {\r\n border-radius: 0px;\r\n border-color: rgba(128, 128, 128, 0.5);\r\n\r\n &:focus {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n input[type=\"file\"]::file-selector-button {\r\n padding: 9px;\r\n background-color: rgb(238, 238, 238);\r\n }\r\n }\r\n\r\n label {\r\n display: none;\r\n }\r\n\r\n ._button {\r\n margin-top: 0px;\r\n }\r\n\r\n .arabic-upload {\r\n display: none;\r\n }\r\n\r\n .custom-file {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n\r\n button {\r\n max-height: 43px;\r\n width: 25%;\r\n font-size: 13px;\r\n padding: 13px 0px;\r\n border-radius: 0px;\r\n border: 1px solid rgba(128, 128, 128, 0.5);\r\n cursor: pointer;\r\n border-right: none;\r\n\r\n &:hover {\r\n background-color: rgba(128, 128, 128, 0.6);\r\n }\r\n }\r\n\r\n #file-chosen {\r\n width: 75%;\r\n font-size: 15px;\r\n padding: 7px;\r\n max-height: 43px;\r\n border-radius: 0px;\r\n border: 1px solid rgba(128, 128, 128, 0.5);\r\n cursor: pointer;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n ._button {\r\n border: none;\r\n background-color: white;\r\n width: fit-content;\r\n padding: 0 10px;\r\n\r\n a {\r\n display: inline-block;\r\n color: #000;\r\n padding: 12px 30px;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n\r\n .front {\r\n padding: 12px 30px;\r\n }\r\n }\r\n }\r\n\r\n .sent {\r\n display: none;\r\n p {\r\n width: 100%;\r\n padding: 10px 12px;\r\n font: {\r\n size: 15px;\r\n weight: 500;\r\n }\r\n color: white;\r\n background-color: #03b103;\r\n\r\n @media (max-width: 767px) {\r\n margin: 8px 0;\r\n }\r\n }\r\n &.active {\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\nbody {\r\n &.dark {\r\n background-color: black;\r\n\r\n @media (max-width: 1199px) {\r\n background-color: #14161b;\r\n }\r\n\r\n .preloader {\r\n svg {\r\n fill: black;\r\n }\r\n\r\n .loader-container {\r\n .loaded {\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .about {\r\n .text {\r\n border-color: gray;\r\n }\r\n\r\n .section1 {\r\n .heading {\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .section2 {\r\n @media (max-width: 767px) {\r\n border-top-color: gray;\r\n }\r\n\r\n .lang-section {\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .front {\r\n &::after {\r\n background-color: gray !important;\r\n }\r\n }\r\n\r\n .knowledge,\r\n .additional {\r\n &::before {\r\n background-color: gray;\r\n }\r\n\r\n ul {\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .knowledge {\r\n &::after {\r\n background-color: gray;\r\n }\r\n }\r\n\r\n .timeline {\r\n &::before {\r\n background-color: #3e465b !important;\r\n }\r\n\r\n .year,\r\n .content {\r\n background-color: #202636 !important;\r\n color: white !important;\r\n\r\n h4 {\r\n color: white !important;\r\n }\r\n }\r\n\r\n .left {\r\n .content::before {\r\n width: 0px;\r\n @include shape(\"traingle\", \"right\", #202636, 26%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #202636, 50%);\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n .content::before {\r\n @include shape(\"traingle\", \"left\", #202636, 24%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #202636, 50%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .service {\r\n img {\r\n filter: invert(1) brightness(2);\r\n }\r\n\r\n .list_inner {\r\n border-color: gray;\r\n\r\n .list {\r\n border-top-color: gray;\r\n\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .service-card {\r\n &:nth-of-type(2) {\r\n @media (min-width: 768px) {\r\n border-color: gray;\r\n }\r\n @media (min-width: 992px) {\r\n border-left-color: gray;\r\n border-right-color: gray;\r\n }\r\n }\r\n }\r\n\r\n .service-header {\r\n border-bottom-color: gray;\r\n\r\n h3 {\r\n color: white;\r\n }\r\n }\r\n\r\n .service-content {\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .portfolioe {\r\n .taskbar {\r\n .buttons {\r\n border-color: gray;\r\n\r\n button {\r\n background-color: #2e333d;\r\n color: gray;\r\n\r\n &:hover,\r\n &.active {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .protfolio-container {\r\n .img {\r\n border-color: gray;\r\n }\r\n }\r\n }\r\n\r\n .certificate {\r\n .certificates {\r\n .img {\r\n background-color: #2e333d;\r\n }\r\n }\r\n }\r\n\r\n .contacts {\r\n .contact-form {\r\n .row {\r\n .form-group,\r\n .input-group {\r\n input,\r\n textarea,\r\n select,\r\n .input-group-text {\r\n border-color: gray;\r\n background-color: #3e465b;\r\n color: white;\r\n\r\n &:focus {\r\n border-color: white;\r\n }\r\n\r\n &::placeholder {\r\n color: white;\r\n }\r\n }\r\n\r\n .input-group-text {\r\n background-color: #3e465b;\r\n }\r\n }\r\n }\r\n\r\n .custom-file {\r\n button {\r\n background-color: #3e465b;\r\n color: white;\r\n\r\n &:hover {\r\n background-color: #38425e;\r\n }\r\n }\r\n\r\n #file-chosen {\r\n background-color: #3e465b;\r\n color: white;\r\n font-weight: 400;\r\n }\r\n }\r\n\r\n ._button {\r\n background-color: #14161b !important;\r\n\r\n a {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._button {\r\n a {\r\n color: white;\r\n\r\n .front {\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n .text_hover_effect {\r\n color: white;\r\n }\r\n\r\n .line-effect {\r\n color: white;\r\n\r\n &:after {\r\n background-color: white !important;\r\n }\r\n\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n\r\n .section-inner {\r\n border-color: gray;\r\n\r\n .title {\r\n h3 {\r\n background-color: gray;\r\n color: white;\r\n }\r\n }\r\n\r\n .title-section {\r\n color: white;\r\n }\r\n }\r\n\r\n aside,\r\n section.data {\r\n background-color: #14161b !important;\r\n\r\n h2,\r\n .animateText,\r\n h1 {\r\n color: white;\r\n }\r\n\r\n .links,\r\n .navbar-collapse {\r\n ul {\r\n li {\r\n a {\r\n &.active,\r\n &:hover {\r\n color: white !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .social {\r\n ul {\r\n li {\r\n a {\r\n i {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dmenu {\r\n background-color: rgba(12, 9, 9, 0.555);\r\n\r\n img {\r\n filter: invert(1) brightness(2);\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\n\n// !Components File\n@use \"components/global-rules\";\n\n// !Layouts File\n@use \"layouts/home\";\n@use \"layouts/aside\";\n@use \"layouts/header\";\n@use \"layouts/about\";\n@use \"layouts/services\";\n@use \"layouts/portfolio\";\n@use \"layouts/certificate\";\n@use \"layouts/blog\";\n@use \"layouts/contact\";\n\n// !DarkMode File\n@use \"layouts/darkmode\";\n\n// !Utilities File\n@use \"utilities/colors\" as *;\n@use \"utilities/times\" as *;\n\nbody {\n font-family: \"Syne\", sans-serif;\n background-color: #eee;\n color: $main-color;\n position: relative;\n font-size: 16px;\n line-height: 27px;\n letter-spacing: 0px;\n word-wrap: break-word;\n font-weight: 400;\n width: 100%;\n height: 100vh !important;\n z-index: -2;\n overflow: hidden;\n\n @media (max-width: 1199px) {\n background-color: white;\n }\n\n #particles-js {\n position: absolute;\n z-index: -3;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh !important;\n pointer-events: none;\n }\n\n .portfolios {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n z-index: -2;\n\n aside,\n section.data {\n scroll-behavior: smooth !important;\n background-color: white;\n border-radius: 2px;\n text-align: center;\n\n @media (min-width: 1440px) {\n height: 750px;\n padding: 0 40px;\n }\n\n @media (max-width: 1439px) {\n padding: 40px;\n height: 570px;\n }\n\n @media (max-width: 1199px) {\n padding: 0px 40px;\n height: 100vh !important;\n }\n }\n\n aside {\n width: calc(30% - 20px);\n margin: {\n right: 20px;\n }\n\n @media (min-width: 1440px) {\n padding: 120px 40px;\n }\n\n @media (max-width: 1439px) {\n width: calc(30% - 10px);\n margin: {\n right: 10px;\n }\n }\n\n @media (max-width: 1199px) {\n display: none;\n }\n }\n\n section.data {\n overflow-y: hidden;\n overflow: auto;\n position: relative;\n width: calc(70% - 20px);\n margin: {\n left: 20px;\n }\n\n @media (max-width: 1439px) {\n width: calc(70% - 10px);\n margin: {\n left: 10px;\n }\n padding: 0 30px;\n }\n\n @media (max-width: 1199px) {\n width: 100%;\n height: 100vh !important;\n\n margin: {\n left: 0px;\n }\n padding: 0 20px;\n }\n\n @media (max-width: 1199px) {\n width: 100%;\n height: 100vh !important;\n padding: 0 10px;\n }\n\n .block {\n @media only screen and (min-width: 200px) and (max-width: 1439px) {\n &:not(:first-of-type) {\n padding-top: 50px;\n }\n }\n }\n }\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["components/_global-rules.scss","layouts/_home.scss","layouts/_aside.scss","style.min.css","layouts/_header.scss","layouts/_about.scss","utilities/_mixins.scss","layouts/_services.scss","layouts/_portfolio.scss","layouts/_certificate.scss","layouts/_blog.scss","layouts/_contact.scss","layouts/_darkmode.scss","main.scss"],"names":[],"mappings":"AAKA,EACE,WAAA,qBACA,OAAA,EACA,QAAA,EACA,oBAAA,KAAA,iBAAA,KAAA,YAAA,KAGF,KACE,gBAAA,iBAEA,OACE,MAAA,QACA,gBAAA,KAGF,QACE,gBAAA,KACA,QAAA,EACA,OAAA,EAIJ,oBACE,MAAA,EAGF,WACE,SAAA,SACA,0BAFF,WAGI,UAAA,QAGF,0BANF,WAOI,UAAA,OACA,QAAA,MAGF,0BAXF,WAYI,QAAA,MAIJ,aACE,SAAA,SACA,gBAAA,KACA,QAAA,aACA,MAAA,KAEA,mBACE,QAAA,GACA,SAAA,SACA,MAAA,EACA,OAAA,IACA,KAAA,KACA,MAAA,EACA,OAAA,IACA,WAAA,MAAA,IAAA,2BAAA,GACA,iBAAA,eAGF,mBACE,MAAA,KAEA,0BACE,MAAA,KACA,KAAA,EACA,MAAA,KAKN,IACE,kBAAA,KACA,iBAAA,KACA,eAAA,KACA,aAAA,KAGF,aAEI,UAAA,KACA,YAAA,gBAEF,eAAA,UACA,MAAA,KAKF,SACE,MAAA,KACA,OAAA,QAEA,WACE,QAAA,aACA,MAAA,KACA,QAAA,IAAA,KACA,SAAA,SACA,WAAA,IAAA,IAAA,KAEA,iBACE,SAAA,SACA,QAAA,EACA,QAAA,MAGF,kBACE,SAAA,SACA,IAAA,EACA,KAAA,EACA,OAAA,EACA,MAAA,KACA,YAAA,OACA,MAAA,KACA,QAAA,IAAA,KACA,QAAA,EACA,SAAA,OACA,WAAA,IAAA,IAAA,KAGF,wBACE,MAAA,KAGF,kBACE,SAAA,SACA,QAAA,GACA,IAAA,EACA,OAAA,EACA,KAAA,EACA,MAAA,KACA,iBAAA,KACA,WAAA,IAAA,IAAA,KAGF,wBACE,MAAA,KAKN,mBACE,SAAA,SACA,QAAA,OACA,iBAAA,2CACA,oBAAA,EAAA,KACA,kBAAA,UACA,gBAAA,EAAA,IACA,WAAA,gBAAA,IAEA,0BACE,QAAA,GACA,SAAA,SACA,IAAA,KACA,KAAA,KACA,MAAA,KACA,OAAA,KAGF,yBACE,gBAAA,KAAA,IAIJ,eACE,OAAA,IAAA,MAAA,eACA,QAAA,KAAA,KAAA,KACA,SAAA,SAEA,gCACE,cAAA,KAGF,0BATF,eAUI,QAAA,KAAA,KAAA,MAGF,sBACE,SAAA,SACA,IAAA,MAEA,yBACE,UAAA,KACA,eAAA,UACA,QAAA,aACA,iBAAA,QACA,QAAA,KAAA,KAAA,IAAA,KACA,MAAA,KACA,YAAA,IAEA,yBATF,yBAUI,UAAA,MAKN,8BACE,UAAA,KACA,eAAA,UACA,MAAA,KACA,YAAA,IACA,eAAA,KAEA,4CACE,UAAA,KAKN,eACE,MAAA,KACA,OAAA,KACA,SAAA,MACA,IAAA,EACA,KAAA,EACA,iBAAA,eACA,QAAA,KACA,OAAA,SAGF,OACE,SAAA,MACA,QAAA,KACA,KAAA,IACA,IAAA,IACA,UAAA,qBACA,OAAA,EACA,QAAA,EAEA,yBATF,OAUI,MAAA,OAGF,WACE,MAAA,MACA,UAAA,KACA,WAAA,IAEA,cAAA,KAEA,OAAA,KAEA,iBACE,UAAA,WAMJ,yBACE,cAAA,KAIJ,WACE,SAAA,MACA,IAAA,EACA,KAAA,EACA,OAAA,MACA,MAAA,KACA,QAAA,KACA,gBAAA,OACA,YAAA,OACA,WAAA,IACA,SAAA,OACA,QAAA,EAEA,eACE,SAAA,SACA,IAAA,EACA,OAAA,MACA,MAAA,MACA,KAAA,KAIA,qCACE,UAAA,OACA,YAAA,IACA,MAAA,KACA,eAAA,UACA,eAAA,IACA,QAAA,GAEA,0CACE,UAAA,iBAAA,GAAA,SAAA,UAEA,uDACE,gBAAA,GAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,uDACE,gBAAA,IAGF,wDACE,gBAAA,IAGF,wDACE,gBAAA,GAOV,4BACE,GACE,QAAA,EAGF,KACE,QAAA,GAIJ,QACE,SAAA,SACA,IAAA,KACA,MAAA,MAEA,yBALF,QAMI,MAAA,GAGF,yBACE,mBAAA,KAAA,gBAAA,KAAA,WAAA,KACA,QAAA,KAGF,uBACE,iBAAA,KACA,OAAA,KACA,MAAA,KACA,SAAA,SACA,OAAA,QACA,cAAA,KACA,WAAA,IAEA,+BACE,YAAA,+BACA,QAAA,QACA,YAAA,IACA,iBAAA,KACA,MAAA,KACA,OAAA,KACA,UAAA,KACA,SAAA,SACA,cAAA,IACA,IAAA,IACA,KAAA,IACA,QAAA,KACA,gBAAA,OACA,YAAA,OACA,MAAA,QACA,WAAA,IAIJ,gDACE,iBAAA,iBAEA,wDACE,QAAA,QACA,KAAA,KACA,MAAA,KC1YN,OACE,OAAA,KACA,SAAA,SAEA,0BAJF,OAKI,YAAA,KACA,OAAA,MAGF,0BATF,OAUI,OAAA,OAIJ,MACE,SAAA,SACA,IAAA,IACA,KAAA,IACA,UAAA,qBAEA,0BANF,MAOI,MAAA,KAIA,kBACE,MAAA,MACA,cAAA,IACA,WAAA,IACA,OAAA,QAEA,wBACE,UAAA,WAGF,0BAVF,kBAWI,MAAA,OAKN,YACE,QAAA,MAEE,WAAA,KACA,cAAA,KAGF,eACE,MAAA,KACA,eAAA,UACA,UAAA,KACA,YAAA,IAEA,0BANF,eAOI,UAAA,MAGF,0BAVF,eAWI,UAAA,MAMJ,wBACE,QAAA,MACA,eAAA,IAEE,UAAA,KACA,YAAA,ICrEN,eACE,cAAA,KAGF,cC+aF,wBD7aI,UAAA,KACA,iBCgbJ,2BD9aQ,cAAA,KAGF,oBC+aN,8BD9aQ,OAAA,QACA,WAAA,IAEE,cAAA,IAIA,6BAAA,4BC6aV,uCACA,sCD5aY,MAAA,eAOV,kBAEI,WAAA,KACA,cAAA,KAGF,oBACE,MAAA,KACA,OAAA,QAGE,gCACE,MAAA,KACA,KAAA,EACA,MAAA,KAQJ,qBACE,QAAA,aAEE,YAAA,KACA,aAAA,KAGA,yBACE,WAAA,IACA,UAAA,KAEA,+BACE,MAAA,KAUZ,0BADF,OAEI,QAAA,ME3EJ,OACE,eAAA,OACA,OAAA,IAAA,MAAA,QACA,cAAA,KACA,SAAA,MACA,MAAA,KACA,IAAA,IACA,UAAA,iBACA,WAAA,OACA,IAAA,KACA,QAAA,KAAA,EACA,iBAAA,qBACA,wBAAA,UAAA,gBAAA,UACA,QAAA,GAEA,yBAfF,OAgBI,MAAA,MAGF,yBAnBF,OAoBI,IAAA,IACA,MAAA,IACA,UAAA,oBACA,eAAA,IACA,IAAA,EACA,OAAA,KACA,QAAA,KAAA,KAIA,YACE,QAAA,MACA,SAAA,SACA,MAAA,KACA,WAAA,IACA,MAAA,QACA,OAAA,QAEA,gBACE,MAAA,KACA,OAAA,KAKA,wBAAA,uBACE,QAAA,EACA,WAAA,QAIJ,iBACE,SAAA,SACA,WAAA,IACA,UAAA,KACA,WAAA,QACA,MAAA,KACA,MAAA,KACA,QAAA,MACA,QAAA,IAAA,IACA,cAAA,IACA,WAAA,OACA,QAAA,EAEA,yBAbF,iBAcI,UAAA,cACA,MAAA,KACA,IAAA,OAGF,yBACE,QAAA,GACA,MAAA,KACA,OAAA,KACA,WAAA,QACA,SAAA,SACA,MAAA,KACA,IAAA,IACA,UAAA,cAAA,mBACA,WAAA,KACA,QAAA,GAIJ,uBACE,QAAA,EACA,WAAA,QAOA,yBADF,8BAAA,8BAEI,IAAA,OAOF,yBADF,8BAEI,MAAA,MACA,IAAA,OAOF,yBADF,8BAEI,MAAA,MACA,IAAA,OAOF,yBADF,8BAEI,MAAA,EACA,IAAA,OAOF,yBADF,8BAEI,MAAA,MACA,IAAA,OCjIV,OF8lBA,OADA,aAEA,UAHA,YADA,SErlBE,WAAA,KACA,YAAA,EAEA,0BATF,OFwmBE,OADA,aAEA,UAHA,YADA,SE3lBE,YAAA,MAGF,yBAbF,OFknBE,OADA,aAEA,UAHA,YADA,SEjmBE,UAAA,MAGF,eF0mBF,eADA,qBAEA,kBAHA,oBADA,iBErmBM,aAAA,KACA,cAAA,KAGF,yBANF,eFonBA,eADA,qBAEA,kBAHA,oBADA,iBEzmBM,aAAA,KACA,cAAA,MAKN,aFgnBF,aADA,mBAEA,gBAHA,kBADA,eE5mBI,MAAA,KACA,cAAA,IAAA,MAAA,eACA,eAAA,KACA,cAAA,KAEA,yBANF,aF4nBA,aADA,mBAEA,gBAHA,kBADA,eElnBI,eAAA,KACA,cAAA,MAIJ,gBF0nBF,gBADA,sBAEA,mBAHA,qBADA,kBEtnBI,MAAA,KAEA,mBF+nBJ,mBADA,yBAEA,sBAHA,wBADA,qBE3nBM,QAAA,KACA,UAAA,KACA,YAAA,MAEA,sBFooBN,sBADA,4BAEA,yBAHA,2BADA,wBEhoBQ,MAAA,IACA,aAAA,KACA,cAAA,IAEA,uCFyoBR,uCADA,6CAEA,0CAHA,4CADA,yCEroBU,UAAA,MACA,QAAA,aAEA,yBAJF,uCFmpBN,uCADA,6CAEA,0CAHA,4CADA,yCE3oBU,UAAA,KACA,cAAA,KAIJ,yBAfF,sBFmqBJ,sBADA,4BAEA,yBAHA,2BADA,wBEhpBQ,MAAA,KAEA,uCFypBR,uCADA,6CAEA,0CAHA,4CADA,yCErpBU,UAAA,EACA,cAAA,KAOV,gBF0pBF,gBADA,sBAEA,mBAHA,qBADA,kBEtpBI,WAAA,KF8pBJ,mBE3pBE,kBFmqBF,mBADA,kBADA,yBADA,wBAKA,sBADA,qBALA,wBADA,uBADA,qBADA,oBE1pBI,SAAA,SFuqBJ,2BErqBI,0BF6qBJ,2BADA,0BADA,iCADA,gCAKA,8BADA,6BALA,gCADA,+BADA,6BADA,4BErqBM,QAAA,GACA,SAAA,SACA,IAAA,EACA,KAAA,iBACA,MAAA,IACA,OAAA,KACA,iBAAA,eAGF,yBFgrBF,0BE/qBI,yBFurBJ,0BADA,yBADA,gCADA,+BAKA,6BADA,4BALA,+BADA,8BADA,4BADA,2BE/qBM,QAAA,MAMJ,yBF0rBJ,yBADA,+BAEA,4BAHA,8BADA,2BEtrBM,QAAA,GACA,SAAA,SACA,IAAA,EACA,KAAA,iBACA,MAAA,IACA,OAAA,KACA,iBAAA,eACA,QAAA,KAGF,+DACE,yBF8rBJ,yBADA,+BAEA,4BAHA,8BADA,2BE1rBM,QAAA,OFmsBR,mBE9rBE,kBF+rBF,iBAWA,mBADA,kBAEA,iBAJA,yBADA,wBAEA,uBAKA,sBADA,qBAEA,oBAVA,wBADA,uBAEA,sBAJA,qBADA,oBAEA,mBE/rBI,SAAA,SAEA,yBF8sBF,mBEntBA,kBFotBA,iBAWA,mBADA,kBAEA,iBAJA,yBADA,wBAEA,uBAKA,sBADA,qBAEA,oBAVA,wBADA,uBAEA,sBAJA,qBADA,oBAEA,mBEhtBM,aAAA,KACA,cAAA,MAMF,yBF6tBJ,iCACA,iCEhuBE,gCF8tBF,gCAGA,+BACA,+BAqBA,iCACA,iCAHA,gCACA,gCAGA,+BACA,+BATA,uCACA,uCAHA,sCACA,sCAGA,qCACA,qCASA,oCACA,oCAHA,mCACA,mCAGA,kCACA,kCArBA,sCACA,sCAHA,qCACA,qCAGA,oCACA,oCATA,mCACA,mCAHA,kCACA,kCAGA,iCACA,iCEruBM,QAAA,OFkwBR,sCE7vBM,qCF8vBN,oCAWA,sCADA,qCAEA,oCAJA,4CADA,2CAEA,0CAKA,yCADA,wCAEA,uCAVA,2CADA,0CAEA,yCAJA,wCADA,uCAEA,sCEhwBQ,cAAA,IAAA,MAAA,eAKA,gEF8wBN,mCADA,oCADA,kCE9wBI,mCFkxBJ,iCADA,kCAuBA,mCADA,oCADA,kCADA,mCAKA,iCADA,kCAPA,yCADA,0CADA,wCADA,yCAKA,uCADA,wCAWA,sCADA,uCADA,qCADA,sCAKA,oCADA,qCAnBA,wCADA,yCADA,uCADA,wCAKA,sCADA,uCAPA,qCADA,sCADA,oCADA,qCAKA,mCADA,oCEpxBQ,QAAA,aACA,MAAA,KAGF,yBFkzBN,mCADA,oCADA,kCEvzBI,mCF2zBJ,iCADA,kCAuBA,mCADA,oCADA,kCADA,mCAKA,iCADA,kCAPA,yCADA,0CADA,wCADA,yCAKA,uCADA,wCAWA,sCADA,uCADA,qCADA,sCAKA,oCADA,qCAnBA,wCADA,yCADA,uCADA,wCAKA,sCADA,uCAPA,qCADA,sCADA,oCADA,qCAKA,mCADA,oCExzBQ,QAAA,MACA,MAAA,MFw1BV,kDADA,mDADA,iDEn1BQ,kDFu1BR,gDADA,iDAuBA,kDADA,mDADA,iDADA,kDAKA,gDADA,iDAPA,wDADA,yDADA,uDADA,wDAKA,sDADA,uDAWA,qDADA,sDADA,oDADA,qDAKA,mDADA,oDAnBA,uDADA,wDADA,sDADA,uDAKA,qDADA,sDAPA,oDADA,qDADA,mDADA,oDAKA,kDADA,mDE31BU,OAAA,KAAA,EAAA,IFw3BV,oCEp3BM,mCFq3BN,kCAWA,oCADA,mCAEA,kCAJA,0CADA,yCAEA,wCAKA,uCADA,sCAEA,qCAVA,yCADA,wCAEA,uCAJA,sCADA,qCAEA,oCEv3BQ,SAAA,SACA,SAAA,OFu4BR,2CEr4BQ,0CFs4BR,yCAWA,2CADA,0CAEA,yCAJA,iDADA,gDAEA,+CAKA,8CADA,6CAEA,4CAVA,gDADA,+CAEA,8CAJA,6CADA,4CAEA,2CEx4BU,QAAA,GACA,SAAA,SACA,IAAA,IACA,MAAA,KACA,UAAA,iBACA,MAAA,IACA,OAAA,KACA,iBAAA,eAGF,yBFs5BN,2CEr5BQ,0CFs5BR,yCAWA,2CADA,0CAEA,yCAJA,iDADA,gDAEA,+CAKA,8CADA,6CAEA,4CAVA,gDADA,+CAEA,8CAJA,6CADA,4CAEA,2CEx5BU,QAAA,MFy6BZ,sBEn6BI,qBFo6BJ,oBAWA,sBADA,qBAEA,oBAJA,4BADA,2BAEA,0BAKA,yBADA,wBAEA,uBAVA,2BADA,0BAEA,yBAJA,wBADA,uBAEA,sBEt6BM,gBAAA,OFs7BN,yBEp7BM,wBFq7BN,uBAWA,yBADA,wBAEA,uBAJA,+BADA,8BAEA,6BAKA,4BADA,2BAEA,0BAVA,8BADA,6BAEA,4BAJA,2BADA,0BAEA,yBEv7BQ,YAAA,KACA,UAAA,KFu8BR,+BEr8BQ,8BFs8BR,6BAWA,+BADA,8BAEA,6BAJA,qCADA,oCAEA,mCAKA,kCADA,iCAEA,gCAVA,oCADA,mCAEA,kCAJA,iCADA,gCAEA,+BEx8BU,gBAAA,KACA,MAAA,KFw9BV,6BEn9BI,4BFo9BJ,2BAWA,6BADA,4BAEA,2BAJA,mCADA,kCAEA,iCAKA,gCADA,+BAEA,8BAVA,kCADA,iCAEA,gCAJA,+BADA,8BAEA,6BEt9BM,aAAA,KAEA,yBFq+BJ,6BEx+BE,4BFy+BF,2BAWA,6BADA,4BAEA,2BAJA,mCADA,kCAEA,iCAKA,gCADA,+BAEA,8BAVA,kCADA,iCAEA,gCAJA,+BADA,8BAEA,6BEx+BM,aAAA,MAGF,yBFu/BJ,6BE9/BE,4BF+/BF,2BAWA,6BADA,4BAEA,2BAJA,mCADA,kCAEA,iCAKA,gCADA,+BAEA,8BAVA,kCADA,iCAEA,gCAJA,+BADA,8BAEA,6BEz/BQ,YAAA,KACA,eAAA,EAEF,WAAA,KACA,cAAA,KACA,WAAA,IAAA,MAAA,gBFygCR,2CEtgCM,0CFugCN,yCAWA,2CADA,0CAEA,yCAJA,iDADA,gDAEA,+CAKA,8CADA,6CAEA,4CAVA,gDADA,+CAEA,8CAJA,6CADA,4CAEA,2CEzgCQ,eAAA,KACA,cAAA,KACA,cAAA,IAAA,MAAA,eAEA,yBFwhCN,2CE7hCI,0CF8hCJ,yCAWA,2CADA,0CAEA,yCAJA,iDADA,gDAEA,+CAKA,8CADA,6CAEA,4CAVA,gDADA,+CAEA,8CAJA,6CADA,4CAEA,2CE3hCQ,eAAA,EACA,cAAA,MAON,+DACE,2BFwiCJ,2BADA,iCAEA,8BAHA,gCADA,6BEpiCM,QAAA,OAKF,yBAFF,yBF2iCF,yBAOA,yBACA,yBAHA,+BACA,+BAGA,4BACA,4BAPA,8BACA,8BAHA,2BACA,2BE1iCM,MAAA,KAGF,yBANF,yBF2jCF,yBAOA,yBACA,yBAHA,+BACA,+BAGA,4BACA,4BAPA,8BACA,8BAHA,2BACA,2BEtjCM,MAAA,MAKF,yBADF,yBFmkCF,yBADA,+BAEA,4BAHA,8BADA,2BE9jCM,OAAA,KACA,YAAA,EACA,aAAA,MAGF,yBAPF,yBF+kCF,yBADA,+BAEA,4BAHA,8BADA,2BEpkCM,aAAA,MAKN,iBF2kCF,iBADA,uBAEA,oBAHA,sBADA,mBEvkCI,SAAA,SAEA,2BFglCJ,2BADA,iCAEA,8BAHA,gCADA,6BE5kCM,SAAA,SACA,SAAA,OAEA,mCFqlCN,mCADA,yCAEA,sCAHA,wCADA,qCEjlCQ,QAAA,GACA,SAAA,SACA,MAAA,IACA,OAAA,KACA,iBAAA,QACA,KAAA,IACA,YAAA,KACA,IAAA,EAGF,iCFylCN,iCADA,uCAEA,oCAHA,sCADA,mCErlCQ,OAAA,KAAA,KACA,MAAA,iBAAA,MAAA,YACA,iBAAA,QACA,SAAA,SACA,QAAA,EACA,WAAA,OACA,MAAA,KACA,QAAA,IAAA,IACA,cAAA,IAEE,UAAA,KACA,YAAA,IAIJ,qCF4lCN,qCADA,2CAEA,wCAHA,0CADA,uCExlCQ,MAAA,KAGF,oCFgmCN,oCADA,0CAEA,uCAHA,yCADA,sCE5lCQ,iBAAA,QACA,QAAA,KACA,cAAA,IAEA,uCFqmCR,uCADA,6CAEA,0CAHA,4CADA,yCEjmCU,UAAA,KACA,MAAA,KACA,YAAA,IAGF,sCFymCR,sCADA,4CAEA,yCAHA,2CADA,wCErmCU,MAAA,QACA,OAAA,EACA,YAAA,IACA,UAAA,KAIJ,iCF4mCN,iCADA,uCAEA,oCAHA,sCADA,mCExmCQ,MAAA,iBACA,cAAA,KACA,SAAA,SACA,MAAA,KAEA,yBANF,iCFwnCJ,iCADA,uCAEA,oCAHA,sCADA,mCE9mCQ,MAAA,KACA,WAAA,MAGF,yCFunCR,yCADA,+CAEA,4CAHA,8CADA,2CEnnCU,QAAA,GACA,MAAA,KACA,OAAA,KACA,iBAAA,KACA,OAAA,IAAA,MAAA,eACA,SAAA,SACA,cAAA,IACA,IAAA,KACA,MAAA,MAEA,+DAXF,yCFwoCN,yCADA,+CAEA,4CAHA,8CADA,2CEznCU,IAAA,MACA,MAAA,MACA,UAAA,kBAGF,yBAjBF,yCFopCN,yCADA,+CAEA,4CAHA,8CADA,2CE/nCU,IAAA,MACA,MAAA,IACA,UAAA,kBAGF,yBAvBF,yCFgqCN,yCADA,+CAEA,4CAHA,8CADA,2CEroCU,IAAA,MACA,MAAA,MACA,UAAA,kBAIJ,kDF6oCR,kDADA,wDAEA,qDAHA,uDADA,oDEzoCU,MAAA,EC1WR,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAaE,IAAA,IACA,UAAA,iBACA,MAAA,MAGE,kBAAA,QDyVI,yBAJF,kDF6pCN,kDADA,wDAEA,qDAHA,uDADA,oDGngDA,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAGE,KAAA,IACA,UAAA,iBACA,IAAA,MAGE,oBAAA,SDyWA,kCFkqCN,kCADA,wCAEA,qCAHA,uCADA,oCE9pCQ,MAAA,iBACA,cAAA,KACA,SAAA,SACA,MAAA,MAEA,yBANF,kCF8qCJ,kCADA,wCAEA,qCAHA,uCADA,oCEpqCQ,MAAA,KACA,WAAA,MAGF,0CF6qCR,0CADA,gDAEA,6CAHA,+CADA,4CEzqCU,QAAA,GACA,MAAA,KACA,OAAA,KACA,iBAAA,KACA,OAAA,IAAA,MAAA,eACA,SAAA,SACA,cAAA,IACA,IAAA,KACA,KAAA,MAEA,yBAXF,0CF8rCN,0CADA,gDAEA,6CAHA,+CADA,4CE/qCU,IAAA,MACA,KAAA,IACA,UAAA,kBAIJ,mDFurCR,mDADA,yDAEA,sDAHA,wDADA,qDGpkDE,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAaE,IAAA,IACA,UAAA,iBACA,KAAA,MAKE,mBAAA,QD6XI,yBAHF,mDFssCN,mDADA,yDAEA,sDAHA,wDADA,qDGnlDA,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAGE,KAAA,IACA,UAAA,iBACA,IAAA,MAGE,oBAAA,SCLF,yBADF,wBAEI,QAAA,MAIJ,qBACE,OAAA,IAAA,MAAA,eACA,QAAA,KAEA,yBAJF,qBAKI,QAAA,KAEA,yBACE,cAAA,MAIJ,2BACE,WAAA,IAAA,MAAA,eACA,YAAA,KAEA,8BACE,gBAAA,OAEA,iCACE,UAAA,KAEE,WAAA,IACA,cAAA,IACA,YAAA,KAGF,uCACE,gBAAA,KACA,MAAA,KAMR,yBACE,MAAA,KACA,cAAA,KAMA,yBADF,sCAEI,YAAA,IAAA,MAAA,gBAEF,yBAJF,sCAKI,YAAA,IAAA,MAAA,eACA,aAAA,IAAA,MAAA,gBAKN,yBACE,cAAA,IAAA,MAAA,eAEE,cAAA,KACA,WAAA,KAGF,4BACE,UAAA,KACA,eAAA,UACA,MAAA,KACA,YAAA,IACA,eAAA,KAGF,gCACE,UAAA,KACA,YAAA,KAMA,gCACE,UAAA,KACA,OAAA,QACA,WAAA,IAGE,WAAA,KACA,cAAA,IAGF,sCACE,MAAA,KC7FN,0BADF,2BAEI,QAAA,KAEA,sCACE,QAAA,KAAA,EAAA,aAIJ,0BATF,2BAUI,QAAA,KAEA,sCACE,QAAA,KAAA,EAAA,aAMJ,8BACE,cAAA,IAAA,MAAA,eACA,eAAA,KAEA,qCACE,QAAA,aACA,QAAA,IAAA,KACA,iBAAA,KACA,OAAA,IACA,cAAA,IACA,OAAA,QACA,OAAA,KACA,MAAA,QAEA,yBAVF,qCAWI,QAAA,IAAA,IACA,OAAA,IACA,UAAA,MAGF,4CAAA,2CAEE,MAAA,KAMR,iCACE,WAAA,KACA,QAAA,MAEA,uCACE,OAAA,QACA,QAAA,EAAA,eAGE,WAAA,KACA,cAAA,KAGF,yBATF,uCAUI,QAAA,aAGF,6CACE,eAAA,UACA,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,IACA,MAAA,KACA,QAAA,IAAA,IACA,cAAA,KACA,OAAA,KACA,IAAA,KACA,QAAA,KAEA,yBAbF,6CAcI,UAAA,KACA,IAAA,IACA,OAAA,KAGF,oDACE,iBAAA,eACA,OAAA,IAIJ,4CACE,SAAA,SACA,OAAA,IAAA,MAAA,eAEA,gDACE,QAAA,MACA,MAAA,KACA,OAAA,KAGF,mDACE,QAAA,GACA,SAAA,SACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,iBAAA,gBACA,QAAA,IACA,QAAA,KAIJ,6CLkqDN,+CKhqDQ,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,IACA,MAAA,KACA,iBAAA,KACA,QAAA,IAAA,IACA,cAAA,KAEE,YAAA,KACA,aAAA,KAEF,OAAA,KACA,QAAA,KAEA,yBAjBF,6CLkrDJ,+CKhqDQ,UAAA,MAGF,mDLkqDR,qDKjqDU,iBAAA,QAIJ,+CACE,YAAA,KAGF,yBACE,mDACE,QAAA,MLmqDR,6CKhqDM,6CL+pDN,+CK5pDQ,QAAA,OAKF,yDACE,QAAA,MLgqDV,mDK7pDQ,mDL4pDR,qDKzpDU,QAAA,MClKR,yBACE,4BACE,QAAA,KAAA,gBAIF,gCACE,QAAA,KACA,iBAAA,KACA,OAAA,QAEE,WAAA,KACA,cAAA,KAGF,oCACE,MAAA,KChBN,sBACE,YAAA,eAEF,yBACE,sBACE,QAAA,gBAIJ,cAEI,YAAA,KACA,eAAA,KAGF,iCACE,cAAA,IAAA,MAAA,KAKF,sBACE,SAAA,OACA,OAAA,QAEA,0BACE,MAAA,KACA,OAAA,MACA,WAAA,IAAA,IAIA,gCACE,UAAA,WAMJ,2BACE,QAAA,aACA,cAAA,IAAA,MAAA,KACA,eAAA,IACA,YAAA,IACA,cAAA,KAEE,UAAA,KACA,YAAA,IAGF,yBAXF,2BAYI,UAAA,KACA,YAAA,MPy0DV,kCOt0DQ,iCAEE,OAAA,QAEE,aAAA,IACA,cAAA,IAIJ,kCACE,UAAA,KAGF,+BACE,SAAA,SACA,aAAA,KAEA,uCACE,QAAA,GACA,SAAA,SACA,MAAA,IACA,OAAA,IACA,cAAA,IACA,iBAAA,qBACA,KAAA,IACA,OAAA,IAMR,kBAEI,UAAA,KACA,YAAA,IAEF,MAAA,KACA,OAAA,QACA,eAAA,WAEA,yBATF,kBAUI,UAAA,MChGN,yBADF,UAEI,cAAA,MAEA,yBACE,QAAA,KAAA,gBAMA,yCRg6DN,0CQ95DQ,cAAA,KRo6DR,2DQl6DQ,+CRi6DR,gDADA,kDAMA,4DAHA,gDAEA,iDADA,mDQh6DU,UAAA,KACA,QAAA,KACA,cAAA,EACA,aAAA,qBRw6DV,iEQt6DU,qDRq6DV,sDADA,wDAMA,kEAHA,sDAEA,uDADA,yDQv6DY,WAAA,KACA,aAAA,KAIJ,2DRy6DR,4DQx6DU,iBAAA,KAGF,kDRy6DR,mDQx6DU,OAAA,KACA,OAAA,MAGF,gDRy6DR,iDQx6DU,OAAA,QAEA,uDR06DV,wDQz6DY,UAAA,KAKN,qFRw6DN,oEQt6DQ,cAAA,EACA,aAAA,qBAEA,2FRw6DR,0EQv6DU,WAAA,KAIJ,oEACE,QAAA,IACA,iBAAA,KAIJ,8BACE,QAAA,KAGF,iCACE,WAAA,EAGF,uCACE,QAAA,KAGF,qCACE,MAAA,KACA,QAAA,KACA,YAAA,OAEA,4CACE,WAAA,KACA,MAAA,IACA,UAAA,KACA,QAAA,KAAA,EACA,cAAA,EACA,OAAA,IAAA,MAAA,qBACA,OAAA,QACA,aAAA,KAEA,kDACE,iBAAA,qBAIJ,kDACE,MAAA,IACA,UAAA,KACA,QAAA,IACA,WAAA,KACA,cAAA,EACA,OAAA,IAAA,MAAA,qBACA,OAAA,QACA,SAAA,OAIJ,iCACE,OAAA,KACA,iBAAA,KACA,MAAA,iBAAA,MAAA,YACA,QAAA,EAAA,KAEA,mCACE,QAAA,aACA,MAAA,KACA,QAAA,KAAA,KACA,SAAA,SACA,WAAA,IAAA,IAAA,KAEA,0CACE,QAAA,KAAA,KAKN,8BACE,QAAA,KACA,gCACE,MAAA,KACA,QAAA,KAAA,KAEE,UAAA,KACA,YAAA,IAEF,MAAA,KACA,iBAAA,QAEA,yBAVF,gCAWI,OAAA,IAAA,GAGJ,qCACE,QAAA,MC9IN,UACE,iBAAA,KAEA,0BAHF,UAII,iBAAA,SAIA,yBACE,KAAA,KAIA,+CACE,MAAA,KAMJ,uBACE,aAAA,KAIA,oCACE,aAAA,KAKF,yBADF,2BAEI,iBAAA,MAGF,yCACE,aAAA,KAKF,+BACE,iBAAA,eToiEV,qCS9hEQ,oCACE,iBAAA,KTiiEV,yCS5hEY,wCACE,MAAA,KAON,mCACE,iBAAA,KAKF,mCACE,iBAAA,kBTuhEV,oCSphEQ,iCAEE,iBAAA,kBACA,MAAA,eTshEV,uCSphEU,oCACE,MAAA,eAKF,kDACE,MAAA,ENxFV,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAaE,IAAA,IACA,UAAA,iBACA,MAAA,MAGE,kBAAA,QMuEM,yBAJF,kDNvFR,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAGE,KAAA,IACA,UAAA,iBACA,IAAA,MAGE,oBAAA,SMwFI,mDNlGR,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAaE,IAAA,IACA,UAAA,iBACA,KAAA,MAKE,mBAAA,QM+EM,yBAHF,mDNlGR,QAAA,GACA,SAAA,SACA,OAAA,KAAA,MAAA,YAGE,KAAA,IACA,UAAA,iBACA,IAAA,MAGE,oBAAA,SMoGA,uBACE,OAAA,UAAA,cAGF,+BACE,aAAA,KAEA,qCACE,iBAAA,KAGE,8CACE,MAAA,KAQJ,yBADF,gDAEI,aAAA,MAEF,yBAJF,gDAKI,kBAAA,KACA,mBAAA,MAKN,mCACE,oBAAA,KAEA,sCACE,MAAA,KAMA,6CACE,MAAA,KAQJ,wCACE,aAAA,KAEA,+CACE,iBAAA,QACA,MAAA,KAEA,sDAAA,qDAEE,MAAA,KAON,gDACE,aAAA,KAOF,0CACE,iBAAA,QT4gEV,qESlgEY,yDTigEZ,0DADA,4DAMA,sEAHA,0DAEA,2DADA,6DShgEc,aAAA,KACA,iBAAA,QACA,MAAA,KTwgEd,2EStgEc,+DTqgEd,gEADA,kEAMA,4EAHA,gEAEA,iEADA,mESvgEgB,aAAA,KAGF,uFAAA,2EAAA,4EAAA,8EAAA,wFAAA,4EAAA,6EAAA,+EACE,MAAA,KT8gEhB,kFS/gEc,sET8gEd,uEADA,yEAMA,mFAHA,uEAEA,wEADA,0EShhEgB,MAAA,KAIJ,qETkhEZ,sESjhEc,iBAAA,QAMJ,sDACE,iBAAA,QACA,MAAA,KAEA,4DACE,iBAAA,QAIJ,4DACE,iBAAA,QACA,MAAA,KACA,YAAA,IAIJ,2CACE,iBAAA,kBAEA,6CACE,MAAA,KAON,qBACE,MAAA,KAEA,4BACE,MAAA,KAKN,6BACE,MAAA,KAGF,uBACE,MAAA,KAEA,6BACE,iBAAA,eAGF,6BACE,MAAA,KAIJ,yBACE,aAAA,KAGE,mCACE,iBAAA,KACA,MAAA,KAIJ,wCACE,MAAA,KAIJ,gBT0/DJ,uBSx/DM,iBAAA,kBT4/DN,6BACA,mBS3/DM,mBT6/DN,oCACA,0BAFA,0BSz/DQ,MAAA,KAQM,sCAAA,qCTu/Dd,gDACA,+CACA,6CACA,4CACA,uDACA,sDS1/DgB,MAAA,eAYA,wCTk/DhB,+CSj/DkB,MAAA,KASd,iBACE,iBAAA,kBAEA,qBACE,OAAA,UAAA,cCpTR,KACE,YAAA,IAAA,CAAA,WACA,iBAAA,KACA,MAAA,QACA,SAAA,SACA,UAAA,KACA,YAAA,KACA,eAAA,EACA,UAAA,WACA,YAAA,IACA,MAAA,KACA,OAAA,gBACA,QAAA,GACA,SAAA,OAEA,0BAfF,KAgBI,iBAAA,MAGF,mBACE,SAAA,SACA,QAAA,GACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,gBACA,eAAA,KAGF,iBACE,SAAA,SACA,IAAA,IACA,KAAA,IACA,UAAA,qBACA,MAAA,KACA,QAAA,GAEA,uBVmyEJ,8BUjyEM,gBAAA,iBACA,iBAAA,KACA,cAAA,IACA,WAAA,OAEA,0BAPF,uBV2yEF,8BUnyEM,OAAA,MACA,QAAA,EAAA,MAGF,0BAZF,uBVkzEF,8BUryEM,QAAA,KACA,OAAA,OAGF,0BAjBF,uBVyzEF,8BUvyEM,QAAA,EAAA,KACA,OAAA,iBAIJ,uBACE,MAAA,iBAEE,aAAA,KAGF,0BANF,uBAOI,QAAA,MAAA,MAGF,0BAVF,uBAWI,MAAA,iBAEE,aAAA,MAIJ,0BAjBF,uBAkBI,QAAA,MAIJ,8BACE,WAAA,OACA,SAAA,KACA,SAAA,SACA,MAAA,iBAEE,YAAA,KAGF,0BATF,8BAUI,MAAA,iBAEE,YAAA,KAEF,QAAA,EAAA,MAGF,0BAjBF,8BAkBI,MAAA,KACA,OAAA,gBAGE,YAAA,EAEF,QAAA,EAAA,MAGF,0BA3BF,8BA4BI,MAAA,KACA,OAAA,gBACA,QAAA,EAAA,MAIA,gEACE,yDACE,YAAA","file":"../src/scss/style.min.css","sourcesContent":["/** @format */\n\n@use \"../utilities/colors\" as *;\n@use \"../utilities/times\" as *;\n\n* {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n user-select: none;\n}\n\nhtml {\n scroll-behavior: smooth !important;\n\n a {\n color: $main-color;\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n }\n}\n\n::-webkit-scrollbar {\n width: 0px;\n}\n\n.container {\n position: relative;\n @media (min-width: 1440px) {\n max-width: 1400px;\n }\n\n @media (max-width: 1439px) {\n max-width: 1200px;\n padding: 30px;\n }\n\n @media (max-width: 1199px) {\n padding: 15px;\n }\n}\n\n.line-effect {\n position: relative;\n text-decoration: none;\n display: inline-block;\n color: #000;\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 1px;\n left: auto;\n right: 0;\n bottom: 3px;\n transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;\n background-color: black !important;\n }\n\n &:hover {\n color: #000;\n\n &::after {\n width: 100%;\n left: 0;\n right: auto;\n }\n }\n}\n\nimg {\n -webkit-user-drag: none;\n -khtml-user-drag: none;\n -moz-user-drag: none;\n -o-user-drag: none;\n}\n\n.header-logo {\n font : {\n size: 40px;\n family: \"Archivo Black\";\n }\n text-transform: uppercase;\n color: black;\n}\n\n/** @format */\n\n._button {\n width: 100%;\n cursor: pointer;\n\n a {\n display: inline-block;\n color: #000;\n padding: 4px 30px;\n position: relative;\n transition: all 0.3s ease;\n\n .back {\n position: relative;\n z-index: 1;\n display: block;\n }\n\n .front {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n color: #fff;\n white-space: nowrap;\n width: 60px;\n padding: 4px 30px;\n z-index: 1;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n &:hover .front {\n width: 100%;\n }\n\n &:before {\n position: absolute;\n content: \"\";\n top: 0;\n bottom: 0;\n left: 0;\n width: 60px;\n background-color: #999;\n transition: all 0.3s ease;\n }\n\n &:hover:before {\n width: 100%;\n }\n }\n}\n\n.text_hover_effect {\n position: relative;\n display: inline;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0% 100%;\n background-repeat: no-repeat;\n background-size: 0% 1px;\n transition: background-size 0.5s;\n\n &::after {\n content: \"\";\n position: absolute;\n top: -5px;\n left: -5px;\n right: -5px;\n bottom: -5px;\n }\n\n &:hover {\n background-size: 100% 1px;\n }\n}\n\n.section-inner {\n border: 1px solid rgba(0, 0, 0, 0.1);\n padding: 40px 30px 35px;\n position: relative;\n\n &:not(:last-child) {\n margin-bottom: 40px;\n }\n\n @media (max-width: 1439px) {\n padding: 40px 30px 20px;\n }\n\n .title {\n position: absolute;\n top: -20px;\n\n h3 {\n font-size: 15px;\n text-transform: uppercase;\n display: inline-block;\n background-color: #efefef;\n padding: 10px 30px 9px 30px;\n color: black;\n font-weight: 700;\n\n @media (max-width: 768px) {\n font-size: 14px;\n }\n }\n }\n\n .title-section {\n font-size: 14px;\n text-transform: uppercase;\n color: black;\n font-weight: 650;\n padding-bottom: 10px;\n\n &:not(.heading) {\n font-size: 13px;\n }\n }\n}\n\n.popup-overlay {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 2000;\n cursor: zoom-out;\n}\n\n.popUp {\n position: fixed;\n z-index: 2001;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n margin: 0;\n padding: 0;\n\n @media (max-width: 767px) {\n width: 370px;\n }\n\n img {\n width: 930px;\n max-width: 100%;\n transition: $transition3;\n\n border-radius: 12px;\n\n cursor: grab;\n\n &:hover {\n transform: scale(1.1);\n }\n }\n}\n\n.contacts {\n .section-inner {\n margin-bottom: 40px;\n }\n}\n\n.preloader {\n position: fixed;\n top: 0;\n left: 0;\n height: 100vh;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n overflow: hidden;\n z-index: 0;\n\n svg {\n position: absolute;\n top: 0;\n height: 110vh;\n width: 100vw;\n fill: white;\n }\n\n .loader-container {\n .loaded {\n font-size: 1.2rem;\n font-weight: 400;\n color: black;\n text-transform: uppercase;\n letter-spacing: 8px;\n z-index: 99;\n\n span {\n animation: loader-animation 1s infinite alternate;\n\n &:nth-child(1) {\n animation-delay: 0s;\n }\n\n &:nth-child(2) {\n animation-delay: 0.1s;\n }\n\n &:nth-child(3) {\n animation-delay: 0.2s;\n }\n\n &:nth-child(4) {\n animation-delay: 0.3s;\n }\n\n &:nth-child(5) {\n animation-delay: 0.4s;\n }\n\n &:nth-child(6) {\n animation-delay: 0.5s;\n }\n\n &:nth-child(7) {\n animation-delay: 0.6s;\n }\n\n &:nth-child(8) {\n animation-delay: 0.7s;\n }\n\n &:nth-child(9) {\n animation-delay: 0.8s;\n }\n\n &:nth-child(10) {\n animation-delay: 0.9s;\n }\n\n &:nth-child(11) {\n animation-delay: 1s;\n }\n }\n }\n }\n}\n\n@keyframes loader-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n.switch {\n position: absolute;\n top: 20px;\n right: -10px;\n\n @media (max-width: 767px) {\n right: 0px;\n }\n\n .toggle-checkbox {\n appearance: none;\n display: none;\n }\n\n .toggle-switch {\n background-color: #ccc;\n height: 21px;\n width: 52px;\n position: relative;\n cursor: pointer;\n border-radius: 13px;\n transition: $transition3;\n\n &::before {\n font-family: var(--fa-style-family-classic);\n content: \"\\f185\";\n font-weight: 900;\n background-color: white;\n width: 15px;\n height: 15px;\n font-size: 10px;\n position: absolute;\n border-radius: 50%;\n top: 3px;\n left: 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: goldenrod;\n transition: 0.3s;\n }\n }\n\n .toggle-checkbox:checked + .toggle-switch {\n background-color: rgba(0, 0, 255, 0.8);\n\n &::before {\n content: \"\\f186\";\n left: 34px;\n color: blue;\n }\n }\n}\n","/** @format */\n\n@use \"../utilities/colors\" as *;\n@use \"../utilities/times\" as *;\n\n.allam {\n height: 100%;\n position: relative;\n\n @media (max-width: 1439px) {\n padding-top: 40px;\n height: 105%;\n }\n\n @media (max-width: 1199px) {\n height: 100vh;\n }\n}\n\n.home {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n @media (max-width: 1439px) {\n width: 95%;\n }\n\n .avatar {\n img {\n width: 145px;\n border-radius: 50%;\n transition: $transition3;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.2);\n }\n\n @media (max-width: 1439px) {\n width: 120px;\n }\n }\n }\n\n .name {\n display: block;\n margin: {\n top: 25px;\n bottom: 25px;\n }\n\n h2 {\n color: black;\n text-transform: uppercase;\n font-size: 50px;\n font-weight: 700;\n\n @media (max-width: 1439px) {\n font-size: 42px;\n }\n\n @media (max-width: 1199px) {\n font-size: 35px;\n }\n }\n }\n\n .animateText {\n span {\n display: block;\n letter-spacing: 1px;\n font: {\n size: 17px;\n weight: 100;\n }\n }\n }\n}\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.aside {\r\n .header {\r\n margin-bottom: 60px;\r\n }\r\n\r\n .links,\r\n .navbar-collapse {\r\n font-size: 15px;\r\n ul {\r\n margin: {\r\n bottom: 40px;\r\n }\r\n\r\n li {\r\n cursor: pointer;\r\n transition: $transition2;\r\n margin: {\r\n bottom: 5px;\r\n }\r\n\r\n a {\r\n &.active,\r\n &:hover {\r\n color: black !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .copyright {\r\n margin: {\r\n top: 40px;\r\n bottom: 20px;\r\n }\r\n\r\n a {\r\n color: black;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n &:after {\r\n width: 100%;\r\n left: 0;\r\n right: auto;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .social {\r\n ul {\r\n li {\r\n display: inline-block;\r\n margin: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n a {\r\n i {\r\n transition: $transition2;\r\n font-size: 18px;\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nheader {\r\n @media (min-width: 1200px) {\r\n display: none;\r\n }\r\n}\r\n",null,"/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.dmenu {\r\n flex-direction: column;\r\n border: 1px solid $main-color;\r\n border-radius: 30px;\r\n position: fixed;\r\n right: 68px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n text-align: center;\r\n gap: 10px;\r\n padding: 24px 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(3px);\r\n z-index: -1;\r\n\r\n @media (max-width: 992px) {\r\n right: 50px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n top: 90%;\r\n right: 50%;\r\n transform: translate(50%, -50%);\r\n flex-direction: row;\r\n gap: 0px;\r\n height: 50px;\r\n padding: 12px 8px;\r\n }\r\n\r\n li {\r\n a {\r\n display: block;\r\n position: relative;\r\n width: 45px;\r\n transition: 0.3s;\r\n color: $main-color;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n &.active,\r\n &:hover {\r\n span {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n span {\r\n position: absolute;\r\n transition: 0.3s;\r\n font-size: 12px;\r\n background: #404042;\r\n right: 100%;\r\n color: #fff;\r\n display: block;\r\n padding: 3px 8px;\r\n border-radius: 5px;\r\n visibility: hidden;\r\n opacity: 0;\r\n\r\n @media (max-width: 768px) {\r\n transform: rotate(90deg);\r\n right: -3px;\r\n top: -50px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n background: #404042;\r\n position: absolute;\r\n right: -3px;\r\n top: 50%;\r\n transform: rotate(54deg) skew(-8deg, -39deg);\r\n margin-top: -5px;\r\n z-index: -1;\r\n }\r\n }\r\n\r\n &:hover span {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n &:nth-of-type(1),\r\n &:nth-of-type(2) {\r\n span {\r\n @media (max-width: 768px) {\r\n top: -52px;\r\n }\r\n }\r\n }\r\n\r\n &:nth-of-type(3) {\r\n span {\r\n @media (max-width: 768px) {\r\n right: -10px;\r\n top: -60px;\r\n }\r\n }\r\n }\r\n\r\n &:nth-of-type(4) {\r\n span {\r\n @media (max-width: 768px) {\r\n right: -20px;\r\n top: -68px;\r\n }\r\n }\r\n }\r\n\r\n &:nth-of-type(5) {\r\n span {\r\n @media (max-width: 768px) {\r\n right: 0px;\r\n top: -48px;\r\n }\r\n }\r\n }\r\n\r\n &:nth-of-type(6) {\r\n span {\r\n @media (max-width: 768px) {\r\n right: -10px;\r\n top: -58px;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\n.about,\r\n.service,\r\n.portfolioe,\r\n.certificate,\r\n.blogs,\r\n.contacts {\r\n text-align: left;\r\n padding-top: 0px;\r\n\r\n @media (min-width: 1440px) {\r\n padding-top: 40px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n font-size: 15px;\r\n }\r\n\r\n .resume {\r\n padding: {\r\n left: 40px;\r\n right: 40px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n left: 20px;\r\n right: 20px;\r\n }\r\n }\r\n }\r\n\r\n .text {\r\n width: 100%;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-bottom: 42px;\r\n margin-bottom: 39px;\r\n\r\n @media (max-width: 767px) {\r\n padding-bottom: 22px;\r\n margin-bottom: 19px;\r\n }\r\n }\r\n\r\n .details {\r\n width: 100%;\r\n\r\n ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-left: -20px;\r\n\r\n li {\r\n width: 50%;\r\n padding-left: 20px;\r\n margin-bottom: 5px;\r\n\r\n span:first-child {\r\n min-width: 120px;\r\n display: inline-block;\r\n\r\n @media (max-width: 767px) {\r\n min-width: 60px;\r\n padding-right: 5px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n width: 100%;\r\n\r\n span:first-child {\r\n min-width: 0px;\r\n padding-right: 5px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._button {\r\n margin-top: 20px;\r\n }\r\n\r\n .knowledge,\r\n .additional {\r\n position: relative;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(50% - 0.5px);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .knowledge {\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: calc(74% - 0.5px);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n display: none;\r\n }\r\n\r\n @media only screen and (max-width: 991px) and (min-width: 768px) {\r\n &::after {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n .knowledge,\r\n .additional,\r\n .timeline {\r\n position: relative;\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n }\r\n\r\n .lang-section,\r\n .soft-section {\r\n @media (min-width: 767px) {\r\n display: block;\r\n }\r\n }\r\n\r\n .section1 {\r\n .heading {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .front,\r\n .back {\r\n @media only screen and (max-width: 1920px) and (min-width: 480px) {\r\n display: inline-block;\r\n width: 50%;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n .title-section {\r\n margin: 10px 0 5px;\r\n }\r\n }\r\n\r\n .front {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 70%;\r\n right: 10px;\r\n transform: translateY(-50%);\r\n width: 1px;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n &::after {\r\n display: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n\r\n li {\r\n margin-left: 20px;\r\n font-size: 14px;\r\n\r\n &:hover {\r\n list-style-type: disc;\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n .section2 {\r\n padding-left: 30px;\r\n\r\n @media (max-width: 767px) {\r\n padding-left: 10px;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n padding: {\r\n top: 10px;\r\n bottom: 0px;\r\n }\r\n margin-top: 10px;\r\n border-bottom: none;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .lang-section {\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n @media (max-width: 991px) {\r\n padding-bottom: 0px;\r\n border-bottom: none;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .additional {\r\n @media only screen and (max-width: 767px) and (min-width: 576px) {\r\n &::before {\r\n display: block;\r\n }\r\n }\r\n .add1,\r\n .add2 {\r\n @media (max-width: 767px) {\r\n width: 50%;\r\n }\r\n\r\n @media (max-width: 575px) {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .add2 {\r\n @media (max-width: 991px) {\r\n border: none;\r\n padding-top: 0px;\r\n padding-left: 20px;\r\n }\r\n\r\n @media (max-width: 575px) {\r\n padding-left: 10px;\r\n }\r\n }\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n\r\n .contents {\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 2px;\r\n height: 100%;\r\n background-color: #efefef;\r\n left: 50%;\r\n margin-left: -1px;\r\n top: 0;\r\n }\r\n\r\n .year {\r\n margin: 10px auto;\r\n width: fit-content;\r\n background-color: #efefef;\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n color: black;\r\n padding: 2px 6px;\r\n border-radius: 2px;\r\n font: {\r\n size: 13px;\r\n weight: 700;\r\n }\r\n }\r\n\r\n .clearfix {\r\n clear: both;\r\n }\r\n\r\n .content {\r\n background-color: #efefef;\r\n padding: 15px;\r\n border-radius: 2px;\r\n\r\n h4 {\r\n font-size: 15px;\r\n color: black;\r\n font-weight: 700;\r\n }\r\n\r\n p {\r\n color: $main-color;\r\n margin: 0;\r\n line-height: 1.6;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n .left {\r\n width: calc(50% - 25px);\r\n margin-bottom: 40px;\r\n position: relative;\r\n float: left;\r\n\r\n @media (max-width: 767px) {\r\n width: 100%;\r\n margin-top: 30px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n background-color: #fff;\r\n border: 3px solid rgba(0, 0, 0, 0.3);\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 20px;\r\n right: -32px;\r\n\r\n @media only screen and (min-width: 567px) and (max-width: 767px) {\r\n top: -30px;\r\n right: 47.9%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @media (max-width: 567px) {\r\n top: -30px;\r\n right: 47%;\r\n transform: translateX(-50%);\r\n }\r\n\r\n @media (max-width: 420px) {\r\n top: -30px;\r\n right: 45.5%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .content::before {\r\n width: 0px;\r\n @include shape(\"traingle\", \"right\", #efefef, 26%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #efefef, 50%);\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n width: calc(50% - 25px);\r\n margin-bottom: 40px;\r\n position: relative;\r\n float: right;\r\n\r\n @media (max-width: 767px) {\r\n width: 100%;\r\n margin-top: 30px;\r\n }\r\n\r\n &::before {\r\n content: \"\";\r\n width: 14px;\r\n height: 14px;\r\n background-color: #fff;\r\n border: 3px solid rgba(0, 0, 0, 0.3);\r\n position: absolute;\r\n border-radius: 50%;\r\n top: 20px;\r\n left: -32px;\r\n\r\n @media (max-width: 767px) {\r\n top: -32px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n .content::before {\r\n @include shape(\"traingle\", \"left\", #efefef, 24%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #efefef, 50%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@mixin shape($type, $direction, $color: white, $position: 50%, $size: 12px) {\r\n content: \"\";\r\n position: absolute;\r\n border: $size solid transparent;\r\n\r\n @if $direction == \"top\" or $direction == \"bottom\" {\r\n left: $position;\r\n transform: translateX(-50%);\r\n #{$direction}: -($size * 2);\r\n\r\n @if $direction == \"top\" {\r\n border-bottom-color: $color;\r\n } @else {\r\n border-top-color: $color;\r\n }\r\n } @else {\r\n top: $position;\r\n transform: translateY(-50%);\r\n #{$direction}: -($size * 2);\r\n\r\n @if $direction == \"right\" {\r\n border-left-color: $color;\r\n } @else {\r\n border-right-color: $color;\r\n }\r\n }\r\n\r\n @if $type == \"bullet\" {\r\n border-width: calc($size / 1.2);\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\n.service {\r\n .section-inner {\r\n @media (max-width: 768px) {\r\n padding: 10px;\r\n }\r\n }\r\n\r\n .list_inner {\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n padding: 40px;\r\n\r\n @media (max-width: 768px) {\r\n padding: 20px;\r\n\r\n &.one {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n .list {\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-top: 10px;\r\n\r\n ul {\r\n list-style-type: circle;\r\n\r\n li {\r\n font-size: 15px;\r\n margin: {\r\n top: 5px;\r\n bottom: 5px;\r\n left: 20px;\r\n }\r\n\r\n &:hover {\r\n list-style-type: disc;\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n img {\r\n width: 50px;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n .service-card {\r\n &:nth-of-type(2) {\r\n @media (min-width: 768px) {\r\n border-left: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n @media (min-width: 992px) {\r\n border-left: 1px solid rgba(0, 0, 0, 0.1);\r\n border-right: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .service-header {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n margin: {\r\n bottom: 20px;\r\n top: 20px;\r\n }\r\n\r\n h3 {\r\n font-size: 17px;\r\n text-transform: uppercase;\r\n color: black;\r\n font-weight: 650;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .price {\r\n font-size: 15px;\r\n margin-left: 20px;\r\n }\r\n }\r\n\r\n .service-content {\r\n ul {\r\n li {\r\n font-size: 14px;\r\n cursor: pointer;\r\n transition: $transition2;\r\n\r\n margin: {\r\n top: 10px;\r\n bottom: 5px;\r\n }\r\n\r\n &:hover {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.portfolioe {\r\n .section-inner {\r\n @media (max-width: 1440px) {\r\n padding: 30px;\r\n\r\n .container {\r\n padding: 20px 0 0 !important;\r\n }\r\n }\r\n\r\n @media (max-width: 1199px) {\r\n padding: 10px;\r\n\r\n .container {\r\n padding: 20px 0 0 !important;\r\n }\r\n }\r\n }\r\n\r\n .taskbar {\r\n .buttons {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n padding-bottom: 20px;\r\n\r\n button {\r\n display: inline-block;\r\n padding: 6px 10px;\r\n background-color: #eee;\r\n margin: 5px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n border: none;\r\n color: $main-color;\r\n\r\n @media (max-width: 768px) {\r\n padding: 4px 8px;\r\n margin: 4px;\r\n font-size: 15px;\r\n }\r\n\r\n &:hover,\r\n &.active {\r\n color: black;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .protfolio-container {\r\n margin-top: 20px;\r\n display: block;\r\n\r\n .data {\r\n cursor: pointer;\r\n padding: 0px 12px !important;\r\n\r\n margin: {\r\n top: 10px;\r\n bottom: 10px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n padding: 0px !important;\r\n }\r\n\r\n .name {\r\n text-transform: uppercase;\r\n position: absolute;\r\n z-index: 1000;\r\n font-size: 22px;\r\n font-weight: 600;\r\n color: white;\r\n padding: 4px 8px;\r\n border-radius: 20px;\r\n margin: 10px;\r\n top: 10px;\r\n display: none;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 18px;\r\n top: 5px;\r\n margin: 5px;\r\n }\r\n\r\n &::after {\r\n background-color: white !important;\r\n height: 2px;\r\n }\r\n }\r\n\r\n .img {\r\n position: relative;\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(10, 5, 5, 0.3);\r\n z-index: 100;\r\n display: none;\r\n }\r\n }\r\n\r\n .repo,\r\n .review {\r\n position: absolute;\r\n z-index: 1000;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: black;\r\n background-color: white;\r\n padding: 4px 8px;\r\n border-radius: 20px;\r\n margin: {\r\n left: 10px;\r\n right: 10px;\r\n }\r\n bottom: 10px;\r\n display: none;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 13px;\r\n }\r\n\r\n &:hover {\r\n background-color: rgb(236, 227, 227);\r\n }\r\n }\r\n\r\n .review {\r\n margin-left: 70px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .img::after {\r\n display: block;\r\n }\r\n\r\n .repo,\r\n .review,\r\n .name {\r\n display: block;\r\n }\r\n }\r\n\r\n &:hover {\r\n .img::after {\r\n display: block;\r\n }\r\n\r\n .repo,\r\n .review,\r\n .name {\r\n display: block;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.certificate {\r\n @media (max-width: 480px) {\r\n .section-inner {\r\n padding: 25px 15px !important;\r\n }\r\n }\r\n .certificates {\r\n .img {\r\n padding: 12px;\r\n background-color: #eee;\r\n cursor: pointer;\r\n margin: {\r\n top: 10px;\r\n bottom: 10px;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.blogs {\r\n .section-inner {\r\n padding-top: 30px !important;\r\n }\r\n @media (max-width: 480px) {\r\n .section-inner {\r\n padding: 15px !important;\r\n }\r\n }\r\n\r\n .bloge {\r\n padding: {\r\n top: 30px;\r\n bottom: 30px;\r\n }\r\n\r\n &:not(:last-of-type) {\r\n border-bottom: 1px solid #eee;\r\n }\r\n }\r\n\r\n .posters {\r\n .imgs {\r\n overflow: hidden;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 100%;\r\n height: 250px;\r\n transition: all 0.3s;\r\n }\r\n\r\n &:hover {\r\n img {\r\n transform: scale(1.1);\r\n }\r\n }\r\n }\r\n\r\n .titles {\r\n h4 {\r\n display: inline-block;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 8px;\r\n padding-top: 6px;\r\n margin-bottom: 18px;\r\n font: {\r\n size: 17px;\r\n weight: 400;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n font-size: 15px;\r\n padding-top: 10px;\r\n }\r\n\r\n .user,\r\n .about {\r\n cursor: pointer;\r\n padding: {\r\n left: 3px;\r\n right: 3px;\r\n }\r\n }\r\n\r\n .about {\r\n font-size: 15px;\r\n }\r\n\r\n .in {\r\n position: relative;\r\n padding-left: 12px;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background-color: rgba(128, 128, 128, 0.5);\r\n left: 3px;\r\n bottom: 7px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n p {\r\n font: {\r\n size: 16px;\r\n weight: 600;\r\n }\r\n color: black;\r\n cursor: pointer;\r\n text-transform: capitalize;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 15px;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n\r\n.contacts {\r\n @media (max-width: 480px) {\r\n margin-bottom: 150px;\r\n\r\n .section-inner {\r\n padding: 40px 15px !important;\r\n }\r\n }\r\n\r\n .contact-form {\r\n .row {\r\n .form-group,\r\n .input-group {\r\n margin-bottom: 20px;\r\n\r\n input,\r\n textarea,\r\n select,\r\n .input-group-text {\r\n font-size: 15px;\r\n padding: 10px;\r\n border-radius: 0px;\r\n border-color: rgba(128, 128, 128, 0.5);\r\n\r\n &:focus {\r\n box-shadow: none;\r\n border-color: black;\r\n }\r\n }\r\n\r\n .input-group-text {\r\n background-color: rgb(238, 238, 238);\r\n }\r\n\r\n textarea {\r\n resize: none;\r\n height: 200px;\r\n }\r\n\r\n select {\r\n cursor: pointer;\r\n\r\n option {\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .form-control[type=\"file\"]:not(:disabled):not([readonly]),\r\n input[type=\"file\"]::file-selector-button {\r\n border-radius: 0px;\r\n border-color: rgba(128, 128, 128, 0.5);\r\n\r\n &:focus {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n input[type=\"file\"]::file-selector-button {\r\n padding: 9px;\r\n background-color: rgb(238, 238, 238);\r\n }\r\n }\r\n\r\n label {\r\n display: none;\r\n }\r\n\r\n ._button {\r\n margin-top: 0px;\r\n }\r\n\r\n .arabic-upload {\r\n display: none;\r\n }\r\n\r\n .custom-file {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n\r\n button {\r\n max-height: 43px;\r\n width: 25%;\r\n font-size: 13px;\r\n padding: 13px 0px;\r\n border-radius: 0px;\r\n border: 1px solid rgba(128, 128, 128, 0.5);\r\n cursor: pointer;\r\n border-right: none;\r\n\r\n &:hover {\r\n background-color: rgba(128, 128, 128, 0.6);\r\n }\r\n }\r\n\r\n #file-chosen {\r\n width: 75%;\r\n font-size: 15px;\r\n padding: 7px;\r\n max-height: 43px;\r\n border-radius: 0px;\r\n border: 1px solid rgba(128, 128, 128, 0.5);\r\n cursor: pointer;\r\n overflow: hidden;\r\n }\r\n }\r\n\r\n ._button {\r\n border: none;\r\n background-color: white;\r\n width: fit-content;\r\n padding: 0 10px;\r\n\r\n a {\r\n display: inline-block;\r\n color: #000;\r\n padding: 12px 30px;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n\r\n .front {\r\n padding: 12px 30px;\r\n }\r\n }\r\n }\r\n\r\n .sent {\r\n display: none;\r\n p {\r\n width: 100%;\r\n padding: 10px 12px;\r\n font: {\r\n size: 15px;\r\n weight: 500;\r\n }\r\n color: white;\r\n background-color: #03b103;\r\n\r\n @media (max-width: 767px) {\r\n margin: 8px 0;\r\n }\r\n }\r\n &.active {\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\r\n\r\n@use \"../utilities/colors\" as *;\r\n@use \"../utilities/times\" as *;\r\n@use \"../utilities/mixins\" as *;\r\n\r\nbody {\r\n &.dark {\r\n background-color: black;\r\n\r\n @media (max-width: 1199px) {\r\n background-color: #14161b;\r\n }\r\n\r\n .preloader {\r\n svg {\r\n fill: black;\r\n }\r\n\r\n .loader-container {\r\n .loaded {\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n .about {\r\n .text {\r\n border-color: gray;\r\n }\r\n\r\n .section1 {\r\n .heading {\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .section2 {\r\n @media (max-width: 767px) {\r\n border-top-color: gray;\r\n }\r\n\r\n .lang-section {\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .front {\r\n &::after {\r\n background-color: gray !important;\r\n }\r\n }\r\n\r\n .knowledge,\r\n .additional {\r\n &::before {\r\n background-color: gray;\r\n }\r\n\r\n ul {\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .knowledge {\r\n &::after {\r\n background-color: gray;\r\n }\r\n }\r\n\r\n .timeline {\r\n &::before {\r\n background-color: #3e465b !important;\r\n }\r\n\r\n .year,\r\n .content {\r\n background-color: #202636 !important;\r\n color: white !important;\r\n\r\n h4 {\r\n color: white !important;\r\n }\r\n }\r\n\r\n .left {\r\n .content::before {\r\n width: 0px;\r\n @include shape(\"traingle\", \"right\", #202636, 26%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #202636, 50%);\r\n }\r\n }\r\n }\r\n\r\n .right {\r\n .content::before {\r\n @include shape(\"traingle\", \"left\", #202636, 24%);\r\n\r\n @media (max-width: 767px) {\r\n @include shape(\"traingle\", \"top\", #202636, 50%);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .service {\r\n img {\r\n filter: invert(1) brightness(2);\r\n }\r\n\r\n .list_inner {\r\n border-color: gray;\r\n\r\n .list {\r\n border-top-color: gray;\r\n\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .service-card {\r\n &:nth-of-type(2) {\r\n @media (min-width: 768px) {\r\n border-color: gray;\r\n }\r\n @media (min-width: 992px) {\r\n border-left-color: gray;\r\n border-right-color: gray;\r\n }\r\n }\r\n }\r\n\r\n .service-header {\r\n border-bottom-color: gray;\r\n\r\n h3 {\r\n color: white;\r\n }\r\n }\r\n\r\n .service-content {\r\n li {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .portfolioe {\r\n .taskbar {\r\n .buttons {\r\n border-color: gray;\r\n\r\n button {\r\n background-color: #2e333d;\r\n color: gray;\r\n\r\n &:hover,\r\n &.active {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .protfolio-container {\r\n .img {\r\n border-color: gray;\r\n }\r\n }\r\n }\r\n\r\n .certificate {\r\n .certificates {\r\n .img {\r\n background-color: #2e333d;\r\n }\r\n }\r\n }\r\n\r\n .contacts {\r\n .contact-form {\r\n .row {\r\n .form-group,\r\n .input-group {\r\n input,\r\n textarea,\r\n select,\r\n .input-group-text {\r\n border-color: gray;\r\n background-color: #3e465b;\r\n color: white;\r\n\r\n &:focus {\r\n border-color: white;\r\n }\r\n\r\n &::placeholder {\r\n color: white;\r\n }\r\n }\r\n\r\n .input-group-text {\r\n background-color: #3e465b;\r\n }\r\n }\r\n }\r\n\r\n .custom-file {\r\n button {\r\n background-color: #3e465b;\r\n color: white;\r\n\r\n &:hover {\r\n background-color: #38425e;\r\n }\r\n }\r\n\r\n #file-chosen {\r\n background-color: #3e465b;\r\n color: white;\r\n font-weight: 400;\r\n }\r\n }\r\n\r\n ._button {\r\n background-color: #14161b !important;\r\n\r\n a {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n\r\n ._button {\r\n a {\r\n color: white;\r\n\r\n .front {\r\n color: black;\r\n }\r\n }\r\n }\r\n\r\n .text_hover_effect {\r\n color: white;\r\n }\r\n\r\n .line-effect {\r\n color: white;\r\n\r\n &:after {\r\n background-color: white !important;\r\n }\r\n\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n\r\n .section-inner {\r\n border-color: gray;\r\n\r\n .title {\r\n h3 {\r\n background-color: gray;\r\n color: white;\r\n }\r\n }\r\n\r\n .title-section {\r\n color: white;\r\n }\r\n }\r\n\r\n aside,\r\n section.data {\r\n background-color: #14161b !important;\r\n\r\n h2,\r\n .animateText,\r\n h1 {\r\n color: white;\r\n }\r\n\r\n .links,\r\n .navbar-collapse {\r\n ul {\r\n li {\r\n a {\r\n &.active,\r\n &:hover {\r\n color: white !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .social {\r\n ul {\r\n li {\r\n a {\r\n i {\r\n &:hover {\r\n color: white;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .dmenu {\r\n background-color: rgba(12, 9, 9, 0.555);\r\n\r\n img {\r\n filter: invert(1) brightness(2);\r\n }\r\n }\r\n }\r\n}\r\n","/** @format */\n\n// !Components File\n@use \"components/global-rules\";\n\n// !Layouts File\n@use \"layouts/home\";\n@use \"layouts/aside\";\n@use \"layouts/header\";\n@use \"layouts/about\";\n@use \"layouts/services\";\n@use \"layouts/portfolio\";\n@use \"layouts/certificate\";\n@use \"layouts/blog\";\n@use \"layouts/contact\";\n\n// !DarkMode File\n@use \"layouts/darkmode\";\n\n// !Utilities File\n@use \"utilities/colors\" as *;\n@use \"utilities/times\" as *;\n\nbody {\n font-family: \"Syne\", sans-serif;\n background-color: #eee;\n color: $main-color;\n position: relative;\n font-size: 16px;\n line-height: 27px;\n letter-spacing: 0px;\n word-wrap: break-word;\n font-weight: 400;\n width: 100%;\n height: 100vh !important;\n z-index: -2;\n overflow: hidden;\n\n @media (max-width: 1199px) {\n background-color: white;\n }\n\n #particles-js {\n position: absolute;\n z-index: -3;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh !important;\n pointer-events: none;\n }\n\n .portfolios {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n z-index: -2;\n\n aside,\n section.data {\n scroll-behavior: smooth !important;\n background-color: white;\n border-radius: 2px;\n text-align: center;\n\n @media (min-width: 1440px) {\n height: 750px;\n padding: 0 40px;\n }\n\n @media (max-width: 1439px) {\n padding: 40px;\n height: 570px;\n }\n\n @media (max-width: 1199px) {\n padding: 0px 40px;\n height: 100vh !important;\n }\n }\n\n aside {\n width: calc(30% - 20px);\n margin: {\n right: 20px;\n }\n\n @media (min-width: 1440px) {\n padding: 120px 40px;\n }\n\n @media (max-width: 1439px) {\n width: calc(30% - 10px);\n margin: {\n right: 10px;\n }\n }\n\n @media (max-width: 1199px) {\n display: none;\n }\n }\n\n section.data {\n overflow-y: hidden;\n overflow: auto;\n position: relative;\n width: calc(70% - 20px);\n margin: {\n left: 20px;\n }\n\n @media (max-width: 1439px) {\n width: calc(70% - 10px);\n margin: {\n left: 10px;\n }\n padding: 0 30px;\n }\n\n @media (max-width: 1199px) {\n width: 100%;\n height: 100vh !important;\n\n margin: {\n left: 0px;\n }\n padding: 0 20px;\n }\n\n @media (max-width: 1199px) {\n width: 100%;\n height: 100vh !important;\n padding: 0 10px;\n }\n\n .block {\n @media only screen and (min-width: 200px) and (max-width: 1439px) {\n &:not(:first-of-type) {\n padding-top: 50px;\n }\n }\n }\n }\n }\n}\n"]} \ No newline at end of file diff --git a/src/assets/images/certificate/Basics_Freelance.webp b/src/assets/images/certificate/Basics_Freelance.webp new file mode 100644 index 0000000..94ceaa8 Binary files /dev/null and b/src/assets/images/certificate/Basics_Freelance.webp differ diff --git a/src/assets/images/certificate/Learn_Html_CSS.webp b/src/assets/images/certificate/Learn_Html_CSS.webp new file mode 100644 index 0000000..6952ba7 Binary files /dev/null and b/src/assets/images/certificate/Learn_Html_CSS.webp differ diff --git a/src/assets/images/certificate/Upwork.webp b/src/assets/images/certificate/Upwork.webp new file mode 100644 index 0000000..dea180e Binary files /dev/null and b/src/assets/images/certificate/Upwork.webp differ diff --git a/src/assets/pdf/AHMED ALLAM.pdf b/src/assets/pdf/AHMED ALLAM.pdf index 4faa1de..02caa06 100644 Binary files a/src/assets/pdf/AHMED ALLAM.pdf and b/src/assets/pdf/AHMED ALLAM.pdf differ diff --git a/src/pug/blocks/about.pug b/src/pug/blocks/about.pug index 8c5512b..09a6424 100644 --- a/src/pug/blocks/about.pug +++ b/src/pug/blocks/about.pug @@ -5,7 +5,7 @@ h3 About Me .text Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At span#year 20 - | years old, I specialize in creating dynamic, user-friendly web experiences using HTML, CSS, JavaScript, Sass, and Bootstrap. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology! + | years old, I specialize in creating dynamic, user-friendly web experiences using jQuery. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology! .details ul.row li.col-lg-6.col-md-12.col-sm-12 diff --git a/src/pug/blocks/aside.pug b/src/pug/blocks/aside.pug index 65bd6af..05dad39 100644 --- a/src/pug/blocks/aside.pug +++ b/src/pug/blocks/aside.pug @@ -5,7 +5,7 @@ ul li.homes: a(href="#home" class="active" aria-label="Go to Home section") Home li.abouts: a(href="#about" aria-label="Go to About section") About - li.services: a(href="#services" aria-label="Go to Services section") Services + //- li.services: a(href="#services" aria-label="Go to Services section") Services li.portfolio: a(href="#portfolio" aria-label="Go to Portfolio section") Portfolio li.certificates: a(href="#certificates" aria-label="Go to Certificates section") Certificates li.blog: a(href="#blog" aria-label="Go to Blog section") Blog diff --git a/src/pug/blocks/certificate.pug b/src/pug/blocks/certificate.pug index e79dbbf..ba754ea 100644 --- a/src/pug/blocks/certificate.pug +++ b/src/pug/blocks/certificate.pug @@ -4,6 +4,9 @@ h3 Technical Certificates .certificates .row + .col-lg-6.col-md-6.col-sm-12 + .img + img(src="assets/images/certificate/Learn_Html_CSS.webp" alt="" loading="lazy" data-tilt) .col-lg-6.col-md-6.col-sm-12 .img img(src="assets/images/certificate/github.webp" alt="" loading="lazy" data-tilt) @@ -15,3 +18,9 @@ .col-lg-6.col-md-6.col-sm-12 .img img(src="assets/images/certificate/Youth.webp" alt="" loading="lazy" data-tilt) + .col-lg-6.col-md-6.col-sm-12 + .img + img(src="assets/images/certificate/Basics_Freelance.webp" alt="" loading="lazy" data-tilt) + .col-lg-6.col-md-6.col-sm-12 + .img + img(src="assets/images/certificate/Upwork.webp" alt="" loading="lazy" data-tilt) diff --git a/src/pug/blocks/header.pug b/src/pug/blocks/header.pug index 6c6bded..8c68b5a 100644 --- a/src/pug/blocks/header.pug +++ b/src/pug/blocks/header.pug @@ -7,10 +7,10 @@ ul.dmenu.scroll-nav.d-flex a(href="#about" aria-label="Go to About section") span About img(src="assets/images/icons/user.webp" alt="User icon" loading="lazy") - li - a(href="#services" aria-label="Go to Services section") - span Services - img(src="assets/images/icons/support.webp" alt="Support icon" loading="lazy") + //- li + //- a(href="#services" aria-label="Go to Services section") + //- span Services + //- img(src="assets/images/icons/support.webp" alt="Support icon" loading="lazy") li a(href="#portfolio" aria-label="Go to Portfolio section") span Portfolio diff --git a/src/pug/blocks/home.pug b/src/pug/blocks/home.pug index 0f029f6..f0dd23e 100644 --- a/src/pug/blocks/home.pug +++ b/src/pug/blocks/home.pug @@ -10,5 +10,5 @@ h2 Ahmed Allam .animateText span Front end Developer - span Back end Developer + //- span Back end Developer span SEO Optimizer \ No newline at end of file diff --git a/src/pug/blocks/resume.pug b/src/pug/blocks/resume.pug index 544e9f5..2805930 100644 --- a/src/pug/blocks/resume.pug +++ b/src/pug/blocks/resume.pug @@ -32,7 +32,6 @@ ul.skills li Arabic li English - li Deutsch .col-lg-12.col-md-6.col-sm-6.soft-section .title-section.heading Soft Skills ul.skills diff --git a/src/pug/pages/index.pug b/src/pug/pages/index.pug index e4eae57..ba552e2 100644 --- a/src/pug/pages/index.pug +++ b/src/pug/pages/index.pug @@ -34,7 +34,7 @@ block main //-! ABOUT SECIION include ../blocks/about //-! SERVICES SECTION - include ../blocks/services + //- include ../blocks/services //-! PORTFOLIO SECTION include ../blocks/portfolio //-! CERTIFICATES SECTION diff --git a/src/scss/layouts/_header.scss b/src/scss/layouts/_header.scss index 3887f13..94ca534 100644 --- a/src/scss/layouts/_header.scss +++ b/src/scss/layouts/_header.scss @@ -93,22 +93,47 @@ } } - &:nth-of-type(5) { + &:nth-of-type(1), + &:nth-of-type(2) { span { @media (max-width: 768px) { - transform: rotate(90deg); - right: -15px; + top: -52px; + } + } + } + + &:nth-of-type(3) { + span { + @media (max-width: 768px) { + right: -10px; top: -60px; } } } - &:nth-of-type(6) { + &:nth-of-type(4) { + span { + @media (max-width: 768px) { + right: -20px; + top: -68px; + } + } + } + + &:nth-of-type(5) { span { @media (max-width: 768px) { - transform: rotate(90deg); right: 0px; - top: -45px; + top: -48px; + } + } + } + + &:nth-of-type(6) { + span { + @media (max-width: 768px) { + right: -10px; + top: -58px; } } } diff --git a/src/scss/layouts/_portfolio.scss b/src/scss/layouts/_portfolio.scss index 3b57acd..5052f4c 100644 --- a/src/scss/layouts/_portfolio.scss +++ b/src/scss/layouts/_portfolio.scss @@ -5,6 +5,14 @@ .portfolioe { .section-inner { + @media (max-width: 1440px) { + padding: 30px; + + .container { + padding: 20px 0 0 !important; + } + } + @media (max-width: 1199px) { padding: 10px;