/* ========================================================================== everBetter Landing Page Styles ========================================================================== *//* -------------------------------------------------------------------------- CSS Custom Properties (Design Tokens) -------------------------------------------------------------------------- */:root{/* Brand Colors */ --eb-primary:#028374;--eb-accent:#5a4aff;--eb-overlay:rgba(2, 131, 116, 0.6);--eb-text-muted:#6c757d;--eb-heading:#32475c;/* Product Colors */ --eb-keyva:#878aff;--eb-kounet:#008080;/* Spacing */ --eb-section-py:6.25rem;--eb-section-py-lg:5rem;--eb-section-py-md:3rem;/* Effects */ --eb-card-lift:-5px;--eb-card-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--eb-card-shadow-hover:0 1rem 2rem rgba(0, 0, 0, 0.1);--eb-transition:0.3s ease;/* Border Radius */ --eb-radius-section:4rem;--eb-radius-lg:1rem;--eb-radius-md:0.375rem;/* Light Mode Colors */ --eb-bg-primary:#ffffff;--eb-bg-secondary:#f8f9fa;--eb-bg-tertiary:#e9ecef;--eb-text-primary:#32475c;--eb-text-secondary:#6c757d;--eb-card-bg:#ffffff;--eb-border-color:rgba(0, 0, 0, 0.1);}/* Dark Mode Colors */.dark-style{--eb-bg-primary:#2b2c40;--eb-bg-secondary:#232333;--eb-bg-tertiary:#1a1a2e;--eb-text-primary:#d5d5e2;--eb-text-secondary:#a3a4cc;--eb-card-bg:#2b2c40;--eb-border-color:rgba(255, 255, 255, 0.1);--eb-card-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.4);--eb-card-shadow-hover:0 1rem 2rem rgba(0, 0, 0, 0.3);}/* -------------------------------------------------------------------------- Sticky Navbar (override core CSS) -------------------------------------------------------------------------- */.layout-navbar{position:sticky !important;top:0 !important;z-index:1030;background:#ffffff;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);}.dark-style .layout-navbar{background:var(--eb-bg-primary);box-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}/* -------------------------------------------------------------------------- Base Section Styles -------------------------------------------------------------------------- */.section-py{padding:var(--eb-section-py) 0;}/* -------------------------------------------------------------------------- Focus Indicators (Accessibility) -------------------------------------------------------------------------- *//* Global focus styles for keyboard navigation */a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--eb-primary);outline-offset:2px;border-radius:var(--eb-radius-md);}/* Remove default outline, use custom focus-visible */a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none;}/* Enhanced focus for cards and interactive elements */.service-card:focus-within,.about-card:focus-within,.product-card:focus-within,.case-study-card:focus-within{outline:2px solid var(--eb-primary);outline-offset:4px;border-radius:var(--eb-radius-lg);}/* Focus styles for navbar links */.landing-navbar .nav-link:focus-visible{background-color:rgba(2, 131, 116, 0.1);border-radius:var(--eb-radius-md);}/* Focus styles for buttons */.btn:focus-visible{box-shadow:0 0 0 3px rgba(2, 131, 116, 0.3);}/* Focus styles for accordion buttons */.accordion-button:focus-visible{box-shadow:0 0 0 3px rgba(2, 131, 116, 0.3);border-color:var(--eb-primary);}/* -------------------------------------------------------------------------- Micro-interactions (Buttons & Interactive Elements) -------------------------------------------------------------------------- *//* Button base transitions */.btn{transition:all 0.2s ease;position:relative;overflow:hidden;}/* Primary button hover lift effect */.btn-primary{transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(2, 131, 116, 0.4);}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(2, 131, 116, 0.3);}/* Outline button hover fill effect */.btn-outline-primary{transition:all 0.2s ease;}.btn-outline-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(2, 131, 116, 0.2);}.btn-outline-primary:active{transform:translateY(0);}/* Icon rotation on hover */.btn i,.btn .bx{transition:transform 0.2s ease;}.btn:hover i,.btn:hover .bx{transform:scale(1.1);}/* WhatsApp button pulse animation */.sticky-whatsapp{animation:pulse-whatsapp 2s infinite;}@keyframes pulse-whatsapp{0%{box-shadow:0 0 0 0 rgba(37, 211, 102, 0.5);}70%{box-shadow:0 0 0 15px rgba(37, 211, 102, 0);}100%{box-shadow:0 0 0 0 rgba(37, 211, 102, 0);}}/* Card hover micro-interactions */.service-card,.about-card,.product-card,.case-study-card,.stat-card{transition:transform 0.3s ease, box-shadow 0.3s ease;}/* Link underline animation */.footer-link,.error-links a{position:relative;}.footer-link::after,.error-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--eb-primary);transition:width 0.3s ease;}.footer-link:hover::after,.error-links a:hover::after{width:100%;}/* Nav link hover effect */.landing-navbar .nav-link{position:relative;transition:color 0.2s ease;}.landing-navbar .nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--eb-primary);transition:width 0.3s ease;}.landing-navbar .nav-link:hover::after{width:80%;}.landing-navbar .nav-link.active::after{width:60%;}/* Back to top button bounce */.back-to-top:hover{animation:bounce-up 0.5s ease;}@keyframes bounce-up{0%, 100%{transform:translateY(0);}50%{transform:translateY(-5px);}}/* Accordion expand/collapse */.accordion-button{transition:background-color 0.2s ease, color 0.2s ease;}.accordion-button::after{transition:transform 0.3s ease;}/* Respect reduced motion preferences */@media (prefers-reduced-motion:reduce){.btn, .btn-primary, .btn-outline-primary, .service-card, .about-card, .product-card, .case-study-card, .stat-card, .sticky-whatsapp, .back-to-top, .footer-link::after, .landing-navbar .nav-link::after{transition:none;animation:none;}}/* -------------------------------------------------------------------------- Skip Navigation Link (Accessibility) -------------------------------------------------------------------------- */.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--eb-primary);color:#ffffff;padding:0.75rem 1.5rem;border-radius:var(--eb-radius-md);font-weight:600;text-decoration:none;z-index:9999;transition:top 0.3s ease;}.skip-link:focus{top:1rem;outline:2px solid #ffffff;outline-offset:2px;}/* -------------------------------------------------------------------------- Scroll Progress Indicator -------------------------------------------------------------------------- */.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg, var(--eb-primary) 0%, #03a894 100%);z-index:10000;transition:width 0.1s ease-out;box-shadow:0 0 10px rgba(2, 131, 116, 0.5);}/* Hide on mobile for cleaner look */@media (max-width:767.98px){.scroll-progress{height:2px;}}/* Respect reduced motion preference */@media (prefers-reduced-motion:reduce){.scroll-progress{transition:none;}}/* -------------------------------------------------------------------------- Scroll Animations -------------------------------------------------------------------------- */.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}.animate-on-scroll.animated{opacity:1;transform:translateY(0);}/* Staggered animations for child elements */.animate-children > *{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease-out, transform 0.5s ease-out;}.animate-children.animated > *:nth-child(1){transition-delay:0.1s;}.animate-children.animated > *:nth-child(2){transition-delay:0.2s;}.animate-children.animated > *:nth-child(3){transition-delay:0.3s;}.animate-children.animated > *:nth-child(4){transition-delay:0.4s;}.animate-children.animated > *:nth-child(5){transition-delay:0.5s;}.animate-children.animated > *{opacity:1;transform:translateY(0);}/* Fade in from left */.animate-left{opacity:0;transform:translateX(-30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}.animate-left.animated{opacity:1;transform:translateX(0);}/* Fade in from right */.animate-right{opacity:0;transform:translateX(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}.animate-right.animated{opacity:1;transform:translateX(0);}/* Scale up animation */.animate-scale{opacity:0;transform:scale(0.95);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}.animate-scale.animated{opacity:1;transform:scale(1);}/* Disable animations for users who prefer reduced motion */@media (prefers-reduced-motion:reduce){.animate-on-scroll, .animate-children > *, .animate-left, .animate-right, .animate-scale{opacity:1;transform:none;transition:none;}}/* -------------------------------------------------------------------------- Sticky WhatsApp Button -------------------------------------------------------------------------- */.sticky-whatsapp{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1050;display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:#25D366;color:#ffffff;border-radius:50px;text-decoration:none;font-weight:600;font-size:0.9rem;box-shadow:0 4px 15px rgba(37, 211, 102, 0.4);transition:all var(--eb-transition);opacity:0;transform:translateY(20px);pointer-events:none;}.sticky-whatsapp.visible{opacity:1;transform:translateY(0);pointer-events:auto;}.sticky-whatsapp:hover{background:#20bd5a;color:#ffffff;transform:translateY(-3px);box-shadow:0 6px 20px rgba(37, 211, 102, 0.5);}.sticky-whatsapp i{font-size:1.35rem;}/* On mobile, show icon only */@media (max-width:575.98px){.sticky-whatsapp{padding:0.875rem;border-radius:50%;bottom:1rem;right:1rem;}.sticky-whatsapp span{display:none;}.sticky-whatsapp i{font-size:1.5rem;}}/* Hide when near footer to avoid overlap */.sticky-whatsapp.hidden{opacity:0;pointer-events:none;}/* -------------------------------------------------------------------------- Back to Top Button -------------------------------------------------------------------------- */.back-to-top{position:fixed;bottom:1.5rem;left:1.5rem;z-index:1050;width:45px;height:45px;background:var(--eb-primary);color:#ffffff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(2, 131, 116, 0.3);transition:all var(--eb-transition);opacity:0;transform:translateY(20px);pointer-events:none;}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto;}.back-to-top:hover{background:#01a392;transform:translateY(-3px);box-shadow:0 6px 20px rgba(2, 131, 116, 0.4);}.back-to-top i{font-size:1.5rem;}/* Hide when near footer */.back-to-top.hidden{opacity:0;pointer-events:none;}@media (max-width:575.98px){.back-to-top{width:40px;height:40px;bottom:1rem;left:1rem;}.back-to-top i{font-size:1.25rem;}}/* -------------------------------------------------------------------------- Smooth Scroll with Navbar Offset -------------------------------------------------------------------------- */html{scroll-behavior:smooth;/* Offset for fixed navbar when scrolling to anchor links */ scroll-padding-top:80px;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}/* -------------------------------------------------------------------------- Active Nav Highlighting -------------------------------------------------------------------------- */.landing-navbar .nav-link.active{color:var(--eb-primary) !important;}@media (max-width:1199.98px){.section-py{padding:var(--eb-section-py-lg) 0;}}@media (max-width:767.98px){.section-py{padding:var(--eb-section-py-md) 0;}}/* -------------------------------------------------------------------------- Utility Classes -------------------------------------------------------------------------- *//* Text utilities */.text-justify{text-align:justify;}.text-keyva{color:var(--eb-keyva);}.text-kounet{color:var(--eb-kounet);}/* Card hover effect - reusable */.card-hover{transition:transform var(--eb-transition), box-shadow var(--eb-transition);}.card-hover:hover{transform:translateY(var(--eb-card-lift));box-shadow:var(--eb-card-shadow) !important;}/* Image hover zoom */.img-hover-zoom{overflow:hidden;}.img-hover-zoom img{transition:transform var(--eb-transition);}.img-hover-zoom:hover img{transform:scale(1.05);}/* Product image container */.product-image-container{height:350px;display:flex;justify-content:center;align-items:center;}.product-image-container img{max-height:350px;max-width:100%;-o-object-fit:contain;object-fit:contain;}/* Card image styles */.card-img-wrapper{overflow:hidden;border-radius:var(--eb-radius-md) var(--eb-radius-md) 0 0;}.card-img-top{height:200px;-o-object-fit:cover;object-fit:cover;transition:transform var(--eb-transition);}.card:hover .card-img-top{transform:scale(1.05);}/* Read more link */.read-more-link{color:var(--eb-primary);transition:all 0.2s ease-in-out;position:relative;z-index:2;}.read-more-link:hover{color:#084c79;text-decoration:underline !important;}/* Card link wrapper */.card-link{text-decoration:none;color:inherit;}.card-link:hover{text-decoration:none;color:inherit;}/* -------------------------------------------------------------------------- Hero Section -------------------------------------------------------------------------- */.landing-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:6rem 0 4rem;}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;}.landing-hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--eb-overlay);z-index:1;pointer-events:none;}.hero-text-box{position:relative;z-index:2;max-width:750px;margin:0 auto;text-align:center;}/* Hero Badge */.hero-badge{display:inline-block;padding:0.5rem 1.25rem;background:rgba(255, 255, 255, 0.15);border:none;border-radius:50px;color:#ffffff;font-size:0.875rem;font-weight:500;letter-spacing:0.5px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}/* Hero Title */.hero-title{color:#ffffff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.25rem;text-shadow:0 2px 10px rgba(0, 0, 0, 0.2);}/* Hero Subtitle */.hero-subtitle{color:rgba(255, 255, 255, 0.9);font-size:1.15rem;font-weight:400;line-height:1.7;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;}/* Hero Buttons */.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;}.btn-hero-primary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;background:#ffffff;color:var(--eb-primary);font-size:1rem;font-weight:600;border:none;border-radius:50px;transition:all var(--eb-transition);}.btn-hero-primary:hover{background:#f0f0f0;color:var(--eb-primary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.btn-hero-primary i{font-size:1.25rem;}.btn-hero-outline{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;background:rgba(255, 255, 255, 0.15);color:#ffffff;font-size:1rem;font-weight:600;border:none;border-radius:50px;transition:all var(--eb-transition);}.btn-hero-outline:hover{background:rgba(255, 255, 255, 0.25);color:#ffffff;transform:translateY(-3px);}.btn-hero-outline i{font-size:1.15rem;}/* Scroll Indicator */.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:0.25rem;color:rgba(255, 255, 255, 0.7);text-decoration:none;font-size:0.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:all var(--eb-transition);}.hero-scroll-indicator:hover{color:#ffffff;}.hero-scroll-indicator i{font-size:1.5rem;animation:bounce 2s infinite;}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}40%{transform:translateY(8px);}60%{transform:translateY(4px);}}/* Hero Responsive */@media (min-width:576px){.hero-buttons{flex-direction:row;justify-content:center;}}@media (min-width:768px){.hero-title{font-size:3.5rem;}.hero-subtitle{font-size:1.25rem;}}@media (max-width:767.98px){.landing-hero{min-height:90vh;padding:5rem 0 3rem;}.hero-title{font-size:2rem;}.hero-subtitle{font-size:1rem;}.hero-badge{font-size:0.8rem;padding:0.4rem 1rem;}.btn-hero-primary, .btn-hero-outline{padding:0.75rem 1.5rem;font-size:0.95rem;width:100%;justify-content:center;}.hero-scroll-indicator{bottom:1.5rem;}}/* -------------------------------------------------------------------------- About Section -------------------------------------------------------------------------- *//* About section - reduced top padding when following achievements connector */.landing-achievements + #landingAbout.section-py{padding-top:calc(var(--eb-section-py) * 0.6);}@media (max-width:991.98px){.landing-achievements + #landingAbout.section-py{padding-top:calc(var(--eb-section-py-lg) * 0.6);}}@media (max-width:767.98px){.landing-achievements + #landingAbout.section-py{padding-top:calc(var(--eb-section-py-md) * 0.7);}}.landing-about{background-color:#f8f9fa;}/* About Cards */.about-card{background:#ffffff;border-radius:var(--eb-radius-lg);overflow:hidden;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);transition:transform var(--eb-transition), box-shadow var(--eb-transition);}.about-card:hover{transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(0, 0, 0, 0.12);}.about-card-img{width:100%;height:240px;overflow:hidden;}.about-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--eb-transition);}.about-card:hover .about-card-img img{transform:scale(1.05);}.about-card-body{padding:1.75rem;}.about-label{display:inline-block;color:var(--eb-primary);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.75rem;}.about-label.mission{color:var(--eb-accent);}.about-title{font-size:1.35rem;font-weight:600;color:var(--eb-heading);margin-bottom:1rem;line-height:1.3;}.about-text{line-height:1.8;color:var(--eb-text-muted);margin-bottom:1rem;}@media (max-width:991.98px){.about-card-img{height:220px;}.about-title{font-size:1.25rem;}.about-card-body{padding:1.5rem;}}@media (max-width:767.98px){.about-card-img{height:200px;}.about-title{font-size:1.15rem;}.about-card-body{padding:1.25rem;}}/* -------------------------------------------------------------------------- Services Section -------------------------------------------------------------------------- */.landing-services{background:#ffffff;}.service-card{background:#f8f9fa;border-radius:var(--eb-radius-lg);padding:2rem 1.5rem;text-align:center;transition:all var(--eb-transition);border:1px solid transparent;}.service-card:hover{background:#ffffff;transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(2, 131, 116, 0.12);border-color:rgba(2, 131, 116, 0.15);}.service-icon{width:70px;height:70px;background:linear-gradient(135deg, var(--eb-primary) 0%, #01a392 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:transform var(--eb-transition);}.service-card:hover .service-icon{transform:scale(1.1);}.service-icon i{font-size:2rem;color:#ffffff;}.service-title{font-size:1.15rem;font-weight:600;color:var(--eb-heading);margin-bottom:0.75rem;}.service-text{font-size:0.9rem;color:var(--eb-text-muted);line-height:1.6;margin-bottom:1rem;}.service-features{list-style:none;padding:0;margin:0;text-align:left;}.service-features li{font-size:0.85rem;color:var(--eb-text-muted);padding:0.35rem 0;padding-left:1.5rem;position:relative;}.service-features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--eb-primary);border-radius:50%;}/* API & AI Highlight Card */.service-card--highlight{background:linear-gradient(135deg, #f0f9f8 0%, #e8f5f3 100%);border:1px solid rgba(2, 131, 116, 0.15);}.service-card--highlight:hover{border-color:rgba(2, 131, 116, 0.3);}.service-icon--ai{background:linear-gradient(135deg, #5a4aff 0%, #878aff 100%);}@media (max-width:991.98px){.service-card{padding:1.75rem 1.25rem;}.service-icon{width:60px;height:60px;}.service-icon i{font-size:1.75rem;}}@media (max-width:767.98px){.service-card{padding:1.5rem 1.25rem;}.service-icon{width:55px;height:55px;}.service-icon i{font-size:1.5rem;}.service-title{font-size:1.1rem;}}/* -------------------------------------------------------------------------- Process Section -------------------------------------------------------------------------- */.landing-process{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}.process-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1100px;margin:0 auto;position:relative;}/* Line behind steps - disabled */.process-timeline::before{display:none;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 180px);height:3px;background:linear-gradient(90deg, rgba(2, 131, 116, 0.15) 0%, var(--eb-primary) 20%, var(--eb-primary) 80%, rgba(2, 131, 116, 0.15) 100% );border-radius:2px;z-index:0;}.process-step{flex:1 1 180px;max-width:200px;position:relative;z-index:1;}.process-number{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:28px;height:28px;background:var(--eb-primary);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;z-index:2;box-shadow:0 2px 8px rgba(2, 131, 116, 0.3);}.process-content{background:#ffffff;border-radius:var(--eb-radius-lg);padding:2.5rem 1.25rem 1.5rem;text-align:center;height:100%;transition:all var(--eb-transition);border:1px solid transparent;}.process-step:hover .process-content{transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(2, 131, 116, 0.12);border-color:rgba(2, 131, 116, 0.15);}.process-icon{width:55px;height:55px;background:rgba(2, 131, 116, 0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all var(--eb-transition);}.process-step:hover .process-icon{background:var(--eb-primary);}.process-icon i{font-size:1.5rem;color:var(--eb-primary);transition:color var(--eb-transition);}.process-step:hover .process-icon i{color:#ffffff;}.process-title{font-size:1rem;font-weight:600;color:var(--eb-heading);margin-bottom:0.5rem;}.process-text{font-size:0.85rem;color:var(--eb-text-muted);line-height:1.6;margin-bottom:0;}/* Hide line on tablet */@media (max-width:991.98px){.process-timeline::before{display:none;}}@media (max-width:991.98px){.process-timeline{gap:1.25rem;}.process-step{flex:1 1 150px;max-width:180px;}.process-content{padding:2rem 1rem 1.25rem;}.process-icon{width:50px;height:50px;}.process-icon i{font-size:1.35rem;}}@media (max-width:767.98px){.process-timeline{flex-direction:column;align-items:center;gap:1rem;}.process-step{max-width:100%;width:100%;}.process-content{display:flex;align-items:center;text-align:left;padding:1.25rem;gap:1rem;}.process-number{position:static;transform:none;flex-shrink:0;}.process-icon{margin:0;flex-shrink:0;width:45px;height:45px;}.process-icon i{font-size:1.25rem;}.process-title{font-size:0.95rem;margin-bottom:0.25rem;}.process-text{font-size:0.8rem;}}/* -------------------------------------------------------------------------- How We Build / Approach Section -------------------------------------------------------------------------- */.approach-title{font-size:1.75rem;font-weight:600;color:var(--eb-heading);line-height:1.3;}.approach-text{color:var(--eb-text-muted);line-height:1.8;}.approach-stack{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;}.stack-item{display:flex;align-items:flex-start;gap:1rem;background:#f8f9fa;padding:1.25rem;border-radius:0.75rem;transition:all var(--eb-transition);}.stack-item:hover{background:#ffffff;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);transform:translateY(-2px);}.stack-icon{width:45px;height:45px;background:var(--eb-primary);border-radius:0.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.stack-icon i{font-size:1.5rem;color:#ffffff;}.stack-content{flex:1;}.stack-title{font-size:0.95rem;font-weight:600;color:var(--eb-heading);margin-bottom:0.25rem;}.stack-desc{font-size:0.8rem;color:var(--eb-text-muted);margin-bottom:0;line-height:1.4;}@media (max-width:767.98px){.approach-stack{grid-template-columns:1fr;}.approach-title{font-size:1.5rem;}.stack-item{padding:1rem;}.stack-icon{width:40px;height:40px;}.stack-icon i{font-size:1.25rem;}}/* -------------------------------------------------------------------------- Network/Clients Section -------------------------------------------------------------------------- */.network-block{padding:1.5rem 0;}.network-label{color:var(--eb-primary);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;}/* Base logo styles */.client-logo{height:70px;width:auto;max-width:160px;-o-object-fit:contain;object-fit:contain;opacity:0.75;transition:opacity var(--eb-transition), transform var(--eb-transition);}.client-logo:hover{opacity:1;transform:scale(1.05);}/* Logos with dark backgrounds */.client-logo--dark-bg{background-color:#1a1a1a;border-radius:0.5rem;padding:0.5rem 0.75rem;}/* MAED has its own background */.client-logo--maed{border-radius:0.5rem;}/* Clients Carousel */.clients-carousel{padding:1rem 0;}.clients-carousel .swiper-slide{display:flex;justify-content:center;align-items:center;height:auto;}.clients-carousel .client-logo{height:65px;max-width:140px;}/* -------------------------------------------------------------------------- Stats Section -------------------------------------------------------------------------- */.landing-stats{background:var(--eb-primary);padding:3.5rem 0;}.stats-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;}.stat-item{text-align:center;padding:0 1.5rem;}.stat-number{font-size:3rem;font-weight:700;color:#ffffff;line-height:1;margin-bottom:0.5rem;}.stat-label{font-size:0.9rem;color:rgba(255, 255, 255, 0.85);font-weight:500;max-width:140px;}.stat-divider{width:1px;height:50px;background:rgba(255, 255, 255, 0.25);}@media (max-width:991.98px){.stats-grid{gap:1.5rem;}.stat-item{padding:0 1rem;}.stat-number{font-size:2.5rem;}.stat-label{font-size:0.85rem;}.stat-divider{height:40px;}}@media (max-width:767.98px){.landing-stats{padding:2.5rem 0;}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1rem;}.stat-divider{display:none;}.stat-item{padding:0;}.stat-number{font-size:2.25rem;}.stat-label{font-size:0.8rem;max-width:none;}}/* -------------------------------------------------------------------------- Achievements Connector Section (similar to landing-stats) -------------------------------------------------------------------------- */.landing-achievements{background:var(--eb-primary);padding:2.5rem 0;}.achievements-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;}.achievement-item{display:flex;align-items:center;gap:1rem;padding:0 1.5rem;min-width:200px;}.achievement-logo{width:70px;height:45px;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.15);border-radius:6px;flex-shrink:0;}.achievement-logo img{max-height:35px;max-width:60px;width:auto;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);}.achievement-logo--placeholder i{font-size:1.5rem;color:rgba(255, 255, 255, 0.8);}.achievement-info{display:flex;flex-direction:column;gap:0.25rem;}.achievement-place{font-size:1rem;font-weight:700;color:#ffffff;line-height:1.2;}.achievement-name{font-size:0.85rem;color:rgba(255, 255, 255, 0.85);font-weight:500;width:140px;}.achievement-divider{width:1px;height:50px;background:rgba(255, 255, 255, 0.25);}@media (max-width:991.98px){.achievements-grid{gap:1.5rem;}.achievement-item{padding:0 1rem;}.achievement-divider{height:40px;}}@media (max-width:767.98px){.landing-achievements{padding:1.5rem 0;}.achievements-grid{flex-direction:column;gap:1rem;}.achievement-divider{display:none;}.achievement-item{padding:0;}}/* Clients Carousel - Continuous Movement */.clients-carousel .swiper-wrapper{transition-timing-function:linear !important;}/* -------------------------------------------------------------------------- Case Studies Section -------------------------------------------------------------------------- */.landing-case-studies{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}.case-study-card{background:#ffffff;border-radius:var(--eb-radius-lg);overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);transition:all var(--eb-transition);border:1px solid transparent;}.case-study-card:hover{transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(2, 131, 116, 0.12);border-color:rgba(2, 131, 116, 0.15);}/* Video background case study card */.case-study-card--video{position:relative;min-height:420px;}.case-study-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;}.case-study-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.5) 100% );z-index:1;}.case-study-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;}.case-study-card--video .case-study-header{border-bottom:1px solid rgba(255, 255, 255, 0.15);}.case-study-card--video .case-study-title{color:#ffffff;}.case-study-industry--light{background:rgba(255, 255, 255, 0.2);color:#ffffff;}.case-study-card--video .case-study-label{color:rgba(255, 255, 255, 0.9);}.case-study-card--video .case-study-section p{color:rgba(255, 255, 255, 0.85);}.case-study-card--video .case-study-footer{border-top:1px solid rgba(255, 255, 255, 0.15);margin-top:auto;}.case-study-card--video .btn-outline-light{border-color:rgba(255, 255, 255, 0.6);color:#ffffff;}.case-study-card--video .btn-outline-light:hover{background:#ffffff;border-color:#ffffff;color:var(--eb-primary);}.case-study-card--video:hover{transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(0, 0, 0, 0.25);}@media (max-width:767.98px){.case-study-card--video{min-height:380px;}}/* Toggle button */.case-study-toggle{position:absolute;top:1rem;right:1rem;z-index:3;width:40px;height:40px;background:rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.3);border-radius:50%;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--eb-transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}.case-study-toggle:hover{background:rgba(255, 255, 255, 0.3);transform:scale(1.1);}.case-study-toggle i{font-size:1.25rem;}/* Hint label */.case-study-toggle-hint{position:absolute;right:calc(100% + 0.5rem);top:50%;transform:translateY(-50%);background:rgba(0, 0, 0, 0.75);color:#ffffff;font-size:0.75rem;font-weight:500;padding:0.35rem 0.75rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;}.case-study-toggle-hint::after{content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:rgba(0, 0, 0, 0.75);}.case-study-toggle:hover .case-study-toggle-hint{opacity:1;}/* Initial pulse animation to draw attention */.case-study-toggle{animation:toggle-pulse 2s ease-in-out 3;animation-delay:1s;}@keyframes toggle-pulse{0%, 100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0.4);}50%{box-shadow:0 0 0 8px rgba(255, 255, 255, 0);}}/* Hidden state - text hidden, video focused */.case-study-card--video.text-hidden .case-study-overlay{background:linear-gradient( 135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100% );}.case-study-card--video.text-hidden .case-study-content{opacity:0;pointer-events:none;}.case-study-card--video .case-study-overlay,.case-study-card--video .case-study-content{transition:opacity 0.3s ease, background 0.3s ease;}.case-study-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0, 0, 0, 0.05);}.case-study-industry{display:inline-block;padding:0.25rem 0.75rem;background:rgba(2, 131, 116, 0.1);color:var(--eb-primary);font-size:0.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem;}.case-study-title{font-size:1.35rem;font-weight:700;color:var(--eb-heading);margin-bottom:0;}.case-study-body{padding:1.5rem;flex-grow:1;}.case-study-section{margin-bottom:1.25rem;}.case-study-section:last-child{margin-bottom:0;}.case-study-label{font-size:0.8rem;font-weight:600;color:var(--eb-primary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;}.case-study-section p{font-size:0.9rem;color:var(--eb-text-muted);line-height:1.6;margin-bottom:0;}.case-study-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0, 0, 0, 0.05);}.case-study-footer .btn-outline-primary{border-color:var(--eb-primary);color:var(--eb-primary);}.case-study-footer .btn-outline-primary:hover{background:var(--eb-primary);border-color:var(--eb-primary);color:#ffffff;}@media (max-width:767.98px){.case-study-header{padding:1.25rem 1.25rem 0.75rem;}.case-study-body{padding:1.25rem;}.case-study-title{font-size:1.2rem;}.case-study-section p{font-size:0.85rem;}.case-study-footer{padding:0.75rem 1.25rem 1.25rem;}}/* -------------------------------------------------------------------------- FAQ Section -------------------------------------------------------------------------- */.landing-faq{background:#ffffff;}.landing-faq .accordion{border:none;}.landing-faq .accordion-item{border:none;border-bottom:1px solid rgba(0, 0, 0, 0.08);background:transparent;}.landing-faq .accordion-item:last-child{border-bottom:none;}.landing-faq .accordion-button{background:transparent;padding:1.25rem 0;font-size:1rem;font-weight:600;color:var(--eb-heading);box-shadow:none;border:none;}.landing-faq .accordion-button:not(.collapsed){background:transparent;color:var(--eb-primary);box-shadow:none;}.landing-faq .accordion-button:focus{box-shadow:none;border-color:transparent;}.landing-faq .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23028374'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");width:1rem;height:1rem;transition:transform var(--eb-transition);}.landing-faq .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23028374'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}.landing-faq .accordion-body{padding:0 0 1.25rem 0;color:var(--eb-text-muted);line-height:1.7;}@media (max-width:767.98px){.landing-faq .accordion-button{font-size:0.95rem;padding:1rem 0;}.landing-faq .accordion-body{font-size:0.9rem;padding-bottom:1rem;}}/* -------------------------------------------------------------------------- CTA Section -------------------------------------------------------------------------- */#landingCTA{position:relative;overflow:hidden;}.cta-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;filter:blur(4px);transform:scale(1.05);}#landingCTA::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(2, 131, 116, 0.85);z-index:1;}.cta-container{position:relative;z-index:2;padding:2rem 1.5rem;}#landingCTA.section-py{padding:4rem 0;}@media (max-width:767.98px){#landingCTA.section-py{padding:3rem 0;}}.cta-badge{display:inline-block;padding:0.5rem 1.5rem;background:rgba(255, 255, 255, 0.15);border:1px solid rgba(255, 255, 255, 0.3);border-radius:50px;font-size:0.9rem;font-weight:500;letter-spacing:0.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}.cta-title{font-size:3rem;font-weight:700;color:#ffffff;line-height:1.2;text-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);}.cta-description{font-size:1.15rem;line-height:1.8;color:rgba(255, 255, 255, 0.9);max-width:600px;margin-left:auto;margin-right:auto;}#landingCTA .btn-light{background:#ffffff;color:var(--eb-primary);font-weight:600;border:none;transition:all var(--eb-transition);}#landingCTA .btn-light:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);}#landingCTA .btn-outline-light{border-width:2px;font-weight:600;transition:all var(--eb-transition);}#landingCTA .btn-outline-light:hover{background:rgba(255, 255, 255, 0.1);transform:translateY(-2px);}/* CTA Buttons - Hero style */.cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;}.btn-cta-primary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;background:#ffffff;color:var(--eb-primary);font-size:1rem;font-weight:600;border:none;border-radius:50px;transition:all var(--eb-transition);}.btn-cta-primary:hover{background:#f0f0f0;color:var(--eb-primary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}.btn-cta-primary i{font-size:1.25rem;}.btn-cta-outline{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 2rem;background:rgba(255, 255, 255, 0.15);color:#ffffff;font-size:1rem;font-weight:600;border:2px solid rgba(255, 255, 255, 0.5);border-radius:50px;transition:all var(--eb-transition);}.btn-cta-outline:hover{background:rgba(255, 255, 255, 0.25);border-color:rgba(255, 255, 255, 0.7);color:#ffffff;transform:translateY(-3px);}.btn-cta-outline i{font-size:1.15rem;}@media (min-width:576px){.cta-buttons{flex-direction:row;justify-content:center;}}@media (max-width:575.98px){.btn-cta-primary, .btn-cta-outline{padding:0.75rem 1.5rem;font-size:0.95rem;width:100%;justify-content:center;}}/* -------------------------------------------------------------------------- Product Section -------------------------------------------------------------------------- */.landing-product{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}/* Product Cards */.product-card{background:#ffffff;border-radius:var(--eb-radius-lg);overflow:hidden;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);transition:transform var(--eb-transition), box-shadow var(--eb-transition);height:100%;}.product-card:hover{transform:translateY(-5px);box-shadow:0 0.5rem 2rem rgba(0, 0, 0, 0.12);}.product-card-img{padding:1.5rem;display:flex;justify-content:center;align-items:center;min-height:220px;}.product-card-img img{max-height:200px;max-width:100%;-o-object-fit:contain;object-fit:contain;}.product-card-body{padding:0 1.5rem 1.5rem;}/* Product Badges */.product-card-badges{display:flex;flex-wrap:wrap;gap:0.5rem;}.product-badge{display:inline-block;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:50px;background:rgba(2, 131, 116, 0.1);color:var(--eb-primary);}.product-card--keyva .product-badge{background:rgba(135, 138, 255, 0.1);color:var(--eb-keyva);}.product-card--kounet .product-badge{background:rgba(0, 128, 128, 0.1);color:var(--eb-kounet);}.product-card-title{font-size:1.5rem;font-weight:700;margin-bottom:0.75rem;color:var(--eb-heading);}.product-card--keyva .product-card-title{color:var(--eb-keyva);}.product-card--kounet .product-card-title{color:var(--eb-kounet);}.product-card-text{color:var(--eb-text-muted);line-height:1.7;margin-bottom:1.25rem;}/* Product Buttons */.btn-keyva{background:var(--eb-keyva);color:#ffffff;border:none;padding:0.6rem 1.25rem;font-weight:500;transition:all var(--eb-transition);}.btn-keyva:hover{background:#7578e6;color:#ffffff;transform:translateY(-2px);}.btn-kounet{background:var(--eb-kounet);color:#ffffff;border:none;padding:0.6rem 1.25rem;font-weight:500;transition:all var(--eb-transition);}.btn-kounet:hover{background:#006666;color:#ffffff;transform:translateY(-2px);}@media (max-width:991.98px){.product-card-img{min-height:180px;}.product-card-img img{max-height:160px;}}@media (max-width:767.98px){.product-card-img{min-height:150px;padding:1rem;}.product-card-img img{max-height:140px;}.product-card-body{padding:0 1.25rem 1.25rem;}.product-card-title{font-size:1.35rem;}}/* -------------------------------------------------------------------------- Instagram Section -------------------------------------------------------------------------- */#landingInstagram{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}.instagram-wrapper{background:#ffffff;border-radius:var(--eb-radius-lg);padding:1rem;box-shadow:0 0.25rem 1rem rgba(0, 0, 0, 0.08);border:1px solid rgba(2, 131, 116, 0.1);}.instagram-wrapper iframe{display:block;border-radius:0.5rem;max-width:100%;}.btn-instagram{background:var(--eb-primary);color:#ffffff;border:none;padding:0.75rem 1.5rem;font-weight:600;transition:all var(--eb-transition);}.btn-instagram:hover{background:#01a392;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(2, 131, 116, 0.3);}@media (max-width:767.98px){.instagram-wrapper{padding:0.75rem;}.instagram-wrapper iframe{height:400px;}}/* -------------------------------------------------------------------------- Post/Blog Cards -------------------------------------------------------------------------- */.latest-post-card{position:relative;height:100%;display:flex;flex-direction:column;border-radius:var(--eb-radius-md);transition:transform var(--eb-transition), box-shadow var(--eb-transition);}.latest-post-card:hover{transform:translateY(var(--eb-card-lift));box-shadow:var(--eb-card-shadow-hover);}.latest-post-card .card-body{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;}.latest-post-card .card-title{color:var(--eb-heading);margin-bottom:0.75rem;font-size:1.125rem;font-weight:500;}.latest-post-card .badge{font-size:0.8125rem;padding:0.4rem 0.8rem;}.latest-post-card .text-muted{font-size:0.8125rem;}/* -------------------------------------------------------------------------- Responsive Adjustments -------------------------------------------------------------------------- */@media (max-width:768px){.hero-text-box h1{font-size:2rem;}.hero-text-box h2{font-size:1.1rem;}.cta-title{font-size:2.25rem;}.cta-description{font-size:1rem;}.cta-container{padding:3rem 1.5rem;}.product-image-container{height:250px;}.product-image-container img{max-height:250px;}}@media (max-width:576px){.hero-text-box h1{font-size:1.75rem;}.hero-text-box h2{font-size:1rem;}.cta-badge{font-size:0.8rem;padding:0.4rem 1rem;}.cta-title{font-size:1.75rem;}.cta-description{font-size:0.95rem;}.cta-container{padding:2.5rem 1rem;}#landingCTA .btn-lg{padding:0.75rem 1.5rem;font-size:0.95rem;}.product-image-container{height:200px;}.product-image-container img{max-height:200px;}}/* ========================================================================== Dark Mode Styles ========================================================================== *//* Navbar Dark Mode */.dark-style .layout-navbar,.dark-style .layout-navbar .navbar,.dark-style .layout-navbar .landing-navbar,.dark-style .layout-navbar .landing-nav-menu{background-color:var(--eb-bg-primary) !important;}.dark-style .layout-navbar .dropdown-menu{background-color:var(--eb-bg-primary) !important;border-color:var(--eb-border-color) !important;}.dark-style .app-brand-text,.dark-style .landing-navbar .nav-link{color:var(--eb-text-primary) !important;}/* Section Backgrounds Dark Mode */.dark-style .landing-about,.dark-style .landing-services,.dark-style .landing-process,.dark-style .landing-faq,.dark-style .bg-body{background-color:var(--eb-bg-primary) !important;}.dark-style .landing-stats,.dark-style .landing-case-studies,.dark-style .landing-clients{background:var(--eb-bg-secondary) !important;}.dark-style .landing-achievements{background:var(--eb-bg-secondary);}.dark-style .achievement-logo{background:rgba(255, 255, 255, 0.1);}.dark-style .achievement-logo img{filter:brightness(0) invert(1);}.dark-style .achievement-logo--placeholder i{color:rgba(255, 255, 255, 0.6);}.dark-style .achievement-place{color:var(--eb-text-primary);}.dark-style .achievement-name{color:rgba(255, 255, 255, 0.7);}.dark-style .achievement-divider{background:rgba(255, 255, 255, 0.15);}/* Text Colors Dark Mode */.dark-style h1, .dark-style h2, .dark-style h3,.dark-style h4, .dark-style h5, .dark-style h6,.dark-style .about-title,.dark-style .service-title,.dark-style .process-title,.dark-style .stat-number,.dark-style .faq-title{color:var(--eb-text-primary) !important;}.dark-style p,.dark-style .text-muted,.dark-style .about-text,.dark-style .service-description,.dark-style .process-description{color:var(--eb-text-secondary) !important;}/* Cards Dark Mode */.dark-style .about-card,.dark-style .service-card,.dark-style .product-card,.dark-style .case-study-card,.dark-style .stat-card,.dark-style .card{background-color:var(--eb-card-bg) !important;border-color:var(--eb-border-color) !important;}.dark-style .service-card,.dark-style .case-study-card{box-shadow:var(--eb-card-shadow);}.dark-style .service-card:hover,.dark-style .case-study-card:hover{box-shadow:var(--eb-card-shadow-hover);}/* Accordion Dark Mode */.dark-style .accordion-item{background-color:var(--eb-card-bg) !important;border-color:var(--eb-border-color) !important;}.dark-style .accordion-button{background-color:var(--eb-card-bg) !important;color:var(--eb-text-primary) !important;}.dark-style .accordion-button:not(.collapsed){background-color:rgba(2, 131, 116, 0.15) !important;}.dark-style .accordion-body{color:var(--eb-text-secondary) !important;}/* Footer Dark Mode */.dark-style .landing-footer{background-color:var(--eb-bg-secondary) !important;}.dark-style .footer-title,.dark-style .footer-link,.dark-style .footer-text,.dark-style .footer-bottom-text{color:var(--eb-text-primary) !important;}.dark-style .footer-bottom{background-color:var(--eb-bg-secondary) !important;}/* Process Timeline Dark Mode */.dark-style .process-timeline::before{background-color:var(--eb-border-color);}.dark-style .process-step-number{background-color:var(--eb-bg-secondary);border-color:var(--eb-primary);}/* Client Logos Dark Mode */.dark-style .client-logo{filter:brightness(0.9) contrast(1.1);}/* Error Page Dark Mode */.dark-style .error-page{background:linear-gradient(135deg, var(--eb-bg-secondary) 0%, var(--eb-bg-tertiary) 100%);}.dark-style .error-title,.dark-style .error-description{color:var(--eb-text-primary);}/* Instagram Section Dark Mode */.dark-style .instagram-wrapper{border-color:var(--eb-border-color);}/* Badge Dark Mode */.dark-style .badge.bg-label-primary{background-color:rgba(2, 131, 116, 0.2) !important;}/* ========================================================================== Mobile Menu Animation ========================================================================== */@media (max-width:991.98px){/* Smooth slide-in animation for mobile menu */ .navbar.landing-navbar .landing-nav-menu{transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:0;}.navbar.landing-navbar .landing-nav-menu.show{transform:translateX(0);}/* Overlay fade animation */ .landing-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:998;}.navbar.landing-navbar .landing-nav-menu.show ~ .landing-menu-overlay{opacity:1;visibility:visible;}/* Menu items stagger animation */ .landing-nav-menu .navbar-nav .nav-item{opacity:0;transform:translateX(-20px);transition:opacity 0.3s ease, transform 0.3s ease;}.landing-nav-menu.show .navbar-nav .nav-item{opacity:1;transform:translateX(0);}/* Stagger delay for each menu item */ .landing-nav-menu.show .navbar-nav .nav-item:nth-child(1){transition-delay:0.1s;}.landing-nav-menu.show .navbar-nav .nav-item:nth-child(2){transition-delay:0.15s;}.landing-nav-menu.show .navbar-nav .nav-item:nth-child(3){transition-delay:0.2s;}.landing-nav-menu.show .navbar-nav .nav-item:nth-child(4){transition-delay:0.25s;}.landing-nav-menu.show .navbar-nav .nav-item:nth-child(5){transition-delay:0.3s;}.landing-nav-menu.show .navbar-nav .nav-item:nth-child(6){transition-delay:0.35s;}/* Close button animation */ .landing-nav-menu .navbar-toggler{transition:transform 0.2s ease;}.landing-nav-menu .navbar-toggler:hover{transform:rotate(90deg);}/* Hamburger to X animation could be added here if using custom icon */}/* Respect reduced motion */@media (prefers-reduced-motion:reduce){.navbar.landing-navbar .landing-nav-menu, .landing-menu-overlay, .landing-nav-menu .navbar-nav .nav-item, .landing-nav-menu .navbar-toggler{transition:none !important;}}/* ========================================================================== Page Loading Indicator ========================================================================== */.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;visibility:visible;transition:opacity 0.4s ease, visibility 0.4s ease;}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none;}.page-loader-inner{text-align:center;}.loader-spinner{width:50px;height:50px;border:3px solid rgba(2, 131, 116, 0.2);border-top-color:var(--eb-primary);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}/* Dark mode page loader */.dark-style .page-loader{background-color:#2b2c40;}.dark-style .loader-spinner{border-color:rgba(2, 131, 116, 0.3);border-top-color:var(--eb-primary);}/* Reduced motion - no animation */@media (prefers-reduced-motion:reduce){.loader-spinner{animation:none;border-top-color:var(--eb-primary);border-right-color:var(--eb-primary);}}/* -------------------------------------------------------------------------- Print Stylesheet -------------------------------------------------------------------------- */@media print{/* Hide non-essential elements */ .layout-navbar, .sticky-whatsapp, .back-to-top, .scroll-progress, .page-loader, .skip-link, footer, .btn, .dropdown-style-switcher, .navbar-toggler, .landing-menu-overlay, iframe{display:none !important;}/* Reset backgrounds for printing */ body, .landing-hero, section{background:#ffffff !important;color:#000000 !important;}/* Ensure text is readable */ h1, h2, h3, h4, h5, h6{color:#000000 !important;page-break-after:avoid;}p, li{color:#333333 !important;}/* Ensure links are visible */ a{color:#028374 !important;text-decoration:underline !important;}/* Show link URLs after links */ a[href^="http"]:after{content:" (" attr(href) ")";font-size:0.8em;color:#666666;}/* Don't show URL for buttons/nav links */ .nav-link:after, .btn:after{content:none !important;}/* Improve readability */ body{font-size:12pt;line-height:1.5;}/* Avoid page breaks inside cards */ .card, .service-card, .about-card, .product-card, .accordion-item{page-break-inside:avoid;}/* Remove shadows and effects */ *{box-shadow:none !important;text-shadow:none !important;}/* Full width content */ .container{max-width:100% !important;width:100% !important;}/* Remove animations */ .animate-on-scroll, .animate-left, .animate-right, .animate-scale{opacity:1 !important;transform:none !important;}}/* ========================================================================== Case Study Detail Page Styles ========================================================================== *//* -------------------------------------------------------------------------- Case Study Hero Section -------------------------------------------------------------------------- */.case-study-hero{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden;}.case-study-hero-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}.case-study-hero-video,.case-study-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.case-study-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 100% );}.case-study-hero-content{position:relative;z-index:1;padding:4rem 0;color:#fff;}.breadcrumb-light{background:transparent;padding:0;margin:0;}.breadcrumb-light .breadcrumb-item a{color:rgba(255, 255, 255, 0.7);text-decoration:none;transition:color 0.3s ease;}.breadcrumb-light .breadcrumb-item a:hover{color:#fff;}.breadcrumb-light .breadcrumb-item.active{color:rgba(255, 255, 255, 0.9);}.breadcrumb-light .breadcrumb-item + .breadcrumb-item::before{color:rgba(255, 255, 255, 0.5);}.case-study-hero-industry{display:inline-block;background:var(--eb-primary);color:#fff;padding:0.375rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:500;margin-bottom:1rem;}.case-study-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff;}.case-study-hero-subtitle{font-size:1.25rem;color:rgba(255, 255, 255, 0.85);max-width:600px;}/* -------------------------------------------------------------------------- Case Study Meta Card -------------------------------------------------------------------------- */.case-study-meta-card{background:#fff;border-radius:var(--eb-radius-lg);padding:1.5rem;box-shadow:var(--eb-card-shadow);}.dark-style .case-study-meta-card{background:var(--eb-card-bg);}.case-study-meta-item{display:flex;flex-direction:column;padding:1rem 0;border-bottom:1px solid var(--eb-border-color);}.case-study-meta-item:last-child{border-bottom:none;padding-bottom:0;}.case-study-meta-item:first-child{padding-top:0;}.case-study-meta-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:var(--eb-text-secondary);margin-bottom:0.25rem;}.case-study-meta-value{font-weight:600;color:var(--eb-text-primary);}.case-study-meta-link{color:var(--eb-primary);text-decoration:none;font-weight:600;transition:color 0.3s ease;}.case-study-meta-link:hover{color:#026a5f;}/* -------------------------------------------------------------------------- Case Study Section Headers -------------------------------------------------------------------------- */.case-study-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}.case-study-section-header--light .case-study-section-number,.case-study-section-header--light .case-study-section-title{color:#fff;}.case-study-section-number{font-size:3rem;font-weight:800;color:var(--eb-primary);opacity:0.3;line-height:1;}.case-study-section-title{font-size:2rem;font-weight:700;color:var(--eb-heading);margin:0;}/* -------------------------------------------------------------------------- Case Study Challenge & Solution -------------------------------------------------------------------------- */.case-study-challenge p,.case-study-solution p,.case-study-results-text p{font-size:1.125rem;line-height:1.8;color:var(--eb-text-secondary);}.case-study-list{list-style:none;padding:0;margin:0;}.case-study-list li{display:flex;align-items:flex-start;font-size:1rem;padding:0.75rem 0;color:var(--eb-text-primary);}.case-study-list li i{margin-top:0.25rem;flex-shrink:0;}/* -------------------------------------------------------------------------- Case Study Features -------------------------------------------------------------------------- */.case-study-feature-card{background:#fff;border-radius:var(--eb-radius-lg);padding:2rem;height:100%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);transition:transform 0.3s ease, box-shadow 0.3s ease;}.dark-style .case-study-feature-card{background:var(--eb-card-bg);}.case-study-feature-card:hover{transform:translateY(-5px);box-shadow:var(--eb-card-shadow-hover);}.case-study-feature-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg, var(--eb-primary), #04a895);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;}.case-study-feature-icon i{font-size:1.75rem;color:#fff;}.case-study-feature-title{font-size:1.125rem;font-weight:600;margin-bottom:0.75rem;color:var(--eb-heading);}.case-study-feature-desc{font-size:0.9375rem;color:var(--eb-text-secondary);margin:0;line-height:1.6;}/* -------------------------------------------------------------------------- Case Study Gallery -------------------------------------------------------------------------- */.case-study-gallery{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;}.case-study-gallery-item{border-radius:var(--eb-radius-lg);overflow:hidden;box-shadow:var(--eb-card-shadow);}.case-study-gallery-item img{width:100%;height:auto;display:block;}.case-study-gallery-caption{padding:1rem;background:#fff;font-size:0.875rem;color:var(--eb-text-secondary);margin:0;text-align:center;}.dark-style .case-study-gallery-caption{background:var(--eb-card-bg);}/* -------------------------------------------------------------------------- Case Study Results Section -------------------------------------------------------------------------- */.case-study-results-section{background:linear-gradient(135deg, var(--eb-primary) 0%, #04a895 100%);color:#fff;}.case-study-results-text p{color:rgba(255, 255, 255, 0.9);}.case-study-metric{text-align:center;padding:2rem;background:rgba(255, 255, 255, 0.1);border-radius:var(--eb-radius-lg);}.case-study-metric-value{display:block;font-size:3rem;font-weight:800;color:#fff;line-height:1;margin-bottom:0.5rem;}.case-study-metric-label{font-size:0.875rem;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;letter-spacing:1px;}/* -------------------------------------------------------------------------- Case Study Tech Stack -------------------------------------------------------------------------- */.case-study-tech-stack{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem;}.case-study-tech-badge{background:var(--eb-bg-secondary);color:var(--eb-text-primary);padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:500;border:1px solid var(--eb-border-color);}.dark-style .case-study-tech-badge{background:var(--eb-bg-tertiary);}/* -------------------------------------------------------------------------- Case Study Testimonial -------------------------------------------------------------------------- */.case-study-testimonial{text-align:center;}.case-study-testimonial-icon{font-size:4rem;color:var(--eb-primary);opacity:0.3;margin-bottom:1rem;}.case-study-testimonial-quote{font-size:1.5rem;font-style:italic;line-height:1.6;color:var(--eb-text-primary);margin-bottom:2rem;}.case-study-testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem;}.case-study-testimonial-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;}.case-study-testimonial-info{display:flex;flex-direction:column;text-align:left;}.case-study-testimonial-name{font-weight:600;color:var(--eb-heading);}.case-study-testimonial-role{font-size:0.875rem;color:var(--eb-text-secondary);}/* -------------------------------------------------------------------------- Case Study CTA Section -------------------------------------------------------------------------- */.case-study-cta-section{background:var(--eb-bg-secondary);}.case-study-cta-section h2{color:var(--eb-heading);}.case-study-cta-section p{color:var(--eb-text-secondary);}.btn-cta-outline-dark{border:2px solid var(--eb-heading);color:var(--eb-heading);border-radius:50px;padding:0.875rem 2rem;font-weight:600;transition:all 0.3s ease;background:transparent;}.btn-cta-outline-dark:hover{background:var(--eb-heading);color:#fff;}/* -------------------------------------------------------------------------- Case Study Preview Cards (More Case Studies) -------------------------------------------------------------------------- */.case-study-preview-card{display:block;background:#fff;border-radius:var(--eb-radius-lg);overflow:hidden;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05);text-decoration:none;transition:transform 0.3s ease, box-shadow 0.3s ease;}.dark-style .case-study-preview-card{background:var(--eb-card-bg);}.case-study-preview-card:hover{transform:translateY(-5px);box-shadow:var(--eb-card-shadow-hover);}.case-study-preview-img-wrapper{position:relative;height:200px;overflow:hidden;}.case-study-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.3s ease;}.case-study-preview-card:hover .case-study-preview-img{transform:scale(1.05);}.case-study-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);display:flex;align-items:flex-end;padding:1rem;}.case-study-preview-industry{background:var(--eb-primary);color:#fff;padding:0.25rem 0.75rem;border-radius:50px;font-size:0.75rem;font-weight:500;}.case-study-preview-content{padding:1.5rem;}.case-study-preview-title{font-size:1.125rem;font-weight:600;color:var(--eb-heading);margin-bottom:0.5rem;}.case-study-preview-excerpt{font-size:0.9375rem;color:var(--eb-text-secondary);margin-bottom:1rem;line-height:1.5;}.case-study-preview-link{color:var(--eb-primary);font-weight:600;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.25rem;}.case-study-preview-link i{transition:transform 0.3s ease;}.case-study-preview-card:hover .case-study-preview-link i{transform:translateX(4px);}/* -------------------------------------------------------------------------- Case Study Detail Responsive Styles -------------------------------------------------------------------------- */@media (max-width:991.98px){.case-study-hero{min-height:60vh;}.case-study-hero-title{font-size:2.25rem;}.case-study-hero-subtitle{font-size:1.125rem;}.case-study-section-number{font-size:2.5rem;}.case-study-section-title{font-size:1.75rem;}.case-study-metric-value{font-size:2.5rem;}}@media (max-width:767.98px){.case-study-hero{min-height:50vh;}.case-study-hero-content{padding:2rem 0;}.case-study-hero-title{font-size:1.75rem;}.case-study-hero-subtitle{font-size:1rem;}.case-study-section-header{flex-direction:column;align-items:flex-start;gap:0.5rem;}.case-study-section-number{font-size:2rem;}.case-study-section-title{font-size:1.5rem;}.case-study-testimonial-quote{font-size:1.25rem;}.case-study-feature-card{padding:1.5rem;}.case-study-metric{padding:1.5rem;}.case-study-metric-value{font-size:2rem;}.case-study-gallery{grid-template-columns:1fr;}}/* ========================================================================== Case Studies List Page Styles ========================================================================== *//* -------------------------------------------------------------------------- Case Studies List Hero -------------------------------------------------------------------------- */.case-studies-list-hero{background:linear-gradient(135deg, var(--eb-primary) 0%, #04a895 100%);padding:8rem 0 4rem;color:#fff;}.case-studies-list-hero .breadcrumb{background:transparent;padding:0;margin-bottom:2rem;}.case-studies-list-hero .breadcrumb-item a{color:rgba(255, 255, 255, 0.7);text-decoration:none;}.case-studies-list-hero .breadcrumb-item a:hover{color:#fff;}.case-studies-list-hero .breadcrumb-item.active{color:rgba(255, 255, 255, 0.9);}.case-studies-list-hero .breadcrumb-item + .breadcrumb-item::before{color:rgba(255, 255, 255, 0.5);}.case-studies-list-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;}.case-studies-list-hero-subtitle{font-size:1.25rem;color:rgba(255, 255, 255, 0.85);max-width:600px;}/* -------------------------------------------------------------------------- Case Studies Stats Bar -------------------------------------------------------------------------- */.case-studies-stats{padding:1rem 0;border-bottom:1px solid var(--eb-border-color);}.case-studies-count{color:var(--eb-text-secondary);font-size:0.9375rem;}.case-studies-industries{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;}.case-studies-industry-tag{background:var(--eb-bg-secondary);color:var(--eb-text-primary);padding:0.375rem 0.875rem;border-radius:50px;font-size:0.8125rem;font-weight:500;}@media (min-width:768px){.case-studies-industries{justify-content:flex-end;}}/* -------------------------------------------------------------------------- Case Studies List Cards -------------------------------------------------------------------------- */.case-studies-list-card{display:block;position:relative;border-radius:var(--eb-radius-lg);overflow:hidden;text-decoration:none;height:400px;transition:transform 0.3s ease, box-shadow 0.3s ease;}.case-studies-list-card:hover{transform:translateY(-5px);box-shadow:var(--eb-card-shadow-hover);}.case-studies-list-card-media{position:absolute;top:0;left:0;width:100%;height:100%;}.case-studies-list-card-video,.case-studies-list-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.5s ease;}.case-studies-list-card:hover .case-studies-list-card-video,.case-studies-list-card:hover .case-studies-list-card-img{transform:scale(1.05);}.case-studies-list-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100% );}.case-studies-list-card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:1;}.case-studies-list-card-industry{display:inline-block;background:var(--eb-primary);color:#fff;padding:0.25rem 0.75rem;border-radius:50px;font-size:0.75rem;font-weight:500;margin-bottom:0.75rem;}.case-studies-list-card-title{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;color:#fff;}.case-studies-list-card-tagline{font-size:0.9375rem;color:rgba(255, 255, 255, 0.85);margin-bottom:0.75rem;line-height:1.5;}.case-studies-list-card-meta{margin-bottom:1rem;}.case-studies-list-card-services{font-size:0.8125rem;color:rgba(255, 255, 255, 0.7);}.case-studies-list-card-link{display:inline-flex;align-items:center;gap:0.25rem;color:#fff;font-weight:600;font-size:0.875rem;}.case-studies-list-card-link i{transition:transform 0.3s ease;}.case-studies-list-card:hover .case-studies-list-card-link i{transform:translateX(4px);}/* -------------------------------------------------------------------------- Case Studies List CTA -------------------------------------------------------------------------- */.case-studies-list-cta{background:var(--eb-bg-secondary);}.case-studies-list-cta h2{color:var(--eb-heading);}.case-studies-list-cta p{color:var(--eb-text-secondary);}/* -------------------------------------------------------------------------- Case Studies List Responsive Styles -------------------------------------------------------------------------- */@media (max-width:991.98px){.case-studies-list-hero{padding:6rem 0 3rem;}.case-studies-list-hero-title{font-size:2.25rem;}.case-studies-list-hero-subtitle{font-size:1.125rem;}.case-studies-list-card{height:350px;}.case-studies-list-card-title{font-size:1.25rem;}}@media (max-width:767.98px){.case-studies-list-hero{padding:5rem 0 2.5rem;}.case-studies-list-hero-title{font-size:1.75rem;}.case-studies-list-hero-subtitle{font-size:1rem;}.case-studies-stats .row{gap:1rem;}.case-studies-list-card{height:300px;}.case-studies-list-card-content{padding:1.5rem;}.case-studies-list-card-title{font-size:1.125rem;}.case-studies-list-card-tagline{font-size:0.875rem;}}/* ========================================================================== Case Study Card V2 (Homepage - Improved Design) ========================================================================== */.case-study-card-v2{display:block;position:relative;border-radius:var(--eb-radius-lg);overflow:hidden;text-decoration:none;height:480px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);transition:transform 0.4s ease, box-shadow 0.4s ease;}.case-study-card-v2:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0, 0, 0, 0.15);}.case-study-card-v2-media{position:absolute;top:0;left:0;width:100%;height:100%;}.case-study-card-v2-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.6s ease;}.case-study-card-v2:hover .case-study-card-v2-media video{transform:scale(1.05);}.case-study-card-v2-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.2) 100% );transition:background 0.4s ease;}.case-study-card-v2:hover .case-study-card-v2-overlay{background:linear-gradient( to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.1) 100% );}.case-study-card-v2-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:1;}.case-study-card-v2-industry{display:inline-block;background:var(--eb-primary);color:#fff;padding:0.375rem 1rem;border-radius:50px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem;}.case-study-card-v2-title{font-size:1.75rem;font-weight:700;margin-bottom:0.75rem;color:#fff;line-height:1.2;}.case-study-card-v2-desc{font-size:0.9375rem;color:rgba(255, 255, 255, 0.85);line-height:1.6;margin-bottom:1.25rem;}.case-study-card-v2-metrics{display:flex;gap:1.5rem;margin-bottom:1.5rem;}.case-study-card-v2-metric{display:flex;flex-direction:column;}.case-study-card-v2-metric .metric-value{font-size:1.5rem;font-weight:800;color:#fff;line-height:1;}.case-study-card-v2-metric .metric-label{font-size:0.75rem;color:rgba(255, 255, 255, 0.7);text-transform:uppercase;letter-spacing:0.5px;margin-top:0.25rem;}.case-study-card-v2-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255, 255, 255, 0.2);}.case-study-card-v2-link{display:inline-flex;align-items:center;gap:0.5rem;color:#fff;font-weight:600;font-size:0.9375rem;transition:gap 0.3s ease;}.case-study-card-v2:hover .case-study-card-v2-link{gap:0.75rem;}.case-study-card-v2-link i{font-size:1.25rem;transition:transform 0.3s ease;}.case-study-card-v2:hover .case-study-card-v2-link i{transform:translateX(4px);}.case-study-card-v2-external{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255, 255, 255, 0.15);border-radius:50%;color:#fff;font-size:1.125rem;transition:background 0.3s ease, transform 0.3s ease;cursor:pointer;}.case-study-card-v2-external:hover{background:rgba(255, 255, 255, 0.25);transform:scale(1.1);}/* Case Study Card V2 Responsive */@media (max-width:991.98px){.case-study-card-v2{height:420px;}.case-study-card-v2-title{font-size:1.5rem;}.case-study-card-v2-desc{font-size:0.875rem;}.case-study-card-v2-metric .metric-value{font-size:1.25rem;}}@media (max-width:767.98px){.case-study-card-v2{height:380px;}.case-study-card-v2-content{padding:1.5rem;}.case-study-card-v2-title{font-size:1.25rem;}.case-study-card-v2-desc{font-size:0.8125rem;margin-bottom:1rem;}.case-study-card-v2-metrics{gap:1rem;margin-bottom:1rem;}.case-study-card-v2-metric .metric-value{font-size:1.125rem;}.case-study-card-v2-link{font-size:0.875rem;}}/* ========================================================================== Case Study Detail - Enhanced Features ========================================================================== *//* -------------------------------------------------------------------------- Reading Progress Bar -------------------------------------------------------------------------- */.case-study-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg, var(--eb-primary) 0%, #04a895 100%);width:0%;z-index:9999;transition:width 0.1s ease-out;}/* -------------------------------------------------------------------------- Scroll Animations -------------------------------------------------------------------------- */.cs-animate{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out, transform 0.6s ease-out;}.cs-animate--visible{opacity:1;transform:translateY(0);}/* Animation variants */.cs-animate[data-animation="fade-up"]{transform:translateY(30px);}.cs-animate[data-animation="fade-down"]{transform:translateY(-30px);}.cs-animate[data-animation="fade-left"]{transform:translateX(30px);}.cs-animate[data-animation="fade-right"]{transform:translateX(-30px);}.cs-animate[data-animation="fade-up"].cs-animate--visible,.cs-animate[data-animation="fade-down"].cs-animate--visible,.cs-animate[data-animation="fade-left"].cs-animate--visible,.cs-animate[data-animation="fade-right"].cs-animate--visible{transform:translate(0, 0);}.cs-animate[data-animation="scale"]{transform:scale(0.9);}.cs-animate[data-animation="scale"].cs-animate--visible{transform:scale(1);}/* -------------------------------------------------------------------------- Sticky Sidebar Meta Card -------------------------------------------------------------------------- */.case-study-meta-card--sticky{position:sticky;top:100px;}@media (max-width:991.98px){.case-study-meta-card--sticky{position:static;}}/* -------------------------------------------------------------------------- Gallery Zoom Indicator -------------------------------------------------------------------------- */.case-study-gallery-item{position:relative;cursor:pointer;}.case-study-gallery-zoom{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:rgba(0, 0, 0, 0.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;opacity:0;transform:scale(0.8);transition:opacity 0.3s ease, transform 0.3s ease;}.case-study-gallery-item:hover .case-study-gallery-zoom{opacity:1;transform:scale(1);}.case-study-gallery-item img{transition:transform 0.3s ease;}.case-study-gallery-item:hover img{transform:scale(1.02);}/* -------------------------------------------------------------------------- Lightbox Modal -------------------------------------------------------------------------- */.case-study-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.95);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}.case-study-lightbox.active{opacity:1;visibility:visible;}.case-study-lightbox-content{max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;}.case-study-lightbox-img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--eb-radius-md);transform:scale(0.9);transition:transform 0.3s ease;}.case-study-lightbox.active .case-study-lightbox-img{transform:scale(1);}.case-study-lightbox-caption{color:rgba(255, 255, 255, 0.8);font-size:0.9375rem;text-align:center;margin-top:1rem;max-width:600px;}.case-study-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;color:#fff;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease, transform 0.3s ease;}.case-study-lightbox-close:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1);}.case-study-lightbox-prev,.case-study-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255, 255, 255, 0.1);border:none;border-radius:50%;color:#fff;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease, transform 0.3s ease;}.case-study-lightbox-prev{left:1.5rem;}.case-study-lightbox-next{right:1.5rem;}.case-study-lightbox-prev:hover,.case-study-lightbox-next:hover{background:rgba(255, 255, 255, 0.2);}.case-study-lightbox-prev:hover{transform:translateY(-50%) translateX(-3px);}.case-study-lightbox-next:hover{transform:translateY(-50%) translateX(3px);}/* Lightbox Responsive */@media (max-width:767.98px){.case-study-lightbox-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem;}.case-study-lightbox-prev, .case-study-lightbox-next{width:40px;height:40px;font-size:1.5rem;}.case-study-lightbox-prev{left:0.5rem;}.case-study-lightbox-next{right:0.5rem;}.case-study-lightbox-caption{font-size:0.875rem;padding:0 1rem;}}