.hero{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color),transparent 94%)0%,var(--background-color)50%);padding-top:160px;padding-bottom:120px;position:relative;overflow:hidden}.hero .hero-heading{z-index:2;position:relative}.hero .hero-heading .badge-label{background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);letter-spacing:1px;text-transform:uppercase;border-radius:4px;margin-bottom:1.5rem;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-block}.hero .hero-heading h1{letter-spacing:-.5px;margin-bottom:1.25rem;font-size:3.2rem;font-weight:800;line-height:1.15}@media (max-width:768px){.hero .hero-heading h1{font-size:2.2rem}}.hero .hero-heading p{color:color-mix(in srgb,var(--default-color),transparent 25%);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.7}.hero .hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero .hero-actions .btn{border-radius:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.hero .hero-actions .btn.btn-accent{background:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)}.hero .hero-actions .btn.btn-accent:hover{background:color-mix(in srgb,var(--accent-color),black 15%);border-color:color-mix(in srgb,var(--accent-color),black 15%);box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color),transparent 60%);transform:translateY(-3px)}.hero .hero-actions .btn.btn-ghost{color:var(--default-color);border:2px solid color-mix(in srgb,var(--default-color),transparent 75%);background:0 0}.hero .hero-actions .btn.btn-ghost:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-3px)}.hero .hero-showcase{z-index:2;position:relative}.hero .hero-showcase img{width:100%;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 85%);border-radius:16px}.hero .hero-showcase .stats-overlay{background:var(--surface-color);width:85%;box-shadow:0 10px 40px color-mix(in srgb,var(--default-color),transparent 88%);z-index:3;border-radius:12px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.hero .hero-showcase .stats-overlay .stat-card{text-align:center;padding:24px 16px;position:relative}.hero .hero-showcase .stats-overlay .stat-card:after{content:"";background:color-mix(in srgb,var(--default-color),transparent 88%);width:1px;height:60%;position:absolute;top:20%;right:0}.hero .hero-showcase .stats-overlay .stat-card .stat-value{color:var(--accent-color);font-size:2.2rem;font-weight:800;line-height:1;display:block}.hero .hero-showcase .stats-overlay .stat-card .stat-text{color:color-mix(in srgb,var(--default-color),transparent 35%);margin-top:.5rem;font-size:.85rem;font-weight:500;display:block}.hero .hero-showcase .stats-overlay .col-4:last-child .stat-card:after{display:none}@media (max-width:768px){.hero .hero-showcase .stats-overlay{width:95%;bottom:-30px}.hero .hero-showcase .stats-overlay .stat-card{padding:16px 8px}.hero .hero-showcase .stats-overlay .stat-card .stat-value{font-size:1.5rem}.hero .hero-showcase .stats-overlay .stat-card .stat-text{font-size:.75rem}}.hero .hero-decoration{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero .hero-decoration .deco-line{background:color-mix(in srgb,var(--accent-color),transparent 88%);width:2px;position:absolute}.hero .hero-decoration .deco-line.line-1{height:200px;animation:8s ease-in-out infinite slideLineUp;top:60px;left:10%}.hero .hero-decoration .deco-line.line-2{height:150px;animation:10s ease-in-out infinite slideLineDown;bottom:80px;right:12%}.hero .hero-decoration .deco-dot{background:color-mix(in srgb,var(--accent-color),transparent 75%);border-radius:50%;position:absolute}.hero .hero-decoration .deco-dot.dot-1{width:12px;height:12px;animation:4s ease-in-out infinite dotPulse;top:20%;right:8%}.hero .hero-decoration .deco-dot.dot-2{width:8px;height:8px;animation:5s ease-in-out 1s infinite dotPulse;bottom:30%;left:6%}@keyframes slideLineUp{0%,to{opacity:.4;transform:rotate(15deg)translateY(0)}50%{opacity:.8;transform:rotate(15deg)translateY(-30px)}}@keyframes slideLineDown{0%,to{opacity:.4;transform:rotate(-20deg)translateY(0)}50%{opacity:.8;transform:rotate(-20deg)translateY(30px)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}@media (max-width:768px){.hero{padding:120px 0 100px}}
.about .info-block .tag-label{background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;border-radius:4px;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.about .info-block h2{margin-bottom:1.25rem;padding-bottom:1.25rem;font-size:2.125rem;font-weight:800;line-height:1.3;position:relative}.about .info-block h2:after{content:"";background-color:var(--accent-color);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}@media (max-width:576px){.about .info-block h2{font-size:1.75rem}}.about .info-block p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:1.5rem;line-height:1.8}.about .highlight-points{margin-bottom:2rem}.about .highlight-points .point-item{border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);align-items:center;gap:1rem;padding:.75rem 0;transition:padding-left .3s;display:flex}.about .highlight-points .point-item:last-child{border-bottom:none}.about .highlight-points .point-item:hover{padding-left:.5rem}.about .highlight-points .point-item:hover .point-number{color:var(--accent-color)}.about .highlight-points .point-item .point-number{color:color-mix(in srgb,var(--accent-color),transparent 60%);font-size:1.5rem;font-weight:800;font-family:var(--heading-font);min-width:40px;line-height:1;transition:color .3s}.about .highlight-points .point-item .point-text h5{margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.about .action-link{color:var(--accent-color);border:2px solid var(--accent-color);border-radius:4px;align-items:center;gap:.5rem;padding:.65rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.about .action-link i{transition:transform .3s}.about .action-link:hover{background-color:var(--accent-color);color:var(--contrast-color)}.about .action-link:hover i{transform:translate(4px)}.about .gallery-grid .gallery-item{border-radius:10px;overflow:hidden}.about .gallery-grid .gallery-item.tall{height:100%}.about .gallery-grid .gallery-item.tall img{object-fit:cover;height:100%}.about .gallery-grid .gallery-item img{border-radius:10px;width:100%;transition:transform .5s}.about .gallery-grid .gallery-item:hover img{transform:scale(1.05)}.about .gallery-grid .experience-badge{background-color:var(--accent-color);color:var(--contrast-color);text-align:center;border-radius:10px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.about .gallery-grid .experience-badge i{margin-bottom:.5rem;font-size:2rem}.about .gallery-grid .experience-badge h4{color:var(--contrast-color);margin:0;font-size:2.25rem;font-weight:800}.about .gallery-grid .experience-badge span{opacity:.9;font-size:.85rem;font-weight:500}.about .counter-box{background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:10px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.about .counter-box:hover{box-shadow:0 10px 30px color-mix(in srgb,var(--default-color),transparent 90%);transform:translateY(-3px)}.about .counter-box i{color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.about .counter-box h3{color:var(--accent-color);margin:0;font-size:1.75rem;font-weight:800}.about .counter-box p{color:color-mix(in srgb,var(--default-color),transparent 40%);margin:0;font-size:.85rem;font-weight:500}
.section-title{text-align:center;padding-bottom:60px;position:relative}.section-title h2{font-size:32px;font-weight:700;position:relative}.section-title h2:before,.section-title h2:after{content:"";background:var(--accent-color);width:50px;height:2px;display:inline-block}.section-title h2:before{margin:0 15px 10px 0}.section-title h2:after{margin:0 0 10px 15px}.section-title p{margin-bottom:0}@media (max-width:768px){.section-title h2{font-size:20px}.section-title h2:before,.section-title h2:after{content:"";background:var(--accent-color);width:20px;height:2px;display:inline-block}}
.services .offering-block{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:12px;align-items:flex-start;gap:20px;height:100%;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.services .offering-block:hover{border-color:var(--accent-color);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 85%)}.services .offering-block:hover .offering-indicator{height:100%}.services .offering-block:hover .offering-icon-wrap{background:var(--accent-color);border-color:var(--accent-color)}.services .offering-block:hover .offering-icon-wrap i{color:var(--contrast-color);transform:rotateY(180deg)}.services .offering-block:hover .explore-btn{color:var(--accent-color);gap:10px}.services .offering-indicator{background:linear-gradient(180deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 40%));border-radius:0 4px 4px 0;width:4px;height:0;transition:height .4s;position:absolute;top:0;left:0}.services .offering-icon-wrap{border:2px solid color-mix(in srgb,var(--accent-color),transparent 60%);background:color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s;display:flex}.services .offering-icon-wrap i{color:var(--accent-color);font-size:26px;transition:all .4s}.services .offering-body{flex:1;min-width:0}.services .offering-body .offering-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;display:flex}.services .offering-body h4{margin-bottom:10px;font-size:20px;font-weight:700}.services .offering-body h4 a{color:var(--heading-color);text-decoration:none;transition:color .3s}.services .offering-body h4 a:hover{color:var(--accent-color)}.services .offering-body .offering-header h4{margin-bottom:0}.services .offering-body p{color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:15px;font-size:14px;line-height:1.7}.services .featured-tag{color:var(--contrast-color);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:30px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.services .explore-btn{color:color-mix(in srgb,var(--default-color),transparent 40%);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.services .explore-btn i{font-size:14px;transition:transform .3s}.services .explore-btn:hover i{transform:translate(3px)}.services .action-banner{background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 40%));color:var(--contrast-color);border-radius:16px;padding:45px 40px}.services .action-banner h3{color:var(--contrast-color);margin-bottom:8px;font-size:26px;font-weight:700}.services .action-banner p{color:color-mix(in srgb,var(--contrast-color),transparent 15%);margin-bottom:0;font-size:15px}.services .action-banner .action-btn{background:var(--contrast-color);color:var(--accent-color);border-radius:50px;padding:14px 34px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 6px 20px #0003}.services .action-banner .action-btn:hover{color:var(--accent-color);transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}@media (max-width:992px){.services .action-banner{text-align:center}.services .action-banner p{margin-bottom:25px}}@media (max-width:768px){.services .action-banner{padding:35px 25px}.services .action-banner h3{font-size:22px}.services .offering-block{text-align:center;flex-direction:column;align-items:center;padding:25px 20px}.services .offering-body .offering-header{justify-content:center}.services .offering-icon-wrap{width:56px;height:56px}.services .offering-icon-wrap i{font-size:22px}}
