@media (max-width:999px){html{scroll-padding-top:30px}#fullscreenModal{display:none}.bottom-left,.logo-span{margin-top:auto;margin-bottom:auto}#about,.content .contact-left form,.nav-menu ul li a:hover::after,img{width:100%}.about-right .tab-links::after,.nav-menu ul li a::after{content:"";width:0;position:absolute;bottom:-6px;left:0}.about-list,.services div p{line-height:140%}#portfolio,#service,.case .title,.profession,.services{text-align:center}.bottom-left .btn-cv,.copyright a,.github-btn,.header-top .logo a,.nav-menu ul li a,.project .layer a{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}.container{background:#fff;color:#120f2d}.social-top,.top-icons{background-color:#000!important}#header .header-top{width:100%;background-color:#0d0f1b;padding:8px 6%;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:99}.fa-home{color:#fff;position:absolute;margin-left:10px}.fa-facebook,.fa-github,.fa-linkedin,.social-top{color:#faca22!important}.header-top .logo a{color:#fff;font-size:22px;font-weight:700}.bottom-left .name span,.header-top .logo a span{color:#faca22}.nav-menu ul li{display:inline-block;list-style:none;margin:10px 15px}.nav-menu ul li a{color:#fff;font-size:18px;position:relative}.nav-menu ul li a::after{height:2px;background:#faca22;transition:0.5s}.about-right .tab-contents,.invisible,.nav-menu .fa-solid{display:none}.logo,.logo-text{display:inline-flex}#header .header-bottom{height:100vh;background:linear-gradient(#000,#0b0d19);background-repeat:no-repeat;background-position:75%;color:#fff;padding:8% 6% 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.header-bottom .bottom-left .name{font-size:2.5rem;z-index:-1;flex-direction:column}.bottom-left .profession{font-size:22px;font-weight:500}.bottom-left .short-desc{font-size:18px;padding:20px 35% 20px 0}.bottom-left .btn-cv{display:flex;font-size:16px;color:#fff;padding:15px 30px;border:2px solid #d0d0d0;border-radius:4px;cursor:pointer;transition:0.3s ease-in-out;margin-left:auto;margin-right:auto;text-align:center;width:50%;font-weight:700;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 15px rgb(0 0 0 / .2),4px 4px 15px rgb(0 0 0 / .3)}.bottom-left .btn-cv:hover{box-shadow:inset 0 0 15px rgb(0 0 0 / .3),4px 4px 20px rgb(0 0 0 / .4);background-color:#fff;transform:scale(1.1)}.header-bottom .bottom-right a{display:block;font-size:18px;text-decoration:none;border:1px solid #fff;border-radius:6px;color:#f7f7f7;padding:6px 10px;margin-bottom:15px;transition:0.5s}.header-bottom .bottom-right a:hover{border:1px solid #faca22;color:#faca22;opacity:1;transform:scale(1.1)}.about-left,.project .layer,.project img,.services div{border-radius:10px}.bottom-left{padding-top:100px}.logo-text{flex-direction:row;height:100%}.logo-span{margin-left:0}#close-btn,.social-top,.top-icons{margin-left:auto;margin-right:auto}.social-top{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.top-icons{display:flex!important;justify-content:center;align-items:center;border-color:transparent!important;scale:130%}}#faq,#service,.about-left,.case{background-color:#f7f7f7}#about{min-height:auto;padding:60px 6%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.about-left{flex-basis:310px;display:flex!important;margin-left:auto;margin-right:auto}.about-right{flex-basis:700px;display:flex;flex-direction:column;justify-content:center;align-items:start;margin-right:auto;max-width:750px;margin-left:auto}#testimonial .testimonial-list,.project-list,.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}div.quote{margin:0 auto}.section-title .sub-title{font-size:40px;color:#d9dae7;font-weight:600}.section-title .title{font-size:22px;font-weight:400;line-height:1}.about-list{margin-left:10%}.about-right .desc{font-size:16px;line-height:1.4;padding:30px 0}.about-right .tab-titles{display:flex;align-items:center;justify-content:center;margin-top:10px;margin-bottom:20px}.about-right .tab-links{margin-right:50px;font-size:20px;font-weight:500;cursor:pointer;position:relative}.about-right .tab-links::after{height:3px;background:#ffc800;transition:0.5s}.project:hover .layer,iframe{height:100%}.about-right .tab-links.active-link::after{width:50%}.about-right .tab-contents ul li{list-style:none;font-size:17px;margin:10px 0}.about-right .tab-contents ul li:before{content:"✓ ";color:#ffc800}.about-right .tab-contents ul li span{color:#ffc800;font-size:20px;font-weight:500}.about-right .tab-contents.active-tab{display:block}#service{padding:60px 6% 80px}.services{grid-gap:40px;margin-top:60px}.services div{background:#fff;font-size:14px;font-weight:400;cursor:pointer;transition:0.5s}.services div i{font-size:50px;margin-bottom:30px}.services div h2{font-size:26px;font-weight:500;margin-bottom:15px}.services div:hover{background:#faca22;transform:translateY(-10px)}#portfolio{padding:50px 6%}#testimonial .testimonial-list,.project-list{grid-gap:30px;margin-top:50px}#close-btn,.case,.case-study{margin-top:20px}.project-list .project{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;background-color:rgb(217 218 231 / .2)}@media (min-width:1440px){.services,.project-list{grid-template-columns:repeat(4,1fr)!important}}.project img{width:100%;transition:0.5s}.movieseeker{height:30dvh;object-fit:contain}.project:hover img{transform:scale(1.05)}.project .layer{position:absolute;width:100%;height:0;background:linear-gradient(rgb(250 202 34 / .8),rgb(250 202 34 / .8));left:0;bottom:0;overflow:hidden;font-size:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;transition:0.5s}.project .layer h3{font-size:20px;font-weight:500;text-transform:uppercase}.project .layer p{font-size:16px;line-height:1.3;margin:20px 0 30px}.project .layer a{width:50px;height:50px;line-height:50px;color:#faca22;font-size:18px;background:#fff;border-radius:50%;transition:0.5s}#close-btn,#contact .section-title .sub-title,.case:hover h2,.copyright a:hover{color:#fff}.project .layer a:hover{background:#faca22;color:#fff;border:2px solid #fff}#close-btn:hover,.github-btn:hover{background-color:#d9dae7}.case{min-height:500px;color:#d9dae7}.case a{color:blue}.case h3,.case-study-btn a,.case:hover .popup-content h2{color:#000}.case:hover{border-image:fill 1 linear-gradient(rgb(250 202 34 / .8),#faca22)!important}.case .title{margin-top:10px}.case-study{min-width:300px;background-color:#d9dae733}.case-study-img{object-fit:contain;height:300px;overflow:hidden}.case-study-img:hover{cursor:pointer}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:1px solid #ccc;box-shadow:0 2px 4px rgb(0 0 0 / .1);max-width:600px;max-height:80vh;overflow-y:auto;z-index:1000}#close-btn,.github-btn{border:none;background-color:#faca22;cursor:pointer}.popup-content{text-align:left;color:#000!important}#contact,#faq,#pricing,#testimonial,.github-btn{text-align:center}.popup-content h2{margin-top:0}.popup-content h3,.popup-content h4{margin:1em 0 .5em}.popup-content p,.popup-content ul{margin:.5em 0 .5em 20px}#close-btn{padding:10px 20px;display:flex}#faq .sub-title,.case-study-btn,.quote{margin-top:10px}.case:hover .case-study-btn a{background-color:#d9dae7;color:#000}.github-btn-div{display:flex;flex-direction:column;padding:10px 6%;justify-content:center;align-items:center}.github-btn{display:inline-block;font-size:16px;color:#000;padding:10px 20px;border-radius:5px;transition:0.5s}.answer,.question{padding-left:15px}.answer,.question i{padding-right:15px}.answer.show,.border{border-bottom:.5px solid #d9dae7}.github-btn:hover{transform:scale(1.1)}#testimonial{padding:60px 4% 80px}.testimonial-list .review{box-shadow:rgb(0 0 0 / .05) 0 0 0 1px;border-radius:10px;padding:40px 30px;cursor:pointer}.testimonial-list .review:hover{box-shadow:rgb(99 99 99 / .2) 0 2px 8px 0}.review i{font-size:54px;color:#faca22}.review .review-text{font-size:18px;line-height:1.3;text-align:left;padding:20px 0 30px}.review .review-by{display:flex;justify-content:flex-start;gap:15px;align-items:center;text-align:start}.answer,.content .contact-right{text-align:left}.review-by .img{flex-basis:20%}.review-by .img img{width:60px;height:60px;border-radius:50%}.review-by .info{height:60px}.review-by .info .name{font-size:18px;font-weight:600}.review-by .info .resignation{font-size:16px;font-weight:500;opacity:.8}#contact{background-color:#faca22;padding:60px 8% 40px}#contact .content{margin-top:50px;display:flex;justify-content:space-between;gap:30px;align-items:center}.content .contact-left,.content .contact-right{flex-basis:50%}.contact-left form button,.contact-left form input,.contact-left form textarea{width:100%;border:0;outline:0;background:#f7f7f7;color:#120f2d;resize:none;font-size:14px;margin:8px 0;padding:10px;border-radius:6px}.answer,.faq-item,.question{border-radius:10px}.contact-left form button{background:#000;color:#f7f7f7;font-weight:500;margin:0;border-radius:0;cursor:pointer}.content .vl{border-left:2px solid #fff;height:300px}.contact-right .col{display:flex;align-items:center;margin:15px 0}.contact-right .col i{font-size:28px;margin-right:10px}.col .info .title,.quote p{font-size:20px}.copyright{font-size:16px;font-weight:500;margin-top:60px}.copyright a{color:#120f2d}.fa-heart{color:red}#faq{padding:50px 8% 80px}.faq-item{margin-top:60px;margin-bottom:20px;background-color:#fff}.question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:50px;margin-bottom:5px;padding-bottom:5px}.question:hover{margin-left:35px;margin-right:20px;scale:105%}.answer{display:none;min-height:55px;margin-bottom:2%;padding-bottom:2%}.answer.show{display:block}@media (max-width:900px){.nav-menu .fa-solid{display:block;color:#faca22;font-size:20px}.fa-home{display:none}.nav-menu ul{background-color:#120f2d;position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:60px;z-index:2;transition:right 0.5s}.nav-menu ul li{display:block;color:#faca22;margin:25px}.nav-menu ul .fa-solid{position:absolute;top:25px;left:25px;cursor:pointer}.sub-title{text-align:center}#about .about-left{flex-basis:100%;margin-bottom:40px}#about .about-right{flex-basis:100%;margin-left:auto}.about-right .tab-links{margin-right:60px;font-size:22px}.about-right .tab-contents ul li{font-size:20px}.about-right .tab-contents ul li span{font-size:18px}#testimonial .testimonial-list{grid-gap:20px}.testimonial-list .review{padding:30px 15px}.review-by .info .name{font-size:16px}.btn-cv{margin-left:20%!important}.my-name{font-size:1.5rem}.logo{display:flex;margin-left:auto;margin-right:auto}}@media (max-width:560px){#header>div.header-top>div.nav-menu>i{margin-bottom:5px!important}#header .header-bottom{background-position:50%;height:100vh;padding-bottom:70px;padding-top:50px}#header .bottom-left{margin-left:auto;margin-right:auto;padding-left:40px;margin-top:500px;padding-bottom:40px}.header-bottom .bottom-left .name{font-size:40px}.bottom-left .profession{font-size:20px}.bottom-left .short-desc{font-size:18px;padding-right:20%}.about-right .tab-links{margin-right:30px;font-size:20px}.about-right .tab-contents ul li,.about-right .tab-contents ul li span{font-size:18px}.about-list{line-height:150%}.services div i{margin-left:40%}.services div h2{text-align:center}#contact .content{flex-wrap:wrap}.content .contact-left,.content .contact-right{flex-basis:100%}.content .vl{display:none}.popup-content{padding:5px;min-width:320px;max-width:none}}@media (max-width:450px){.header-bottom .bottom-left .name{font-size:32px}.bottom-left .profession{font-size:18px}.bottom-left .short-desc{font-size:16px;padding-right:6%}.bottom-left .btn-cv{font-size:14px;padding:8px 12px}.section-title .sub-title{font-size:36px}.section-title .title{font-size:20px}.about-right .tab-links{margin-right:25px;font-size:18px}.about-right .tab-contents ul li,.about-right .tab-contents ul li span{font-size:16px}.btn-cv{margin-left:30px!important}.btn-cv,.my-name,.profession{font-size:1rem}#popup{padding:0;width:90%;max-width:none}.popup-content{padding:5px;min-width:325px;max-width:none}}.heart{animation:1s infinite alternate beat}@keyframes beat{0%{transform:scale(1)}100%{transform:scale(1.1)}}#rainbow-trail{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}.trail-particle{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none;opacity:.8}.rainbow-1{background-color:red}.rainbow-2{background-color:#ff7f00}.rainbow-3{background-color:#ff0}.rainbow-4{background-color:lime}.rainbow-5{background-color:blue}.rainbow-6{background-color:indigo}.rainbow-7{background-color:#9400d3}.map-container{width:100%;height:100dvh;position:relative}iframe{width:100%;border:none;border-radius:10px}button{border-radius:10px!important}#pricing{padding:50px 20px;background-color:#f9f9f9}.pricing-container{max-width:1200px;margin:0 auto}.section-title{margin-bottom:30px}.card-title,.price{font-weight:700;margin-bottom:15px}.sub-title{font-size:28px;font-weight:700;color:#333}.pricing-cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px}.card{background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .1);border-radius:8px;width:280px;padding:20px;text-align:left;transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgb(0 0 0 / .2)}.card-title{font-size:20px}.price{font-size:24px}.features{list-style:none;padding:0}.features li{font-size:14px;color:#666;margin:5px 0}.features li::before{content:"✔";color:#103565;margin-right:10px}.quote{padding:20px;background-color:#f9f9f9;border-left:4px solid #103565;font-style:italic;color:#555}.quote blockquote{margin:0;padding:0;font-size:16px;line-height:1.6}.send-message:hover{scale:103%;filter:brightness(105%)}.project{display:flex}.project img{margin:auto}.layer p{margin-top:5px!important;margin-bottom:5px!important}.services div{padding:15px}#about>div.about-right>p{padding-top:5px}.logo:hover{scale:103%}.scroll-to-top{display:block;position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;-webkit-box-shadow:0 2px 5px #198754;box-shadow:0 2px 5px #198754}.scroll-to-top i{font-size:20px;color:inherit}.scroll-to-top:hover{background-color:#000}@media (max-width:768px){#about .about-right{align-items:center;padding-right:0}#about{min-height:100vh}.services div{padding-left:19px}.map-container{height:30dvh}iframe{height:30vh}.services{text-align:start}.image-gallery,.logo-span{display:none}#header .header-top{flex-direction:column;padding:10px;align-items:flex-start}.header-top .logo{margin-bottom:5px}.nav-menu ul{display:flex;flex-direction:column;align-items:flex-start;padding:0}.nav-menu ul li{margin:5px 0}.bottom-left .profession,.nav-menu ul li a{font-size:16px}#header .header-bottom{padding:10% 5%;height:auto}.header-bottom .bottom-left .name{font-size:1.8rem}.bottom-left .short-desc{font-size:14px;padding:10px 0}.bottom-left .btn-cv{width:70%;font-size:14px}.header-bottom .bottom-right a{font-size:14px;padding:5px 8px}.bottom-left{padding-left:0!important;padding-top:75px;padding-bottom:0!important}.bottom-left,.nav-menu{display:flex;height:fit-content;margin:0 auto!important;flex-wrap:wrap;align-items:center;justify-content:center}a.btn-cv{margin:0 auto 20px!important}i.top-icons{display:flex;margin:0 auto!important}.nav-menu ul{align-items:center}.nav-menu ul li:first-child{margin-top:60px}#testimonial{padding-bottom:10px}h3.profession{margin-top:10px!important}}.lone{margin-top:-10px;margin-bottom:-10px}.no-scroll{overflow:hidden}a.btn-cv{display:flex;align-items:center;justify-content:center}a.btn-cv:hover{color:#000;background-color:#faca22!important}button.nav-button{background:0 0!important;border:none!important;background-color:none!important;scale:120%}.lone:last-child{margin-bottom:10px}i.fa-home{margin-left:60px}.logo{max-width:160px;padding:8px 9px}.consultation{text-decoration:none}.consultation:hover{font-size:103%}