main section{padding:60px 0;animation:fadeIn 0.8s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section h2{text-align:center;font-size:2.5em;margin-bottom:30px;position:relative;padding-bottom:15px}section h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#00bfff}.services-carousel{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:10px 20px 30px;position:relative;scrollbar-width:thin;scrollbar-color:#00bfff #f0f0f0}.services-carousel::-webkit-scrollbar{height:6px}.services-carousel::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.services-carousel::-webkit-scrollbar-thumb{background:#00bfff;border-radius:10px}.service-item{width:300px;flex:0 0 auto;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.15);border:1px solid #ddd;scroll-snap-align:center;padding:20px;transition:transform 0.3s,box-shadow 0.3s;text-align:center}.service-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,0.2)}.service-item img{width:100%;max-height:180px;object-fit:contain;margin-bottom:15px}.service-item h3{font-size:1.3em;margin-bottom:10px;color:#00509e;font-weight:700;text-shadow:0 1px 3px rgba(0,191,255,0.2);letter-spacing:0.5px}.service-item p{color:#555;font-size:0.95em;text-shadow:0 1px 2px rgba(0,191,255,0.1)}.about{background-color:#f9f9f9;text-align:left}.about-container{display:flex;flex-direction:column;gap:30px}.about-intro{text-align:center;margin-bottom:20px}.about-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:4px solid #00bfff}.about-card h3{color:#222;margin-bottom:15px;font-size:1.4em}.about-stats{display:flex;justify-content:space-around;flex-wrap:wrap;margin:30px 0}.stat-item{text-align:center;padding:15px;flex:1;min-width:150px}.stat-number{font-size:2.5em;font-weight:700;color:#00509e;margin-bottom:5px}.stat-label{color:#555;font-weight:600}.contact{text-align:center;background-color:#fff}.contact form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:15px}.contact input,.contact textarea{padding:15px;border:none;border-radius:8px;background:#f8f9fa;box-shadow:0 2px 6px rgba(0,0,0,0.05);font-size:1em;font-family:'Inter',sans-serif;transition:all 0.3s}.contact input:focus,.contact textarea:focus{outline:none;box-shadow:0 0 0 3px #00bfff44;background:#fff}.contact button{padding:15px;background:linear-gradient(135deg,#00bfff,#009ccc);color:white;border:none;cursor:pointer;font-weight:bold;border-radius:8px;transition:all 0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.contact button:hover{background:linear-gradient(135deg,#009ccc,#0077aa);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,0.15)}.form-response{margin-top:10px;font-size:1em;color:#00bfff}footer{background:#222;color:#fff;text-align:center;padding:30px 20px}footer p{opacity:0.8}@media (max-width:768px){.about-stats{flex-direction:column;gap:20px}section h2{font-size:2em}.hero h1{font-size:2.5em}}#form-response{white-space:pre-line}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}.skip-link:focus{left:auto;top:auto;width:auto;height:auto;padding:10px 15px;background:#fff;color:#222;font-weight:bold;z-index:9999;border-radius:0 0 5px 5px;text-decoration:none;box-shadow:0 0 10px rgba(0,0,0,0.2)}@font-face{font-family:'Inter';src:url('fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Inter';src:url('fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
/* Blog page styles */
.blog-posts {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.blog-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border-left: 4px solid #00bfff;
    transition: transform 0.3s, box-shadow 0.3s;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.blog-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.blog-date {
    color: #666;
    font-size: 0.9em;
}

.blog-category {
    background: #00bfff;
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.8em;
    font-weight: 600;
}

.blog-card h3 {
    margin-bottom: 15px;
    font-size: 1.3em;
    line-height: 1.4;
}

.blog-card h3 a {
    color: #222;
    text-decoration: none;
    transition: color 0.3s;
}

.blog-card h3 a:hover {
    color: #00bfff;
}

.blog-card p {
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    background: #f0f0f0;
    color: #666;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.8em;
}

@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}