:root{--background-color:#f7f9fc;--font-family:Poppins,sans-serif;--light-color:#fff;--overlay-color:#0009;--primary-color:#0056b3;--secondary-color:#0a2540;--text-color:#444;--transition-time:.4s ease-in-out} body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);line-height:1.6;overflow-x:hidden} .container{margin:0 auto;max-width:100%;padding:20px;width:90%} .hero{align-items:center;background:url(../images/4.webp) no-repeat center center/cover;background-position:top center;background-size:cover;color:var(--light-color);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center} .hero .overlay{background:var(--overlay-color);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1} .hero .container{margin-top:50vh;position:relative;text-align:left;z-index:2} .hero h3{color:#ddd;font-size:1.5rem;letter-spacing:2px;text-transform:uppercase} .hero h1{font-size:3rem;font-weight:700;text-shadow:0 5px 15px var(--overlay-color)} .hero p{font-size:1.2rem;margin-bottom:2rem} .hero .btn{background:var(--primary-color);border-radius:25px;box-shadow:0 10px 30px #0000004d;color:var(--light-color);font-size:1rem;max-width:250px;padding:12px 30px;text-decoration:none;transition:background var(--transition-time),transform var(--transition-time);width:80%} .hero .btn:hover{background:#003a94;transform:translateY(-3px)} .mission-vision{background-color:var(--light-color);padding:60px 20px} .section-content{align-items:center;display:flex;gap:40px;margin-bottom:40px} .section-content.reverse{flex-direction:row-reverse} .text-content h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase} .text-content h2{color:var(--secondary-color);font-size:2rem;font-weight:600;line-height:1.4;margin-bottom:1rem} .text-content p{color:var(--text-color);font-size:1rem;margin-bottom:1.5rem} .image-content img{border-radius:16px;box-shadow:0 10px 30px #0000001a;height:auto;width:100%} .cic-services{align-items:center;display:flex;flex-direction:column;padding:20px} .heading-container{margin-bottom:40px;text-align:center} .featured-heading{color:#333;font-size:2.5rem;font-weight:400} .featured-heading span{color:#a40d0d;font-style:italic;font-weight:700} .image-container{border-radius:16px;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%} .image-container img{border-radius:16px;display:block;height:auto;object-fit:cover;width:100%} .overlay-text{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%} .overlay-text .text{color:#c71e1e;font-size:1.2rem;font-weight:700;letter-spacing:1px;position:absolute;text-shadow:0 2px 5px #0009;text-transform:uppercase} .text.neuro{left:10%;top:20%} .text.aortic{left:30%;top:40%} .text.cardiac{left:50%;top:50%;transform:translateX(-50%)} .text.vascular{right:10%;top:40%} .text.hepatic{right:15%;top:70%} .team-section{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;padding:50px 20px} .team-container{align-items:center;display:flex;flex-direction:row;gap:30px;max-width:1200px;width:100%} .team-image{border-radius:16px;box-shadow:0 10px 20px #0000001a;flex:1;overflow:hidden} .team-image img{display:block;height:auto;object-fit:cover;width:100%} .team-content{flex:1;padding:20px} .subheading{color:#666;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase} .team-content h2{font-size:2rem;font-weight:400;line-height:1.4;margin-bottom:20px} .team-content h2 strong{color:#444;font-weight:700} .team-content p{color:#555;font-size:1rem;margin-bottom:30px} .team-content p strong{color:#000;font-weight:600} .cta-button{border:2px solid #003877;border-radius:25px;color:#003877;display:inline-block;font-size:1rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease} .cta-button:hover{background-color:#003877;color:#fff} .text-content,.image-content{flex:1} @media (max-width: 768px) { .hero{height:100vh;padding:20px;text-align:center} .hero h3{font-size:1.5rem} .hero h1{font-size:1rem;line-height:1.2;margin-bottom:1rem} .hero p{font-size:1rem} .hero .btn{font-size:.9rem;max-width:200px;padding:10px 20px;width:70%} .mission-vision{padding:0} .section-content{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center;width:100%} .section-content.reverse{flex-direction:column} .text-content{color:#fff;margin-bottom:20px;padding:20px;position:relative;text-align:center;text-align:left;text-shadow:0 2px 5px #000c;width:90%;z-index:2} .text-content h3{color:#ddd;font-size:1rem;font-size:1.2rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.8rem;margin-bottom:10px;text-transform:uppercase} .text-content h2{color:#6ba7cb;font-size:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.3;line-height:1.4;margin-bottom:1rem;margin-bottom:15px} .text-content p{color:#fff;font-size:.9rem;font-size:1rem;line-height:1.6;margin-bottom:1.2rem} .image-content{height:auto;height:100%;margin-bottom:20px;overflow:hidden;position:absolute;width:100%;width:100%} .image-content img{border-radius:0;box-shadow:0 8px 20px #0000001a;filter:brightness(60%);height:auto;height:100%;object-fit:cover;width:100%;width:100%} .container{margin-top:5vh;padding:0;width:100%} .overlay-text .text{font-size:.4rem} .text.neuro{left:8%;top:15%} .text.aortic{left:20%;top:35%} .text.cardiac{left:50%;top:50%;transform:translateX(-50%)} .text.vascular{right:8%;top:35%} .text.hepatic{right:10%;top:65%} .bottom-text{font-size:1.2rem;padding:8px 16px} .team-container{flex-direction:column;gap:20px} .team-image{width:100%} .team-content{padding:0;text-align:center} .cta-button{font-size:.9rem;padding:8px 16px} .featured-heading,.team-content h2{font-size:1.8rem} }