:root{--primary-blue:#0057b8;--primary-yellow:#ffd700;--primary-red:#d70026;--dark-grey:#333;--light-grey:#f4f4f4;--text-color:#555;--heading-color:#222;--section-padding:60px 0;--container-width:90%;--max-container-width:1100px;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Arial',sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;}.container{width:var(--container-width);max-width:var(--max-container-width);margin:0 auto;overflow:hidden;}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin-bottom:15px;}h2.section-title{text-align:center;font-size:2.5em;margin-bottom:40px;position:relative;}h2.section-title::after{content:'';display:block;width:60px;height:3px;background-color:var(--primary-yellow);margin:10px auto 0;}p{margin-bottom:15px;}a{text-decoration:none;color:var(--primary-blue);}a:hover{color:var(--primary-yellow);}.btn{display:inline-block;background-color:var(--primary-yellow);color:var(--dark-grey);padding:10px 20px;border:none;border-radius:5px;text-transform:uppercase;font-weight:bold;transition:background-color 0.3s ease;}.btn:hover{background-color:var(--primary-blue);color:#fff;}.btn-outline{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);}.btn-outline:hover{background-color:var(--primary-blue);color:#fff;}header{background-color:white;padding:15px 0;box-shadow:0 2px 5px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;width:100%;}header .container{display:flex;justify-content:space-between;align-items:center;}.logo img{height:50px;}nav ul{list-style:none;display:flex;}nav ul li{margin-left:25px;}nav ul li a{color:var(--dark-grey);font-weight:bold;padding:5px 0;position:relative;}nav ul li a:hover,nav ul li a.active{color:var(--primary-blue);}nav ul li a::after{content:'';display:block;width:0;height:2px;background:var(--primary-yellow);transition:width .3s;position:absolute;bottom:0;left:0;}nav ul li a:hover::after,nav ul li a.active::after{width:100%;}.menu-toggle{display:none;font-size:24px;background:none;border:none;color:var(--dark-grey);cursor:pointer;}footer{background-color:var(--dark-grey);color:#f4f4f4;padding:40px 0 20px;text-align:center;}footer .container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;}.footer-col{flex:1;min-width:200px;text-align:left;margin-bottom:20px;}.footer-col img{max-width:150px;margin-bottom:15px;}.footer-col h4{color:var(--primary-yellow);margin-bottom:10px;font-size:1.2em;}.footer-col ul{list-style:none;}.footer-col ul li a{color:#ccc;display:block;margin-bottom:8px;}.footer-col ul li a:hover{color:var(--primary-yellow);}.footer-col p{color:#ccc;margin-bottom:8px;}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #444;width:100%;font-size:0.9em;}@media (max-width: 768px){nav ul{display:none;flex-direction:column;width:100%;background-color:#fff;position:absolute;top:70px;left:0;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:10px 0;}nav ul.active{display:flex;}nav ul li{margin:0;text-align:center;}nav ul li a{display:block;padding:10px;border-bottom:1px solid #eee;}nav ul li a::after{display:none;}.menu-toggle{display:block;}header .container{padding-left:15px;padding-right:15px;}.footer-col{text-align:left;width:100%;max-width:300px;}.footer-col{margin-left:auto;margin-right:auto;}.footer-col h4,.footer-col p,.footer-col ul li a{text-align:left;}.footer .container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;}.footer-col{width:100%;max-width:300px;}.footer-col img{margin-left:auto;margin-right:auto;}}#hero-slider{position:relative;width:100%;height:85vh;overflow:hidden;}.slider-container{width:100%;height:100%;display:flex;transition:transform 0.5s ease-in-out;}.slide{min-width:100%;height:100vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out;}.slide.active{opacity:1;z-index:1;}.slide-content{background-color:rgba(0,0,0,0.5);padding:40px;border-radius:10px;max-width:700px;}.slide-content h2,h1{font-size:2em;color:#fff;}.slide-content p{font-size:1em;}.slider-nav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;}.slider-nav button{background-color:rgba(0,0,0,0.5);color:white;border:none;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:5px;}.slider-nav button:hover{background-color:var(--primary-yellow);color:var(--dark-grey);}#what-we-offer{background-color:var(--light-grey);}.section-padding{padding:var(--section-padding);}.bg-light{background-color:var(--light-grey);}.offer-tabs{display:flex;justify-content:center;margin-bottom:30px;flex-wrap:wrap;}.offer-tab{background-color:transparent;border:none;padding:15px 25px;cursor:pointer;font-size:1.1em;color:var(--text-color);position:relative;transition:color 0.3s ease;display:flex;align-items:center;gap:8px;}.tab-icon{width:24px;height:24px;}.offer-tab::after{content:'';display:block;width:0;height:3px;background:var(--primary-yellow);transition:width .3s;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}.offer-tab:hover,.offer-tab.active{color:var(--heading-color);}.offer-tab.active::after{width:70%;}.offer-content-area{margin-top:20px;}.offer-content{display:none;align-items:center;gap:30px;}.offer-content.active{display:flex;animation:fadeIn 0.5s ease-in-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.offer-image{flex:1;max-width:45%;}.offer-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.offer-text{flex:1;max-width:50%;}.offer-text h3{font-size:2em;color:var(--heading-color);margin-bottom:15px;}.offer-text p{margin-bottom:20px;line-height:1.7;}.who-we-are-container{display:flex;align-items:center;gap:40px;}.who-we-are-image{flex:1;max-width:45%;}.who-we-are-image img{width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.who-we-are-text{flex:1;}.who-we-are-text h2.section-title::after{margin-left:0;margin-right:auto;}/* Need Help Section (Services Cards) */.service-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;}.service-card{background-color:#fff;padding:30px;text-align:center;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease, box-shadow 0.3s ease;}.service-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,0.12);}.service-icon{font-size:2.5em;color:var(--primary-blue);margin-bottom:15px;}.service-card h4{font-size:1.3em;color:var(--heading-color);margin-bottom:10px;}/* Gallery Section */.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:15px;}.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.gallery-grid img:hover{transform:scale(1.05);}/* Company Video Section */.video-wrapper{max-width:800px;margin:0 auto;box-shadow:0 4px 15px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;}.video-wrapper video{display:block;}/* Featured Blogs Section */.blog-cards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;}.blog-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.08);overflow:hidden;display:flex;flex-direction:column;}.blog-card img{width:100%;height:200px;object-fit:cover;}.blog-card h4{font-size:1.2em;padding:15px 20px 5px;color:var(--heading-color);}.blog-card p{padding:0 20px 15px;flex-grow:1;font-size:0.95em;}.blog-card .btn-outline{margin:0 20px 20px;align-self:flex-start;}/* Subscribe & Contact Section */.subscribe-contact-container{display:flex;gap:40px;align-items:center;flex-wrap:wrap;}.subscribe-form,.send-message-cta{flex:1;padding:30px;border-radius:8px;}.subscribe-form{background-color:var(--light-grey);}.send-message-cta{background-color:var(--primary-blue);color:#fff;text-align:center;}.send-message-cta h3{color:#fff;}.send-message-cta p{color:#eee;}.send-message-cta .btn{background-color:var(--primary-yellow);color:var(--dark-grey);}.send-message-cta .btn:hover{background-color:#fff;color:var(--primary-blue);}.subscribe-form h3{margin-bottom:10px;}.subscribe-form p{margin-bottom:20px;font-size:0.9em;}.subscribe-form form{display:flex;}.subscribe-form input[type="email"]{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none;}.subscribe-form button{border-radius:0 5px 5px 0;}@media (max-width: 992px){.offer-content{flex-direction:column;text-align:center;}.offer-image,.offer-text{max-width:100%;}.offer-image{margin-bottom:20px;}.who-we-are-container{flex-direction:column;text-align:center;}.who-we-are-image{max-width:70%;margin-bottom:20px;}.who-we-are-text h2.section-title::after{margin:10px auto 0;}}@media (max-width: 768px){.slide-content h1{font-size:2em;}.slide-content p{font-size:1em;}.offer-tabs{flex-direction:column;align-items:stretch;}.offer-tab{margin-bottom:5px;justify-content:center;}.subscribe-contact-container{flex-direction:column;}.subscribe-form,.send-message-cta{width:100%;}}@media (max-width: 480px){.subscribe-form form{flex-direction:column;}.subscribe-form input[type="email"]{border-radius:5px;margin-bottom:10px;}.subscribe-form button{border-radius:5px;width:100%;}}/* Gallery Popup Styles */.gallery-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}.gallery-popup-overlay.active{opacity:1;visibility:visible;}.gallery-popup-container{position:relative;max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center;}.gallery-popup-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,0.3);}.gallery-popup-close{position:absolute;top:-40px;right:0;color:white;font-size:30px;cursor:pointer;background:none;border:none;padding:5px;z-index:10;}.gallery-popup-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:10;}.gallery-popup-prev,.gallery-popup-next{background-color:rgba(255,255,255,0.2);color:white;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.3s ease;margin:0 20px;}.gallery-popup-prev:hover,.gallery-popup-next:hover{background-color:rgba(255,255,255,0.4);}/* Make gallery images clickable */.gallery-grid img{cursor:pointer;}/* Animation for image transitions */@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.gallery-popup-image{animation:fadeIn 0.3s ease;}.section-padding{padding:var(--section-padding);}.bg-light{background-color:var(--light-grey);}/* Hero Image Section */.hero-image-section{height:50vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;}.hero-image-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}.hero-content{position:relative;z-index:1;}.hero-content h1{font-size:3em;margin-bottom:10px;color:#fff;}.hero-content p{font-size:1.2em;}/* Detailed About Section - reusing who-we-are styles from home.css if similar *//* If different, define here. For now, assuming .who-we-are-container is styled in home.css or style.css */#detailed-about .who-we-are-image img{max-width:100%;object-fit:cover;}#detailed-about .who-we-are-text p{margin-bottom:20px;}/* Static "What We Offer" for About page (if not using dynamic tabs) */#what-we-offer-about .offer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;}#what-we-offer-about .offer-item{background-color:#fff;padding:25px;text-align:center;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.07);}#what-we-offer-about .offer-icon{width:50px;height:50px;margin-bottom:15px;}#what-we-offer-about .offer-item h4{color:var(--heading-color);margin-bottom:10px;}/* Vision & Mission Section */.vision-mission-container{display:flex;gap:30px;flex-wrap:wrap;}.vision-mission-card{flex:1;min-width:300px;background-color:var(--light-grey);padding:30px;border-radius:8px;border-left:5px solid var(--primary-yellow);}.vision-mission-card h3{color:var(--heading-color);margin-bottom:15px;}/* Gallery Section (reusing .gallery-grid from home.css or style.css) */#about-gallery .gallery-grid img{height:220px;}/* Video Section (reusing .video-wrapper from home.css or style.css) *//* Our Partners Section */.partners-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px;margin-top:30px;}.partner-logo{text-align:center;overflow:hidden;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;}.partner-logo:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.2);}.partner-logo img{width:100%;height:150px;object-fit:cover;transition:transform 0.5s ease;}.partner-logo img:hover{transform:scale(1.05);}@media (max-width: 768px){.hero-content h1{font-size:2.2em;}#detailed-about .who-we-are-container{flex-direction:column;text-align:center;}#detailed-about .who-we-are-image{max-width:80%;margin-bottom:20px;}#detailed-about .who-we-are-text h2.section-title::after{margin:10px auto 0;}.vision-mission-container{flex-direction:column;}}/* Our Services Redesign */#our-services-redesign .services-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;position:relative;}#our-services-redesign .service-item{width:200px;padding:20px;text-align:center;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin-bottom:20px;background-color:#fff;}#our-services-redesign .service-icon{width:70px;height:70px;margin-bottom:15px;}#our-services-redesign .service-item h4{color:var(--heading-color);margin-bottom:10px;}#our-services-redesign .service-item p{font-size:0.9em;}#our-services-redesign .services-container::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background-color:#ccc;z-index:-1;}@media (max-width: 768px){#our-services-redesign .services-container::before{display:none;}}#our-services-redesign .services-rope{display:flex;flex-direction:column;align-items:center;}#our-services-redesign .service-item{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;position:relative;}#our-services-redesign .service-item::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:2px;height:20px;background-color:#888;}#our-services-redesign .service-item:first-child::before{display:none;}#our-services-redesign .service-icon{width:60px;height:60px;margin-bottom:15px;}#our-services-redesign .service-item h4{color:var(--heading-color);margin-bottom:10px;}@media (max-width: 768px){#our-services-redesign .service-item{margin-bottom:30px;}#our-services-redesign .service-item::before{top:-15px;height:15px;}}#our-commitment .section-title{text-align:center;}#our-commitment .commitment-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto;}#our-commitment .commitment-content ul{list-style:none;padding:0;margin-top:15px;margin-bottom:15px;text-align:left;}#our-commitment .commitment-content ul li{margin-bottom:8px;}#our-commitment .commitment-content p{text-align:center;}#our-commitment .commitment-content strong{display:block;margin-bottom:10px;}.dream-box{margin:24px auto 0 auto;max-width:500px;background:linear-gradient(120deg,#e0f7fa 80%,#ffffff 100%);border:2px dashed #26c6da;border-radius:18px;box-shadow:0 4px 16px 0 rgba(38,198,218,0.08);padding:28px 24px 20px 24px;display:flex;align-items:flex-start;gap:18px;position:relative;}.dream-icon{flex-shrink:0;margin-top:2px;}.dream-text{font-size:1.18rem;color:#00b6ee;text-align:left;font-family:'Segoe UI','Arial',sans-serif;letter-spacing:0.01em;line-height:1.5;}@media (max-width: 600px){.dream-box{flex-direction:column;align-items:center;padding:18px 10px 14px 10px;}.dream-text{text-align:center;font-size:1rem;}}