.anno-section{padding:90px 0;position:relative}.anno-section .container{max-width:1140px;margin:auto;padding:0 20px}.anno-section-heading{text-align:center;margin-bottom:45px}.anno-section-heading h2{font-size:40px;font-weight:700;margin:0}.anno-intro{text-align:center;max-width:760px;margin:-20px auto 45px;font-size:17px}.anno-grid{display:grid;gap:30px}.anno-grid-4{grid-template-columns:repeat(4,1fr)}.anno-grid-3{grid-template-columns:repeat(3,1fr)}.anno-card{text-align:center;padding:30px 20px}.anno-icon{font-size:48px;margin-bottom:20px}.anno-card h3,.anno-project-info h3,.anno-post h3{font-size:22px;margin:10px 0}.anno-card p,.anno-post p{color:#777;line-height:1.8}.anno-hero{min-height:650px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.anno-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}.anno-hero-inner{position:relative;z-index:2;color:#fff;max-width:900px;padding:80px 20px}.anno-hero h1{font-size:72px;line-height:1.08;margin:0 0 25px;font-weight:700}.anno-hero p{font-size:21px;margin:0 0 35px}.anno-btn{display:inline-block;padding:14px 30px;border-radius:30px;background:#f62f65;color:#fff!important;text-decoration:none;border:0}.anno-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.anno-about h2,.anno-contact h2{font-size:40px;margin-top:0}.anno-about p,.anno-contact p{line-height:1.9;color:#666}.anno-skill{margin-bottom:25px}.anno-skill>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.anno-skill-bar{height:5px;background:#eee}.anno-skill-bar span{display:block;height:100%;background:#222}.anno-counters{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;gap:30px;text-align:center}.anno-counters strong{display:block;font-size:42px}.anno-counters span{color:#777}.anno-project{position:relative;overflow:hidden}.anno-project-img{position:relative}.anno-project-img img{display:block;width:100%;height:auto}.anno-project-info{position:absolute;left:0;right:0;bottom:0;background:#fff;padding:18px 20px}.anno-project-info p{margin:0;color:#777}.anno-testimonial{padding:35px;background:#f7f7f7;text-align:center}.anno-quote{font-size:50px;line-height:1}.anno-post{background:#fff}.anno-post-img img{width:100%;display:block}.anno-post-body{padding:20px}.anno-post-body small{color:#999}.anno-post-body h3 a{color:inherit;text-decoration:none}.anno-contact-form{display:flex;flex-direction:column;gap:15px}.anno-contact-form input,.anno-contact-form textarea{width:100%;padding:15px;border:1px solid #ddd;box-sizing:border-box}.anno-contact{background:#f7f7f7}
@media(max-width:900px){.anno-grid-4{grid-template-columns:repeat(2,1fr)}.anno-grid-3,.anno-two-col{grid-template-columns:1fr}.anno-counters{grid-template-columns:repeat(2,1fr)}.anno-hero h1{font-size:48px}}
@media(max-width:600px){.anno-grid-4,.anno-grid-3,.anno-counters{grid-template-columns:1fr}.anno-hero{min-height:550px}.anno-hero h1{font-size:36px}.anno-section{padding:60px 0}}