@font-face{font-family:"Arial";src:url("../fonts/cantarell_regular-webfont.woff2") format("woff2"),url("../fonts/cantarell_regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}body{font-family:Arial,Helvetica,sans-serif}h2{font-family:Arial,Helvetica,sans-serif}p{line-height:24px;margin-bottom:20px}#menu{text-align:right}#menu img{width:20%}.header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #ebebeb}.header-bk{position:sticky;top:0;z-index:1000}#header-long{background:#fff;border-bottom:1px solid #ebebeb}#logo img{width:100%}#sidebar-menu{position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:#fff;transition:right .3s ease;z-index:3}#sidebar-menu.active{right:0}#close-menu{margin:40px;text-align:right}#close-menu img{width:24px}#sidebar-menu li{list-style:none;padding:24px;text-align:center}#sidebar-menu li a{text-decoration:none;color:#2b706c;font-weight:bold;padding:16px 64px 16px 64px;text-align:center}#topbar-menu{display:none}@media screen and (min-width: 768px){#menu{display:none}#sidebar-menu{display:none;background:#fff}#header-long{display:flex;justify-content:space-between;align-items:center;background:#fff}#topbar-menu{display:flex;padding:16px}#topbar-menu ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:flex-end}#topbar-menu li{list-style:none}#topbar-menu li a{position:relative;font-size:18px;text-decoration:none;color:#2b706c;font-weight:bold;padding:16px 32px 16px 32px}#topbar-menu li a::after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#edb33c;transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease-out}#topbar-menu li a:hover{background-color:#fff;color:#fd6f00;border-radius:30px}#topbar-menu li a:hover::after{transform:scaleX(1)}}@media screen and (min-width: 1200px){#menu{display:none}#sidebar-menu{display:none}#header-long{display:flex;justify-content:space-between;align-items:center;background:#fff}#topbar-menu{display:flex;padding:16px}#topbar-menu ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:flex-end}#topbar-menu li{list-style:none}#topbar-menu li a{font-size:18px;text-decoration:none;font-weight:bold;padding:16px 32px 16px 32px}#topbar-menu li a:hover{background-color:#fff;color:#fd6f00;border-radius:30px}}.footer-bk{padding:20px 0}.footer-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:10px 20px}.footer-logo{display:flex;align-items:center}.footer-logo img{height:40px;margin-right:10px}.brand-name{font-size:18px;font-weight:bold;color:#000}.footer-menu ul{display:flex;list-style:none;padding:0;margin:0}.footer-menu ul li{margin:0 20px}.footer-menu ul li a{text-decoration:none;font-weight:bold;color:#000;font-size:16px}.footer-menu ul li a:hover{color:#fd6f00}.footer-copyright{font-size:14px;color:#000;padding-top:20px}@media screen and (max-width: 768px){.footer-menu,.footer-copyright{display:none}.footer-logo{justify-content:center}.footer-container{display:grid}}.hero-bk{align-items:center;background-color:#fff;flex-direction:column;align-items:flex-start;padding-top:30px}.hero{text-align:center;color:#fff}.hero-image{display:block}.hero-h1{font-size:40px;margin-bottom:20px;text-align:center;color:#000;width:100%}.hero-p{font-size:18px;margin-top:32px;margin-bottom:20px;line-height:1.3;color:#000;width:100%}.hero-p2{font-size:14px;margin-bottom:20px;line-height:1.3;color:#000;width:100%}.button-hire{text-decoration:none;font-size:22px;font-weight:bold;color:#fff;background-color:#fd6f00;padding:12px 32px;border-radius:50px;margin-bottom:20px;position:relative;z-index:1;display:inline-block;overflow:hidden;transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275),background-color .3s ease,box-shadow .3s ease}.button-hire::before{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);transform:skewX(-30deg);transition:none}.button-hire:hover{background-color:#2b706c;color:#fff;transform:translateY(-6px) scale(1.05);box-shadow:0px 12px 20px rgba(43,112,108,.4)}.button-hire:hover::before{left:150%;transition:left .7s ease-in-out}.hire-con{margin-top:30px;margin-bottom:30px;position:relative;z-index:1}.highlight{color:#fd6f00}.social-links{margin-top:30px;margin-bottom:40px}.hero-icon{margin:10px;position:relative;z-index:1;width:15%}.hero-icon:hover{transform:scale(1.2)}@media screen and (min-width: 768px){.hero-h1{font-size:60px}.hero-p{font-size:24px}.hero-p2{font-size:16px}.hero-icon{margin:10px;width:8%}}@media screen and (min-width: 1200px){.hero-image{display:none}.hero-h1{font-size:72px}.hero-p{font-size:28px}.hero-p2{font-size:20px}.hero-bk{background:url("../images/hero.png") no-repeat right;align-items:left;background-color:#fff;flex-direction:column;align-items:flex-start;padding-top:200px}.hero{text-align:left}.hero-h1{text-align:left}.hero-icon{margin:8px;width:8%}}.port-bk{background-color:#fff0e9;padding-bottom:50px;position:relative;padding-top:20px}.wave-bg{position:absolute;top:-80px;left:0;width:100%;height:auto}.port-title{text-align:center;color:#000;font-size:32px;font-weight:bold;margin:24px;position:relative;z-index:1}.portfolio-row{display:grid;gap:16px;justify-content:center;grid-template-columns:1fr}.card{background-color:#fff;border-radius:20px;margin-bottom:30px;text-align:center;display:grid;transition:transform .3s ease;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.25)}.card::after{content:"View Details →";position:absolute;top:90%;left:50%;transform:translate(-50%, -50%);background-color:#fff;color:#fd6f00;font-weight:bold;padding:20px 100%;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.card:hover::after{opacity:1}.category-container{display:flex;flex-wrap:wrap;gap:8px;margin:8px}.category{display:inline-block;color:#2b706c;border:.5px solid #2b706c;padding:8px;border-radius:10px;font-size:14px;white-space:nowrap}.card:hover{transform:scale(1.1) !important;transform:scale(1.1)}.card img{width:100%;height:230px;-o-object-fit:cover;object-fit:cover;border-radius:20px 20px 0px 0px}.project-title{font-size:18px;font-weight:bold;margin-top:16px;color:#333}.button-link{text-decoration:none;font-size:18px;font-weight:bold;color:#fff;background-color:#fd6f00;padding:12px 32px;border-radius:50px;position:relative;z-index:1;display:inline-block;overflow:hidden;transition:color .3s ease}.button-link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2b706c;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(0.5, 1, 0.89, 1)}.button-link:hover{color:#fff}.button-link:hover::before{transform:scaleX(1)}@media screen and (min-width: 768px){.wave-bg{top:-170px}.portfolio-row{display:flex;gap:16px;justify-content:center;grid-template-columns:3fr}}@media screen and (min-width: 1200px){.wave-bg{top:-200px}}.about-bk{padding-top:50px;padding-bottom:50px}.about{border:1px solid #d9d9d9;padding:24px;border-radius:30px;margin-bottom:30px}.info-h2{font-size:28px;font-weight:bold;color:#000;text-align:center;margin-bottom:10px}.info-p{font-size:18px;line-height:1.8;margin-bottom:10px}.stats{display:flex;justify-content:left;gap:80px;margin-top:20px;margin-bottom:30px}.stats .number{font-size:36px;font-weight:bold;color:#edb33c}.small-p{color:#2b706c}.resume-btn{background:#f4c190;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:bold;margin-top:15px}.experience{border:1px solid #d9d9d9;padding:20px;border-radius:30px;margin-bottom:30px}.timeline{position:relative;padding-left:20px;border-left:3px solid #ebebeb;margin-top:15px}.exp-item{position:relative;padding-left:20px;margin-bottom:15px}.exp-item .dot{position:absolute;left:-27px;top:8px;width:12px;height:12px;background:#ff9a00;border-radius:50%;border:2px solid #fff}.exp-item h3{color:#2b706c;margin:0;font-size:20px;font-weight:bold}.exp-item p{margin:5px 0}.exp-item .date{font-size:14px;color:#000}.skills{border:1px solid #d9d9d9;padding:20px;border-radius:30px;text-align:center;margin-bottom:30px}.skills h2{font-weight:bold}.skill-icons{display:flex;justify-content:center;gap:16px;margin-top:15px}.skill-icons img{width:10%}@media screen and (max-width: 768px){.about-video{margin-top:40px}.about-bt{text-align:center}}.contact{background-color:#fff0e9;padding-bottom:20px;padding-top:20px}.contact-title{color:#000;text-align:center;font-size:32px;font-weight:bold;margin:32px}.contact-img{margin-bottom:40px}.contact-img img{border-radius:26px}.contact-text{margin-top:30px;font-size:18px}.contact-tx{padding-bottom:20px}@media screen and (max-width: 768px){.contact-text{text-align:center;margin-bottom:60px}}#player-container{position:relative;display:flex;flex-direction:column;width:100%}#player-container video{width:100%;height:auto}.video-controls.hidden{display:none}video{max-width:100%;margin-top:50px;border-radius:30px}.video-controls{right:0;left:0;padding:20px;position:absolute;bottom:0px;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.772), rgba(255, 255, 255, 0.913));display:flex;border-radius:0px 0px 30px 30px}.video-controls.hide{opacity:0;pointer-events:none}button{padding:0;border:0;background-color:rgba(0,0,0,0)}.fa,.fa-solid{color:#936041;font-size:28px;margin-left:20px}.fa-stop-circle-o{margin-right:20px}.fa-volume-up{margin-left:auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:15rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#c5896f;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#936041;border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid gray;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#fff;border-radius:.5rem;height:.5rem}input[type=range]::-moz-range-thumb{background-color:gray;border:none;border-radius:.5rem;height:1rem;width:1rem}input[type=range]:focus::-moz-range-thumb{outline:3px solid gray;outline-offset:.125rem}#video-controls button:hover{transform:scale(1.1)}html{scroll-behavior:smooth}.contact-section{background-color:#fff0e9;padding-bottom:50px}.contact-in-title{color:#000;text-align:center;font-size:32px;font-weight:bold;width:100%;padding:40px}.contact-form{flex:1;display:flex;flex-direction:column;gap:1rem;border-radius:30px;color:#fbf5ee;background-color:#fff;font-weight:bold;margin-bottom:48px}.contact-form label{font-size:18px;text-align:left}.contact-form input{width:100%;padding:16px;border:1px solid #ebebeb;border-radius:30px;background-color:#fff;font-size:14px}.contact-form textarea{resize:none;height:300px;width:100%;padding:16px;border-radius:30px;border:1px solid #ebebeb}.contact-form button{border:1px solid #fd6f00;width:100%}.form-bt{margin-top:32px;margin-bottom:32px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.close{cursor:pointer;position:absolute;top:10px;right:10px;font-size:24px;font-weight:bold}.about-section{background-color:#fff;padding-top:20px;padding-bottom:60px}.about-section h1{text-align:center}.about-container{color:#000}.aboutpg{padding:24px;border-radius:30px;margin-bottom:30px;text-align:center;font-size:32px}.about-photo img{width:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.about-intro p{font-size:16px;line-height:1.5}.what-i-do{background-color:#fff0e9;padding-top:20px;padding-bottom:60px;color:#000}.what-i-do h2{color:#000}.what-i-do h3{margin-bottom:10px;color:#2b706c;font-size:24px}.skill-item{padding:24px}.skills-tools{padding:48px 16px;color:#6c3205}.skills-tools-container{margin-bottom:30px}.st{margin:16px}.st-title{text-align:center;margin-bottom:30px}.st-content{margin:40px}.st p{font-size:16px;line-height:1.6}.skillpg-icons{display:flex;justify-content:center;gap:16px;margin-top:15px}.skillpg-icons img{width:15%}.skill-space{margin-bottom:60px}.experience2{border:1px solid #d9d9d9;padding:24px;border-radius:30px;margin-bottom:24px}.skills2{border:1px solid #d9d9d9;padding:20px;border-radius:30px;text-align:center;margin-bottom:24px}@media screen and (min-width: 1200px){.skillpg-icons img{width:20%}}.portfolio-bk{padding-bottom:50px}.portfolio-link{display:block;text-decoration:none;color:inherit}.portpage-title{text-align:center;color:#000;font-size:32px;font-weight:bold;margin:24px}.header-bk{background-color:#fbf5ee}.pro-bk{background-color:#fff}.case-study{padding-top:40px;padding-bottom:60px}.case-study h2{text-align:center;color:#000;font-size:36px;font-weight:bold;padding:24px}.project-images img{border-radius:20px}.background,.project-images,.created-date,.problem,.description,.categories,.solution{margin-bottom:24px;color:#2b706c}.gif-image img{border-radius:20px}.created-date,.categories{margin-top:30px}.case-study h3{position:relative;font-size:24px}.case-study h3::before{display:inline-block;width:10px;height:10px;background-color:#6c3205;border-radius:50%;margin-right:10px;vertical-align:middle}.case-study p{line-height:30px;font-size:18px}.study-p{color:#000;margin-top:20px}.description,.problem,.solution{border-radius:20px;padding:30px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:20px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pro-video{margin-bottom:30px}.lot-images{text-align:center}.lot-images img{width:70%;border:solid #fff}@media screen and (min-width: 1200px){.lot-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lot-images img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:10px}}body{font-family:Arial,sans-serif;background-color:#fff;color:#3e3e3e;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px}.project-list{background-color:#fff;border:1px solid #e0e0e0;margin:10px 0;padding:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.project-list a{text-decoration:none;color:#e00c0c;margin-left:10px;font-weight:bold}.project-list a:hover{color:#950808}form{padding:20px;margin-top:20px;border-radius:8px}form label{display:block;margin-bottom:8px;font-weight:bold;color:#5d4037}form input[type=submit]{background-color:#8d6e63;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer}form input[type=submit]:hover{background-color:#5d4037}a.logout{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#d50e00;color:#fff;text-decoration:none;border-radius:5px}a.logout:hover{background-color:#a60000}/*# sourceMappingURL=main.css.map */