#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}.back-to-top{position:fixed;right:30px;bottom:30px;transition:.5s;z-index:99}.btn{font-weight:600;transition:.5s}.btn-square{width:32px;height:32px}.btn-sm-square{width:34px;height:34px}.btn-md-square{width:40px;height:40px}.btn-lg-square{width:46px;height:46px}.btn-xl-square{width:56px;height:56px}.btn-lg-square,.btn-md-square,.btn-sm-square,.btn-square,.btn-xl-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400}.btn.btn-primary{color:var(--bs-white);border:0}.btn.btn-primary:hover{background:var(--bs-dark);color:var(--bs-white)}.btn.btn-light{color:var(--bs-primary);border:0}.btn.btn-light:hover{color:var(--bs-white);background:var(--bs-primary)}.pt-6{padding-top:60px}.ps-6{padding-left:60px}.pe-6{padding-right:60px}.pb-6{padding-bottom:60px}.sub-title{font-family:"Edu TAS Beginner",cursive;font-weight:700;font-size:22px}.container-fluid{border-bottom:1px solid rgba(0,0,0,.08)}.container-fluid,.nav-section{position:relative}.nav-section .navbar{position:fixed;width:100%;height:100vh;top:50%;right:calc(40px - 100%);transform:translateY(-50%);z-index:99}.navbar.navbar-light{background:0 0;width:100%}.navbar .navbar-nav{display:flex;align-items:center;justify-content:center}.navbar .navbar-nav .nav-link,.navbar-nav .nav-link span{width:100%;display:flex;align-items:center}.navbar-nav .nav-link span{width:40px;height:40px;margin-right:8px;border-right:1px solid rgba(0,0,0,.08);justify-content:center;background:0 0;color:var(--bs-body);transition:.5s}.nav-section .navbar .navbar-nav .nav-item{height:40px;padding:0;margin-bottom:3px;border:1px solid rgba(0,0,0,.08);background:var(--bs-white);color:var(--bs-body);font-size:14px;font-weight:700;transition:.5s}.nav-section .navbar .navbar-nav .nav-item:hover{margin-right:calc(100% + 40px);color:var(--bs-primary)}.about-content .about-img{position:relative;overflow:hidden}.about-content .about-img .sosial-icon{position:absolute;width:100%;height:100%;top:-100%;left:0;padding:50px;background:rgba(0,0,0,.04);transition:.5s}.about-content .about-img:hover .sosial-icon{top:0}.education-content .education-item,.experience-content .experience-item{position:relative;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.03);transition:.5s;z-index:1}.education-content .education-item:hover,.experience-content .experience-item:hover,.service-content .service-item:hover{box-shadow:0 0 30px rgba(0,0,0,.08)}.education-content .education-item::after,.education-content .education-item::before{content:"";position:absolute;width:25%;height:100%;top:50%;transform:translateY(-50%);border:100px solid;z-index:-1}.education-content .education-item::after{left:0;padding:0;border-color:var(--bs-light) transparent var(--bs-light) var(--bs-light)}.education-content .education-item::before{right:0;border-color:var(--bs-light) var(--bs-light) var(--bs-light) transparent}.experience-content .experience-item::after,.experience-content .experience-item::before{content:"";position:absolute;width:2px;height:100%;top:50%;transform:translateY(-50%);border:100px solid;z-index:-1}.experience-content .experience-item::after{left:0;padding:0;border-color:var(--bs-light) transparent var(--bs-light) var(--bs-light)}.experience-content .experience-item::before{right:0;border-color:var(--bs-light) var(--bs-light) var(--bs-light) transparent}.skills-content .skills-item{position:relative}.skills-content .skills-item::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50% 50% 50% 50%/28% 28% 72% 72%;background:var(--bs-light);z-index:-1}.service-content .service-item{box-shadow:0 0 30px rgba(0,0,0,.03);transition:.5s}.blog-content .blog-btn a,.service-content .service-item:hover i{color:var(--bs-primary)}.portfolio-content .portfolio-item .portfolio-img{position:relative;width:100%;height:150px}.portfolio-item .portfolio-img .portfolio-img-inner{width:100%;height:150px;position:absolute;top:0;left:0}.portfolio-item .portfolio-img .portfolio-img-inner img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.portfolio-content .portfolio-item .view-img{display:flex;align-items:center;justify-content:end}.portfolio-content .portfolio-item .portfolio-img .portfolio-img-inner{visibility:hidden;transition:.5s}.portfolio-content .portfolio-item:hover .portfolio-img .portfolio-img-inner{visibility:visible;transform:rotate(-6deg)}.blog-content .blog-btn a:hover{color:var(--bs-dark)}.testimonial-carousel{position:relative;transition:.5s}.testimonial-carousel .testimonial-item{padding:60px}.testimonial-carousel .owl-nav .owl-next,.testimonial-carousel .owl-nav .owl-prev{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bs-white);color:var(--bs-primary);transition:.5s}.testimonial-carousel .owl-nav .owl-prev{left:0}.testimonial-carousel .owl-nav .owl-next{right:0}.testimonial-carousel .owl-nav .owl-next:hover,.testimonial-carousel .owl-nav .owl-prev:hover{background:var(--bs-primary);color:var(--bs-white)}.testimonial-carousel .owl-dots{width:100%;height:130px;display:flex;align-items:center;justify-content:center;padding:0 60px 60px;transition:.5s}.testimonial-carousel .owl-dots .owl-dot img{width:40px;height:40px;margin-right:15px;border:3px solid var(--bs-white);transition:.5s}.testimonial-carousel .owl-dots .owl-dot.active img{width:70px;height:70px;border:3px solid var(--bs-primary)}@media (min-width:992px){.container-fluid::before{content:"";position:absolute;width:16%;height:100%;top:0;left:0;background:var(--bs-dark);z-index:-1}}@media (max-width:991px){.container-fluid{border:0}.container-fluid .about-header,.container-fluid .blog-header,.container-fluid .contact-header,.container-fluid .education-header,.container-fluid .experience-header,.container-fluid .header-content,.container-fluid .portfolio-header,.container-fluid .service-header,.container-fluid .skills-header,.container-fluid .testimonial-header{padding:25px}.container-fluid .about-content,.container-fluid .blog-content,.container-fluid .contact-content,.container-fluid .education-content,.container-fluid .experience-content,.container-fluid .header-img,.container-fluid .portfolio-content,.container-fluid .service-content,.container-fluid .skills-content,.container-fluid .testimonial-content{padding-left:0;padding-top:25px}.container-fluid .footer-content{padding-left:0}}@media (max-width:576px){.testimonial-carousel .owl-dots{justify-content:start}}