body{font-family:var(--body-font);margin:0;padding:0;color:#333}header{background-color:#017090;color:white;padding:20px 40px;display:flex;justify-content:center}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1024px}header a{color:white;text-decoration:none;font-weight:bold}header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:25px}header nav ul li a{color:#fff;padding:5px 0;transition:color .3s}header nav ul li a.active,header nav ul li a:hover{color:#c0d72f}header nav ul li a.active{font-weight:bold;border-bottom:2px solid #c0d72f}main{padding:20px 40px;max-width:1024px;margin:0 auto}footer{background-color:#017090;color:white;padding:30px 40px;text-align:center;margin-top:40px}.promotional-banner{position:relative;width:1024px;height:300px;margin-bottom:40px;overflow:hidden}.slider{width:100%;height:100%}.slider .slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .75s ease-in-out}.slider .slide.active-slide{opacity:1}.slider .slide img{width:100%;height:100%;object-fit:cover}.slider-prev,.slider-next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(1,112,144,0.7);color:white;border:0;padding:10px 15px;font-size:24px;cursor:pointer;z-index:10}.slider-prev{left:10px}.slider-next{right:10px}.section-heading{font-family:var(--heading-font);font-size:var(--heading-font-size);color:#017090;text-align:center;margin-top:60px;margin-bottom:30px}.card-container{display:flex;justify-content:space-between;gap:30px;max-width:960px;margin:0 auto}.offer-card{width:298px;height:298px;display:block;position:relative;overflow:hidden;border-radius:8px;text-decoration:none;color:white;transition:transform .3s ease}.offer-card:hover{transform:scale(1.05)}.offer-card img{width:100%;height:100%;object-fit:cover}.offer-card .card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));padding:40px 15px 15px 15px;text-align:center}.offer-card .card-title{font-size:22px;font-weight:600}.more-button-container{text-align:center;margin-top:30px}.more-button{display:inline-block;background-color:#017090;color:white;padding:12px 30px;text-decoration:none;border-radius:5px;font-weight:bold;transition:background-color .3s}.more-button:hover{background-color:#015a73}.video-card{width:298px;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.video-card .video-thumbnail{width:100%;height:auto;display:block}.video-card .play-icon{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:rgba(255,255,255,0.9);text-shadow:0 0 15px rgba(0,0,0,0.7);pointer-events:none;transition:transform .3s}.video-card:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.video-card .video-title{padding:15px;font-weight:600;color:#333;margin:0}.modal-overlay{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);justify-content:center;align-items:center}.modal-content{position:relative;width:80%;max-width:900px}.close-modal{position:absolute;top:-40px;right:0;color:#fff;font-size:40px;font-weight:bold;cursor:pointer}.video-container{position:relative;padding-bottom:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.testimonial-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;padding:30px;display:flex;flex-direction:column;text-align:left;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.testimonial-stars{color:#ffc107;font-size:18px;margin-bottom:15px}.testimonial-feedback{font-size:16px;font-style:italic;color:#444;line-height:1.6;margin-top:0;margin-bottom:25px;flex-grow:1}.testimonial-client-info{display:flex;align-items:center;gap:15px;margin-top:auto}.testimonial-client-info img{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-client-details p{margin:0;line-height:1.3}p.testimonial-client-name{font-weight:bold;color:#017090;font-size:16px}p.testimonial-client-company{font-size:14px;color:#555}.client-logo-section{max-width:960px;margin:60px auto 0 auto;padding:0 10px}.logo-slider-container{position:relative;padding:0 50px}.logo-slider{width:100%;height:80px;overflow:hidden;position:relative}.logo-slider-track{display:flex;height:100%;position:absolute;left:0;top:0;transition:transform .5s ease-in-out}.logo-slide{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:200px;padding:0 15px;box-sizing:border-box}.logo-slide img{max-width:100%;max-height:60px;width:auto;filter:grayscale(100%);opacity:.7;transition:filter .3s ease,opacity .3s ease}.logo-slide a:hover img{filter:grayscale(0);opacity:1}.logo-slider-prev,.logo-slider-next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(1,112,144,0.5);color:white;border:0;padding:8px 12px;font-size:20px;cursor:pointer;z-index:10;border-radius:50%}.logo-slider-prev{left:0}.logo-slider-next{right:0}.about-description{display:flex;gap:40px;align-items:center;margin-top:40px;margin-bottom:40px}.about-text{flex:2}.about-image{flex:1;background-color:#eee;height:300px;border-radius:8px}.who-we-are{margin-bottom:60px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-member-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;text-align:center;padding:20px}.team-member-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:15px}.team-member-card h3{margin:10px 0 5px 0;color:#333}.team-member-card .member-title{margin:0;color:#017090;font-weight:bold}.ceo-card{grid-column:span 3;display:flex;align-items:center;gap:30px;text-align:left;padding:40px}.ceo-card img{width:200px;height:200px}.team-member-card{display:flex;flex-direction:column}.member-info{flex-grow:1}.member-bio{font-size:14px;color:#555;line-height:1.5;text-align:left;margin-top:15px}.ceo-card{grid-column:span 3;flex-direction:row;align-items:center;gap:30px;text-align:left;padding:40px}.ceo-card img{width:200px;height:200px;flex-shrink:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:960px;margin:0 auto}.portfolio-category-card{width:100%;height:400px;display:block;position:relative;overflow:hidden;border-radius:8px;text-decoration:none;color:white;transition:transform .3s ease}.portfolio-category-card:hover{transform:scale(1.05)}.portfolio-category-card img{width:100%;height:100%;object-fit:cover}.portfolio-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}.portfolio-image-item img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform .3s ease}.portfolio-image-item img:hover{transform:scale(1.02)}.services-section{max-width:960px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;height:200px;display:flex;justify-content:center;align-items:center;text-align:center;padding:15px;font-size:18px;font-weight:600;color:#333;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.service-card:hover{background-color:#017090;color:white;border-color:#017090}.contact-page-section{max-width:960px;margin:40px auto}.contact-header{text-align:center;margin-bottom:60px}.page-subheading{font-size:18px;color:#555;max-width:600px;margin:10px auto 0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.contact-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)}.contact-card .contact-icon{width:60px;height:60px;margin:0 auto 20px auto;color:#017090}.contact-card .contact-icon svg{width:100%;height:100%}.contact-card h3{margin-bottom:10px;font-size:22px;color:#333}.contact-card p{font-size:16px;line-height:1.5;color:#555;margin:0}.contact-card a{color:#017090;text-decoration:none;font-weight:600;transition:color .3s}.contact-card a:hover{color:#c0d72f}.blog-post-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:50px}.blog-post-card{display:grid;grid-template-columns:1fr 2fr;gap:40px;text-decoration:none;color:#333;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease}.blog-post-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.08)}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:30px}.blog-card-content h3{margin:0 0 10px 0;font-size:28px;color:#017090}.post-meta{font-size:14px;color:#777;margin-bottom:20px}.post-excerpt{font-size:16px;line-height:1.6}.read-more-link{display:inline-block;margin-top:20px;font-weight:bold;color:#017090}.post-detail{max-width:800px;margin:40px auto}.post-header{text-align:center;margin-bottom:30px}.post-title{font-size:48px;color:#017090;margin-bottom:10px}.post-featured-image{margin-bottom:40px}.post-featured-image img{width:100%;border-radius:8px}.post-content{font-size:18px;line-height:1.7;color:#333}.post-content h3{font-size:28px;color:#017090;margin-top:40px}.post-content ul,.post-content ol{padding-left:30px}.logo-link img{height:50px;width:auto;display:block}@media(max-width:1024px){main{padding:20px}.promotional-banner,.card-container,.testimonial-container,.portfolio-grid,.services-section,.contact-page-section{max-width:100%;padding:0 10px}}@media(max-width:768px){header{flex-direction:column;gap:20px}header nav ul{flex-direction:column;gap:10px;align-items:center;width:100%}.section-heading{font-size:36px}.card-container{flex-direction:column;align-items:center;gap:20px}.about-description{flex-direction:column}.team-grid{grid-template-columns:1fr}.ceo-card{flex-direction:column;text-align:center}.ceo-card .member-info{text-align:center}.member-bio{text-align:center}.portfolio-grid,.portfolio-image-grid,.contact-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.blog-post-card{grid-template-columns:1fr}.blog-card-content{padding:20px}}.about-content{font-family:var(--body-font)}.about-content h2{font-family:var(--heading-font);font-size:36px;color:#333;margin-bottom:1.5rem}.about-content p{font-size:17px;line-height:1.8;color:#555;margin-bottom:1.5em}.about-content ul{list-style-type:disc;padding-left:25px;margin:-1rem 0 1.5rem 0}.about-content ul li{font-size:17px;line-height:1.8;color:#555;margin-bottom:.5rem}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}