body{background-color:var(--web-wash);font-family:Platypi-Light,sans-serif;min-height:600px;overflow-y:auto}*,a{color:#fff;font-family:var(--font-family-light)}p{font-size:var(--c-text-base);line-height:1.5;margin:0 0 10px;text-align:starts}.banner-header{align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px;display:flex;max-height:480px;overflow:hidden;padding:0;position:relative}.banner-header img{height:auto;margin-top:-15%;-o-object-fit:contain;object-fit:contain;width:100%}.bg-linear{background:linear-gradient(180deg,hsla(41,49%,74%,0) 50%,#ddc89b);height:100%;left:0;position:absolute;top:0;width:100%}.body-content-top{padding:0 0 15px;position:relative}.border-radius-circle{border-radius:50%;overflow:hidden}.avatar{border:4px solid hsla(41,49%,74%,0);height:168px;left:0;position:absolute;top:0;transform:translateY(-30%);transition:var(--transition-base);width:168px}.avatar:hover{border:4px solid #fff}.content-box-top{margin-left:180px;margin-top:20px}@media screen and (max-width:768px){.avatar{position:unset}.content-box-top{margin-left:0;margin-top:-50px}}.user-name{font-size:38px;font-weight:700}.title-head{font-family:var(--font-family-bold);font-size:34px!important;margin:5px 0;text-shadow:1px 1px 10px #fff}.get-latest-cv{border-radius:8px;display:inline-block;font-size:18px;padding:5px 10px;transition:var(--transition-base)}.get-latest-cv:hover{background-color:var(--wash)}.body-content{border-radius:20px 5px 20px 5px;box-shadow:4px 8px 0 hsla(0,0%,100%,.5),8px 16px 0 hsla(0,0%,100%,.5);padding:2rem 20px}.header-section{font-family:var(--font-family-bold);font-size:var(--c-text-xl);text-align:center;text-decoration:underline;text-transform:uppercase}.logo-edu{background-color:#fff;border-radius:50%;height:80px;overflow:hidden;padding:10px;width:80px}.edu-row-content{display:flex;gap:20px;margin-top:2rem}.edu-right-content{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 80px)}.pb-32{padding-bottom:32px}.color-black{color:#000}ul.list-layout{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin-top:2rem;padding:0}ul.list-layout li{max-width:400px;width:calc(25% - 20px)}@media screen and (max-width:1360px){ul.list-layout li{max-width:400px;width:calc(33% - 16px)}}@media screen and (max-width:1080px){ul.list-layout li{max-width:400px;width:calc(50% - 20px)}}@media screen and (max-width:560px){ul.list-layout li{max-width:unset;width:100%}}.card-project{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:10px}.card-project .card-thumb{align-items:center;aspect-ratio:1.8;background-color:gray;border-radius:8px;display:flex;overflow:hidden;position:relative}.card-project .card-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .2s linear;width:100%}.card-project .card-thumb:hover img{transform:scale(1.2)}.card-project .card-thumb:hover .layer-link{opacity:1}.card-project .card-thumb .layer-link{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transition:all .2s linear;width:100%}.card-project .card-thumb .layer-link i{color:#fff;font-size:30px}.card-project .card-body{display:flex;flex-direction:column;gap:2px;height:100px}.card-project *{color:#000}.card-service{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:18px 20px}.card-service .card-thumb{align-items:center;aspect-ratio:1.8;background-color:gray;border-radius:8px;display:flex;overflow:hidden;position:relative}.card-service .card-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .2s linear;width:100%}.card-service .card-thumb:hover img{transform:scale(1.2)}.card-service .card-thumb:hover .layer-link{opacity:1}.card-service .card-thumb .layer-link{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;opacity:0;position:absolute;transition:all .2s linear;width:100%}.card-service .card-thumb .layer-link i{color:#fff;font-size:30px}.card-service .card-body{display:flex;flex-direction:column;gap:2px;height:190px}.card-service .card-body p{text-align:start}.card-service *{color:#000}.cusor-pointer{cursor:pointer}.dot{align-items:center;display:inline-block;padding-left:13px;position:relative}.dot:before{background-color:green;border-radius:50%;content:"";display:block;height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.tag-item{background:green;border-radius:8px;color:#fff;display:inline-block;font-size:13px;padding:2px 5px}.tag-item.laravel{background:#fb503b}.tag-item.mysql{background:#388ed1}.tag-item.vue{background:#42b883}.cloud-1{animation:cloud-anime 40s linear infinite;position:fixed;right:0;top:0;transform:translate(40%,-40%);width:60%;z-index:1}@keyframes cloud-anime{0%{transform:translate(20%,-40%)}25%{transform:translate(10%,-30%)}50%{transform:translateY(-20%)}75%{transform:translate(10%,-30%)}to{transform:translate(20%,-40%)}}.up-layer{position:relative;z-index:999}#music-content{align-items:center;display:flex;font-size:32px;font-weight:700;justify-content:center;left:50%;opacity:.5;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:-1}#audio-music .container{gap:10px}#audio-music .container .box-left{gap:10px;width:50%}#audio-music .container .box-left .box-music{background-color:rgba(0,0,0,.4);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;gap:10px;height:170px;padding:10px 5px;width:100%}#audio-music .container .box-left .box-music .left{align-items:center;aspect-ratio:1;display:flex;gap:5px;justify-content:center;position:relative;width:100px}#audio-music .container .box-left .box-music .left #icon-pause,#audio-music .container .box-left .box-music .left #icon-play{pointer-events:none;position:absolute;transition:all .5s linear}#audio-music .container .box-left .box-music .left #icon-pause i,#audio-music .container .box-left .box-music .left #icon-play i{color:#000;font-size:40px;opacity:.6}#audio-music .container .box-left .box-music .left #icon-play{opacity:0}#audio-music .container .box-left .box-music .left #play-music{aspect-ratio:1;border-radius:50%;cursor:pointer;overflow:hidden;position:relative;transform:rotate(0deg);width:100%}#audio-music .container .box-left .box-music .left #play-music img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#audio-music .container .box-left .box-music .left #play-music.play{animation:rotate-disc 10s linear infinite;transform:rotate(0deg)}#audio-music .container .box-left .box-music .left #play-music.play~#icon-play{opacity:1}#audio-music .container .box-left .box-music .left #play-music.play~#icon-pause{opacity:0}#audio-music .container .box-left .box-music .right{background:rgba(0,0,0,.8);border-radius:8px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:10px 15px;width:calc(100% - 120px)}#audio-music .container .box-left .box-music .right span{font-size:14px;line-height:1}#audio-music .container .box-left .box-music .right .sm-txt{font-size:12px}#audio-music .container .box-left .box-music .right .audio-info{display:flex;flex-direction:column;gap:3px}#audio-music .container .box-left .box-music .right .audio-time-line{line-height:1}#audio-music .container .box-left .box-music .right .audio-time-line span{font-size:12px;line-height:1}#audio-music .container .box-left .box-music .right #play-next,#audio-music .container .box-left .box-music .right #play-prev{align-items:center;aspect-ratio:1;background:rgba(0,0,0,.8);border-radius:50%;cursor:pointer;display:flex;justify-content:center;width:30px}#audio-music .container .box-left .box-music .right #audio-track{background-color:hsla(0,0%,100%,.6);border-radius:8px;height:10px;width:100%}#audio-music .container .box-left .box-music .right #audio-track #progress-bar{background:hsla(0,0%,100%,.4);border-radius:8px;height:100%;position:relative;transition:all 1s linear;width:0}#audio-music .container .box-left .box-music .right #audio-track #progress-bar:before{aspect-ratio:1;background:#fff;border-radius:50%;content:"";display:block;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:18px}#audio-music .container .box-left .box-slogan{border-radius:8px;padding:10px 15px;width:100%}#audio-music .container .box-left .box-slogan p{text-align:center}#audio-music .container .box-left .box-normal{border-radius:8px;min-height:50px;padding:10px 15px;width:100%}#audio-music .container .box-left .box-normal .row-c1{align-items:center;display:flex;font-size:24px;gap:8px;margin-bottom:15px;text-align:start}#audio-music .container .box-left .box-normal .row-c1 .logo-icon{height:28px;text-align:start;width:28px}#audio-music .container .box-left .box-normal .row-c1 .logo-icon img{height:auto;-o-object-fit:contain;object-fit:contain;vertical-align:unset!important;width:100%}#audio-music .container .body-content{width:50%}@media screen and (max-width:991px){#audio-music .container{flex-direction:column}#audio-music .container .body-content,#audio-music .container .box-left{width:100%}}.button-group{bottom:20px;flex-direction:column;gap:8px;justify-content:flex-end;position:fixed;right:20px;z-index:10000}.button-group,.button-group .c-btn{align-items:center;display:flex;width:30px}.button-group .c-btn{background:#fff;border-radius:50%;cursor:pointer;height:30px;justify-content:center}.button-group .c-btn.up:before{aspect-ratio:1;border:4px solid #000;border-width:4px 4px 0 0;content:"";display:block;transform:rotate(-45deg);width:15px}.button-group .c-btn.disc *{color:#000;font-size:20px}.button-group .c-btn.play{animation:rotate-disc 10s linear infinite;transform:rotate(0deg)}@keyframes rotate-disc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tags-list{display:flex;flex-wrap:wrap;gap:5px}header .bg-light{background-color:#46484b!important}header .bg-light *{color:#fff}header #mobileMenu *,header .dropdown-menu *{color:#000}#estimate-pricing .estimate-pricing-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border:2px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:3rem 2rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-title i{animation:pulse 2s ease-in-out infinite;color:gold}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-subtitle{color:hsla(0,0%,100%,.9);font-size:1.1rem;margin-bottom:1.5rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-features .feature-item{align-items:center;color:hsla(0,0%,100%,.95);display:flex;font-size:.95rem;gap:.75rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-features .feature-item i{color:#4ade80;font-size:1.1rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-note{color:gold;font-size:.95rem;margin:0}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-note i{margin-right:.5rem}#estimate-pricing .estimate-pricing-card .btn-estimate-now{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 5px 25px rgba(102,126,234,.5);color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:1rem;justify-content:space-between;overflow:hidden;padding:1.25rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}#estimate-pricing .estimate-pricing-card .btn-estimate-now:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#estimate-pricing .estimate-pricing-card .btn-estimate-now:hover{box-shadow:0 15px 35px rgba(102,126,234,.6);transform:translateY(-5px) scale(1.05)}#estimate-pricing .estimate-pricing-card .btn-estimate-now:hover:before{left:100%}#estimate-pricing .estimate-pricing-card .btn-estimate-now:hover .btn-arrow{transform:translateX(5px)}#estimate-pricing .estimate-pricing-card .btn-estimate-now .btn-text{align-items:center;display:flex;gap:.5rem}#estimate-pricing .estimate-pricing-card .btn-estimate-now .btn-arrow{animation:bounce-horizontal 2s ease-in-out infinite;transition:transform .3s ease}#estimate-pricing .estimate-pricing-card .btn-estimate-now:active{transform:translateY(-2px) scale(1.02)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bounce-horizontal{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@media(max-width:768px){#estimate-pricing .estimate-pricing-card{padding:2rem 1.5rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-title{font-size:1.5rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-subtitle{font-size:1rem}#estimate-pricing .estimate-pricing-card .estimate-content .estimate-features .feature-item{font-size:.9rem}#estimate-pricing .estimate-pricing-card .btn-estimate-now{font-size:1rem;margin-top:1.5rem;padding:1rem 1.5rem;width:100%}}#skill .skill-container{position:relative}#skill .skill-container,#skill .skill-container .icon{align-items:center;aspect-ratio:1;display:flex;justify-content:center;overflow:hidden}#skill .skill-container .icon{animation:item-rotate 40s linear infinite;background:#fff;border-radius:50%;filter:blur(0);padding:10px;position:absolute;transform:rotate(0deg);width:100px}#skill .skill-container .icon:hover{animation-play-state:paused;cursor:pointer}#skill .skill-container .liner-1{animation:rotate-liner 40s linear infinite;aspect-ratio:1;position:absolute;width:60%}#skill .skill-container .liner-1 .item-wr{display:flex;height:100%;position:relative;width:100%}#skill .skill-container .liner-1:hover,#skill .skill-container .liner-1:hover .icon{animation-play-state:paused}#skill .skill-container .liner-2{animation:rotate-liner-2 40s linear infinite;aspect-ratio:1;position:absolute;transform:rotate(1turn);width:32%}#skill .skill-container .liner-2 .item-wr{display:flex;height:100%;position:relative;width:100%}#skill .skill-container .liner-2 .item-wr .icon{animation:item-rotate-2 40s linear infinite}#skill .skill-container .liner-2 .item-wr .icon:hover{animation-play-state:paused;cursor:pointer}#skill .skill-container .liner-2:hover,#skill .skill-container .liner-2:hover .icon{animation-play-state:paused}#skill .skill-container .icon-top{left:calc(50% - 50px);top:-50px}#skill .skill-container .icon-top-right{right:0;top:0}#skill .skill-container .icon-right{right:-50px;top:calc(50% - 50px)}#skill .skill-container .icon-bottom-right{bottom:0;right:0}#skill .skill-container .icon-bottom{bottom:-50px;right:calc(50% - 50px)}#skill .skill-container .icon-bottom-left{bottom:0;left:0}#skill .skill-container .icon-left{left:-50px;top:calc(50% - 50px)}#skill .skill-container .icon-top-left{left:0;top:0}@keyframes rotate-liner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-liner-2{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes item-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes item-rotate-2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#frontpage-contact{border-radius:12px;margin:4rem auto 2rem;max-width:880px;padding:15px 12px;width:95%}#frontpage-contact .thumb-contact{border-radius:12px;margin-top:.5rem;overflow:hidden}@media screen and (max-width:800px){#frontpage-contact{margin:2rem auto}#frontpage-contact .thumb-contact{margin-top:2rem}}#project-lists{margin:2rem auto;padding:1rem 0}#project-lists .container{max-width:1200px}#project-lists .project-list{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:.5rem;padding:.5rem 1rem;transition:all .3s ease}#project-lists .project-list:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);box-shadow:0 5px 20px rgba(0,0,0,.2);transform:translateX(10px)}#project-lists .project-list:hover a{color:#667eea}#project-lists .project-list a{color:#fff;display:inline-block;font-size:20px;font-weight:700;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}#project-lists .project-list p{color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.6;margin:0}@media screen and (max-width:768px){#project-lists .project-list a{font-size:18px}#project-lists .project-list p{font-size:13px}}