.quick-access-area {margin-top: 4.5rem;width: 100%;}.qa-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;max-width: 1440px;margin: 0 auto;}.qa-card {background: var(--dv-surface);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--dv-border);border-radius: 30px;padding: 3rem 2.5rem;text-decoration: none;color: inherit;display: flex;flex-direction: column;align-items: center;text-align: center;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;overflow: hidden;height: 100%;}[data-theme="light"] .qa-card {background: var(--dv-surface);box-shadow: var(--dv-shadow);border-color: var(--dv-border);}.qa-card:hover {transform: translateY(-12px);border-color: var(--dv-primary);box-shadow: 0 25px 60px rgba(var(--dv-primary-rgb), 0.2);}.qa-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 4px;background: linear-gradient(90deg, transparent, var(--dv-primary), transparent);opacity: 0;transition: opacity 0.3s;}.qa-card:hover::before { opacity: 1; }.qa-icon {width: 80px;height: 80px;background: rgba(var(--dv-primary-rgb), 0.1);border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 2.2rem;color: var(--dv-primary);margin-bottom: 2rem;transition: all 0.4s ease;}.qa-card:hover .qa-icon {background: var(--dv-primary);color: #fff;transform: scale(1.1) rotate(5deg);}.qa-card h3 {font-size: 1.6rem;font-weight: 800;margin-bottom: 1rem;color: var(--dv-primary);}.qa-card p {font-size: 1rem;color: var(--dv-muted);line-height: 1.6;margin-bottom: 2rem;}[data-theme="dark"] .qa-card p {color: var(--dv-muted);}.qa-btn {background: transparent;border: 2px solid var(--dv-primary);color: var(--dv-primary);padding: 0.8rem 2rem;border-radius: 50px;font-weight: 800;font-size: 0.95rem;transition: all 0.3s;display: inline-flex;align-items: center;gap: 10px;margin-top: auto;}.qa-card:hover .qa-btn {background: var(--dv-primary);color: #fff;box-shadow: 0 8px 15px rgba(var(--dv-primary-rgb), 0.25);}@media (max-width: 768px) {.qa-grid { grid-template-columns: 1fr; }.qa-card { padding: 2.5rem 1.5rem; }}.tech-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 3rem;width: 100%;max-width: 1440px;margin: 4rem auto 0;justify-items: center;}.tech-item {display: flex;flex-direction: column;align-items: center;gap: 1.2rem;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);width: 100%;}.tech-icon {width: 110px;height: 110px;background: var(--dv-surface);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--dv-border);border-radius: 28px;display: flex;align-items: center;justify-content: center;padding: 1.5rem;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow: var(--dv-shadow);position: relative;overflow: hidden;}[data-theme="light"] .tech-icon {background: var(--dv-surface);box-shadow: var(--dv-shadow);border-color: var(--dv-border);}.tech-item:hover {transform: translateY(-12px);}.tech-item:hover .tech-icon {background: rgba(var(--dv-primary-rgb), 0.1);border-color: var(--dv-primary);box-shadow: 0 25px 50px rgba(var(--dv-primary-rgb), 0.25);transform: scale(1.1) rotate(5deg);}.tech-icon img {width: 100%;height: 100%;object-fit: contain;transition: all 0.4s ease;filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1));}.tech-name {font-size: 1rem;font-weight: 800;color: var(--dv-muted);transition: all 0.3s ease;}[data-theme="dark"] .tech-name {color: var(--dv-text);}.tech-item:hover .tech-name {color: var(--dv-primary);transform: scale(1.05);}@media (max-width: 991px) {.tech-grid {grid-template-columns: repeat(4, 1fr);gap: 2rem;}.tech-icon {width: 90px;height: 90px;padding: 1.2rem;}}@media (max-width: 768px) {.tech-grid {grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}}@media (max-width: 480px) {.tech-grid {grid-template-columns: repeat(2, 1fr);}.tech-icon {width: 80px;height: 80px;}}.testi-slider-wrap {position: relative;max-width: 1440px;margin: 3rem auto 0;display: flex;align-items: center;gap: 1rem;}.testi-slider {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 2rem;padding: 1rem 0 3rem 0;scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none;flex: 1;}.testi-slider::-webkit-scrollbar { display: none; }.testi-card {scroll-snap-align: center;flex: 0 0 calc(45% - 1rem); background: var(--dv-surface);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--dv-border);border-radius: 24px;padding: 2.5rem 2rem;position: relative;transition: all 0.4s ease;display: flex;flex-direction: column;align-items: center;text-align: center;}[data-theme="light"] .testi-card {background: var(--dv-surface);box-shadow: var(--dv-shadow);border-color: var(--dv-border);}.testi-card:hover {transform: translateY(-10px);border-color: var(--dv-primary);box-shadow: 0 20px 40px rgba(var(--dv-primary-rgb), 0.15);}.testi-header { display: flex; flex-direction: column; align-items: center; gap: 0.8rem; margin-bottom: 1.5rem; width: 100%; }.testi-avatar { width: 85px; height: 85px; border-radius: 50%; object-fit: cover; border: 3px solid var(--dv-primary); box-shadow: 0 8px 20px rgba(var(--dv-primary-rgb), 0.25); }.testi-avatar-placeholder { width: 85px; height: 85px; border-radius: 50%; background: rgba(var(--dv-primary-rgb), 0.1); color: var(--dv-primary); display: flex; align-items: center; justify-content: center; font-size: 2rem; border: 3px solid var(--dv-primary); box-shadow: 0 8px 20px rgba(var(--dv-primary-rgb), 0.25); }.testi-meta { display: flex; flex-direction: column; align-items: center; }.testi-name { font-size: 1.1rem; font-weight: 800; margin: 0; color: var(--dv-text); }.testi-service { font-size: 0.85rem; color: var(--dv-muted); margin-top: 0.2rem; }.testi-rating { color: #f59e0b; font-size: 1rem; margin-bottom: 1rem; }.testi-message { font-size: 1rem; line-height: 1.7; color: var(--dv-muted); position: relative; z-index: 1; }[data-theme="dark"] .testi-message { color: var(--dv-muted); }.quote-icon { position: absolute; top: -10px; right: -10px; font-size: 3rem; color: rgba(var(--dv-primary-rgb), 0.1); z-index: -1; }[dir="ltr"] .quote-icon { right: auto; left: -10px; transform: scaleX(-1); }.testi-nav {background: var(--dv-surface);border: 1px solid var(--dv-border);color: var(--dv-primary);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;z-index: 5;flex-shrink: 0;}.testi-nav:hover {background: var(--dv-primary);color: #fff;transform: scale(1.1);box-shadow: 0 8px 15px rgba(var(--dv-primary-rgb), 0.3);}[dir="ltr"] .testi-nav.prev i { transform: scaleX(-1); }[dir="ltr"] .testi-nav.next i { transform: scaleX(-1); }@media (max-width: 991px) {.testi-card { flex: 0 0 calc(65% - 1rem); }}@media (max-width: 768px) {.testi-slider-wrap { gap: 0.5rem; }.testi-nav { width: 40px; height: 40px; font-size: 0.9rem; }.testi-card { flex: 0 0 calc(100% - 0rem); }}@media (max-width: 1024px) {.dv-grid-3, .dv-grid-4 {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}@media (max-width: 768px) {.dv-grid-3, .dv-grid-4 {grid-template-columns: 1fr !important;}}.dv-portfolio-slider-section {background: var(--dv-bg);overflow: hidden;padding-top: 0.5rem; padding-bottom: 0.5rem; }.dv-portfolio-header {display: flex;align-items: flex-end;justify-content: space-between;gap: 1rem;margin-bottom: 2.5rem;flex-wrap: wrap;}.dv-portfolio-title-wrap {display: flex;flex-direction: column;gap: 0.4rem;}.dv-portfolio-eyebrow {display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(var(--dv-primary-rgb), 0.12);color: var(--dv-primary);font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.3rem 0.9rem;border-radius: 50px;width: fit-content;}.dv-portfolio-main-title {margin: 0.2rem 0 0;}.dv-portfolio-view-all {display: inline-flex;align-items: center;gap: 0.5rem;background: transparent;border: 2px solid var(--dv-primary);color: var(--dv-primary);padding: 0.6rem 1.5rem;border-radius: 50px;font-weight: 700;font-size: 0.92rem;text-decoration: none;transition: all 0.3s ease;white-space: nowrap;flex-shrink: 0;}.dv-portfolio-view-all:hover {background: var(--dv-primary);color: #fff;box-shadow: 0 8px 20px rgba(var(--dv-primary-rgb), 0.3);transform: translateY(-2px);}.dv-portfolio-slider-wrap {display: block; position: relative;width: 100%;}.dv-portfolio-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;border-radius: 50%;background: var(--dv-surface);border: 1px solid var(--dv-border);color: var(--dv-primary);display: flex;align-items: center;justify-content: center;font-size: 1.1rem;cursor: pointer;transition: all 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; z-index: 10;box-shadow: 0 4px 12px rgba(0,0,0,0.15);}.dv-portfolio-slider-wrap.is-scrolling .dv-portfolio-nav {opacity: 0;visibility: hidden;pointer-events: none;}.dv-portfolio-prev {left: -35px; }.dv-portfolio-next {right: -35px; }.dv-portfolio-nav:hover {background: var(--dv-primary);border-color: var(--dv-primary);color: #fff;transform: translateY(-50%) scale(1.1);box-shadow: 0 8px 24px rgba(var(--dv-primary-rgb), 0.35);}[dir="ltr"] .dv-portfolio-prev i { transform: scaleX(-1); }[dir="ltr"] .dv-portfolio-next i { transform: scaleX(-1); }.dv-portfolio-track {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 1.5rem;padding: 1rem 0 1.5rem; scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none;}.dv-portfolio-track::-webkit-scrollbar { display: none; }.dv-portfolio-card {flex: 0 0 calc(25% - 1.125rem);scroll-snap-align: start;background: var(--dv-surface);border: 1px solid var(--dv-border);border-radius: 20px;overflow: hidden;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;cursor: pointer;box-shadow: var(--dv-shadow);}[data-theme="light"] .dv-portfolio-card {background: var(--dv-surface);box-shadow: var(--dv-shadow);}.dv-portfolio-card:hover {transform: translateY(-10px);border-color: var(--dv-primary);box-shadow: 0 24px 56px rgba(var(--dv-primary-rgb), 0.2);}.dv-portfolio-card-image {position: relative;width: 100%;aspect-ratio: 16 / 10; overflow: hidden;background: var(--dv-bg);}.dv-portfolio-img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;display: block;}.dv-portfolio-card:hover .dv-portfolio-img {transform: scale(1.08);}.dv-portfolio-img-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--dv-muted);font-size: 3rem;opacity: 0.3;}.dv-portfolio-overlay {position: absolute;inset: 0;background: rgba(var(--dv-primary-rgb), 0.75);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.35s ease;backdrop-filter: blur(4px);}.dv-portfolio-card:hover .dv-portfolio-overlay,.dv-portfolio-card:focus .dv-portfolio-overlay {opacity: 1;}.dv-portfolio-overlay-btn {display: inline-flex;align-items: center;gap: 0.5rem;background: #fff;color: var(--dv-primary);font-weight: 700;font-size: 0.8rem;padding: 0.5rem 1.2rem;border-radius: 50px;text-decoration: none;transition: all 0.25s ease;transform: translateY(12px);transition: transform 0.35s ease, opacity 0.35s ease;opacity: 0;}.dv-portfolio-card:hover .dv-portfolio-overlay-btn,.dv-portfolio-card:focus .dv-portfolio-overlay-btn {opacity: 1;transform: translateY(0);}.dv-portfolio-overlay-btn:hover {background: var(--dv-primary);color: #fff;}.dv-portfolio-card-body {padding: 1rem 1.2rem 1.2rem;}.dv-portfolio-card-title {font-size: 0.88rem;font-weight: 700;color: var(--dv-text);margin: 0;line-height: 1.4;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}@media (max-width: 1280px) {.dv-portfolio-card { flex: 0 0 calc(33.333% - 1rem); }}@media (max-width: 1024px) {.dv-portfolio-card { flex: 0 0 calc(92% - 1rem); }}@media (max-width: 768px) {.dv-portfolio-header { flex-direction: column; align-items: flex-start; }.dv-portfolio-nav { width: 38px; height: 38px; font-size: 0.85rem; }.dv-portfolio-prev { left: -5px; } .dv-portfolio-next { right: -5px; }.dv-portfolio-card { flex: 0 0 calc(90% - 0.5rem); }.dv-portfolio-card-image { aspect-ratio: 16 / 9; }}@media (max-width: 480px) {.dv-portfolio-card { flex: 0 0 calc(98% - 0.5rem); }.dv-portfolio-slider-wrap { gap: 0.5rem; }}