:root{--bg-primary:#ffffff;--bg-secondary:#f9f9f9;--text-primary:#333333;--text-secondary:#666666;--text-muted:#888888;--border-color:#e0e0e0;--button-bg:#333333;--button-hover:#555555;--navbar-bg:#ffffff;--navbar-text:#333333;--navbar-link:#666666;--home-bg:#f8f9fa;--social-icon-bg:#e9ecef;--progress-bg:#f8f9fa}@media (prefers-color-scheme:dark){:root{--bg-primary:#000000;--bg-secondary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#999999;--border-color:#333333;--button-bg:#000000;--button-hover:#3d3d3f;--navbar-bg:#000000;--navbar-text:#ffffff;--navbar-link:#cccccc;--home-bg:#111111;--social-icon-bg:#292929;--progress-bg:#1a1a1a}}[data-theme="dark"]{--bg-primary:#000000;--bg-secondary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#999999;--border-color:#333333;--button-bg:#000000;--button-hover:#3d3d3f;--navbar-bg:#000000;--navbar-text:#ffffff;--navbar-link:#cccccc;--home-bg:#111111;--social-icon-bg:#292929;--progress-bg:#1a1a1a}[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f9f9f9;--text-primary:#333333;--text-secondary:#666666;--text-muted:#888888;--border-color:#e0e0e0;--button-bg:#333333;--button-hover:#555555;--navbar-bg:#ffffff;--navbar-text:#333333;--navbar-link:#666666;--home-bg:#f8f9fa;--social-icon-bg:#e9ecef;--progress-bg:#f8f9fa}body{background:var(--bg-primary);font-family:'Figtree';font-style:normal;font-weight:400;overflow-x:hidden;color:var(--text-primary);transition:background-color 0.3s ease,color 0.3s ease}html,body{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;letter-spacing:0px}h1{font-size:50px;line-height:normal;font-weight:300}h2{font-size:40px;line-height:52px;margin-top:0px}h3{font-size:30px;line-height:52px;margin-top:0px}h4{font-size:20px;margin-bottom:20px}h5{font-size:16px;margin-bottom:20px;margin-top:20px}h6{font-size:14px}p{font-size:16px;font-weight:300;line-height:25px;letter-spacing:0.2px}li{margin-top:5px}strong,span{font-weight:normal}.section-btn{background:var(--button-bg);border:none;border-radius:100px;color:var(--text-primary);font-size:13px;font-weight:bold;letter-spacing:1.6px;padding:12px 32px 16px 32px;margin-top:42px;-webkit-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s}.section-btn:focus,.section-btn:hover{background:var(--button-hover)}html{-webkit-font-smoothing:antialiased}*{-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}.section-title{margin:0;padding-bottom:32px}#about,#team,#work,#contact,footer{position:relative;padding-top:40px;padding-bottom:40px}#skill,#counter,#contact,footer{background:var(--bg-secondary)}#about img,#team img{border-radius:5px}#work{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}#contact{text-align:center}.custom-navbar{border:none;margin-bottom:0;padding-top:22px;color:var(--navbar-text);background:var(--navbar-bg);transition:background-color 0.3s ease}.custom-navbar .navbar-brand{color:var(--navbar-text);font-weight:normal;font-size:20px}.custom-navbar .nav li a{font-size:12px;font-weight:normal;color:var(--navbar-link);letter-spacing:1px;-webkit-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s;padding:0;margin:15px}.custom-navbar .navbar-nav>li>a:hover,.custom-navbar .navbar-nav>li>a:focus{background-color:var(--navbar-bg)}.custom-navbar .navbar-nav li a:after{content:"";position:absolute;display:block;width:0px;height:2px;margin:auto;transition:width .3s ease,background-color .3s ease}.custom-navbar .navbar-nav li a:hover:after,.custom-navbar .nav li.active>a:after{background:var(--navbar-text);color:var(--navbar-text);width:100%}.top-nav-collapse{box-shadow:0 1px 8px rgba(0,0,0,.08)}.custom-navbar .nav li.active>a{color:var(--navbar-text);font-weight:bold}.custom-navbar{border:none;padding-top:10px}.custom-navbar .icon-bar{background:var(--text-primary)}.large-header{background:var(--home-bg);position:absolute;top:0;right:0;bottom:0;left:0}#home{background:var(--home-bg);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;text-align:center;position:relative}#about{padding-top:90px}#about .about-thumb{padding:12px 32px;margin-top:0px}#about .about-thumb strong{font-weight:normal;display:block;padding-top:4px}#about .about-thumb-wrap h4{position:relative;overflow:hidden}#about .about-thumb-wrap h4:after{content:"";position:absolute;background:var(--text-secondary);width:20%;height:2px;top:15px;right:0;display:inline-block}#skill{border-top:1px solid var(--border-color);padding-top:80px;padding-bottom:60px}.skill-thumb strong,.skill-thumb span{color:var(--text-muted);font-size:16px;padding-bottom:8px;display:inline-block}.skill-thumb .progress{background:var(--progress-bg);border-radius:5px;box-shadow:none;height:4px}.skill-thumb .progress-bar-primary{background:var(--button-hover)}#team .team-thumb h2{color:var(--button-hover);font-size:25px;margin-top:22px;margin-bottom:0px}#team .team-thumb strong{letter-spacing:0.5px}#work .work-thumb{border-radius:5px;margin-bottom:15px;padding:0;overflow:hidden;position:relative;top:0;-webkit-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s}#work .work-thumb:hover{background:var(--bg-primary);box-shadow:0px 16px 22px 0px rgba(90,91,95,0.3);top:-5px}#work .work-thumb img{border-radius:5px}#contact .form-control{border:none;border-bottom:1px solid var(--border-color);border-radius:5px;box-shadow:none;font-size:18px;margin-top:10px;margin-bottom:10px;-webkit-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s}#contact input{height:55px}#contact button#submit{background:var(--button-bg);border:none;border-radius:40px;color:var(--text-primary);font-weight:bold;height:55px;padding-bottom:10px;margin-top:24px}#contact button#submit:hover{background:var(--button-hover);color:var(--text-primary)}footer .col-md-4 .support-cus:last-child{padding-top:12px}footer .col-md-4 .support-cus p{line-height:20px}footer .newsletter .form-control{box-shadow:none;height:45px;transition:all 0.4s ease-in-out;margin-top:16px;margin-bottom:2px}footer .newsletter .form-control:focus{border-bottom-color:var(--border-color)}footer .newsletter input{border:none;border-bottom:1px solid var(--border-color);border-radius:0px}footer .newsletter button{background:var(--bg-primary);border:none;border-radius:50px;font-weight:bold}footer .newsletter button:hover{background:var(--button-bg);color:var(--text-primary)}footer .dash-line{border-top:1px solid var(--border-color);margin-top:62px;padding-bottom:52px;position:relative}.social-icon{position:relative;padding:0;margin:0;text-align:center}.social-icon li{display:inline-block;list-style:none}.social-icon li a{background:var(--social-icon-bg);border-radius:100%;color:var(--text-primary);cursor:pointer;font-size:16px;text-decoration:none;transition:all 0.4s ease-in-out;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle;position:relative;margin:0px 6px 10px 6px}.social-icon li a:hover{background:var(--button-bg);transform:scale(1.1)}@media (max-width:980px){h1{font-size:40px}#work .work-thumb{margin-top:25px}}@media (max-width:768px){h1{font-size:33px;line-height:normal}h2{font-size:30px}h3{font-size:24px}.custom-navbar{background-color:var(--navbar-bg) !important;box-shadow:0 40px 100px rgba(0,0,0,.2);padding-top:0px}.custom-navbar .navbar-toggle{border-color:var(--navbar-text)}.custom-navbar .navbar-toggle .icon-bar{background-color:var(--navbar-text)}.custom-navbar .nav li a{display:inline-block;margin-bottom:0px;color:var(--navbar-link) !important}.custom-navbar .navbar-collapse{background-color:var(--navbar-bg);border:none}.about-thumb-wrap .col-md-4,#team .team-thumb,footer .col-md-4{margin-bottom:35px}footer .col-md-6{text-align:center}footer .copyright-text{padding-bottom:12px;color:var(--text-primary) !important}footer{background:var(--bg-secondary) !important}}@media (max-width:580px){h3{font-size:20px;letter-spacing:1px}#team .team-thumb h2{margin-top:0px}#about .about-thumb{padding:22px 15px 22px 12px;margin-top:0px}#about .col-md-8{padding-right:15px !important}.about-thumb .social-icon{margin-top:25px}}@media (max-width:360px){#home{height:150vh}}