#intro{background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 0;text-align:center;color:#fff}#intro h1{font-size:48px;margin-bottom:20px;color:#fff}#intro .lead{font-size:20px;margin-bottom:30px;opacity:.9}#intro .intro-buttons{margin-top:30px}#intro .intro-buttons .button{margin:0 10px}#intro .button.white{background:#fff;color:#667eea}#intro .button.white:hover{background:#f8f9fa}.icon-box{text-align:center;padding:30px 20px;margin-bottom:30px}.icon-box i{font-size:48px;color:#667eea;margin-bottom:20px;display:block}.icon-box h3{font-size:22px;margin-bottom:15px}.heading{text-align:center;margin:60px 0 40px}.heading h2{font-size:36px;margin-bottom:20px}.heading .line{width:80px;height:3px;background:#667eea;margin:0 auto}.intro{font-size:18px;line-height:1.8;text-align:center;margin-bottom:40px;color:#666}.call-to-action{background:#f8f9fa;padding:60px;text-align:center;border-radius:8px;margin:60px 0}.call-to-action h3{font-size:32px;margin-bottom:15px}.call-to-action p{font-size:18px;margin-bottom:25px;color:#666}body{margin:0;padding:0}#page-title{background:#f8f9fa;padding:60px 0;text-align:center;border-bottom:1px solid #e9ecef}#page-title h1{font-size:42px;margin-bottom:15px}#page-title .line{width:80px;height:3px;background:#667eea;margin:0 auto 15px}#page-title .subtitle{font-size:18px;color:#666}.portfolio-filter{text-align:center;margin:40px 0}.portfolio-filter button{background:#f8f9fa;border:none;padding:10px 25px;margin:0 5px;border-radius:25px;cursor:pointer;font-size:14px;transition:all .3s}.portfolio-filter button.active,.portfolio-filter button:hover{background:#667eea;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}@media (max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-box{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s}.portfolio-box:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.15)}.portfolio-image{position:relative;overflow:hidden;padding-top:75%}.portfolio-image img{-o-object-fit:cover;object-fit:cover}.placeholder-image,.portfolio-image img{position:absolute;top:0;left:0;width:100%;height:100%}.placeholder-image{background:#f8f9fa;display:flex;align-items:center;justify-content:center}.placeholder-image i{font-size:48px;color:#ccc}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(102,126,234,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.portfolio-box:hover .portfolio-overlay{opacity:1}.portfolio-link{color:#fff;font-size:32px}.portfolio-info{padding:20px}.portfolio-info h3{margin-bottom:10px;font-size:20px}.portfolio-info h3 a{color:#333;text-decoration:none}.portfolio-info h3 a:hover{color:#667eea}.portfolio-info .category{color:#667eea;font-size:14px;margin-bottom:10px;display:block}.blog-grid{display:grid;gap:40px;margin:40px 0}.blog-post{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);display:grid;grid-template-columns:300px 1fr;gap:30px}@media (max-width:768px){.blog-post{grid-template-columns:1fr}}.post-image{position:relative;overflow:hidden}.post-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-content{padding:30px 30px 30px 0}@media (max-width:768px){.post-content{padding:30px}}.post-meta{margin-bottom:15px;font-size:14px;color:#666}.post-meta span{margin-right:20px}.post-meta i{margin-right:5px;color:#667eea}.post-content h2{font-size:28px;margin-bottom:15px}.post-content h2 a{color:#333;text-decoration:none}.post-content h2 a:hover{color:#667eea}.post-content p{margin-bottom:20px;line-height:1.8;color:#666}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#667eea}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:40px 0}@media (max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.team-grid{grid-template-columns:1fr}}.team-member{text-align:center}.team-member img{width:100%;border-radius:50%;margin-bottom:15px}.team-member h4{margin-bottom:5px}.team-member .role{color:#667eea;font-size:14px;margin-bottom:10px}.text-center{text-align:center}.full-width{width:100%;height:auto}@media (max-width:767px){.container{width:100%!important;max-width:100%!important;padding-left:20px!important;padding-right:20px!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}body.boxed #wrapper{margin:0!important;width:100%!important;overflow-x:hidden!important}#header{position:relative;padding:20px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;margin:0!important}#header #logo{font-size:32px!important;margin:0!important;order:1;line-height:1.2!important}.mobile-menu-button{position:relative!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;order:2}#navigation.desktop-navigation{display:none!important}#intro{padding:60px 0!important}#intro h1{font-size:32px!important}#intro .lead{font-size:16px!important}.heading h2{font-size:28px!important}#page-title h1{font-size:32px!important}.call-to-action{padding:40px 20px!important}.call-to-action h3{font-size:24px!important}.one-fourth,.one-half,.one-third,.three-fourths,.two-thirds{width:100%!important;margin-bottom:30px;box-sizing:border-box!important}#footer .container{width:100%!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}.flexslider,.fullwidth,.revslider-wrapper,img{max-width:100%!important;box-sizing:border-box!important}.jcarousel-clip,.jcarousel-item,.jcarousel-list{width:100%!important;min-width:200px!important}.jcarousel-item{height:auto!important;min-height:150px!important}.project-carousel{display:none!important}#body-wrapper,#wrapper,body{overflow-x:hidden!important}}@media (min-width:768px) and (max-width:1024px){.container{width:90%!important;max-width:90%!important}}