@charset "UTF-8";:root {--default-font:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--heading-font:"Nunito",sans-serif;--nav-font:"Inter",sans-serif} @font-face {font-family:"Gaoel";src:url("/assets/font/gaoel-regular.woff2") format("woff2"),url("/assets/font/gaoel-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}:root {--background-color:#ffffff;--default-color:#212529;--heading-color:#2d465e;--accent-color:#001ad8;--surface-color:#ffffff;--contrast-color:#ffffff;--pillars-offensive:#ff0000;--pillars-defensive:#00b0f0;--pillars-grc:#7030a0;--pillars-compliance:#92d050;--pillars-infra:#ffc000;--pillars-awareness:#ff3399;--pillars-continuous:#98eef4}:root {--nav-color:#212529;--nav-hover-color:#001ad8;--nav-mobile-background-color:#ffffff;--nav-dropdown-background-color:#ffffff;--nav-dropdown-color:#212529;--nav-dropdown-hover-color:#001ad8} .light-background {--background-color:#f3f9ff;--surface-color:#ffffff} .dark-background {--background-color:rgba(0,26,216,0.249);--default-color:#ffffff;--heading-color:#ffffff;--surface-color:#001ad8;--contrast-color:#ffffff}:root {scroll-behavior:smooth} body {color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font)} a {color:var(--accent-color);text-decoration:none;transition:0.3s} a:hover {color:color-mix(in srgb,var(--accent-color),transparent 25%);text-decoration:none} h1,h2,h3,h4,h5,h6 {color:var(--heading-color);font-family:var(--heading-font)} .php-email-form .error-message {display:none;background:#df1529;color:#ffffff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600} .php-email-form .sent-message {display:none;color:#ffffff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600} .php-email-form .loading {display:none;background:var(--surface-color);text-align:center;padding:15px;margin-bottom:24px} .php-email-form .loading:before {content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--accent-color);border-top-color:var(--surface-color);animation:php-email-form-loading 1s linear infinite} @keyframes php-email-form-loading {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}} .header {--background-color:rgba(255,255,255,0);color:var(--default-color);background-color:var(--background-color);padding:20px 0;transition:all 0.5s;z-index:997} .header .header-container {background:var(--surface-color);border-radius:50px;padding:5px 25px;box-shadow:0px 2px 15px rgba(0,0,0,0.1)} .scrolled .header .header-container {background:color-mix(in srgb,var(--surface-color),transparent 5%)} .header .logo {line-height:1;padding-left:5px} .header .logo img {max-height:36px;margin-right:8px} .header .logo .sitename {font-size:24px;margin:0;font-weight:500;color:var(--heading-color)} .header .btn-getstarted,.header .btn-getstarted:focus {color:var(--contrast-color);background:var(--accent-color);font-size:14px;padding:8px 20px;margin:0 0 0 30px;border-radius:50px;transition:0.3s} .header .btn-getstarted:hover,.header .btn-getstarted:focus:hover {color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%)} @media (max-width:1200px) {.header {padding-top:10px} .header .header-container {margin-left:10px;margin-right:10px;padding:10px 5px 10px 15px} .header .logo {order:1} .header .btn-getstarted {order:2;margin:0 10px 0 0;padding:6px 15px} .header .navmenu {order:3}} @media (min-width:1200px) {.navmenu {padding:0} .navmenu ul {margin:0;padding:0;display:flex;list-style:none;align-items:center} .navmenu li {position:relative} .navmenu a,.navmenu a:focus {color:var(--nav-color);padding:18px 15px;font-size:16px;font-family:var(--nav-font);display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:0.3s} .navmenu>ul>li>a {text-transform:uppercase;font-weight:bold} .navmenu a i,.navmenu a:focus i {font-size:12px;line-height:0;margin-left:5px;transition:0.3s} .navmenu li:last-child a {padding-right:0} .navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color:var(--nav-hover-color)} .navmenu .dropdown ul {margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:0.3s;border-radius:4px;z-index:99;box-shadow:0px 0px 30px rgba(0,0,0,0.1)} .navmenu .dropdown ul li {min-width:200px} .navmenu .dropdown ul a {padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color)} .navmenu .dropdown ul a i {font-size:12px} .navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {color:var(--nav-dropdown-hover-color)} .navmenu .dropdown:hover>ul {opacity:1;top:100%;visibility:visible} .navmenu .dropdown .dropdown ul {top:0;left:-90%;visibility:hidden} .navmenu .dropdown .dropdown:hover>ul {opacity:1;top:0;left:-100%;visibility:visible}} @media (max-width:1199px) {.mobile-nav-toggle {color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color 0.3s} .navmenu {padding:0;z-index:9997} .navmenu ul {display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:0.3s;z-index:9998;box-shadow:0px 0px 30px rgba(0,0,0,0.1)} .navmenu a,.navmenu a:focus {color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:0.3s} .navmenu>ul>li>a {text-transform:uppercase;font-weight:bold} .navmenu a i,.navmenu a:focus i {font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:0.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)} .navmenu a i:hover,.navmenu a:focus i:hover {background-color:var(--accent-color);color:var(--contrast-color)} .navmenu a:hover,.navmenu .active,.navmenu .active:focus {color:var(--nav-dropdown-hover-color);font-weight:bold} .navmenu .active i,.navmenu .active:focus i {background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg)} .navmenu .dropdown ul {position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out} .navmenu .dropdown ul ul {background-color:rgba(33,37,41,0.1)} .navmenu .dropdown>.dropdown-active {display:block;background-color:rgba(33,37,41,0.03)} .mobile-nav-active {overflow:hidden} .mobile-nav-active .mobile-nav-toggle {color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999} .mobile-nav-active .navmenu {position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,0.8);transition:0.3s} .mobile-nav-active .navmenu>ul {display:block}} @media (min-width:1200px) {.navmenu .megamenu-2 {position:static} .navmenu .megamenu-2 .mobile-megamenu {display:none} .navmenu .megamenu-2 .desktop-megamenu {background-color:var(--nav-dropdown-background-color);box-shadow:0px 5px 20px rgba(0,0,0,0.1);position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;transition:0.3s;border-radius:6px;z-index:99;padding:0;display:flex;max-height:80vh;overflow:hidden} .navmenu .megamenu-2:hover>.desktop-megamenu {opacity:1;top:100%;visibility:visible} .navmenu .megamenu-2 .tab-navigation {width:250px;background-color:color-mix(in srgb,var(--accent-color),transparent 97%);border-right:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding:25px 0;flex-shrink:0} .navmenu .megamenu-2 .tab-navigation .nav-tabs {border:none} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item {width:100%;padding-left:10px} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link {display:flex;align-items:center;gap:15px;padding:18px 25px;border:none;width:100%;background:transparent;transition:all 0.3s;border-left:3px solid transparent;border-radius:0;color:var(--nav-dropdown-color)} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 94%);padding-left:30px} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link.active {background-color:var(--surface-color);border-left-color:var(--accent-color)} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link.active i {color:var(--accent-color)} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link.active span {color:var(--accent-color);font-weight:600} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link i {font-size:20px;transition:0.3s;flex-shrink:0} .navmenu .megamenu-2 .tab-navigation .nav-tabs .nav-item .nav-link span {font-size:15px;font-weight:500;transition:0.3s} .navmenu .megamenu-2 .tab-content {flex:1;padding:30px;overflow-y:auto} .navmenu .megamenu-2 .tab-content .content-grid {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px;align-items:start} .navmenu .megamenu-2 .tab-content .content-grid .product-section h4 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--accent-color)} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list {display:flex;flex-direction:column;gap:5px} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link {display:flex;align-items:flex-start;gap:12px;padding:12px 15px;border-radius:8px;transition:all 0.3s;color:var(--nav-dropdown-color)} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%);transform:translateX(8px)} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link:hover i {color:var(--accent-color);transform:scale(1.1)} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link i {color:color-mix(in srgb,var(--nav-dropdown-color),transparent 20%);font-size:18px;transition:all 0.3s;min-width:18px;flex-shrink:0;margin-top:1px} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link div {flex:1;min-width:0} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link div span {display:block;font-size:14px;font-weight:500;margin-bottom:2px;line-height:1.3} .navmenu .megamenu-2 .tab-content .content-grid .product-section .product-list .product-link div small {color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%);font-size:12px;line-height:1.3;display:block} .navmenu .megamenu-2 .tab-content .featured-banner {background:linear-gradient(135deg,var(--surface-color) 0%,color-mix(in srgb,var(--accent-color),transparent 98%) 100%);border-radius:10px;padding:25px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 90%)} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content {display:flex;align-items:center;gap:20px} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-image {width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info {flex:1;min-width:0} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info h5 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:6px;line-height:1.3} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info p {color:var(--nav-dropdown-color);font-size:13px;line-height:1.5;margin-bottom:15px} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info .cta-btn {color:var(--accent-color);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:0.3s} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info .cta-btn:hover {color:color-mix(in srgb,var(--accent-color),black 15%)} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info .cta-btn:hover i {transform:translateX(4px)} .navmenu .megamenu-2 .tab-content .featured-banner .banner-content .banner-info .cta-btn i {transition:0.3s} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories {display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category {background-color:var(--surface-color);padding:25px;border-radius:10px;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category:hover {box-shadow:0 5px 20px rgba(0,0,0,0.05);transform:translateY(-2px);border-color:var(--accent-color)} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category i {color:var(--accent-color);font-size:24px;margin-bottom:15px;display:block} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category h5 {color:var(--heading-color);font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.3} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category p {color:var(--nav-dropdown-color);font-size:13px;line-height:1.5;margin-bottom:15px} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category .resource-link {color:var(--accent-color);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:5px;transition:0.3s} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category .resource-link:hover {color:color-mix(in srgb,var(--accent-color),black 15%)} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category .resource-link:hover i {transform:translateX(3px)} .navmenu .megamenu-2 .tab-content .resources-layout .resource-categories .resource-category .resource-link i {transition:0.3s}} @media (max-width:1199px) {.navmenu .megamenu-2 {} .navmenu .megamenu-2 .desktop-megamenu {display:none} .navmenu .megamenu-2 .mobile-megamenu {position:static;display:none;z-index:99;padding:0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out;border-radius:6px;overflow:hidden} .navmenu .megamenu-2 .mobile-megamenu li {position:relative;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .megamenu-2 .mobile-megamenu li:last-child {border-bottom:none} .navmenu .megamenu-2 .mobile-megamenu li a {padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--nav-dropdown-color);font-size:15px;transition:0.3s;font-weight:500} .navmenu .megamenu-2 .mobile-megamenu li a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .megamenu-2 .mobile-megamenu li ul {padding:0;background-color:color-mix(in srgb,var(--default-color),transparent 97%)} .navmenu .megamenu-2 .mobile-megamenu li ul li a {padding-left:35px;font-size:14px;font-weight:400} .navmenu .megamenu-2 .mobile-megamenu.dropdown-active {display:block}} @media (min-width:1200px) {.navmenu .products-megamenu-3 {position:static} .navmenu .products-megamenu-3 .mobile-megamenu {display:none} .navmenu .products-megamenu-3 .desktop-megamenu {background-color:var(--nav-dropdown-background-color);box-shadow:0px 8px 30px rgba(0,0,0,0.12);position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;transition:all 0.3s ease;border-radius:8px;z-index:99;max-height:85vh;overflow-y:auto;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .navmenu .products-megamenu-3:hover>.desktop-megamenu {opacity:1;top:100%;visibility:visible} .navmenu .products-megamenu-3 .megamenu-container {padding:30px;display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto;gap:30px;min-height:400px} .navmenu .products-megamenu-3 .category-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:25px;grid-row:1/-1} .navmenu .products-megamenu-3 .category-card {background-color:color-mix(in srgb,var(--default-color),transparent 97%);padding:20px;border-radius:6px;transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--default-color),transparent 95%)} .navmenu .products-megamenu-3 .category-card:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.08);background-color:var(--surface-color)} .navmenu .products-megamenu-3 .category-card .category-icon {width:45px;height:45px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),black 20%));border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:15px} .navmenu .products-megamenu-3 .category-card .category-icon i {font-size:20px;color:var(--contrast-color)} .navmenu .products-megamenu-3 .category-card h4 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:12px;margin:0 0 12px 0} .navmenu .products-megamenu-3 .category-card .category-links {display:flex;flex-direction:column;gap:8px;margin-bottom:15px} .navmenu .products-megamenu-3 .category-card .category-links a {color:var(--nav-dropdown-color);font-size:13px;transition:all 0.3s ease;padding:2px 0;border-radius:3px} .navmenu .products-megamenu-3 .category-card .category-links a:hover {color:var(--nav-dropdown-hover-color);padding-left:8px;background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .products-megamenu-3 .category-card .view-all {color:var(--accent-color);font-size:13px;font-weight:500;display:flex;align-items:center;gap:5px;transition:all 0.3s ease} .navmenu .products-megamenu-3 .category-card .view-all:hover {gap:8px;color:color-mix(in srgb,var(--accent-color),black 15%)} .navmenu .products-megamenu-3 .category-card .view-all i {font-size:12px;transition:transform 0.3s ease} .navmenu .products-megamenu-3 .category-card .view-all:hover i {transform:translateX(2px)} .navmenu .products-megamenu-3 .featured-banner {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%),color-mix(in srgb,var(--accent-color),transparent 92%));border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-color),transparent 90%)} .navmenu .products-megamenu-3 .featured-banner .banner-content {height:100%;display:flex;flex-direction:column;position:relative;padding:25px} .navmenu .products-megamenu-3 .featured-banner .banner-text {flex:1} .navmenu .products-megamenu-3 .featured-banner .banner-text .badge {background-color:var(--accent-color);color:var(--contrast-color);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px} .navmenu .products-megamenu-3 .featured-banner .banner-text h3 {color:var(--heading-color);font-size:20px;font-weight:700;margin:12px 0 8px 0;line-height:1.3} .navmenu .products-megamenu-3 .featured-banner .banner-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:13px;margin-bottom:15px;line-height:1.4} .navmenu .products-megamenu-3 .featured-banner .banner-text .btn-banner {background-color:var(--accent-color);color:var(--contrast-color);padding:8px 16px;border-radius:5px;font-size:13px;font-weight:500;transition:all 0.3s ease;display:inline-block} .navmenu .products-megamenu-3 .featured-banner .banner-text .btn-banner:hover {background-color:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-1px)} .navmenu .products-megamenu-3 .featured-banner .banner-image {position:absolute;bottom:0;right:15px;width:80px;height:80px} .navmenu .products-megamenu-3 .featured-banner .banner-image img {width:100%;height:100%;object-fit:contain;opacity:0.8} .navmenu .products-megamenu-3 .quick-access h5 {color:var(--heading-color);font-size:14px;font-weight:600;margin-bottom:15px;margin:0 0 15px 0;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .navmenu .products-megamenu-3 .quick-access .quick-links {display:flex;flex-direction:column;align-items:flex-start;gap:10px} .navmenu .products-megamenu-3 .quick-access .quick-links a {color:var(--nav-dropdown-color);font-size:13px;display:flex;align-items:center;gap:8px;padding:6px 0;transition:all 0.3s ease;border-radius:4px} .navmenu .products-megamenu-3 .quick-access .quick-links a:hover {color:var(--nav-dropdown-hover-color);padding-left:8px;background-color:color-mix(in srgb,var(--default-color),transparent 97%)} .navmenu .products-megamenu-3 .quick-access .quick-links a i {font-size:14px;width:16px}} @media (max-width:1199px) {.navmenu .products-megamenu-3 {} .navmenu .products-megamenu-3 .desktop-megamenu {display:none} .navmenu .products-megamenu-3 .mobile-megamenu {position:static;display:none;z-index:99;padding:0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:0 3px 10px rgba(0,0,0,0.1);transition:all 0.5s ease-in-out;border-radius:6px;overflow:hidden} .navmenu .products-megamenu-3 .mobile-megamenu li {position:relative;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .navmenu .products-megamenu-3 .mobile-megamenu li:last-child {border-bottom:none} .navmenu .products-megamenu-3 .mobile-megamenu li a {padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--nav-dropdown-color);font-size:15px;transition:all 0.3s ease;font-weight:500} .navmenu .products-megamenu-3 .mobile-megamenu li a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .products-megamenu-3 .mobile-megamenu li ul {padding:0;background-color:color-mix(in srgb,var(--default-color),transparent 98%)} .navmenu .products-megamenu-3 .mobile-megamenu li ul li a {padding:10px 35px;font-size:14px;font-weight:400} .navmenu .products-megamenu-3 .mobile-megamenu.dropdown-active {display:block}} @media (min-width:1200px) {.navmenu .products-megamenu-1 {position:static} .navmenu .products-megamenu-1 .mobile-megamenu {display:none} .navmenu .products-megamenu-1 .desktop-megamenu,.navmenu .products-megamenu-1 .active,.navmenu .products-megamenu-1 .active:focus {background-color:var(--nav-dropdown-background-color)} .navmenu .products-megamenu-1 .desktop-megamenu {box-shadow:0px 5px 20px rgba(0,0,0,0.1);position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;transition:0.3s;border-radius:6px;z-index:99;padding:20px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden} .navmenu .products-megamenu-1:hover>.desktop-megamenu {opacity:1;top:100%;visibility:visible} .navmenu .products-megamenu-1 .megamenu-tabs {margin-bottom:15px} .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs {border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-item {margin-bottom:0} .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link {border:none;padding:10px 20px;color:var(--nav-dropdown-color);font-weight:500;font-size:15px;transition:0.3s;background-color:transparent;border-bottom:2px solid transparent} .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link:hover {color:var(--nav-dropdown-hover-color);border-color:transparent} .navmenu .products-megamenu-1 .megamenu-tabs .nav-tabs .nav-link.active {color:var(--accent-color);background-color:transparent;border-bottom:2px solid var(--accent-color)} .navmenu .products-megamenu-1 .megamenu-content {flex:1;overflow-y:auto;padding-right:5px} .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar {width:5px} .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar-track {background:color-mix(in srgb,var(--default-color),transparent 95%);border-radius:10px} .navmenu .products-megamenu-1 .megamenu-content::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--default-color),transparent 80%);border-radius:10px} .navmenu .products-megamenu-1 .megamenu-content .tab-content {display:none} .navmenu .products-megamenu-1 .megamenu-content .tab-content.active {display:block} .navmenu .products-megamenu-1 .megamenu-content .category-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:25px} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column {background-color:color-mix(in srgb,var(--surface-color),var(--accent-color) 3%);border-radius:8px;padding:15px;transition:0.3s} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column h4 {color:var(--heading-color);font-size:16px;margin-bottom:15px;font-weight:600;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);position:relative} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column h4:after {content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background-color:var(--accent-color)} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul {list-style:none;padding:0;margin:0;display:flex;flex-direction:column} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li {margin-bottom:10px;background-color:none !important;position:relative;display:flex;align-items:center;justify-content:start !important;width:100%} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li:last-child {margin-bottom:0} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a {color:var(--nav-dropdown-color);font-size:14px;transition:0.3s;padding:0 0 0 20px;display:block;position:relative;background-color:transparent} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:before {content:"\f285";font-family:"bootstrap-icons";position:absolute;left:0;top:2px;font-size:12px;color:var(--accent-color);opacity:0.7} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:hover {color:var(--nav-dropdown-hover-color);transform:translateX(3px)} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column ul li a:hover:before {opacity:1} .navmenu .products-megamenu-1 .megamenu-content .category-grid .category-column .active {background-color:none} .navmenu .products-megamenu-1 .megamenu-content .product-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:10px} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card {background-color:var(--surface-color);overflow:hidden} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card:hover .product-image img {transform:scale(1.1)} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image {height:160px;position:relative;overflow:hidden} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image img {width:100%;height:100%;object-fit:cover;transition:0.5s} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-new,.navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-sale {position:absolute;top:10px;right:10px;padding:3px 8px;font-size:11px;font-weight:600;border-radius:3px;z-index:1} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-new {background-color:#28a745;color:white} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-image .badge-sale {background-color:#dc3545;color:white} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info {padding:15px} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info h5 {margin:0 0 5px;font-size:15px;font-weight:600;color:var(--heading-color)} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .price {color:var(--accent-color);font-weight:600;margin-bottom:10px;font-size:14px} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .price .original-price {text-decoration:line-through;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-right:5px;font-weight:normal} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .btn-view {display:inline-block;padding:5px 12px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);border-radius:4px;font-size:12px;font-weight:500;transition:0.3s} .navmenu .products-megamenu-1 .megamenu-content .product-grid .product-card .product-info .btn-view:hover {background-color:var(--accent-color);color:var(--contrast-color)}} @media (max-width:1199px) {.navmenu .products-megamenu-1 {} .navmenu .products-megamenu-1 .desktop-megamenu {display:none} .navmenu .products-megamenu-1 .mobile-megamenu {position:static;display:none;z-index:99;padding:0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out;border-radius:4px;overflow:hidden} .navmenu .products-megamenu-1 .mobile-megamenu li {position:relative;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .products-megamenu-1 .mobile-megamenu li:last-child {border-bottom:none} .navmenu .products-megamenu-1 .mobile-megamenu li a {padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:var(--nav-dropdown-color);font-size:15px;transition:0.3s} .navmenu .products-megamenu-1 .mobile-megamenu li a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--default-color),transparent 97%)} .navmenu .products-megamenu-1 .mobile-megamenu li ul {padding:0} .navmenu .products-megamenu-1 .mobile-megamenu.dropdown-active {display:block}} @media (min-width:1200px) {.extended-dropdown-1 ul {min-width:300px;padding:20px 0;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);border:1px solid color-mix(in srgb,var(--default-color),transparent 85%)} .extended-dropdown-1 ul li {min-width:auto;border-bottom:none;margin-bottom:4px} .extended-dropdown-1 ul li:last-child {margin-bottom:0} .extended-dropdown-1 ul a {padding:16px 24px;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500;color:var(--nav-dropdown-color);transition:all 0.3s ease;border-radius:8px;margin:0 12px} .extended-dropdown-1 ul a .icon-wrapper {width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0} .extended-dropdown-1 ul a .icon-wrapper i {font-size:16px;color:#ffffff;margin:0} .extended-dropdown-1 ul a .icon-wrapper.bg-blue {background-color:#4285f4} .extended-dropdown-1 ul a .icon-wrapper.bg-purple {background-color:#9c27b0} .extended-dropdown-1 ul a .icon-wrapper.bg-orange {background-color:#ff9800} .extended-dropdown-1 ul a .icon-wrapper.bg-green {background-color:#4caf50} .extended-dropdown-1 ul a .icon-wrapper.bg-red {background-color:#f44336} .extended-dropdown-1 ul a .icon-wrapper.bg-teal {background-color:#009688} .extended-dropdown-1 ul a i.toggle-dropdown {width:auto;margin-left:auto;color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:12px} .extended-dropdown-1 ul a span {flex:1;font-weight:500} .extended-dropdown-1 ul a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-1 ul a:hover .icon-wrapper {transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.15)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-blue {background-color:color-mix(in srgb,#4285f4,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-purple {background-color:color-mix(in srgb,#9c27b0,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-orange {background-color:color-mix(in srgb,#ff9800,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-green {background-color:color-mix(in srgb,#4caf50,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-red {background-color:color-mix(in srgb,#f44336,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-teal {background-color:color-mix(in srgb,#009688,#000000 15%)} .extended-dropdown-1 ul a:hover i.toggle-dropdown {color:var(--accent-color);transform:rotate(90deg)}} @media (max-width:1199px) {.extended-dropdown-1 ul {background-color:var(--nav-dropdown-background-color);border-radius:6px;padding:12px 0} .extended-dropdown-1 ul a {padding:12px 20px;gap:16px} .extended-dropdown-1 ul a .icon-wrapper {width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .extended-dropdown-1 ul a .icon-wrapper i {font-size:14px;color:#ffffff;margin:0} .extended-dropdown-1 ul a .icon-wrapper.bg-blue {background-color:#4285f4} .extended-dropdown-1 ul a .icon-wrapper.bg-purple {background-color:#9c27b0} .extended-dropdown-1 ul a .icon-wrapper.bg-orange {background-color:#ff9800} .extended-dropdown-1 ul a .icon-wrapper.bg-green {background-color:#4caf50} .extended-dropdown-1 ul a .icon-wrapper.bg-red {background-color:#f44336} .extended-dropdown-1 ul a .icon-wrapper.bg-teal {background-color:#009688} .extended-dropdown-1 ul a i.toggle-dropdown {width:30px;height:30px;margin-left:auto;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;color:var(--accent-color);font-size:12px;display:flex;align-items:center;justify-content:center} .extended-dropdown-1 ul a i.toggle-dropdown:hover {background-color:var(--accent-color);color:var(--contrast-color)} .extended-dropdown-1 ul a span {flex:1;font-weight:500} .extended-dropdown-1 ul a:hover {color:var(--nav-dropdown-hover-color)} .extended-dropdown-1 ul a:hover .icon-wrapper {transform:scale(1.05)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-blue {background-color:color-mix(in srgb,#4285f4,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-purple {background-color:color-mix(in srgb,#9c27b0,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-orange {background-color:color-mix(in srgb,#ff9800,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-green {background-color:color-mix(in srgb,#4caf50,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-red {background-color:color-mix(in srgb,#f44336,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-teal {background-color:color-mix(in srgb,#009688,#000000 15%)} .extended-dropdown-1 ul a:hover i.toggle-dropdown {background-color:var(--accent-color);color:var(--contrast-color)} .extended-dropdown-1 ul .active i.toggle-dropdown {background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(90deg)}} @media (min-width:1200px) {.extended-dropdown-2 ul {min-width:380px;padding:12px;border-radius:14px;box-shadow:0 15px 50px rgba(0,0,0,0.12);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--nav-dropdown-background-color),transparent 5%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .extended-dropdown-2 ul li {min-width:auto;border-bottom:none} .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:6px} .extended-dropdown-2 ul a {padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--nav-dropdown-color);transition:all 0.25s ease;border-radius:10px;background-color:transparent;position:relative} .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:14px;width:100%} .extended-dropdown-2 ul a .menu-icon {width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;position:relative;z-index:1} .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-icon i {font-size:18px;color:var(--accent-color);margin:0;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:15px;margin-bottom:3px;color:var(--nav-dropdown-color);transition:color 0.3s ease} .extended-dropdown-2 ul a .menu-text .menu-description {font-size:13px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%);font-weight:400;transition:color 0.3s ease} .extended-dropdown-2 ul a .menu-badge {padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:12px;flex-shrink:0;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px} .extended-dropdown-2 ul a:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul a:hover .menu-icon {transform:translateY(-2px)} .extended-dropdown-2 ul a:hover .menu-icon::before {opacity:0,3;box-shadow:0 6px 15px color-mix(in srgb,var(--accent-color),transparent 75%)} .extended-dropdown-2 ul a:hover .menu-icon i {color:color-mix(in srgb,var(--accent-color),#000000 10%)} .extended-dropdown-2 ul a:hover .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .extended-dropdown-2 ul a:hover .menu-text .menu-description {color:color-mix(in srgb,var(--nav-dropdown-hover-color),transparent 30%)} .extended-dropdown-2 ul a:hover .menu-badge {transform:scale(1.05)} .extended-dropdown-2 ul a:hover .menu-badge:not(.hot):not(.updates) {background-color:color-mix(in srgb,var(--accent-color),transparent 75%)} .extended-dropdown-2 ul a:hover .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 75%)} .extended-dropdown-2 ul a:hover .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 75%)}} @media (max-width:1199px) {.extended-dropdown-2 ul {background-color:var(--nav-mobile-background-color);border-radius:10px;padding:10px} .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:5px} .extended-dropdown-2 ul a {padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between} .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:12px;width:100%} .extended-dropdown-2 ul a .menu-icon {width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1} .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1} .extended-dropdown-2 ul a .menu-icon i {font-size:16px;color:var(--accent-color);margin:0} .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:14px;margin-bottom:2px} .extended-dropdown-2 ul a .menu-text .menu-description {font-size:12px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%)} .extended-dropdown-2 ul a .menu-badge {padding:3px 8px;font-size:10px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:10px;flex-shrink:0} .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px} .extended-dropdown-2 ul a:hover,.extended-dropdown-2 ul a:active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul a:hover .menu-text .menu-title,.extended-dropdown-2 ul a:active .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .extended-dropdown-2 ul .active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul .active .menu-title {color:var(--nav-dropdown-hover-color)}} @media (min-width:1200px) {.navmenu .megamenu-1 {position:static} .navmenu .megamenu-1 .mobile-megamenu {display:none} .navmenu .megamenu-1 .desktop-megamenu {background-color:var(--nav-dropdown-background-color);box-shadow:0px 5px 20px rgba(0,0,0,0.1);position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;transition:0.3s;border-radius:6px;z-index:99;padding:20px;display:flex;gap:40px;max-height:80vh;overflow-y:auto} .navmenu .megamenu-1:hover>.desktop-megamenu,.navmenu .megamenu-1 .desktop-megamenu:hover {opacity:1;top:100%;visibility:visible} .navmenu .megamenu-1 .megamenu-sections {flex:2;display:flex;flex-direction:column;gap:35px} .navmenu .megamenu-1 .megamenu-sections .services-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:35px} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category h4 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid var(--accent-color)} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category h4 i {color:var(--accent-color);font-size:18px} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items {display:flex;flex-direction:column;gap:10px} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a {color:var(--nav-dropdown-color);font-size:14px;transition:all 0.3s;padding:6px 0;position:relative} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a:hover {color:var(--nav-dropdown-hover-color);padding-left:12px} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a.view-all {color:var(--accent-color);font-weight:500;margin-top:8px;display:flex;align-items:center;gap:6px} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a.view-all:hover {color:color-mix(in srgb,var(--accent-color),black 15%)} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a.view-all:hover i {transform:translateX(5px)} .navmenu .megamenu-1 .megamenu-sections .services-grid .service-category .category-items a.view-all i {transition:0.3s} .navmenu .megamenu-1 .megamenu-sections .industries-section {padding-bottom:20px} .navmenu .megamenu-1 .megamenu-sections .industries-section h4 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid var(--accent-color)} .navmenu .megamenu-1 .megamenu-sections .industries-section h4 i {color:var(--accent-color);font-size:18px} .navmenu .megamenu-1 .megamenu-sections .industries-section .industry-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:15px} .navmenu .megamenu-1 .megamenu-sections .industries-section .industry-grid .industry-item {display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:var(--surface-color);border-radius:6px;transition:0.3s;cursor:pointer;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .megamenu-1 .megamenu-sections .industries-section .industry-grid .industry-item:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border-color:var(--accent-color)} .navmenu .megamenu-1 .megamenu-sections .industries-section .industry-grid .industry-item i {color:var(--accent-color);font-size:16px} .navmenu .megamenu-1 .megamenu-sections .industries-section .industry-grid .industry-item span {color:var(--nav-dropdown-color);font-size:13px;font-weight:500} .navmenu .megamenu-1 .featured-content {flex:1;display:flex;flex-direction:column;gap:30px} .navmenu .megamenu-1 .featured-content .featured-card {background-color:var(--surface-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05)} .navmenu .megamenu-1 .featured-content .featured-card .featured-image {height:140px;overflow:hidden} .navmenu .megamenu-1 .featured-content .featured-card .featured-image img {width:100%;height:100%;object-fit:cover;transition:0.3s} .navmenu .megamenu-1 .featured-content .featured-card .featured-info {padding:20px} .navmenu .megamenu-1 .featured-content .featured-card .featured-info h5 {color:var(--heading-color);font-size:16px;font-weight:600;margin-bottom:8px} .navmenu .megamenu-1 .featured-content .featured-card .featured-info p {color:var(--nav-dropdown-color);font-size:13px;line-height:1.5;margin-bottom:15px} .navmenu .megamenu-1 .featured-content .featured-card .featured-info .btn-featured {color:var(--accent-color);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:0.3s} .navmenu .megamenu-1 .featured-content .featured-card .featured-info .btn-featured:hover {color:color-mix(in srgb,var(--accent-color),black 15%)} .navmenu .megamenu-1 .featured-content .featured-card .featured-info .btn-featured:hover i {transform:translateX(3px)} .navmenu .megamenu-1 .featured-content .featured-card .featured-info .btn-featured i {transition:0.3s} .navmenu .megamenu-1 .featured-content .featured-card:hover .featured-image img {transform:scale(1.05)} .navmenu .megamenu-1 .featured-content .quick-links h5 {color:var(--heading-color);font-size:15px;font-weight:600;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item {display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 95%);transition:0.3s;cursor:pointer} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item:last-child {border-bottom:none} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item:hover {padding-left:10px} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item:hover i {color:var(--accent-color)} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item i {color:var(--nav-dropdown-color);font-size:16px;margin-top:2px;transition:0.3s} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item div {flex:1} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item div span {color:var(--nav-dropdown-color);font-size:14px;font-weight:500;display:block;margin-bottom:2px} .navmenu .megamenu-1 .featured-content .quick-links .quick-link-item div small {color:color-mix(in srgb,var(--nav-dropdown-color),transparent 30%);font-size:12px}} @media (max-width:1199px) {.navmenu .megamenu-1 {} .navmenu .megamenu-1 .desktop-megamenu {display:none} .navmenu .megamenu-1 .mobile-megamenu {position:static;display:none;z-index:99;padding:0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out;border-radius:6px;overflow:hidden} .navmenu .megamenu-1 .mobile-megamenu li {position:relative;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .megamenu-1 .mobile-megamenu li:last-child {border-bottom:none} .navmenu .megamenu-1 .mobile-megamenu li a {padding:14px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--nav-dropdown-color);font-size:15px;transition:0.3s;font-weight:500} .navmenu .megamenu-1 .mobile-megamenu li a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .megamenu-1 .mobile-megamenu li ul {padding:0;background-color:color-mix(in srgb,var(--default-color),transparent 97%)} .navmenu .megamenu-1 .mobile-megamenu li ul li a {padding-left:35px;font-size:14px;font-weight:400} .navmenu .megamenu-1 .mobile-megamenu.dropdown-active {display:block}} @media (min-width:1200px) {.navmenu .products-megamenu-2 {position:static} .navmenu .products-megamenu-2 .mobile-megamenu {display:none} .navmenu .products-megamenu-2 .desktop-megamenu,.navmenu .products-megamenu-2 .active,.navmenu .products-megamenu-2 .active:focus {background-color:var(--nav-dropdown-background-color)} .navmenu .products-megamenu-2 .desktop-megamenu {box-shadow:0px 5px 20px rgba(0,0,0,0.1);position:absolute;top:130%;left:0;right:0;visibility:hidden;opacity:0;transition:0.3s;border-radius:6px;z-index:99;padding:10px 0 0 0;display:flex;flex-direction:column;max-height:80vh;overflow:hidden} .navmenu .products-megamenu-2:hover>.desktop-megamenu {opacity:1;top:100%;visibility:visible} .navmenu .products-megamenu-2 .megamenu-tabs {padding:0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs {border-bottom:none;display:flex;justify-content:center} .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-item {margin:0} .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link {border:none;padding:15px 30px;color:var(--nav-dropdown-color);font-weight:600;font-size:14px;transition:0.3s;background-color:transparent;border-bottom:2px solid transparent;letter-spacing:0.5px} .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link:hover {color:var(--nav-dropdown-hover-color)} .navmenu .products-megamenu-2 .megamenu-tabs .nav-tabs .nav-link.active {color:var(--accent-color);background-color:transparent;border-bottom:2px solid var(--accent-color)} .navmenu .products-megamenu-2 .megamenu-content {flex:1;overflow-y:auto} .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar {width:5px} .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar-track {background:color-mix(in srgb,var(--default-color),transparent 95%);border-radius:10px} .navmenu .products-megamenu-2 .megamenu-content::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--default-color),transparent 80%);border-radius:10px} .navmenu .products-megamenu-2 .megamenu-content .tab-pane {padding:25px} .navmenu .products-megamenu-2 .megamenu-content .category-layout {display:flex;gap:30px} .navmenu .products-megamenu-2 .megamenu-content .categories-section {flex:1} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-headers {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:15px} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-headers h4 {color:var(--heading-color);font-size:16px;font-weight:600;position:relative;margin:0;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links {display:flex;flex-direction:column;gap:12px} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row {display:grid;grid-template-columns:repeat(4,1fr);gap:30px} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row a {color:var(--nav-dropdown-color);font-size:14px;transition:0.3s;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0} .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row a:hover {color:var(--nav-dropdown-hover-color);transform:translateX(3px)} .navmenu .products-megamenu-2 .megamenu-content .featured-section {width:300px} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image {position:relative;height:100%;background-color:#f5f5f5;border-radius:6px;overflow:hidden} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image img {width:100%;height:100%;object-fit:cover;opacity:0.9} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:30px} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content h3 {color:var(--heading-color);font-size:28px;font-weight:700;margin-bottom:20px;line-height:1.2} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content .btn-shop {display:inline-block;padding:8px 20px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:4px;font-size:14px;font-weight:500;transition:0.3s;width:fit-content} .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content .btn-shop:hover {background-color:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-2px)}} @media (max-width:1199px) {.navmenu .products-megamenu-2 {} .navmenu .products-megamenu-2 .desktop-megamenu {display:none} .navmenu .products-megamenu-2 .mobile-megamenu {position:static;display:none;z-index:99;padding:0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out;border-radius:4px;overflow:hidden} .navmenu .products-megamenu-2 .mobile-megamenu li {position:relative;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .products-megamenu-2 .mobile-megamenu li:last-child {border-bottom:none} .navmenu .products-megamenu-2 .mobile-megamenu li a {padding:12px 15px;display:flex;align-items:center;justify-content:space-between;color:var(--nav-dropdown-color);font-size:15px;transition:0.3s} .navmenu .products-megamenu-2 .mobile-megamenu li a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--default-color),transparent 97%)} .navmenu .products-megamenu-2 .mobile-megamenu li ul {padding:0} .navmenu .products-megamenu-2 .mobile-megamenu.dropdown-active {display:block}} @media (min-width:1200px) {.extended-dropdown-1 ul {min-width:300px;padding:20px 0;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);border:1px solid color-mix(in srgb,var(--default-color),transparent 85%)} .extended-dropdown-1 ul li {min-width:auto;border-bottom:none;margin-bottom:4px} .extended-dropdown-1 ul li:last-child {margin-bottom:0} .extended-dropdown-1 ul a {padding:16px 24px;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500;color:var(--nav-dropdown-color);transition:all 0.3s ease;border-radius:8px;margin:0 12px} .extended-dropdown-1 ul a .icon-wrapper {width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0} .extended-dropdown-1 ul a .icon-wrapper i {font-size:16px;color:#ffffff;margin:0} .extended-dropdown-1 ul a .icon-wrapper.bg-blue {background-color:#4285f4} .extended-dropdown-1 ul a .icon-wrapper.bg-purple {background-color:#9c27b0} .extended-dropdown-1 ul a .icon-wrapper.bg-orange {background-color:#ff9800} .extended-dropdown-1 ul a .icon-wrapper.bg-green {background-color:#4caf50} .extended-dropdown-1 ul a .icon-wrapper.bg-red {background-color:#f44336} .extended-dropdown-1 ul a .icon-wrapper.bg-teal {background-color:#009688} .extended-dropdown-1 ul a i.toggle-dropdown {width:auto;margin-left:auto;color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:12px} .extended-dropdown-1 ul a span {flex:1;font-weight:500} .extended-dropdown-1 ul a:hover {color:var(--nav-dropdown-hover-color);background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-1 ul a:hover .icon-wrapper {transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.15)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-blue {background-color:color-mix(in srgb,#4285f4,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-purple {background-color:color-mix(in srgb,#9c27b0,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-orange {background-color:color-mix(in srgb,#ff9800,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-green {background-color:color-mix(in srgb,#4caf50,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-red {background-color:color-mix(in srgb,#f44336,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-teal {background-color:color-mix(in srgb,#009688,#000000 15%)} .extended-dropdown-1 ul a:hover i.toggle-dropdown {color:var(--accent-color);transform:rotate(90deg)}} @media (max-width:1199px) {.extended-dropdown-1 ul {background-color:var(--nav-dropdown-background-color);border-radius:6px;padding:12px 0} .extended-dropdown-1 ul a {padding:12px 20px;gap:16px} .extended-dropdown-1 ul a .icon-wrapper {width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .extended-dropdown-1 ul a .icon-wrapper i {font-size:14px;color:#ffffff;margin:0} .extended-dropdown-1 ul a .icon-wrapper.bg-blue {background-color:#4285f4} .extended-dropdown-1 ul a .icon-wrapper.bg-purple {background-color:#9c27b0} .extended-dropdown-1 ul a .icon-wrapper.bg-orange {background-color:#ff9800} .extended-dropdown-1 ul a .icon-wrapper.bg-green {background-color:#4caf50} .extended-dropdown-1 ul a .icon-wrapper.bg-red {background-color:#f44336} .extended-dropdown-1 ul a .icon-wrapper.bg-teal {background-color:#009688} .extended-dropdown-1 ul a i.toggle-dropdown {width:30px;height:30px;margin-left:auto;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;color:var(--accent-color);font-size:12px;display:flex;align-items:center;justify-content:center} .extended-dropdown-1 ul a i.toggle-dropdown:hover {background-color:var(--accent-color);color:var(--contrast-color)} .extended-dropdown-1 ul a span {flex:1;font-weight:500} .extended-dropdown-1 ul a:hover {color:var(--nav-dropdown-hover-color)} .extended-dropdown-1 ul a:hover .icon-wrapper {transform:scale(1.05)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-blue {background-color:color-mix(in srgb,#4285f4,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-purple {background-color:color-mix(in srgb,#9c27b0,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-orange {background-color:color-mix(in srgb,#ff9800,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-green {background-color:color-mix(in srgb,#4caf50,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-red {background-color:color-mix(in srgb,#f44336,#000000 15%)} .extended-dropdown-1 ul a:hover .icon-wrapper.bg-teal {background-color:color-mix(in srgb,#009688,#000000 15%)} .extended-dropdown-1 ul a:hover i.toggle-dropdown {background-color:var(--accent-color);color:var(--contrast-color)} .extended-dropdown-1 ul .active i.toggle-dropdown {background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(90deg)}} @media (min-width:1200px) {.extended-dropdown-2 ul {min-width:380px;padding:12px;border-radius:14px;box-shadow:0 15px 50px rgba(0,0,0,0.12);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--nav-dropdown-background-color),transparent 5%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .extended-dropdown-2 ul li {min-width:auto;border-bottom:none} .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:6px} .extended-dropdown-2 ul a {padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--nav-dropdown-color);transition:all 0.25s ease;border-radius:10px;background-color:transparent;position:relative} .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:14px;width:100%} .extended-dropdown-2 ul a .menu-icon {width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;position:relative;z-index:1} .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-icon i {font-size:18px;color:var(--accent-color);margin:0;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:15px;margin-bottom:3px;color:var(--nav-dropdown-color);transition:color 0.3s ease} .extended-dropdown-2 ul a .menu-text .menu-description {font-size:13px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%);font-weight:400;transition:color 0.3s ease} .extended-dropdown-2 ul a .menu-badge {padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:12px;flex-shrink:0;transition:all 0.3s ease} .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px} .extended-dropdown-2 ul a:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul a:hover .menu-icon {transform:translateY(-2px)} .extended-dropdown-2 ul a:hover .menu-icon::before {opacity:0,3;box-shadow:0 6px 15px color-mix(in srgb,var(--accent-color),transparent 75%)} .extended-dropdown-2 ul a:hover .menu-icon i {color:color-mix(in srgb,var(--accent-color),#000000 10%)} .extended-dropdown-2 ul a:hover .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .extended-dropdown-2 ul a:hover .menu-text .menu-description {color:color-mix(in srgb,var(--nav-dropdown-hover-color),transparent 30%)} .extended-dropdown-2 ul a:hover .menu-badge {transform:scale(1.05)} .extended-dropdown-2 ul a:hover .menu-badge:not(.hot):not(.updates) {background-color:color-mix(in srgb,var(--accent-color),transparent 75%)} .extended-dropdown-2 ul a:hover .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 75%)} .extended-dropdown-2 ul a:hover .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 75%)}} @media (max-width:1199px) {.extended-dropdown-2 ul {background-color:var(--nav-mobile-background-color);border-radius:10px;padding:10px} .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:5px} .extended-dropdown-2 ul a {padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between} .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:12px;width:100%} .extended-dropdown-2 ul a .menu-icon {width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1} .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1} .extended-dropdown-2 ul a .menu-icon i {font-size:16px;color:var(--accent-color);margin:0} .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:14px;margin-bottom:2px} .extended-dropdown-2 ul a .menu-text .menu-description {font-size:12px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%)} .extended-dropdown-2 ul a .menu-badge {padding:3px 8px;font-size:10px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:10px;flex-shrink:0} .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px} .extended-dropdown-2 ul a:hover,.extended-dropdown-2 ul a:active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul a:hover .menu-text .menu-title,.extended-dropdown-2 ul a:active .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .extended-dropdown-2 ul .active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .extended-dropdown-2 ul .active .menu-title {color:var(--nav-dropdown-hover-color)}} @media (min-width:1200px) {.navmenu .extended-dropdown-2 ul {min-width:380px;padding:12px;border-radius:14px;box-shadow:0 15px 50px rgba(0,0,0,0.12);backdrop-filter:blur(10px);background-color:color-mix(in srgb,var(--nav-dropdown-background-color),transparent 5%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .navmenu .extended-dropdown-2 ul li {min-width:auto;border-bottom:none} .navmenu .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:6px} .navmenu .extended-dropdown-2 ul a {padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--nav-dropdown-color);transition:all 0.25s ease;border-radius:10px;background-color:transparent;position:relative} .navmenu .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:14px;width:100%} .navmenu .extended-dropdown-2 ul a .menu-icon {width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;position:relative;z-index:1} .navmenu .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1;transition:all 0.3s ease} .navmenu .extended-dropdown-2 ul a .menu-icon i {font-size:18px;color:var(--accent-color);margin:0;transition:all 0.3s ease} .navmenu .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .navmenu .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:15px;margin-bottom:3px;color:var(--nav-dropdown-color);transition:color 0.3s ease} .navmenu .extended-dropdown-2 ul a .menu-text .menu-description {font-size:13px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%);font-weight:400;transition:color 0.3s ease} .navmenu .extended-dropdown-2 ul a .menu-badge {padding:4px 10px;font-size:11px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:12px;flex-shrink:0;transition:all 0.3s ease} .navmenu .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .navmenu .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px} .navmenu .extended-dropdown-2 ul a:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .extended-dropdown-2 ul a:hover .menu-icon {transform:translateY(-2px)} .navmenu .extended-dropdown-2 ul a:hover .menu-icon::before {opacity:0,3;box-shadow:0 6px 15px color-mix(in srgb,var(--accent-color),transparent 75%)} .navmenu .extended-dropdown-2 ul a:hover .menu-icon i {color:color-mix(in srgb,var(--accent-color),#000000 10%)} .navmenu .extended-dropdown-2 ul a:hover .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .navmenu .extended-dropdown-2 ul a:hover .menu-text .menu-description {color:color-mix(in srgb,var(--nav-dropdown-hover-color),transparent 30%)} .navmenu .extended-dropdown-2 ul a:hover .menu-badge {transform:scale(1.05)} .navmenu .extended-dropdown-2 ul a:hover .menu-badge:not(.hot):not(.updates) {background-color:color-mix(in srgb,var(--accent-color),transparent 75%)} .navmenu .extended-dropdown-2 ul a:hover .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 75%)} .navmenu .extended-dropdown-2 ul a:hover .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 75%)}} @media (max-width:1199px) {.navmenu .extended-dropdown-2 ul {background-color:var(--nav-mobile-background-color);border-radius:10px;padding:10px} .navmenu .extended-dropdown-2 ul li:not(:last-child) {margin-bottom:5px} .navmenu .extended-dropdown-2 ul a {padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:space-between} .navmenu .extended-dropdown-2 ul a .menu-item-content {display:flex;align-items:center;gap:12px;width:100%} .navmenu .extended-dropdown-2 ul a .menu-icon {width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1} .navmenu .extended-dropdown-2 ul a .menu-icon::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7644ff 80%));opacity:0.15;z-index:-1} .navmenu .extended-dropdown-2 ul a .menu-icon i {font-size:16px;color:var(--accent-color);margin:0} .navmenu .extended-dropdown-2 ul a .menu-text {display:flex;flex-direction:column;flex:1} .navmenu .extended-dropdown-2 ul a .menu-text .menu-title {font-weight:600;font-size:14px;margin-bottom:2px} .navmenu .extended-dropdown-2 ul a .menu-text .menu-description {font-size:12px;color:color-mix(in srgb,var(--nav-dropdown-color),transparent 40%)} .navmenu .extended-dropdown-2 ul a .menu-badge {padding:3px 8px;font-size:10px;font-weight:600;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);margin-left:10px;flex-shrink:0} .navmenu .extended-dropdown-2 ul a .menu-badge.hot {background-color:color-mix(in srgb,#ff5722,transparent 85%);color:#ff5722} .navmenu .extended-dropdown-2 ul a .menu-badge.updates {background-color:color-mix(in srgb,#4caf50,transparent 85%);color:#4caf50;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 6px} .navmenu .extended-dropdown-2 ul a:hover,.navmenu .extended-dropdown-2 ul a:active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .extended-dropdown-2 ul a:hover .menu-text .menu-title,.navmenu .extended-dropdown-2 ul a:active .menu-text .menu-title {color:var(--nav-dropdown-hover-color)} .navmenu .extended-dropdown-2 ul .active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .navmenu .extended-dropdown-2 ul .active .menu-title {color:var(--nav-dropdown-hover-color)}} .footer {color:var(--default-color);background-color:var(--background-color);font-size:14px;position:relative} .footer .footer-top {padding-top:50px} .footer .footer-about .logo {line-height:1;margin-bottom:25px} .footer .footer-about .logo img {max-height:40px;margin-right:6px} .footer .footer-about p {font-size:14px;font-family:var(--heading-font)} .footer .social-links a {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--default-color),transparent 50%);font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-right:10px;transition:0.3s} .footer .social-links a:hover {color:var(--accent-color);border-color:var(--accent-color)} .footer h4 {font-size:16px;font-weight:bold;position:relative;padding-bottom:12px} .footer .footer-links {margin-bottom:30px} .footer .footer-links ul {list-style:none;padding:0;margin:0} .footer .footer-links ul i {padding-right:2px;font-size:12px;line-height:0} .footer .footer-links ul li {padding:10px 0;display:flex;align-items:center} .footer .footer-links ul li:first-child {padding-top:0} .footer .footer-links ul a {color:color-mix(in srgb,var(--default-color),transparent 30%);display:inline-block;line-height:1} .footer .footer-links ul a:hover {color:var(--accent-color)} .footer .footer-contact p {margin-bottom:5px} .footer .copyright {padding:25px 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .footer .copyright p {margin-bottom:0} .footer .credits {margin-top:8px;font-size:13px} .footer-slogan p {width:100%;text-align:center;letter-spacing:0.25rem} .scroll-top {position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--accent-color);width:44px;height:44px;border-radius:50px;transition:all 0.4s} .scroll-top i {font-size:24px;color:var(--contrast-color);line-height:0} .scroll-top:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color)} .scroll-top.active {visibility:visible;opacity:1;bottom:15px} @media screen and (max-width:768px) {[data-aos-delay] {transition-delay:0 !important}} .page-title {color:var(--default-color);background-color:var(--background-color);padding:170px 0 80px 0;text-align:center;position:relative} .page-title h1 {font-size:42px;font-weight:700;margin-bottom:10px} .page-title .breadcrumbs ol {display:flex;flex-wrap:wrap;list-style:none;justify-content:center;padding:0;margin:0;font-size:16px;font-weight:400} .page-title .breadcrumbs ol li+li {padding-left:10px} .page-title .breadcrumbs ol li+li::before {content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 70%)} section,.section {color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:90px;overflow:clip} @media (max-width:1199px) {section,.section {scroll-margin-top:66px}} .section-title {text-align:center;padding-bottom:60px;position:relative} .section-title h1,.section-title h2 {font-size:32px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative} .section-title h1:after,.section-title h2:after {content:"";position:absolute;display:block;width:50px;height:3px;background:var(--accent-color);left:0;right:0;bottom:0;margin:auto} .section-title p {margin-bottom:0} .sitename {font-family:"Gaoel",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1;font-weight:400;margin:0} .maincolor {color:#000000} .secondcolor {color:#001AD8} .cybernow-banner {position:relative;padding-top:128px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 50%,color-mix(in srgb,var(--accent-color),transparent 98%) 25%,transparent 50%);padding-bottom:60px} .cybernow-banner::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent-color),transparent 92%),transparent 40%);pointer-events:none} .cybernow-banner .hero-content {position:relative;z-index:1} .cybernow-banner .hero-content h1 {font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem} .cybernow-banner .hero-content h1 .accent-text {color:var(--accent-color)} @media (max-width:992px) {.cybernow-banner .hero-content {text-align:center;margin-bottom:3rem} .cybernow-banner .hero-content h1 {font-size:2.5rem} .cybernow-banner .hero-content .hero-buttons {justify-content:center}} @media (max-width:575px) {.cybernow-banner .hero-content h1 {font-size:2rem}} .cybernow-banner .company-badge {display:inline-flex;align-items:center;padding:0.5rem 1rem;background-color:color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:50px;color:var(--accent-color);font-weight:500} .cybernow-banner .company-badge i {font-size:1.25rem} .cybernow-banner .btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color);padding:0.75rem 2.5rem;border-radius:50px;font-weight:500;transition:all 0.3s ease} .cybernow-banner .btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),black 20%);border-color:color-mix(in srgb,var(--accent-color),black 20%)} .cybernow-banner .btn-link {color:var(--heading-color);text-decoration:none;font-weight:500;transition:all 0.3s ease} .cybernow-banner .btn-link:hover {color:var(--accent-color)} .cybernow-banner .btn-link i {font-size:1.5rem;vertical-align:middle} .cybernow-banner .hero-image {position:relative;text-align:center;z-index:1} .cybernow-banner .hero-image img {max-width:100%;height:auto} .cybernow-banner .customers-badge {position:absolute;bottom:10px;right:30px;background-color:var(--surface-color);padding:1rem;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);max-width:300px;animation:float-badge 3s ease-in-out infinite;will-change:transform} .cybernow-banner .customers-badge .customer-avatars {display:flex;align-items:center;margin-bottom:0.5rem} .cybernow-banner .customers-badge .avatar {width:35px;height:35px;border-radius:50%;border:2px solid var(--surface-color);margin-left:-8px} .cybernow-banner .customers-badge .avatar:first-child {margin-left:0} .cybernow-banner .customers-badge .avatar.more {background-color:var(--accent-color);color:var(--contrast-color);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600} .cybernow-banner .customers-badge p {font-size:0.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%)} @media (max-width:992px) {.cybernow-banner .customers-badge {position:static;margin:1rem auto;max-width:250px}} .cybernow-banner .stats-row {position:relative;z-index:1;margin-top:5rem;background-color:var(--surface-color);border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding-bottom:2rem} .cybernow-banner .stat-item {display:flex;align-items:center;gap:1rem;padding:2rem} .cybernow-banner .stat-item .stat-icon {flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:50px;transition:0.3s} .cybernow-banner .stat-item .stat-icon i {font-size:1.5rem;color:var(--accent-color)} .cybernow-banner .stat-item:hover .stat-icon {background-color:var(--accent-color)} .cybernow-banner .stat-item:hover .stat-icon i {color:var(--contrast-color)} .cybernow-banner .stat-item .stat-content {flex-grow:1} .cybernow-banner .stat-item .stat-content h4 {font-size:1.25rem;margin-bottom:0.25rem;font-weight:600} .cybernow-banner .stat-item .stat-content p {font-size:0.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin:0} @media (max-width:575px) {.cybernow-banner .stat-item {padding:1.5rem}} @keyframes float-badge {0% {transform:translateY(0)} 50% {transform:translateY(-10px)} 100% {transform:translateY(0)}} .services .intro-content h2 {font-size:36px;font-weight:700;margin-bottom:25px;color:var(--heading-color);line-height:1.3} .services .intro-content p {font-size:18px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:35px;line-height:1.6} .services .intro-content .feature-stats {display:flex;gap:30px} .services .intro-content .feature-stats .stat-item {text-align:center} .services .intro-content .feature-stats .stat-item .stat-number {display:block;font-size:28px;font-weight:700;color:var(--accent-color);line-height:1} .services .intro-content .feature-stats .stat-item .stat-label {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);font-weight:500;margin-top:5px;display:block} .services .intro-image {position:relative} .services .intro-image img {border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.1)} .services .intro-image::before {content:"";position:absolute;top:-20px;left:-20px;width:100px;height:100px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 40%));border-radius:50%;z-index:-1;opacity:0.7} .services .intro-image::after {content:"";position:absolute;bottom:-30px;right:-30px;width:80px;height:80px;background:linear-gradient(135deg,var(--heading-color),color-mix(in srgb,var(--heading-color),transparent 40%));border-radius:20px;z-index:-1;opacity:0.5} .services .features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:60px} .services .feature-item {--pillar-color:var(--accent-color)} .services .feature-item[data-pillar=offensive] {--pillar-color:var(--pillars-offensive,var(--accent-color))} .services .feature-item[data-pillar=defensive] {--pillar-color:var(--pillars-defensive,var(--accent-color))} .services .feature-item[data-pillar=grc] {--pillar-color:var(--pillars-grc,var(--accent-color))} .services .feature-item[data-pillar=compliance] {--pillar-color:var(--pillars-compliance,var(--accent-color))} .services .feature-item[data-pillar=infra] {--pillar-color:var(--pillars-infra,var(--accent-color))} .services .feature-item[data-pillar=awareness] {--pillar-color:var(--pillars-awareness,var(--accent-color))} .services .feature-item[data-pillar=continuous] {--pillar-color:var(--pillars-continuous,var(--accent-color))} .services .feature-item {position:relative;background:var(--surface-color);padding:35px;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,0.08);transition:all 0.4s ease;overflow:hidden} .services .feature-item::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,var(--pillar-color),color-mix(in srgb,var(--pillar-color),transparent 50%));transition:left 0.5s ease} .services .feature-item .feature-number {position:absolute;top:20px;right:25px;font-size:48px;font-weight:900;color:color-mix(in srgb,var(--accent-color),transparent 90%);line-height:1;z-index:1} .services .feature-item .feature-content {position:relative;z-index:2} .services .feature-item .feature-content .feature-icon {margin-bottom:25px} .services .feature-item .feature-content .feature-icon i {font-size:32px;color:var(--contrast-color);background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 30%));width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all 0.3s ease;box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .services .feature-item .feature-content h4 {font-size:22px;font-weight:700;margin-bottom:18px;color:var(--heading-color);line-height:1.3} .services .feature-item .feature-content p {font-size:15px;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:25px;line-height:1.6} .services .feature-item .feature-content .feature-tags {display:flex;gap:10px;flex-wrap:wrap} .services .feature-item .feature-content .feature-tags .tag {font-size:12px;font-weight:600;padding:6px 12px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:20px;transition:all 0.3s ease} .services .feature-item:hover {transform:translateY(-15px);box-shadow:0 20px 60px rgba(0,0,0,0.15)} .services .feature-item:hover::before {left:0} .services .feature-item:hover .feature-number {color:color-mix(in srgb,var(--accent-color),transparent 80%);transform:scale(1.1)} .services .feature-item:hover .feature-icon i {transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px color-mix(in srgb,var(--accent-color),transparent 60%)} .services .feature-item:hover .feature-tags .tag {background:var(--accent-color);color:var(--contrast-color)} @media (max-width:991px) {.services .intro-content {margin-bottom:40px} .services .intro-content h2 {font-size:32px} .services .intro-content .feature-stats {justify-content:center;gap:25px} .services .features-grid {grid-template-columns:1fr;margin-top:40px;gap:25px}} @media (max-width:767px) {.services .intro-content .feature-stats {flex-direction:column;align-items:center;gap:20px} .services .intro-content .feature-stats .stat-item {display:flex;align-items:center;gap:15px} .services .intro-content .feature-stats .stat-item .stat-number {font-size:24px} .services .intro-content .feature-stats .stat-item .stat-label {margin-top:0} .services .feature-item {padding:25px} .services .feature-item .feature-number {font-size:36px;top:15px;right:20px} .services .feature-item .feature-content h4 {font-size:20px} .services .features-grid {grid-template-columns:1fr}} @media (max-width:575px) {.services .intro-content h2 {font-size:28px} .services .intro-content p {font-size:16px}} @media (min-width:992px) {.services .features-grid {grid-template-columns:repeat(3,1fr)} .services .features-grid>.feature-item:last-child {grid-column:2}} .emergency-info {padding-top:60px;padding-bottom:60px} .emergency-info .emergency-alert {background:linear-gradient(135deg,#dc3545,#c82333);color:var(--contrast-color);padding:30px;border-radius:15px;margin-bottom:40px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px rgba(220,53,69,0.3)} @media (max-width:768px) {.emergency-info .emergency-alert {flex-direction:column;text-align:center;gap:15px}} .emergency-info .emergency-alert .alert-icon {font-size:3rem;opacity:0.9} @media (max-width:768px) {.emergency-info .emergency-alert .alert-icon {font-size:2.5rem}} .emergency-info .emergency-alert .alert-content {flex:1} .emergency-info .emergency-alert .alert-content h3 {color:var(--contrast-color);margin-bottom:10px;font-size:1.8rem;font-weight:700} .emergency-info .emergency-alert .alert-content p {margin:0;font-size:1.1rem;line-height:1.5} .emergency-info .emergency-alert .alert-action .btn-emergency {background-color:var(--contrast-color);color:#dc3545;padding:12px 25px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease} .emergency-info .emergency-alert .alert-action .btn-emergency:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2);color:#dc3545} .emergency-info .emergency-alert .alert-action .btn-emergency i {font-size:1.1rem} .emergency-info .emergency-contacts .contact-card {background:var(--surface-color);border-radius:12px;padding:25px;height:100%;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;border-left:4px solid var(--accent-color)} .emergency-info .emergency-contacts .contact-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)} .emergency-info .emergency-contacts .contact-card.urgent {border-left-color:#dc3545} .emergency-info .emergency-contacts .contact-card.urgent .card-icon i {color:#dc3545} .emergency-info .emergency-contacts .contact-card .card-icon {text-align:center;margin-bottom:20px} .emergency-info .emergency-contacts .contact-card .card-icon i {font-size:2.5rem;color:var(--accent-color)} .emergency-info .emergency-contacts .contact-card .card-content {text-align:center;margin-bottom:20px} .emergency-info .emergency-contacts .contact-card .card-content h4 {color:var(--heading-color);margin-bottom:15px;font-weight:600} .emergency-info .emergency-contacts .contact-card .card-content .contact-info,.emergency-info .emergency-contacts .contact-card .card-content .address {display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;font-size:0.95rem} .emergency-info .emergency-contacts .contact-card .card-content .contact-info i,.emergency-info .emergency-contacts .contact-card .card-content .address i {color:var(--accent-color);font-size:1rem} .emergency-info .emergency-contacts .contact-card .card-content .contact-info span,.emergency-info .emergency-contacts .contact-card .card-content .address span {font-weight:500} .emergency-info .emergency-contacts .contact-card .card-content .description {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:0.9rem;margin-bottom:10px} .emergency-info .emergency-contacts .contact-card .card-content .hours {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.9rem;font-weight:500;margin-bottom:0} .emergency-info .emergency-contacts .contact-card .card-action {text-align:center} .emergency-info .emergency-contacts .contact-card .card-action .btn-contact {background-color:var(--accent-color);color:var(--contrast-color);padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;transition:all 0.3s ease;display:inline-block} .emergency-info .emergency-contacts .contact-card .card-action .btn-contact:hover {background-color:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);color:var(--contrast-color)} .emergency-info .quick-actions {background:var(--surface-color);padding:30px;border-radius:12px;margin-bottom:40px;box-shadow:0 5px 20px rgba(0,0,0,0.1)} .emergency-info .quick-actions h4 {text-align:center;color:var(--heading-color);margin-bottom:25px;font-weight:600} .emergency-info .quick-actions .action-link {display:flex;flex-direction:column;align-items:center;padding:20px;text-decoration:none;color:var(--default-color);border-radius:8px;transition:all 0.3s ease;margin-bottom:1rem} @media (max-width:576px) {.emergency-info .quick-actions .action-link {margin-bottom:0.5rem}} .emergency-info .quick-actions .action-link:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);transform:translateY(-3px)} .emergency-info .quick-actions .action-link i {font-size:2rem;margin-bottom:10px;color:var(--accent-color);transition:color 0.3s ease} .emergency-info .quick-actions .action-link span {font-size:0.9rem;font-weight:500;text-align:center} .emergency-info .quick-actions .action-link:hover i {color:var(--accent-color)} .emergency-info .emergency-tips {background:var(--surface-color);padding:30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1)} .emergency-info .emergency-tips h4 {text-align:center;color:var(--heading-color);margin-bottom:25px;font-weight:600} .emergency-info .emergency-tips .emergency-list {list-style:none;padding:0} .emergency-info .emergency-tips .emergency-list li {display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px 0} .emergency-info .emergency-tips .emergency-list li i {color:#28a745;font-size:1.1rem;margin-top:2px;flex-shrink:0} .emergency-info .emergency-tips .emergency-list li:last-child {margin-bottom:0} .benefits {padding-top:60px;padding-bottom:60px} .benefits .features-content .feature-card {background:var(--surface-color);border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease} .benefits .features-content .feature-card:hover {transform:translateY(-5px);box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 85%)} .benefits .features-content .feature-card .feature-header {display:flex;align-items:flex-start;gap:20px} .benefits .features-content .feature-card .feature-icon {width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 20%))} .benefits .features-content .feature-card .feature-icon i {font-size:28px;color:var(--contrast-color)} .benefits .features-content .feature-card .feature-icon.icon-purple {background:linear-gradient(135deg,#9b59b6,#8e44ad)} .benefits .features-content .feature-card .feature-icon.icon-teal {background:linear-gradient(135deg,#1abc9c,#16a085)} .benefits .features-content .feature-card .feature-icon.icon-coral {background:linear-gradient(135deg,#e74c3c,#c0392b)} .benefits .features-content .feature-card .feature-icon.icon-cyan {background:linear-gradient(135deg,#3498db,#2980b9)} .benefits .features-content .feature-card .feature-text {flex:1} .benefits .features-content .feature-card .feature-text h4 {font-size:22px;font-weight:700;margin-bottom:12px;color:var(--heading-color)} .benefits .features-content .feature-card .feature-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:16px;line-height:1.6;margin-bottom:0} .benefits .features-visual {position:relative;padding-left:40px} .benefits .features-visual .feature-highlight-card {background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--accent-color),transparent 95%));border-radius:24px;padding:40px;box-shadow:0 10px 40px color-mix(in srgb,var(--accent-color),transparent 80%);border:2px solid color-mix(in srgb,var(--accent-color),transparent 85%);position:relative;overflow:hidden} .benefits .features-visual .feature-highlight-card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),#3498db,#9b59b6)} .benefits .features-visual .feature-highlight-card .card-header {display:flex;align-items:center;gap:20px;margin-bottom:20px} .benefits .features-visual .feature-highlight-card .card-header h3 {font-size:28px;font-weight:800;margin-bottom:0;color:var(--heading-color)} .benefits .features-visual .feature-highlight-card p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:17px;line-height:1.7;margin-bottom:30px} .benefits .features-visual .feature-highlight-card .feature-metrics {display:flex;gap:30px} .benefits .features-visual .feature-highlight-card .feature-metrics .metric {text-align:center} .benefits .features-visual .feature-highlight-card .feature-metrics .metric .metric-number {display:block;font-size:32px;font-weight:900;color:var(--accent-color);line-height:1} .benefits .features-visual .feature-highlight-card .feature-metrics .metric .metric-label {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);font-weight:600;text-transform:uppercase;letter-spacing:0.5px} .benefits .features-visual .floating-elements {position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none} .benefits .features-visual .floating-elements .floating-icon {position:absolute;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-color);box-shadow:0 8px 25px color-mix(in srgb,var(--default-color),transparent 85%);animation:float 6s ease-in-out infinite} .benefits .features-visual .floating-elements .floating-icon i {font-size:24px;color:var(--accent-color)} .benefits .features-visual .floating-elements .floating-icon.icon-1 {top:20%;right:-30px;animation-delay:-2s} .benefits .features-visual .floating-elements .floating-icon.icon-2 {bottom:30%;right:-20px;animation-delay:-4s} .benefits .features-visual .floating-elements .floating-icon.icon-3 {top:60%;left:-30px;animation-delay:-1s} @keyframes float {0%,100% {transform:translateY(0px)} 50% {transform:translateY(-20px)}} @media (max-width:992px) {.benefits .features-visual {padding-left:0;margin-top:50px} .benefits .features-visual .floating-elements {display:none} .benefits .features-content .feature-card .feature-header {flex-direction:column;text-align:center;gap:15px} .benefits .feature-highlight-card .card-header {flex-direction:column;text-align:center;gap:15px} .benefits .feature-highlight-card .feature-metrics {justify-content:center}} @media (max-width:768px) {.benefits .features-content .feature-card {padding:25px} .benefits .features-content .feature-card .feature-icon {width:60px;height:60px} .benefits .features-content .feature-card .feature-icon i {font-size:24px} .benefits .features-content .feature-card .feature-text h4 {font-size:20px} .benefits .feature-highlight-card {padding:30px} .benefits .feature-highlight-card .card-header h3 {font-size:24px} .benefits .feature-highlight-card .feature-metrics {gap:20px} .benefits .feature-highlight-card .feature-metrics .metric .metric-number {font-size:28px}} .security-services-overview {padding-top:48px;position:relative;background-color:color-mix(in srgb,var(--accent-color),transparent 97%);border-radius:1rem;overflow:hidden;padding-bottom:48px} .security-services-overview .badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;border-radius:2rem} .security-services-overview h2 {font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin:0} .security-services-overview p {font-size:1.125rem;line-height:1.6;opacity:0.9} .security-services-overview .features .feature-item {display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background-color:var(--surface-color);border-radius:0.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:transform 0.3s ease} .security-services-overview .features .feature-item:hover {transform:translateY(-2px)} .security-services-overview .features .feature-item i {color:var(--accent-color);font-size:1.25rem} .security-services-overview .features .feature-item span {font-weight:500} .security-services-overview .cta-buttons .btn {padding:0.75rem 1.5rem;font-weight:500;border-radius:0.5rem;transition:all 0.3s ease} .security-services-overview .cta-buttons .btn.btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color)} .security-services-overview .cta-buttons .btn.btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 15%);border-color:color-mix(in srgb,var(--accent-color),transparent 15%);transform:translateY(-2px)} .security-services-overview .cta-buttons .btn.btn-outline {border:2px solid color-mix(in srgb,var(--accent-color),transparent 70%);color:var(--accent-color)} .security-services-overview .cta-buttons .btn.btn-outline:hover {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .security-services-overview .content-right {flex-shrink:0;max-width:100%;width:450px} .security-services-overview .content-right img {width:100%;height:auto;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .security-services-overview .content-right .floating-card {position:absolute;bottom:2rem;right:-1rem;background:var(--surface-color);padding:1rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.1);display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite} .security-services-overview .content-right .floating-card .card-icon {width:3rem;height:3rem;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:0.75rem;display:flex;align-items:center;justify-content:center} .security-services-overview .content-right .floating-card .card-icon i {color:var(--accent-color);font-size:1.5rem} .security-services-overview .content-right .floating-card .card-content {display:flex;flex-direction:column} .security-services-overview .content-right .floating-card .card-content .stats-number {font-size:1.25rem;font-weight:700;color:var(--accent-color)} .security-services-overview .content-right .floating-card .card-content .stats-text {font-size:0.875rem;opacity:0.8} .security-services-overview .decoration {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0} .security-services-overview .decoration .circle-1,.security-services-overview .decoration .circle-2 {position:absolute;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 90%)} .security-services-overview .decoration .circle-1 {width:300px;height:300px;top:-150px;right:-150px;opacity:0.5} .security-services-overview .decoration .circle-2 {width:200px;height:200px;bottom:-100px;left:-100px;opacity:0.3} @media (max-width:991.98px) {.security-services-overview {padding:2rem} .security-services-overview .content-right {width:100%;margin-top:2rem} .security-services-overview .content-right .floating-card {position:relative;bottom:auto;right:auto;margin-top:-3rem;margin-right:1rem;z-index:1}} @keyframes float {0%,100% {transform:translateY(0)} 50% {transform:translateY(-10px)}} .stats {padding-top:60px;padding-bottom:60px} .stats .stats-item {padding:30px;width:100%} .stats .stats-item span {color:var(--heading-color);font-size:48px;display:block;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative} .stats .stats-item span:after {content:"";position:absolute;display:block;width:25px;height:3px;background:var(--accent-color);left:0;right:0;bottom:0;margin:auto} .stats .stats-item p {color:color-mix(in srgb,var(--default-color),transparent 40%);padding:0;margin:0;font-family:var(--heading-font);font-weight:500} .clients-2 {overflow-x:hidden;padding:40px 0} .clients-2 .clients-slider {position:relative;width:100%;overflow:hidden;padding:20px 0} .clients-2 .clients-slider:not(:last-child) {margin-bottom:20px} .clients-2 .clients-track {display:flex;width:fit-content;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite} .clients-2 .clients-track.track-1 {animation-name:scroll-left} .clients-2 .clients-track.track-2 {animation-name:scroll-right} .clients-2 .clients-track:hover {animation-play-state:paused} .clients-2 .clients-slide {flex:0 0 auto;width:200px;height:100px;margin:0 30px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-color);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;position:relative;overflow:hidden} .clients-2 .clients-slide::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--default-color),transparent 96%),transparent);transition:0.5s} .clients-2 .clients-slide:hover {transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.1)} .clients-2 .clients-slide:hover::before {left:100%} .clients-2 .clients-slide:hover img {filter:none;opacity:1} .clients-2 .clients-slide img {max-width:80%;max-height:60%;filter:grayscale(100%);opacity:0.7;transition:all 0.3s ease} @keyframes scroll-left {0% {transform:translateX(0)} 100% {transform:translateX(-2080px)}} @keyframes scroll-right {0% {transform:translateX(-2080px)} 100% {transform:translateX(0)}} @media (max-width:991px) {.clients-2 .clients-slide {width:180px;height:90px;margin:0 20px} @keyframes scroll-left {0% {transform:translateX(0)} 100% {transform:translateX(-1760px)}} @keyframes scroll-right {0% {transform:translateX(-1760px)} 100% {transform:translateX(0)}}} @media (max-width:767px) {.clients-2 .clients-slide {width:150px;height:75px;margin:0 15px} @keyframes scroll-left {0% {transform:translateX(0)} 100% {transform:translateX(-1440px)}} @keyframes scroll-right {0% {transform:translateX(-1440px)} 100% {transform:translateX(0)}}} .contact {padding-top:60px;padding-bottom:60px} .contact .contact-info-section {height:100%} .contact .contact-info-section .info-header {margin-bottom:40px} .contact .contact-info-section .info-header h3 {font-size:28px;font-weight:700;margin-bottom:15px;color:var(--heading-color);position:relative;display:inline-block} .contact .contact-info-section .info-header h3:after {content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 50%));border-radius:2px} .contact .contact-info-section .info-header p {font-size:16px;line-height:1.7;color:var(--default-color);margin-bottom:0} .contact .contact-info-section .contact-info-grid {display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:40px} .contact .contact-info-section .info-item {display:flex;align-items:flex-start;gap:20px;padding:25px;background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--surface-color),var(--accent-color) 3%));border-radius:15px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%);transition:all 0.3s ease} .contact .contact-info-section .info-item:hover {transform:translateX(10px);border-color:color-mix(in srgb,var(--accent-color),transparent 60%);box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 85%)} .contact .contact-info-section .info-item:hover .info-icon {background-color:var(--accent-color)} .contact .contact-info-section .info-item:hover .info-icon i {color:var(--contrast-color)} .contact .contact-info-section .info-item .info-icon {width:55px;height:55px;flex-shrink:0;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:12px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease} .contact .contact-info-section .info-item .info-icon i {font-size:24px;color:var(--accent-color);transition:all 0.3s ease} .contact .contact-info-section .info-item .info-content {flex:1} .contact .contact-info-section .info-item .info-content h5 {font-size:18px;font-weight:600;margin-bottom:8px;color:var(--heading-color)} .contact .contact-info-section .info-item .info-content p {font-size:15px;line-height:1.6;color:var(--default-color);margin-bottom:0} .contact .contact-info-section .social-contact {padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%),color-mix(in srgb,var(--accent-color),transparent 85%));border-radius:20px;text-align:center} .contact .contact-info-section .social-contact h5 {font-size:18px;font-weight:600;margin-bottom:20px;color:var(--heading-color)} .contact .contact-info-section .social-contact .social-icons {display:flex;justify-content:center;gap:15px} .contact .contact-info-section .social-contact .social-icons .social-icon {display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:var(--surface-color);color:var(--accent-color);font-size:18px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px color-mix(in srgb,var(--accent-color),transparent 80%)} .contact .contact-info-section .social-contact .social-icons .social-icon:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 60%)} .contact .contact-form-wrapper {background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--surface-color),var(--background-color) 50%));padding:40px;border-radius:25px;box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .contact .contact-form-wrapper .form-header {text-align:center;margin-bottom:35px} .contact .contact-form-wrapper .form-header h3 {font-size:26px;font-weight:700;margin-bottom:15px;color:var(--heading-color)} .contact .contact-form-wrapper .form-header p {font-size:15px;line-height:1.6;color:var(--default-color);margin-bottom:0} .contact .contact-form-wrapper .php-email-form .form-label {font-weight:600;color:var(--heading-color);margin-bottom:8px;font-size:14px} .contact .contact-form-wrapper .php-email-form .form-control {height:50px;padding:12px 18px;border-radius:12px;border:2px solid color-mix(in srgb,var(--default-color),transparent 85%);background-color:var(--surface-color);color:var(--default-color);font-size:16px;transition:all 0.3s ease} .contact .contact-form-wrapper .php-email-form .form-control:focus {border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color),transparent 85%);background-color:var(--surface-color);outline:none} .contact .contact-form-wrapper .php-email-form .form-control::placeholder {color:color-mix(in srgb,var(--default-color),transparent 60%)} .contact .contact-form-wrapper .php-email-form .message-textarea {height:120px;resize:vertical;font-family:inherit} .contact .contact-form-wrapper .php-email-form .submit-btn {width:100%;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));color:var(--contrast-color);border:none;padding:18px 30px;border-radius:15px;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s ease;position:relative;overflow:hidden} .contact .contact-form-wrapper .php-email-form .submit-btn:before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--contrast-color),transparent 80%),transparent);transition:left 0.5s ease} .contact .contact-form-wrapper .php-email-form .submit-btn:hover {transform:translateY(-3px);box-shadow:0 10px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .contact .contact-form-wrapper .php-email-form .submit-btn:hover:before {left:100%} .contact .contact-form-wrapper .php-email-form .submit-btn:hover i {transform:translateX(5px)} .contact .contact-form-wrapper .php-email-form .submit-btn span {position:relative;z-index:1} .contact .contact-form-wrapper .php-email-form .submit-btn i {font-size:18px;transition:transform 0.3s ease;position:relative;z-index:1} @media (max-width:992px) {.contact .contact-info-section {margin-bottom:40px} .contact .contact-info-section .contact-info-grid {grid-template-columns:repeat(2,1fr);gap:20px}} @media (max-width:768px) {.contact .contact-info-section .contact-info-grid {grid-template-columns:1fr} .contact .contact-info-section .info-item {padding:20px} .contact .contact-info-section .info-item:hover {transform:translateY(-5px)} .contact .contact-form-wrapper {padding:30px 25px} .contact .contact-form-wrapper .form-header h3 {font-size:24px}} .about-stats .main-headline {color:var(--heading-color);font-family:var(--heading-font);font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem} .about-stats .main-description {color:color-mix(in srgb,var(--default-color),transparent 25%);font-size:1.125rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto} .about-stats .achievement-badge {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 30%));border-radius:2rem;padding:1.25rem 2rem;display:inline-block;margin-bottom:3rem;box-shadow:0 8px 32px color-mix(in srgb,var(--accent-color),transparent 70%)} .about-stats .achievement-badge .achievement-content {display:flex;align-items:center;gap:1rem} .about-stats .achievement-badge .achievement-icon {background:var(--contrast-color);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center} .about-stats .achievement-badge .achievement-icon i {color:var(--accent-color);font-size:1.5rem} .about-stats .achievement-badge .achievement-details {color:var(--contrast-color)} .about-stats .achievement-badge .achievement-title {font-size:1.125rem;font-weight:600;font-family:var(--heading-font);margin-bottom:0.25rem} .about-stats .achievement-badge .achievement-subtitle {font-size:0.875rem;opacity:0.9} .about-stats .stats-grid {margin-top:2rem} .about-stats .stat-item {background:var(--surface-color);border-radius:1.5rem;padding:2rem 1.5rem;text-align:center;height:100%;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease;position:relative;overflow:hidden} .about-stats .stat-item::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 40%));transform:scaleX(0);transition:transform 0.3s ease} .about-stats .stat-item:hover {transform:translateY(-8px);box-shadow:0 12px 40px color-mix(in srgb,var(--accent-color),transparent 85%);border-color:color-mix(in srgb,var(--accent-color),transparent 80%)} .about-stats .stat-item:hover::before {transform:scaleX(1)} .about-stats .stat-item.featured {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 30%));color:var(--contrast-color);transform:scale(1.05)} .about-stats .stat-item.featured .stat-icon {background:var(--contrast-color)} .about-stats .stat-item.featured .stat-icon i {color:var(--accent-color)} .about-stats .stat-item.featured .stat-number {color:var(--contrast-color)} .about-stats .stat-item.featured .stat-label {color:color-mix(in srgb,var(--contrast-color),transparent 15%)} .about-stats .stat-item.featured .stat-growth {color:color-mix(in srgb,var(--contrast-color),transparent 20%)} .about-stats .stat-item.featured .stat-growth i {color:var(--contrast-color)} .about-stats .stat-item.featured:hover {transform:scale(1.08) translateY(-8px)} .about-stats .stat-icon {background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem} .about-stats .stat-icon i {color:var(--accent-color);font-size:1.75rem} .about-stats .stat-number {color:var(--accent-color);font-family:var(--heading-font);font-size:2.75rem;font-weight:700;line-height:1;margin-bottom:0.75rem} .about-stats .stat-number .purecounter {font-size:inherit;color:inherit} .about-stats .stat-label {color:var(--heading-color);font-size:1.125rem;font-weight:600;font-family:var(--heading-font);margin-bottom:1rem} .about-stats .stat-growth {display:flex;align-items:center;justify-content:center;gap:0.5rem;color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:0.875rem;font-weight:500} .about-stats .stat-growth i {color:#22c55e;font-size:0.75rem} @media (max-width:1200px) {.about-stats .main-headline {font-size:2.25rem} .about-stats .stat-item {padding:1.75rem 1.25rem} .about-stats .stat-number {font-size:2.25rem}} @media (max-width:992px) {.about-stats .main-headline {font-size:2rem} .about-stats .achievement-badge {padding:1rem 1.5rem;margin-bottom:2rem} .about-stats .achievement-badge .achievement-content {gap:0.75rem} .about-stats .achievement-badge .achievement-icon {width:40px;height:40px} .about-stats .achievement-badge .achievement-icon i {font-size:1.25rem}} @media (max-width:768px) {.about-stats .main-headline {font-size:1.75rem} .about-stats .main-description {font-size:1rem} .about-stats .achievement-badge .achievement-content {flex-direction:column;text-align:center;gap:0.5rem} .about-stats .stat-item {padding:1.5rem 1rem} .about-stats .stat-item.featured {transform:none} .about-stats .stat-item.featured:hover {transform:translateY(-8px)} .about-stats .stat-icon {width:56px;height:56px;margin-bottom:1rem} .about-stats .stat-icon i {font-size:1.5rem} .about-stats .stat-number {font-size:2rem} .about-stats .stat-label {font-size:1rem}} .about-foundation {padding-top:60px;padding-bottom:60px} .about-foundation .tabs-wrapper {background-color:var(--surface-color);border-radius:20px;padding:40px;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 90%)} .about-foundation .nav-tabs {border:0;gap:20px;margin-bottom:40px;display:flex;flex-wrap:wrap} @media (max-width:992px) {.about-foundation .nav-tabs {flex-direction:column;gap:15px}} .about-foundation .nav-item {flex:1;min-width:0} @media (max-width:992px) {.about-foundation .nav-item {flex:none}} .about-foundation .nav-link {background:color-mix(in srgb,var(--surface-color),var(--default-color) 3%);border:1px solid color-mix(in srgb,var(--default-color),transparent 85%);border-radius:15px;padding:25px 20px;display:flex;align-items:center;gap:15px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;height:auto;min-height:80px;cursor:pointer} .about-foundation .nav-link::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 20%));opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1} @media (max-width:768px) {.about-foundation .nav-link {padding:20px 15px;min-height:70px}} .about-foundation .nav-link .tab-icon {position:relative;z-index:2;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 20%));border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)} .about-foundation .nav-link .tab-icon i {font-size:24px;color:var(--contrast-color)} @media (max-width:768px) {.about-foundation .nav-link .tab-icon {width:40px;height:40px} .about-foundation .nav-link .tab-icon i {font-size:20px}} .about-foundation .nav-link .tab-content {position:relative;z-index:2;flex:1} .about-foundation .nav-link .tab-content h5 {margin:0 0 4px 0;font-size:16px;font-weight:600;color:var(--heading-color);transition:color 0.4s ease} @media (max-width:768px) {.about-foundation .nav-link .tab-content h5 {font-size:14px}} .about-foundation .nav-link .tab-content span {font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 30%);transition:color 0.4s ease} @media (max-width:768px) {.about-foundation .nav-link .tab-content span {font-size:12px}} .about-foundation .nav-link:hover {transform:translateY(-3px);border-color:transparent;box-shadow:0 15px 40px color-mix(in srgb,var(--accent-color),transparent 70%)} .about-foundation .nav-link:hover::before {opacity:1} .about-foundation .nav-link:hover .tab-icon {background:var(--contrast-color);box-shadow:0 8px 25px color-mix(in srgb,var(--default-color),transparent 80%)} .about-foundation .nav-link:hover .tab-icon i {color:var(--accent-color)} .about-foundation .nav-link:hover .tab-content h5,.about-foundation .nav-link:hover .tab-content span {color:var(--contrast-color)} .about-foundation .nav-link.active {border-color:var(--accent-color);box-shadow:0 15px 40px color-mix(in srgb,var(--accent-color),transparent 70%)} .about-foundation .nav-link.active::before {opacity:1} .about-foundation .nav-link.active .tab-icon {background:var(--contrast-color)} .about-foundation .nav-link.active .tab-icon i {color:var(--accent-color)} .about-foundation .nav-link.active .tab-content h5,.about-foundation .nav-link.active .tab-content span {color:var(--contrast-color)} .about-foundation .tab-content .tab-pane {padding:40px 0} @media (max-width:768px) {.about-foundation .tab-content .tab-pane {padding:20px 0}} .about-foundation .content-wrapper {padding-right:40px} @media (max-width:992px) {.about-foundation .content-wrapper {padding-right:0;margin-bottom:40px}} .about-foundation .content-wrapper .icon-badge {width:70px;height:70px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 20%));border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color),transparent 70%)} .about-foundation .content-wrapper .icon-badge i {font-size:30px;color:var(--contrast-color)} .about-foundation .content-wrapper h3 {font-size:32px;font-weight:700;color:var(--heading-color);margin-bottom:20px;line-height:1.2} @media (max-width:768px) {.about-foundation .content-wrapper h3 {font-size:24px}} .about-foundation .content-wrapper p {font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:30px} .about-foundation .content-wrapper .feature-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:35px} @media (max-width:576px) {.about-foundation .content-wrapper .feature-grid {grid-template-columns:1fr;gap:12px}} .about-foundation .content-wrapper .feature-grid .feature-item {display:flex;align-items:center;gap:12px} .about-foundation .content-wrapper .feature-grid .feature-item i {font-size:16px;color:var(--accent-color);flex-shrink:0} .about-foundation .content-wrapper .feature-grid .feature-item span {font-size:14px;color:var(--default-color);line-height:1.4} .about-foundation .content-wrapper .stats-row {display:flex;gap:30px;margin-bottom:35px} @media (max-width:576px) {.about-foundation .content-wrapper .stats-row {gap:20px}} .about-foundation .content-wrapper .stats-row .stat-item {text-align:center} .about-foundation .content-wrapper .stats-row .stat-item .stat-number {font-size:24px;font-weight:700;color:var(--accent-color);margin-bottom:5px} @media (max-width:576px) {.about-foundation .content-wrapper .stats-row .stat-item .stat-number {font-size:20px}} .about-foundation .content-wrapper .stats-row .stat-item .stat-label {font-size:12px;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:1px} .about-foundation .content-wrapper .btn-primary {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 20%));color:var(--contrast-color);padding:15px 35px;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:10px;text-decoration:none;border:none;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .about-foundation .content-wrapper .btn-primary:hover {transform:translateY(-2px);box-shadow:0 15px 35px color-mix(in srgb,var(--accent-color),transparent 60%);color:var(--contrast-color)} .about-foundation .content-wrapper .btn-primary:hover i {transform:translateX(5px)} .about-foundation .content-wrapper .btn-primary i {transition:transform 0.3s ease} .about-foundation .visual-content {position:relative} .about-foundation .visual-content .main-image {position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 85%)} .about-foundation .visual-content .main-image img {width:100%;height:auto;transition:transform 0.6s ease} .about-foundation .visual-content .main-image:hover img {transform:scale(1.05)} .about-foundation .visual-content .floating-card {position:absolute;bottom:30px;left:30px;background:var(--surface-color);padding:20px 25px;border-radius:15px;display:flex;align-items:center;gap:15px;box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 80%);transform:translateY(20px);opacity:0;animation:fadeInUp 0.8s ease 0.6s forwards} @media (max-width:576px) {.about-foundation .visual-content .floating-card {bottom:20px;left:20px;padding:15px 20px;gap:10px}} .about-foundation .visual-content .floating-card i {font-size:28px;color:var(--accent-color)} @media (max-width:576px) {.about-foundation .visual-content .floating-card i {font-size:24px}} .about-foundation .visual-content .floating-card .card-content span {display:block;font-size:12px;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px} .about-foundation .visual-content .floating-card .card-content strong {display:block;font-size:16px;font-weight:600;color:var(--heading-color)} @media (max-width:576px) {.about-foundation .visual-content .floating-card .card-content strong {font-size:14px}} @keyframes fadeInUp {to {opacity:1;transform:translateY(0)}} .global-leadership-team {padding-top:60px;padding-bottom:60px} .global-leadership-team .team-card {background:var(--surface-color);border-radius:15px;overflow:hidden;box-shadow:0 5px 25px color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.4s ease-in-out;height:100%} .global-leadership-team .team-card:hover {transform:translateY(-8px);box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 85%)} .global-leadership-team .team-card[data-profile-url] {cursor:pointer} .global-leadership-team .team-card[data-profile-url]:focus-visible {outline:2px solid var(--accent-color);outline-offset:4px} .global-leadership-team .team-card.featured .team-header {display:flex;padding:30px;gap:25px;align-items:flex-start} .global-leadership-team .team-card.featured .team-header .team-image {position:relative;flex-shrink:0} .global-leadership-team .team-card.featured .team-header .team-image img {width:120px;height:120px;object-fit:cover;border-radius:15px} .global-leadership-team .team-card.featured .team-header .team-image .experience-badge {position:absolute;top:-10px;right:-10px;background:var(--accent-color);color:var(--contrast-color);font-size:12px;font-weight:600;padding:5px 10px;border-radius:20px;white-space:nowrap} .global-leadership-team .team-card.featured .team-header .team-info {flex:1} .global-leadership-team .team-card.featured .team-header .team-info h4 {color:var(--heading-color);font-size:24px;font-weight:700;margin:0 0 8px 0} .global-leadership-team .team-card.featured .team-header .team-info .position {color:var(--accent-color);font-size:16px;font-weight:600;display:block;margin-bottom:15px;text-transform:uppercase;letter-spacing:0.5px} .global-leadership-team .team-card.featured .team-header .team-info .contact-info {display:flex;flex-direction:column;gap:8px} .global-leadership-team .team-card.featured .team-header .team-info .contact-info a {color:var(--default-color);font-size:14px;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all 0.3s ease} .global-leadership-team .team-card.featured .team-header .team-info .contact-info a i {color:var(--accent-color);font-size:16px} .global-leadership-team .team-card.featured .team-header .team-info .contact-info a:hover {color:var(--accent-color)} .global-leadership-team .team-card.featured .team-details {padding:0 30px 30px 30px} .global-leadership-team .team-card.featured .team-details p {color:var(--default-color);font-size:15px;line-height:1.6;margin-bottom:20px} .global-leadership-team .team-card.featured .team-details .credentials {display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap} .global-leadership-team .team-card.featured .team-details .credentials .cred-item {display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent-color),transparent 90%);padding:8px 15px;border-radius:25px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%)} .global-leadership-team .team-card.featured .team-details .credentials .cred-item i {color:var(--accent-color);font-size:14px} .global-leadership-team .team-card.featured .team-details .credentials .cred-item span {color:var(--accent-color);font-size:13px;font-weight:500} .global-leadership-team .team-card.featured .team-details .social-links {display:flex;gap:12px} .global-leadership-team .team-card.featured .team-details .social-links a {background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s ease-in-out;text-decoration:none} .global-leadership-team .team-card.featured .team-details .social-links a:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .global-leadership-team .team-card.compact .member-photo {position:relative;overflow:hidden} .global-leadership-team .team-card.compact .member-photo img {width:100%;height:220px;object-fit:cover;transition:all 0.4s ease-in-out} .global-leadership-team .team-card.compact .member-photo .hover-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 10%) 0%,color-mix(in srgb,var(--heading-color),transparent 20%) 100%);opacity:0;transition:all 0.4s ease-in-out;display:flex;align-items:center;justify-content:center} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content {text-align:center;color:var(--contrast-color);transform:translateY(20px);transition:all 0.4s ease-in-out} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content h5 {font-size:20px;font-weight:700;margin:0 0 5px 0;color:var(--contrast-color)} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content span {font-size:14px;margin-bottom:15px;display:block;text-transform:uppercase;letter-spacing:0.5px} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content .quick-contact {display:flex;gap:10px;justify-content:center} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content .quick-contact a {background:var(--contrast-color);color:var(--accent-color);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.3s ease;text-decoration:none} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content .quick-contact a:hover {transform:scale(1.1);background:color-mix(in srgb,var(--contrast-color),transparent 10%)} .global-leadership-team .team-card.compact .member-photo:hover .hover-overlay {opacity:1} .global-leadership-team .team-card.compact .member-photo:hover .hover-overlay .overlay-content {transform:translateY(0)} .global-leadership-team .team-card.compact .member-photo:hover img {transform:scale(1.05)} .global-leadership-team .team-card.compact .member-summary {padding:20px;text-align:center} .global-leadership-team .team-card.compact .member-summary h5 {color:var(--heading-color);font-size:18px;font-weight:600;margin:0 0 5px 0} .global-leadership-team .team-card.compact .member-summary span {color:var(--accent-color);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:15px;display:block} .global-leadership-team .team-card.compact .member-summary .skills {display:flex;gap:8px;justify-content:center;flex-wrap:wrap} .global-leadership-team .team-card.compact .member-summary .skills .skill-tag {background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);font-size:11px;font-weight:500;padding:4px 10px;border-radius:12px;text-transform:none;letter-spacing:0;margin:0;border:1px solid color-mix(in srgb,var(--accent-color),transparent 75%)} @media (max-width:992px) {.global-leadership-team .team-card.featured .team-header {flex-direction:column;text-align:center;gap:20px} .global-leadership-team .team-card.featured .team-header .team-image {align-self:center}} @media (max-width:768px) {.global-leadership-team .team-card.featured .team-header {padding:25px 20px} .global-leadership-team .team-card.featured .team-header .team-image img {width:100px;height:100px} .global-leadership-team .team-card.featured .team-header .team-info h4 {font-size:20px} .global-leadership-team .team-card.featured .team-header .team-info .contact-info a {font-size:13px} .global-leadership-team .team-card.featured .team-details {padding:0 20px 25px 20px} .global-leadership-team .team-card.featured .team-details .credentials {justify-content:center} .global-leadership-team .team-card.featured .team-details .credentials .cred-item {font-size:12px;padding:6px 12px} .global-leadership-team .team-card.featured .team-details .social-links {justify-content:center} .global-leadership-team .team-card.featured .team-details .social-links a {width:36px;height:36px;font-size:14px} .global-leadership-team .team-card.compact .member-photo img {height:200px} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content h5 {font-size:18px} .global-leadership-team .team-card.compact .member-photo .hover-overlay .overlay-content .quick-contact a {width:32px;height:32px;font-size:13px} .global-leadership-team .team-card.compact .member-summary {padding:15px} .global-leadership-team .team-card.compact .member-summary h5 {font-size:16px} .global-leadership-team .team-card.compact .member-summary .skills .skill-tag {font-size:10px;padding:3px 8px}} .team0-resume {padding-top:70px;padding-bottom:60px} .team0-resume .profile-card {background:var(--surface-color);border-radius:10px;padding:30px;box-shadow:0 0 30px rgba(0,0,0,0.1);position:sticky;top:100px} .team0-resume .profile-card .profile-header {text-align:center;margin-bottom:30px} .team0-resume .profile-card .profile-header img {width:150px;height:150px;object-fit:cover;margin-bottom:20px;border:5px solid var(--accent-color)} .team0-resume .profile-card .profile-header h1,.team0-resume .profile-card .profile-header h3 {font-size:24px;font-weight:700;margin-bottom:10px;color:var(--heading-color)} .team0-resume .profile-card .profile-header .title {font-size:16px;color:var(--accent-color);font-weight:600;margin-bottom:0} .team0-resume .profile-card .profile-content {margin-bottom:30px} .team0-resume .profile-card .profile-content .info-item {display:flex;align-items:flex-start;gap:12px;margin-bottom:15px} .team0-resume .profile-card .profile-content .info-item i {font-size:20px;color:var(--accent-color);flex-shrink:0;margin-top:2px} .team0-resume .profile-card .profile-content .info-item span {font-size:14px;color:var(--default-color);line-height:1.6} .team0-resume .profile-card .profile-content .info-item:last-child {margin-bottom:0} .team0-resume .profile-card .profile-about {border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding-top:25px} .team0-resume .profile-card .profile-about h4 {font-size:18px;font-weight:700;margin-bottom:15px;color:var(--heading-color)} .team0-resume .profile-card .profile-about p {font-size:14px;line-height:1.8;color:var(--default-color);margin-bottom:0} .team0-resume .timeline-section .section-heading {font-size:28px;font-weight:700;color:var(--heading-color);margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid var(--accent-color);display:inline-block} .team0-resume .timeline-section .timeline-item {position:relative;padding-left:40px;margin-bottom:40px} .team0-resume .timeline-section .timeline-item::before {content:"";position:absolute;left:12px;top:30px;bottom:-40px;width:2px;background:color-mix(in srgb,var(--accent-color),transparent 70%)} .team0-resume .timeline-section .timeline-item:last-child {margin-bottom:0} .team0-resume .timeline-section .timeline-item:last-child::before {display:none} .team0-resume .timeline-section .timeline-item .timeline-marker {position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--background-color);border:4px solid var(--accent-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color),transparent 90%)} .team0-resume .timeline-section .timeline-item .timeline-content {background:var(--surface-color);padding:25px;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:flex-start;gap:20px} .team0-resume .timeline-section .timeline-item .timeline-content .cert-logo {flex:0 0 170px;height:170px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);display:flex;align-items:center;justify-content:center} .team0-resume .timeline-section .timeline-item .timeline-content .cert-logo img {width:100%;height:100%;object-fit:contain} .team0-resume .timeline-section .timeline-item .timeline-content .cert-details {flex:1} .team0-resume .timeline-section .timeline-item .timeline-content:hover {transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.12)} .team0-resume .timeline-section .timeline-item .timeline-content .period {display:inline-block;font-size:14px;font-weight:600;color:var(--contrast-color);background:var(--accent-color);padding:6px 15px;border-radius:20px;margin-bottom:12px} .team0-resume .timeline-section .timeline-item .timeline-content h4 {font-size:20px;font-weight:700;color:var(--heading-color);margin-bottom:8px;margin-top:10px} .team0-resume .timeline-section .timeline-item .timeline-content .institution {font-size:15px;color:var(--accent-color);font-weight:600;margin-bottom:12px;font-style:italic} .team0-resume .timeline-section .timeline-item .timeline-content .description {font-size:14px;line-height:1.8;color:var(--default-color);margin-bottom:0} .team0-resume .timeline-section .timeline-item .timeline-content ul {list-style:none;padding-left:0;margin-top:15px;margin-bottom:0} .team0-resume .timeline-section .timeline-item .timeline-content ul li {position:relative;padding-left:25px;margin-bottom:10px;font-size:14px;line-height:1.7;color:var(--default-color)} .team0-resume .timeline-section .timeline-item .timeline-content ul li::before {content:"\f26b";font-family:bootstrap-icons;position:absolute;left:0;top:2px;color:var(--accent-color);font-size:12px} .team0-resume .timeline-section .timeline-item .timeline-content ul li:last-child {margin-bottom:0} @media (max-width:992px) {.team0-resume .profile-card {position:relative;top:0;margin-bottom:40px}} @media (max-width:768px) {.team0-resume .profile-card {padding:25px} .team0-resume .profile-card .profile-header img {width:120px;height:120px} .team0-resume .profile-card .profile-header h1,.team0-resume .profile-card .profile-header h3 {font-size:22px} .team0-resume .profile-card .profile-header .title {font-size:14px} .team0-resume .timeline-section .section-heading {font-size:24px} .team0-resume .timeline-section .timeline-item {padding-left:35px} .team0-resume .timeline-section .timeline-item .timeline-marker {width:22px;height:22px;border-width:3px} .team0-resume .timeline-section .timeline-item .timeline-content {padding:20px;flex-direction:column;align-items:flex-start} .team0-resume .timeline-section .timeline-item .timeline-content .cert-logo {margin-bottom:10px} .team0-resume .timeline-section .timeline-item .timeline-content h4 {font-size:18px} .team0-resume .timeline-section .timeline-item .timeline-content .period {font-size:13px}} .privacy {padding-top:136px;padding-bottom:60px} .privacy .privacy-hero {text-align:center;margin-bottom:70px;padding:80px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 97%) 0%,color-mix(in srgb,var(--accent-color),transparent 85%) 100%);border-radius:40px;position:relative} .privacy .privacy-hero .hero-badge {display:inline-flex;padding:10px 25px;background-color:var(--surface-color);border-radius:30px;color:var(--accent-color);font-weight:500;margin-bottom:25px;box-shadow:0 4px 15px rgba(0,0,0,0.05)} .privacy .privacy-hero h1,.privacy .privacy-hero h2 {font-size:3.5rem;margin-bottom:15px;background:linear-gradient(45deg,var(--heading-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .privacy .privacy-hero p {font-size:1.2rem;color:color-mix(in srgb,var(--default-color),transparent 20%);max-width:600px;margin:0 auto 40px} .privacy .privacy-hero .hero-stats {display:flex;justify-content:center;gap:40px} @media (max-width:576px) {.privacy .privacy-hero .hero-stats {flex-direction:column;gap:20px}} .privacy .privacy-hero .hero-stats .stat-item {display:flex;align-items:center;gap:15px;padding:15px 30px;background-color:var(--surface-color);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,0.05)} .privacy .privacy-hero .hero-stats .stat-item .stat-icon {width:45px;height:45px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:12px;display:flex;align-items:center;justify-content:center} .privacy .privacy-hero .hero-stats .stat-item .stat-icon i {font-size:1.4rem;color:var(--accent-color)} .privacy .privacy-hero .hero-stats .stat-item .stat-text {text-align:left} .privacy .privacy-hero .hero-stats .stat-item .stat-text .stat-value {display:block;font-size:1.2rem;font-weight:600;color:var(--heading-color);line-height:1;margin-bottom:5px} .privacy .privacy-hero .hero-stats .stat-item .stat-text .stat-label {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%)} .privacy .data-collection {margin-bottom:70px} .privacy .data-collection .section-intro {text-align:center;margin-bottom:40px} .privacy .data-collection .section-intro .intro-icon {width:70px;height:70px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px} .privacy .data-collection .section-intro .intro-icon i {font-size:2rem;color:var(--accent-color)} .privacy .data-collection .section-intro h3 {font-size:2.5rem;margin-bottom:15px} .privacy .data-collection .section-intro p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:1.1rem} .privacy .data-collection .data-boxes {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} @media (max-width:991px) {.privacy .data-collection .data-boxes {grid-template-columns:repeat(2,1fr)}} @media (max-width:576px) {.privacy .data-collection .data-boxes {grid-template-columns:1fr}} .privacy .data-collection .data-boxes .data-box {background-color:var(--surface-color);border-radius:25px;padding:30px;height:100%;transition:transform 0.3s} .privacy .data-collection .data-boxes .data-box:hover {transform:translateY(-5px)} .privacy .data-collection .data-boxes .data-box .data-type {font-size:1.3rem;font-weight:600;color:var(--heading-color);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid color-mix(in srgb,var(--accent-color),transparent 90%)} .privacy .data-collection .data-boxes .data-box .data-list {list-style:none;padding:0;margin:0} .privacy .data-collection .data-boxes .data-box .data-list li {display:flex;align-items:center;gap:12px;padding:12px 0;color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:1rem} .privacy .data-collection .data-boxes .data-box .data-list li i {color:var(--accent-color);font-size:1.1rem} .privacy .data-usage {margin-bottom:70px} .privacy .data-usage .usage-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} @media (max-width:991px) {.privacy .data-usage .usage-grid {grid-template-columns:repeat(2,1fr)}} @media (max-width:576px) {.privacy .data-usage .usage-grid {grid-template-columns:1fr}} .privacy .data-usage .usage-card {background-color:var(--surface-color);border-radius:25px;padding:40px;text-align:center;transition:all 0.3s} .privacy .data-usage .usage-card:hover {transform:translateY(-5px)} .privacy .data-usage .usage-card:hover .usage-icon {transform:scale(1.1)} .privacy .data-usage .usage-card .usage-icon {width:70px;height:70px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;transition:transform 0.3s} .privacy .data-usage .usage-card .usage-icon i {font-size:2rem;color:var(--accent-color)} .privacy .data-usage .usage-card h4 {font-size:1.4rem;margin-bottom:15px} .privacy .data-usage .usage-card p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:25px;font-size:0.95rem} .privacy .data-usage .usage-card .usage-list {list-style:none;padding:0;margin:0;text-align:left} .privacy .data-usage .usage-card .usage-list li {position:relative;padding-left:20px;margin-bottom:12px;color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem} .privacy .data-usage .usage-card .usage-list li:last-child {margin-bottom:0} .privacy .data-usage .usage-card .usage-list li::before {content:"→";position:absolute;left:0;color:var(--accent-color)} .privacy .privacy-controls {margin-bottom:70px} .privacy .privacy-controls .controls-wrapper {background-color:var(--surface-color);border-radius:30px;padding:60px} @media (max-width:576px) {.privacy .privacy-controls .controls-wrapper {padding:40px 20px}} .privacy .privacy-controls .controls-wrapper h3 {text-align:center;font-size:2.5rem;margin-bottom:50px} .privacy .privacy-controls .controls-wrapper .controls-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:40px} @media (max-width:767px) {.privacy .privacy-controls .controls-wrapper .controls-grid {grid-template-columns:1fr}} .privacy .privacy-controls .controls-wrapper .control-item {display:flex;gap:25px;padding:30px;background-color:var(--background-color);border-radius:20px;transition:transform 0.3s} .privacy .privacy-controls .controls-wrapper .control-item:hover {transform:translateY(-5px)} .privacy .privacy-controls .controls-wrapper .control-item:hover .control-number {background-color:var(--accent-color);color:var(--contrast-color)} .privacy .privacy-controls .controls-wrapper .control-item .control-number {flex-shrink:0;width:50px;height:50px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:15px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;transition:all 0.3s} .privacy .privacy-controls .controls-wrapper .control-item .control-content h4 {font-size:1.3rem;margin-bottom:10px} .privacy .privacy-controls .controls-wrapper .control-item .control-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:0.95rem;margin:0} .privacy .privacy-contact .contact-wrapper {max-width:800px;margin:0 auto} .privacy .privacy-contact .contact-wrapper .contact-card {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,color-mix(in srgb,var(--accent-color),transparent 98%) 100%);border-radius:30px;overflow:hidden} .privacy .privacy-contact .contact-wrapper .contact-card .card-content {padding:50px;text-align:center} .privacy .privacy-contact .contact-wrapper .contact-card .card-content h4 {font-size:2rem;margin-bottom:15px} .privacy .privacy-contact .contact-wrapper .contact-card .card-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:30px} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods {display:flex;align-items:center;justify-content:center;gap:20px} @media (max-width:576px) {.privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods {flex-direction:column}} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-email {display:inline-flex;align-items:center;gap:8px;padding:12px 25px;background-color:var(--surface-color);color:var(--heading-color);border-radius:30px;text-decoration:none;font-weight:500;transition:all 0.3s} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-email:hover {transform:translateY(-2px)} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-email i {font-size:1.2rem;color:var(--accent-color)} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .divider {color:color-mix(in srgb,var(--default-color),transparent 50%)} @media (max-width:576px) {.privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .divider {display:none}} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-form {display:inline-flex;align-items:center;gap:8px;padding:12px 25px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:30px;text-decoration:none;font-weight:500;transition:all 0.3s} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-form:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-form i {font-size:1.2rem;transition:transform 0.3s} .privacy .privacy-contact .contact-wrapper .contact-card .card-content .contact-methods .contact-form:hover i {transform:translateX(5px)} .privacy .privacy-contact .contact-wrapper .contact-card .card-footer {padding:20px;background-color:var(--surface-color);text-align:center} .privacy .privacy-contact .contact-wrapper .contact-card .card-footer .update-text {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:0.9rem;margin:0} .terms-of-service {padding-top:120px;padding-bottom:60px} .terms-of-service .terms-hero {text-align:center;margin-bottom:70px;padding:60px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 97%) 0%,color-mix(in srgb,var(--accent-color),transparent 98%) 100%);border-radius:30px} .terms-of-service .terms-hero .badge {display:inline-block;padding:8px 20px;background-color:var(--surface-color);border-radius:30px;color:var(--accent-color);font-size:0.95rem;margin-bottom:25px} .terms-of-service .terms-hero h1,.terms-of-service .terms-hero h2 {font-size:3rem;margin-bottom:15px;background:linear-gradient(45deg,var(--heading-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .terms-of-service .terms-hero p {font-size:1.2rem;color:color-mix(in srgb,var(--default-color),transparent 20%);max-width:600px;margin:0 auto 30px} .terms-of-service .terms-hero .terms-highlights {display:flex;justify-content:center;gap:30px} @media (max-width:576px) {.terms-of-service .terms-hero .terms-highlights {flex-direction:column;align-items:center;gap:15px}} .terms-of-service .terms-hero .terms-highlights .highlight-item {display:flex;align-items:center;gap:10px;padding:12px 25px;background-color:var(--surface-color);border-radius:15px} .terms-of-service .terms-hero .terms-highlights .highlight-item i {font-size:1.2rem;color:var(--accent-color)} .terms-of-service .terms-hero .terms-highlights .highlight-item span {font-weight:500} .terms-of-service .terms-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:70px} @media (max-width:991px) {.terms-of-service .terms-grid {grid-template-columns:repeat(2,1fr)}} @media (max-width:767px) {.terms-of-service .terms-grid {grid-template-columns:1fr}} .terms-of-service .terms-grid .terms-card {background-color:var(--surface-color);border-radius:20px;overflow:hidden;transition:transform 0.3s} .terms-of-service .terms-grid .terms-card:hover {transform:translateY(-10px)} .terms-of-service .terms-grid .terms-card:hover .header-icon {transform:scale(1.1);background-color:var(--accent-color)} .terms-of-service .terms-grid .terms-card:hover .header-icon i {color:var(--contrast-color)} .terms-of-service .terms-grid .terms-card .card-header {padding:30px;text-align:center;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .terms-of-service .terms-grid .terms-card .card-header .header-icon {width:60px;height:60px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.3s} .terms-of-service .terms-grid .terms-card .card-header .header-icon i {font-size:1.5rem;color:var(--accent-color);transition:color 0.3s} .terms-of-service .terms-grid .terms-card .card-header h3 {font-size:1.4rem;margin:0} .terms-of-service .terms-grid .terms-card .card-content {padding:30px} .terms-of-service .terms-grid .terms-card .card-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:20px;line-height:1.6} .terms-of-service .terms-grid .terms-card .card-content .check-list {list-style:none;padding:0;margin:0} .terms-of-service .terms-grid .terms-card .card-content .check-list li {position:relative;padding-left:25px;margin-bottom:12px;color:color-mix(in srgb,var(--default-color),transparent 20%)} .terms-of-service .terms-grid .terms-card .card-content .check-list li:last-child {margin-bottom:0} .terms-of-service .terms-grid .terms-card .card-content .check-list li::before {content:"✓";position:absolute;left:0;color:var(--accent-color)} .terms-of-service .terms-grid .terms-card .card-content .restrictions-list {display:grid;gap:15px} .terms-of-service .terms-grid .terms-card .card-content .restrictions-list .restriction-item {display:flex;align-items:center;gap:12px} .terms-of-service .terms-grid .terms-card .card-content .restrictions-list .restriction-item i {color:#dc3545;font-size:1.1rem} .terms-of-service .terms-grid .terms-card .card-content .restrictions-list .restriction-item span {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem} .terms-of-service .terms-points {margin-bottom:70px;text-align:center} .terms-of-service .terms-points h3 {font-size:2rem;margin-bottom:40px} .terms-of-service .terms-points .points-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px} @media (max-width:991px) {.terms-of-service .terms-points .points-grid {grid-template-columns:repeat(2,1fr)}} @media (max-width:576px) {.terms-of-service .terms-points .points-grid {grid-template-columns:1fr}} .terms-of-service .terms-points .point-item {background-color:var(--surface-color);border-radius:20px;padding:30px;transition:transform 0.3s} .terms-of-service .terms-points .point-item:hover {transform:translateY(-5px)} .terms-of-service .terms-points .point-item:hover .point-icon {background-color:var(--accent-color)} .terms-of-service .terms-points .point-item:hover .point-icon i {color:var(--contrast-color)} .terms-of-service .terms-points .point-item .point-icon {width:50px;height:50px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.3s} .terms-of-service .terms-points .point-item .point-icon i {font-size:1.3rem;color:var(--accent-color);transition:color 0.3s} .terms-of-service .terms-points .point-item .point-content h4 {font-size:1.2rem;margin-bottom:10px} .terms-of-service .terms-points .point-item .point-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:0.95rem;margin:0} .terms-of-service .terms-notices {margin-bottom:70px} .terms-of-service .terms-notices .notice-wrapper {background-color:var(--surface-color);border-radius:30px;padding:40px} .terms-of-service .terms-notices .notice-items {display:grid;gap:25px} .terms-of-service .terms-notices .notice-items .notice-item {display:flex;gap:20px;padding:25px;background-color:var(--background-color);border-radius:15px} .terms-of-service .terms-notices .notice-items .notice-item .notice-marker {flex-shrink:0;width:40px;height:40px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:12px;display:flex;align-items:center;justify-content:center} .terms-of-service .terms-notices .notice-items .notice-item .notice-marker i {font-size:1.2rem;color:var(--accent-color)} .terms-of-service .terms-notices .notice-items .notice-item .notice-content h4 {font-size:1.2rem;margin-bottom:8px} .terms-of-service .terms-notices .notice-items .notice-item .notice-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;font-size:0.95rem} .terms-of-service .terms-contact .contact-wrapper {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,color-mix(in srgb,var(--accent-color),transparent 98%) 100%);border-radius:30px;padding:50px;text-align:center} .terms-of-service .terms-contact .contact-wrapper .contact-content {max-width:600px;margin:0 auto} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-text {margin-bottom:30px} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-text h4 {font-size:1.8rem;margin-bottom:10px} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-text p {color:color-mix(in srgb,var(--default-color),transparent 30%)} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions {display:flex;justify-content:center;gap:20px} @media (max-width:576px) {.terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions {flex-direction:column;align-items:center}} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions a {padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:500;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions .btn-primary {background-color:var(--accent-color);color:var(--contrast-color)} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions .btn-primary:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions .btn-outline {background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)} .terms-of-service .terms-contact .contact-wrapper .contact-content .contact-actions .btn-outline:hover {background-color:var(--accent-color);color:var(--contrast-color)} .red-team-details {} .red-team-details .intro h1,.red-team-details .intro h3 {font-size:34px;font-weight:700;line-height:1.3;margin-bottom:20px;color:var(--heading-color)} .red-team-details .intro .lead {font-size:17px;line-height:1.7;margin-bottom:35px;color:color-mix(in srgb,var(--default-color),transparent 15%)} .red-team-details .feature-cards .feature-card {position:relative;background:var(--surface-color);padding:25px 20px 25px 20px;border-radius:15px;border-left:4px solid var(--accent-color);box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 92%);transition:transform 0.3s ease,box-shadow 0.3s ease} .red-team-details .feature-cards .feature-card:hover {transform:translateY(-6px);box-shadow:0 15px 30px color-mix(in srgb,var(--default-color),transparent 85%)} .red-team-details .feature-cards .feature-card .icon {width:50px;height:50px;background:color-mix(in srgb,var(--accent-color),transparent 85%);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:15px;transition:background 0.3s ease} .red-team-details .feature-cards .feature-card .icon i {font-size:24px;color:var(--accent-color);transition:color 0.3s ease} .red-team-details .feature-cards .feature-card h4 {font-size:18px;font-weight:600;margin-bottom:10px;color:var(--heading-color)} .red-team-details .feature-cards .feature-card p {font-size:14px;line-height:1.6;margin:0;color:color-mix(in srgb,var(--default-color),transparent 35%)} .red-team-details .feature-cards .feature-card:hover .icon {background:var(--accent-color)} .red-team-details .feature-cards .feature-card:hover .icon i {color:var(--contrast-color)} .red-team-details .image-stack {position:relative;min-height:400px} .red-team-details .image-stack .image-main,.red-team-details .image-stack .image-sub {border-radius:20px;overflow:hidden;box-shadow:0 20px 40px color-mix(in srgb,var(--default-color),transparent 90%)} .red-team-details .image-stack .image-main img,.red-team-details .image-stack .image-sub img {width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease} .red-team-details .image-stack .image-main:hover img,.red-team-details .image-stack .image-sub:hover img {transform:scale(1.06)} .red-team-details .image-stack .image-main {position:absolute;top:0;right:0;width:75%;height:100%} .red-team-details .image-stack .image-sub {position:absolute;bottom:-20px;left:0;width:50%;height:60%;border:6px solid var(--background-color)} @media (max-width:992px) {.red-team-details .intro h1,.red-team-details .intro h3 {font-size:30px} .red-team-details .image-stack {min-height:350px} .red-team-details .image-stack .image-main {position:relative;width:100%;height:70%} .red-team-details .image-stack .image-sub {display:none}} @media (max-width:576px) {.red-team-details .feature-cards .feature-card {padding:20px 18px}} .red-team-details .swiper-wrapper {height:auto !important} .red-team-comparison-table {padding-top:3px;margin:30px 0;padding-bottom:34px} .red-team-comparison-table .table-responsive {border-radius:12px;background-color:var(--surface-color)} .red-team-comparison-table .table {margin-bottom:0} .red-team-comparison-table .table th,.red-team-comparison-table .table td {padding:20px;text-align:center;vertical-align:middle;border-color:color-mix(in srgb,var(--default-color),transparent 90%);background-color:var(--surface-color);color:var(--default-color)} .red-team-comparison-table .table th:first-child,.red-team-comparison-table .table td:first-child {text-align:left} .red-team-comparison-table .table th {border-top:none;background-color:var(--surface-color)} .red-team-comparison-table .table .features-column {min-width:200px} .red-team-comparison-table .table .features-column h5 {color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:1rem;margin:0} .red-team-comparison-table .table .plan-column {min-width:220px;position:relative} .red-team-comparison-table .table .plan-column.popular {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .red-team-comparison-table .table .plan-column.popular .popular-badge {border:1px solid var(--accent-color);color:var(--accent-color);padding:4px 15px;border-radius:20px;font-size:0.875rem;font-weight:500;display:inline-block;margin:0 auto 15px auto} .red-team-comparison-table .table .plan-column h4 {margin:0 0 20px;font-size:1.25rem} .red-team-comparison-table .table .plan-column .btn {padding:8px 24px;border-radius:6px;font-weight:500;transition:all 0.3s ease} .red-team-comparison-table .table .plan-column .btn.btn-outline {border:2px solid var(--accent-color);color:var(--accent-color);background:transparent} .red-team-comparison-table .table .plan-column .btn.btn-outline:hover {background-color:var(--accent-color);color:var(--contrast-color)} .red-team-comparison-table .table .plan-column .btn.btn-solid {background-color:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)} .red-team-comparison-table .table .plan-column .btn.btn-solid:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 15%);border-color:color-mix(in srgb,var(--accent-color),transparent 15%)} .red-team-comparison-table .table tbody tr:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%)} .red-team-comparison-table .table tbody tr td {font-size:0.9375rem} .red-team-comparison-table .table tbody tr td.feature-name {font-weight:500} .red-team-comparison-table .table tbody tr td .bi-check-lg {color:#28a745;font-size:1.25rem} .red-team-comparison-table .table tbody tr td .bi-x-lg {color:#dc3545;font-size:1.25rem} @media (max-width:991.98px) {.red-team-comparison-table .table .plan-column {min-width:180px}} @media (max-width:767.98px) {.red-team-comparison-table .table-responsive {border-radius:8px} .red-team-comparison-table .table th,.red-team-comparison-table .table td {padding:15px 10px} .red-team-comparison-table .table .features-column {min-width:140px} .red-team-comparison-table .table .plan-column {min-width:140px} .red-team-comparison-table .table .plan-column h4 {font-size:1.125rem} .red-team-comparison-table .table .plan-column .btn {padding:6px 16px;font-size:0.875rem} .red-team-comparison-table .table tbody tr td {font-size:0.875rem}} .red-team-types-of-test .steps-wrapper {position:relative;padding:20px 0} .red-team-types-of-test .steps-wrapper::before {content:"";position:absolute;width:2px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);top:0;bottom:0;left:50%;transform:translateX(-50%)} .red-team-types-of-test .step-item {margin-bottom:50px;width:100%;position:relative} .red-team-types-of-test .step-item:last-child {margin-bottom:0} .red-team-types-of-test .step-item:nth-child(even) .step-content {flex-direction:row-reverse} .red-team-types-of-test .step-content {display:flex;align-items:center;gap:30px} .red-team-types-of-test .step-icon {flex-shrink:0;width:80px;height:80px;background-color:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.1);border:2px solid color-mix(in srgb,var(--accent-color),transparent 85%);transition:all 0.3s ease-in-out} .red-team-types-of-test .step-icon i {font-size:32px;color:var(--accent-color);transition:transform 0.3s ease-in-out} .red-team-types-of-test .step-info {flex:1;background-color:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,0.05);transition:transform 0.3s ease-in-out} .red-team-types-of-test .step-info:hover {transform:translateY(-5px)} .red-team-types-of-test .step-number {display:inline-block;font-family:var(--heading-font);font-size:0.9rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px} .red-team-types-of-test h3 {font-size:1.3rem;margin-bottom:15px;font-weight:600;color:var(--heading-color)} .red-team-types-of-test p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:1rem;line-height:1.6;margin-bottom:0} @media (max-width:991px) {.red-team-types-of-test .steps-wrapper::before {left:25px} .red-team-types-of-test .step-item .step-content {flex-direction:row !important} .red-team-types-of-test .step-icon {width:60px;height:60px} .red-team-types-of-test .step-icon i {font-size:24px} .red-team-types-of-test .step-info {padding:20px} .red-team-types-of-test h3 {font-size:1.3rem}} @media (max-width:767px) {.red-team-types-of-test .step-content {gap:20px} .red-team-types-of-test .step-icon {width:50px;height:50px} .red-team-types-of-test .step-icon i {font-size:20px} .red-team-types-of-test .step-info {padding:15px} .red-team-types-of-test h3 {font-size:1.2rem} .red-team-types-of-test p {font-size:0.95rem}} .red-team-tibereu .about-img {position:relative;margin:60px 0 0 60px} .red-team-tibereu .about-img:before {position:absolute;inset:-60px 0 0 -60px;content:"";background:url("../img/pattern/pattern-1.webp") top left;background-repeat:no-repeat;z-index:1} .red-team-tibereu .about-img img {position:relative;z-index:2} @media (max-width:575px) {.red-team-tibereu .about-img {margin:30px 0 0 30px} .red-team-tibereu .about-img:before {inset:-30px 0 0 -30px}} .red-team-tibereu h3 {font-weight:300;font-size:32px;margin-bottom:20px} @media (max-width:768px) {.red-team-tibereu h3 {font-size:28px}} .red-team-tibereu .nav-pills {border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 85%)} .red-team-tibereu .nav-pills li+li {margin-left:40px} .red-team-tibereu .nav-link {background:none;font-size:18px;font-weight:400;color:var(--default-color);padding:12px 0;margin-bottom:-2px;border-radius:0} .red-team-tibereu .nav-link.active {color:var(--accent-color);background:none;border-bottom:3px solid var(--accent-color)} @media (max-width:575px) {.red-team-tibereu .nav-link {font-size:16px}} .red-team-tibereu .tab-content h4 {font-size:18px;margin:0;font-weight:700;color:var(--default-color)} .red-team-tibereu .tab-content i {font-size:22px;line-height:0;margin-right:8px;color:var(--accent-color)} .vulnerability-assessment-details {padding-top:50px;padding-bottom:3px} .vulnerability-assessment-details .profile-image-wrapper {position:relative} .vulnerability-assessment-details .profile-image-wrapper .profile-image {position:relative;width:280px;height:280px;margin:0 auto 40px;border-radius:50%;overflow:hidden;border:5px solid var(--accent-color);box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color),transparent 80%)} .vulnerability-assessment-details .profile-image-wrapper .profile-image img {width:80%;height:100%;object-fit:cover} @media (max-width:768px) {.vulnerability-assessment-details .profile-image-wrapper .profile-image {width:150px;height:200px}} .vulnerability-assessment-details .profile-image-wrapper .signature-section {text-align:center} .vulnerability-assessment-details .profile-image-wrapper .signature-section .signature {max-width:200px;height:auto;margin-bottom:15px;opacity:0.8} .vulnerability-assessment-details .profile-image-wrapper .signature-section .quote {font-style:italic;color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:14px;margin:0;max-width:250px;margin:0 auto} .vulnerability-assessment-details .about-content .intro {margin-bottom:40px} .vulnerability-assessment-details .about-content .intro h1,.vulnerability-assessment-details .about-content .intro h2 {font-size:2.5rem;margin-bottom:20px;font-weight:700} @media (max-width:768px) {.vulnerability-assessment-details .about-content .intro h1,.vulnerability-assessment-details .about-content .intro h2 {font-size:2rem;text-align:center}} .vulnerability-assessment-details .about-content .intro p {font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%)} @media (max-width:768px) {.vulnerability-assessment-details .about-content .intro p {text-align:center}} .vulnerability-assessment-details .about-content .skills-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px} .vulnerability-assessment-details .about-content .skills-grid .skill-item {text-align:center;padding:20px;border-radius:10px;background:color-mix(in srgb,var(--accent-color),transparent 94%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%);transition:all 0.3s ease} .vulnerability-assessment-details .about-content .skills-grid .skill-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px color-mix(in srgb,var(--accent-color),transparent 85%)} .vulnerability-assessment-details .about-content .skills-grid .skill-item .skill-icon {width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);border-radius:50%;color:var(--contrast-color);font-size:24px} .vulnerability-assessment-details .about-content .skills-grid .skill-item h4 {font-size:18px;margin-bottom:10px;color:var(--heading-color)} .vulnerability-assessment-details .about-content .skills-grid .skill-item p {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} .vulnerability-assessment-details .about-content .journey-timeline {margin-bottom:40px} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item {display:flex;align-items:center;margin-bottom:20px;padding:15px;border-left:3px solid var(--accent-color);background:color-mix(in srgb,var(--surface-color),transparent 30%);border-radius:0 8px 8px 0;transition:all 0.3s ease} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item:hover {background:color-mix(in srgb,var(--accent-color),transparent 95%);border-left-color:color-mix(in srgb,var(--accent-color),transparent 10%)} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item:last-child {margin-bottom:0} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item .year {font-weight:700;color:var(--accent-color);font-size:18px;min-width:80px;margin-right:20px} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item .description {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:15px;line-height:1.5} @media (max-width:576px) {.vulnerability-assessment-details .about-content .journey-timeline .timeline-item {flex-direction:column;align-items:flex-start} .vulnerability-assessment-details .about-content .journey-timeline .timeline-item .year {margin-right:0;margin-bottom:8px}} .vulnerability-assessment-details .about-content .cta-section .fun-fact {display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding:15px 25px;background:color-mix(in srgb,var(--accent-color),transparent 94%);border-radius:50px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%)} .vulnerability-assessment-details .about-content .cta-section .fun-fact .emoji {font-size:20px;margin-right:10px} .vulnerability-assessment-details .about-content .cta-section .fun-fact .text {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:14px;font-weight:500} @media (max-width:768px) {.vulnerability-assessment-details .about-content .cta-section .fun-fact {justify-content:center;text-align:center}} .vulnerability-assessment-details .about-content .cta-section .action-buttons {display:flex;gap:15px;justify-content:center} @media (max-width:576px) {.vulnerability-assessment-details .about-content .cta-section .action-buttons {flex-direction:column;align-items:center}} .vulnerability-assessment-details .about-content .cta-section .action-buttons .btn {padding:12px 30px;font-weight:600;border-radius:50px;text-decoration:none;transition:all 0.3s ease;font-size:15px} .vulnerability-assessment-details .about-content .cta-section .action-buttons .btn.btn-primary {background:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)} .vulnerability-assessment-details .about-content .cta-section .action-buttons .btn.btn-primary:hover {background:color-mix(in srgb,var(--accent-color),black 10%);border-color:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px)} .vulnerability-assessment-details .about-content .cta-section .action-buttons .btn.btn-outline {background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)} .vulnerability-assessment-details .about-content .cta-section .action-buttons .btn.btn-outline:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} @media (max-width:992px) {.vulnerability-assessment-details .profile-image-wrapper {margin-bottom:40px}} .vulnerability-assessment-steps {} .vulnerability-assessment-steps .timeline-container {position:relative;padding:30px 0} .vulnerability-assessment-steps .timeline-track {position:relative;max-width:1200px;margin:0 auto} .vulnerability-assessment-steps .timeline-track::before {content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(to bottom,transparent,var(--accent-color) 10%,var(--accent-color) 90%,transparent);transform:translateX(-50%);z-index:1} .vulnerability-assessment-steps .timeline-item {position:relative;margin-bottom:60px} .vulnerability-assessment-steps .timeline-item:last-child {margin-bottom:0} .vulnerability-assessment-steps .timeline-item.left .timeline-content {padding-right:50px;text-align:right} .vulnerability-assessment-steps .timeline-item.left .timeline-content .timeline-marker {right:-35px} .vulnerability-assessment-steps .timeline-item.right .timeline-content {padding-left:50px;margin-left:50%} .vulnerability-assessment-steps .timeline-item.right .timeline-content .timeline-marker {left:-35px} .vulnerability-assessment-steps .timeline-item:hover .timeline-marker {transform:scale(1.1);background-color:var(--accent-color)} .vulnerability-assessment-steps .timeline-item:hover .timeline-marker .step-icon {color:var(--contrast-color)} .vulnerability-assessment-steps .timeline-item:hover .timeline-body {transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)} .vulnerability-assessment-steps .timeline-content {position:relative;width:50%} .vulnerability-assessment-steps .timeline-marker {position:absolute;top:15px;width:70px;height:70px;background-color:var(--surface-color);border:3px solid var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.1)} .vulnerability-assessment-steps .timeline-marker .step-number {position:absolute;top:-15px;right:-15px;width:35px;height:35px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--heading-font);font-size:0.9rem;font-weight:700;z-index:3;border:3px solid var(--surface-color)} .vulnerability-assessment-steps .timeline-marker .step-icon {font-size:1.5rem;color:var(--accent-color);transition:all 0.3s ease} .vulnerability-assessment-steps .timeline-body {background-color:var(--surface-color);border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease} .vulnerability-assessment-steps .timeline-body h3 {font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--heading-color)} .vulnerability-assessment-steps .timeline-body p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem;line-height:1.6;margin-bottom:0} @media (max-width:991px) {.vulnerability-assessment-steps .timeline-track::before {left:30px} .vulnerability-assessment-steps .timeline-item.left .timeline-content,.vulnerability-assessment-steps .timeline-item.right .timeline-content {width:100%;padding-left:80px;padding-right:0;margin-left:0;text-align:left} .vulnerability-assessment-steps .timeline-item.left .timeline-content .timeline-marker,.vulnerability-assessment-steps .timeline-item.right .timeline-content .timeline-marker {left:0;right:auto}} @media (max-width:767px) {.vulnerability-assessment-steps .timeline-item {margin-bottom:50px} .vulnerability-assessment-steps .timeline-marker {width:60px;height:60px} .vulnerability-assessment-steps .timeline-marker .step-number {width:30px;height:30px;font-size:0.8rem} .vulnerability-assessment-steps .timeline-marker .step-icon {font-size:1.3rem} .vulnerability-assessment-steps .timeline-body {padding:20px} .vulnerability-assessment-steps .timeline-body h3 {font-size:1.2rem} .vulnerability-assessment-steps .timeline-body p {font-size:0.9rem}} @media (max-width:575px) {.vulnerability-assessment-steps .timeline-marker {width:50px;height:50px} .vulnerability-assessment-steps .timeline-marker .step-icon {font-size:1.1rem} .vulnerability-assessment-steps .timeline-item.left .timeline-content,.vulnerability-assessment-steps .timeline-item.right .timeline-content {padding-left:70px}} .pentest-details {position:relative} .pentest-details .about-img {border-radius:8px;overflow:visible;box-shadow:0 25px 40px rgba(0,0,0,0.08);position:relative} .pentest-details .about-img .floating-badge {position:absolute;right:-25px;bottom:50px;background:var(--accent-color);color:var(--contrast-color);padding:20px 28px;border-radius:12px;box-shadow:0 15px 30px rgba(54,144,231,0.3);text-align:center;z-index:3;transition:transform 0.3s ease} .pentest-details .about-img .floating-badge:hover {transform:translateY(-8px)} .pentest-details .about-img .floating-badge span {font-size:3rem;font-weight:800;line-height:1;display:block;margin-bottom:5px} .pentest-details .about-img .floating-badge p {font-size:0.9rem;margin-bottom:0;font-weight:500;letter-spacing:0.5px} .pentest-details .about-img .scribble {position:absolute;z-index:1} .pentest-details .about-img .scribble.scribble-1 {width:180px;height:180px;border:6px solid var(--accent-color);border-radius:50%;top:-35px;left:-35px;opacity:0.15;animation:float 8s ease-in-out infinite} .pentest-details .about-img .scribble.scribble-2 {width:120px;height:120px;border:4px dashed var(--heading-color);bottom:-25px;right:40px;opacity:0.12;animation:float 6s ease-in-out infinite reverse} .pentest-details .about-img .scribble.scribble-3 {width:60px;height:60px;background-color:var(--accent-color);opacity:0.08;top:15%;right:-20px;border-radius:14px;animation:float 7s ease-in-out infinite;transform:rotate(45deg)} .pentest-details .about-img .floating-shape {position:absolute;z-index:1} .pentest-details .about-img .floating-shape.shape-1 {width:40px;height:40px;background:var(--heading-color);opacity:0.1;border-radius:8px;bottom:-15px;left:10%;animation:spin 10s linear infinite} .pentest-details .about-img .floating-shape.shape-2 {width:20px;height:70px;background:var(--accent-color);opacity:0.15;border-radius:40px;top:20px;right:12%;animation:float 5s ease-in-out infinite} .pentest-details .about-img img {position:relative;z-index:2;transition:all 0.5s ease} .pentest-details .about-img img:hover {transform:scale(1.02)} .pentest-details .content {padding-left:20px} @media (max-width:992px) {.pentest-details .content {padding-left:0;margin-top:20px}} .pentest-details .content .section-tag {display:inline-block;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);font-weight:600;padding:8px 16px;border-radius:50px;font-size:14px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px} .pentest-details .content h3 {font-size:2.5rem;font-weight:700;margin-bottom:20px} @media (max-width:768px) {.pentest-details .content h3 {font-size:2rem}} .pentest-details .content p {font-size:1.05rem;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:30px;line-height:1.7} .pentest-details .features-list {margin-bottom:35px} .pentest-details .features-list .feature-item {display:flex;gap:20px;margin-bottom:24px;transition:transform 0.3s ease} .pentest-details .features-list .feature-item:hover {transform:translateX(8px)} .pentest-details .features-list .feature-item:hover .icon-box {background:var(--accent-color);color:var(--contrast-color)} .pentest-details .features-list .feature-item .icon-box {flex-shrink:0;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:12px;font-size:22px;transition:all 0.3s ease} .pentest-details .features-list .feature-item h4 {font-size:1.2rem;font-weight:600;margin-bottom:6px} .pentest-details .features-list .feature-item p {font-size:0.95rem;margin-bottom:0;line-height:1.5} .pentest-details .cta-wrapper {display:flex;align-items:center;gap:20px;flex-wrap:wrap} .pentest-details .cta-wrapper .btn-about {padding:14px 30px;background:var(--accent-color);color:var(--contrast-color);font-weight:600;border-radius:8px;transition:all 0.3s ease;position:relative;overflow:hidden} .pentest-details .cta-wrapper .btn-about::after {content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,0.1);transition:width 0.3s ease} .pentest-details .cta-wrapper .btn-about:hover {transform:translateY(-5px);box-shadow:0 10px 20px rgba(54,144,231,0.25)} .pentest-details .cta-wrapper .btn-about:hover::after {width:100%} .pentest-details .cta-wrapper .btn-video {display:flex;align-items:center;gap:12px;color:var(--heading-color);font-weight:600;transition:all 0.3s ease} .pentest-details .cta-wrapper .btn-video:hover {color:var(--accent-color);transform:translateY(-2px)} .pentest-details .cta-wrapper .btn-video:hover .icon {background:var(--accent-color);color:var(--contrast-color)} .pentest-details .cta-wrapper .btn-video .icon {display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:50%;font-size:22px;transition:all 0.3s ease} .pentest-details .cta-wrapper .btn-video .icon i {margin-left:2px} @keyframes float {0%,100% {transform:translateY(0)} 50% {transform:translateY(-15px)}} @keyframes spin {from {transform:rotate(0deg)} to {transform:rotate(360deg)}} .pentest-benefits {padding-top:29px;padding-bottom:80px} .pentest-benefits .intro-content .section-badge {display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px} .pentest-benefits .intro-content .section-badge i {font-size:12px} .pentest-benefits .intro-content .section-heading {font-size:3rem;font-weight:700;line-height:1.2;color:var(--heading-color);margin-bottom:1.5rem} @media (max-width:768px) {.pentest-benefits .intro-content .section-heading {font-size:2.2rem}} .pentest-benefits .intro-content .section-description {font-size:1.1rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:2rem} .pentest-benefits .intro-content .cta-button {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:15px 35px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .pentest-benefits .intro-content .cta-button:hover {background:color-mix(in srgb,var(--accent-color),black 10%);color:var(--contrast-color);transform:translateY(-3px);box-shadow:0 12px 35px color-mix(in srgb,var(--accent-color),transparent 60%)} .pentest-benefits .hero-visual {position:relative} .pentest-benefits .hero-visual img {border-radius:20px;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 85%)} @media (max-width:991px) {.pentest-benefits .hero-visual {margin-top:3rem}} .pentest-benefits .services-grid {display:block} .pentest-benefits .services-grid .service-card {background:var(--surface-color);padding:2rem;border-radius:15px;height:100%;transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);position:relative;overflow:hidden} .pentest-benefits .services-grid .service-card::before {content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease} .pentest-benefits .services-grid .service-card:hover {transform:translateY(-10px);box-shadow:0 25px 50px color-mix(in srgb,var(--default-color),transparent 80%)} .pentest-benefits .services-grid .service-card:hover::before {transform:scaleX(1)} .pentest-benefits .services-grid .service-card:hover .card-number span {background:var(--accent-color);color:var(--contrast-color)} .pentest-benefits .services-grid .service-card .card-number {margin-bottom:1.5rem} .pentest-benefits .services-grid .service-card .card-number span {display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:15px;font-size:1.5rem;font-weight:700;transition:all 0.3s ease} .pentest-benefits .services-grid .service-card .card-content .service-title {font-size:1.3rem;font-weight:600;margin-bottom:1rem;line-height:1.4} .pentest-benefits .services-grid .service-card .card-content .service-title a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .pentest-benefits .services-grid .service-card .card-content .service-title a:hover {color:var(--accent-color)} .pentest-benefits .services-grid .service-card .card-content .service-description {font-size:0.95rem;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0} @media (max-width:768px) {.pentest-benefits {padding:60px 0} .pentest-benefits .intro-content {text-align:center;margin-bottom:2rem} .pentest-benefits .services-grid .service-card {padding:1.5rem}} .pentest-services {padding-top:60px;background:linear-gradient(135deg,var(--background-color) 0%,color-mix(in srgb,var(--accent-color),transparent 95%) 100%);position:relative;overflow:hidden;padding-bottom:60px} .pentest-services::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("../img/abstract-bg-3.webp") center/cover;opacity:0.03;z-index:1} .pentest-services .container {position:relative;z-index:2} .pentest-services .service-card {background:var(--surface-color);border-radius:20px;padding:40px 30px;height:100%;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid color-mix(in srgb,var(--accent-color),transparent 90%);box-shadow:0 10px 40px color-mix(in srgb,var(--heading-color),transparent 90%)} .pentest-services .service-card:hover {transform:translateY(-15px);box-shadow:0 25px 60px color-mix(in srgb,var(--accent-color),transparent 80%)} .pentest-services .service-card:hover .service-bg {opacity:1;transform:scale(1.2) rotate(15deg)} .pentest-services .service-card:hover .service-icon {transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#ff6b35 30%))} .pentest-services .service-card:hover .btn-cta {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#ff6b35 30%));transform:translateX(5px)} .pentest-services .service-card.featured {background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--accent-color),transparent 95%));border:2px solid var(--accent-color);transform:scale(1.02)} .pentest-services .service-card.featured .service-icon {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#ff6b35 20%));width:80px;height:80px} .pentest-services .service-card.featured .service-icon i {font-size:40px} .pentest-services .service-card.featured .service-content h3 {font-size:28px;margin-bottom:20px} .pentest-services .service-card.featured .service-meta {margin:25px 0} .pentest-services .service-card.compact {padding:30px 25px} .pentest-services .service-card.compact .service-icon {width:60px;height:60px} .pentest-services .service-card.compact .service-icon i {font-size:28px} .pentest-services .service-card .service-bg {position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 85%),color-mix(in srgb,var(--accent-color),transparent 95%));border-radius:50%;opacity:0;transition:all 0.5s ease;z-index:1} .pentest-services .service-card .service-icon {width:70px;height:70px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 10%),var(--accent-color));border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;transition:all 0.3s ease;position:relative;z-index:2;box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .pentest-services .service-card .service-icon i {font-size:32px;color:var(--contrast-color);transition:all 0.3s ease} .pentest-services .service-card .service-content {position:relative;z-index:2} .pentest-services .service-card .service-content h3 {font-size:24px;font-weight:700;margin-bottom:15px;line-height:1.3} .pentest-services .service-card .service-content h3 a {color:var(--heading-color);text-decoration:none;transition:all 0.3s ease} .pentest-services .service-card .service-content h3 a:hover {color:var(--accent-color)} .pentest-services .service-card .service-content p {color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;margin-bottom:25px;font-size:15px} .pentest-services .service-card .service-meta {display:flex;align-items:center;gap:15px;margin:20px 0 25px;flex-wrap:wrap} .pentest-services .service-card .service-meta .badge {background:linear-gradient(135deg,#ff6b35,#f7931e);color:var(--contrast-color);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px} .pentest-services .service-card .service-meta .badge.popular {background:linear-gradient(135deg,#28a745,#20c997)} .pentest-services .service-card .service-meta .badge.new {background:linear-gradient(135deg,#6f42c1,#4dabf7)} .pentest-services .service-card .service-meta .price {color:var(--accent-color);font-weight:700;font-size:16px} .pentest-services .service-card .btn-cta {display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 10%),var(--accent-color));color:var(--contrast-color);padding:12px 25px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;box-shadow:0 5px 20px color-mix(in srgb,var(--accent-color),transparent 70%)} .pentest-services .service-card .btn-cta:hover {color:var(--contrast-color);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 60%)} .pentest-services .service-card .btn-cta i {transition:all 0.3s ease} .pentest-services .stats-highlight {background:var(--accent-color);border-radius:25px;padding:50px 30px;margin-top:60px;position:relative;overflow:hidden} .pentest-services .stats-highlight::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,color-mix(in srgb,var(--accent-color),transparent 90%));z-index:1} .pentest-services .stats-highlight .row {position:relative;z-index:2} .pentest-services .stats-highlight .stat-item {text-align:center;color:var(--contrast-color)} .pentest-services .stats-highlight .stat-item .stat-number {font-size:48px;font-weight:900;color:var(--contrast-color);margin-bottom:10px;background:linear-gradient(135deg,var(--contrast-color),color-mix(in srgb,var(--accent-color),var(--contrast-color) 70%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} @media (max-width:768px) {.pentest-services .stats-highlight .stat-item .stat-number {font-size:36px}} .pentest-services .stats-highlight .stat-item .stat-label {font-size:16px;font-weight:500;opacity:0.9} @media (max-width:768px) {.pentest-services .stats-highlight .stat-item .stat-label {font-size:14px}} @media (max-width:768px) {.pentest-services .service-card {padding:30px 25px;margin-bottom:30px} .pentest-services .service-card.featured {transform:none;margin-bottom:30px} .pentest-services .service-card.featured .service-content h3 {font-size:24px} .pentest-services .service-card .service-icon {width:60px;height:60px} .pentest-services .service-card .service-icon i {font-size:28px} .pentest-services .service-card .service-content h3 {font-size:20px} .pentest-services .stats-highlight {padding:40px 20px;margin-top:40px}} .pentest-perspective .steps-wrapper {position:relative;margin-bottom:50px} .pentest-perspective .steps-timeline {position:relative;margin-bottom:50px} .pentest-perspective .steps-timeline .steps-progress {position:relative;height:6px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);border-radius:10px;margin-bottom:20px} .pentest-perspective .steps-timeline .steps-progress .progress-indicator {position:absolute;height:100%;width:20%;background-color:var(--accent-color);border-radius:10px;transition:width 0.5s ease} .pentest-perspective .steps-timeline .steps-phases {display:flex;justify-content:space-between;position:relative;padding:0;border:none;margin:0;width:100%} .pentest-perspective .steps-timeline .steps-phases .phase-item {display:flex;flex-direction:column;align-items:center;width:20%;transition:all 0.3s ease;padding:0;margin:0} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button {display:flex;flex-direction:column;align-items:center;background:transparent;border:none;width:100%;padding:0;cursor:pointer} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button .phase-dot {width:20px;height:20px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 70%);border:3px solid var(--background-color);margin-bottom:8px;transition:all 0.3s ease} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button span {font-size:0.9rem;font-weight:600;color:var(--default-color);transition:all 0.3s ease} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button.active .phase-dot {background-color:var(--accent-color);transform:scale(1.2)} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button.active span {color:var(--accent-color);font-weight:700} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button:hover:not(.active) .phase-dot {background-color:color-mix(in srgb,var(--accent-color),transparent 40%);transform:scale(1.1)} .pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button:hover:not(.active) span {color:var(--heading-color)} @media (max-width:576px) {.pentest-perspective .steps-timeline .steps-phases .phase-item .phase-button span {font-size:0.7rem}} .pentest-perspective .steps-content-container {position:relative;min-height:350px} .pentest-perspective .steps-content-container .step-content-item {transition:all 0.5s ease} .pentest-perspective .steps-content-container .step-content-item.tab-pane {opacity:0} .pentest-perspective .steps-content-container .step-content-item.tab-pane.show.active {opacity:1} .pentest-perspective .steps-content-container .step-content-item .step-card {background-color:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border-top:4px solid var(--accent-color)} .pentest-perspective .steps-content-container .step-content-item .step-card .step-icon {width:60px;height:60px;border-radius:8px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .pentest-perspective .steps-content-container .step-content-item .step-card .step-icon i {font-size:28px;color:var(--accent-color)} .pentest-perspective .steps-content-container .step-content-item .step-card h3 {font-size:1.4rem;font-weight:700;margin-bottom:15px;color:var(--heading-color)} .pentest-perspective .steps-content-container .step-content-item .step-card p {font-size:1rem;color:var(--default-color);margin-bottom:20px} .pentest-perspective .steps-content-container .step-content-item .step-card ul {padding-left:20px} .pentest-perspective .steps-content-container .step-content-item .step-card ul li {font-size:0.95rem;color:var(--default-color);margin-bottom:8px;position:relative} .pentest-perspective .lead {font-size:1.2rem;margin-bottom:20px;color:var(--heading-color)} .pentest-perspective .steps-cta {display:flex;gap:15px;justify-content:center} @media (max-width:576px) {.pentest-perspective .steps-cta {flex-direction:column;max-width:280px;margin:0 auto}} .pentest-perspective .steps-cta .btn {padding:12px 30px;font-weight:600;border-radius:50px;transition:all 0.3s ease} .pentest-perspective .steps-cta .btn:hover {transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .pentest-perspective .steps-cta .btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color)} .pentest-perspective .steps-cta .btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),#000 10%);border-color:color-mix(in srgb,var(--accent-color),#000 10%)} .pentest-perspective .steps-cta .btn-outline {background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)} .pentest-perspective .steps-cta .btn-outline:hover {background-color:var(--accent-color);color:var(--contrast-color)} .pentest-methodology .steps-item {background:var(--surface-color);border-radius:20px;height:100%;transition:all 0.3s ease-in-out;box-shadow:0 5px 20px color-mix(in srgb,var(--default-color),transparent 92%)} .pentest-methodology .steps-item .steps-image {border-radius:20px 20px 0 0;overflow:hidden} .pentest-methodology .steps-item:hover {transform:translateY(-10px);box-shadow:0 15px 30px color-mix(in srgb,var(--accent-color),transparent 85%)} .pentest-methodology .steps-item:hover .steps-number {background:var(--accent-color);color:var(--contrast-color)} .pentest-methodology .steps-item:hover .steps-image img {transform:scale(1.1)} .pentest-methodology .steps-image {position:relative;height:280px} .pentest-methodology .steps-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease} .pentest-methodology .steps-content {position:relative;padding:40px 30px 30px} .pentest-methodology .steps-content .steps-number {position:absolute;left:30px;top:-30px;width:60px;height:60px;background:var(--accent-color);color:var(--contrast-color);border-radius:50%;font-family:var(--heading-font);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease-in-out} .pentest-methodology .steps-content h3 {font-size:24px;font-weight:700;margin-bottom:15px} .pentest-methodology .steps-content p {font-size:15px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:25px} .pentest-methodology .steps-features .feature-item {display:flex;align-items:center;margin-bottom:12px} .pentest-methodology .steps-features .feature-item:last-child {margin-bottom:0} .pentest-methodology .steps-features .feature-item i {color:var(--accent-color);font-size:18px;margin-right:10px} .pentest-methodology .steps-features .feature-item span {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 15%)} @media (max-width:1199px) {.pentest-methodology .steps-image {height:240px} .pentest-methodology .steps-content {padding:35px 25px 25px} .pentest-methodology .steps-content h3 {font-size:22px}} @media (max-width:991px) {.pentest-methodology .steps-item {margin-bottom:30px} .pentest-methodology .steps-image {height:220px} .pentest-methodology .steps-content {padding:30px 20px 20px} .pentest-methodology .steps-content .steps-number {width:50px;height:50px;font-size:20px;left:25px;top:-25px} .pentest-methodology .steps-content h3 {font-size:20px;margin-bottom:12px} .pentest-methodology .steps-content p {font-size:14px;margin-bottom:20px}} .pentest-compliance .about-content h3 {font-weight:700;font-size:26px} .pentest-compliance .about-content ul {list-style:none;padding:0} .pentest-compliance .about-content ul li {display:flex;align-items:flex-start;margin-bottom:35px} .pentest-compliance .about-content ul li:first-child {margin-top:35px} .pentest-compliance .about-content ul i {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;font-size:32px;color:#fff;background:var(--accent-color);margin-right:15px;line-height:0;border-radius:5px} .pentest-compliance .about-content ul h4 {font-size:18px;font-weight:600} .pentest-compliance .about-content ul p {font-size:15px} .pentest-compliance .about-content p:last-child {margin-bottom:0} .confidentiality-notice {padding:80px 0;background-color:var(--background-color);overflow:hidden} .confidentiality-notice .book-excerpt-wrapper {position:relative} .confidentiality-notice .book-page-design {background-color:var(--surface-color);padding:50px 40px;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,0.08);position:relative;overflow:hidden} @media (max-width:768px) {.confidentiality-notice .book-page-design {padding:40px 25px}} .confidentiality-notice .book-page-design:before {content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color),transparent 20%) 100%)} .confidentiality-notice .book-page-design .page-number {position:absolute;top:20px;right:30px;font-size:14px;font-weight:600;color:color-mix(in srgb,var(--default-color),transparent 40%);font-family:var(--heading-font)} .confidentiality-notice .book-page-design .chapter-title {text-align:center;font-family:var(--heading-font);font-size:20px;font-weight:600;color:var(--heading-color);margin-bottom:30px;position:relative} .confidentiality-notice .book-page-design .chapter-title:after {content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:2px;background-color:color-mix(in srgb,var(--accent-color),transparent 30%)} .confidentiality-notice .book-page-design .excerpt-content {font-family:"Georgia",serif;line-height:1.8;color:var(--default-color)} .confidentiality-notice .book-page-design .excerpt-content p {margin-bottom:20px;text-align:justify} .confidentiality-notice .book-page-design .excerpt-content .first-letter:first-letter {font-size:3.5em;float:left;line-height:0.8;margin-right:10px;color:var(--accent-color);font-family:var(--heading-font);font-weight:600} .confidentiality-notice .book-page-design .excerpt-content .dialogue {padding-left:20px;border-left:2px solid color-mix(in srgb,var(--accent-color),transparent 70%);font-style:italic} .confidentiality-notice .book-page-design .page-decoration {position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center} .confidentiality-notice .book-page-design .page-decoration:after {content:"✦";font-size:18px;color:color-mix(in srgb,var(--accent-color),transparent 30%)} .confidentiality-notice .cta-wrapper {margin-top:30px} .confidentiality-notice .cta-wrapper .btn-read-more {display:inline-flex;align-items:center;gap:10px;background-color:var(--surface-color);color:var(--accent-color);padding:12px 28px;border-radius:50px;font-weight:500;transition:all 0.3s ease;border:2px solid color-mix(in srgb,var(--accent-color),transparent 80%);box-shadow:0 5px 15px rgba(0,0,0,0.05)} .confidentiality-notice .cta-wrapper .btn-read-more i {transition:transform 0.3s ease} .confidentiality-notice .cta-wrapper .btn-read-more:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px)} .confidentiality-notice .cta-wrapper .btn-read-more:hover i {transform:translateX(5px)} @media (max-width:992px) {.confidentiality-notice .section-header h2 {font-size:28px}} @media (max-width:768px) {.confidentiality-notice {padding:60px 0} .confidentiality-notice .section-header h2 {font-size:24px} .confidentiality-notice .book-page-design .chapter-title {font-size:18px} .confidentiality-notice .book-page-design .excerpt-content .first-letter:first-letter {font-size:3em}} .soon {min-height:80vh;display:flex;align-items:center} .soon .error-content {padding:2rem} .soon .error-badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:0.5rem 1rem;border-radius:50px;font-size:0.9rem;font-weight:500;display:inline-block} .soon .error-title {font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--heading-color);font-family:var(--heading-font);line-height:1.2} .soon .error-text {font-size:1.1rem;color:color-mix(in srgb,var(--default-color),transparent 20%);max-width:500px;margin-bottom:2rem} .soon .error-actions .btn {padding:0.8rem 1.5rem;border-radius:50px;font-weight:500;transition:all 0.3s ease} .soon .error-actions .btn.btn-outline {border:2px solid var(--accent-color);color:var(--accent-color);background:transparent} .soon .error-actions .btn.btn-outline:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .soon .error-actions .btn.btn-solid {background:var(--accent-color);color:var(--contrast-color);border:2px solid var(--accent-color)} .soon .error-actions .btn.btn-solid:hover {background:color-mix(in srgb,var(--accent-color),transparent 15%);transform:translateY(-2px)} .soon .error-illustration {padding:2rem;position:relative} .soon .error-illustration .illustration-container {position:relative;height:400px;display:flex;align-items:center;justify-content:center} .soon .error-illustration .planet {position:absolute;font-size:8rem;color:color-mix(in srgb,var(--accent-color),transparent 15%);animation:float 6s infinite ease-in-out;z-index:1} .soon .error-illustration .astronaut {position:absolute;font-size:4rem;color:var(--heading-color);animation:float 4s infinite ease-in-out;animation-delay:1s;z-index:2;transform:translateX(50px)} .soon .error-illustration .stars {position:absolute;width:100%;height:100%} .soon .error-illustration .stars i {position:absolute;color:color-mix(in srgb,var(--heading-color),transparent 40%);animation:twinkle infinite ease-in-out} .soon .error-illustration .stars i.star-1 {top:20%;left:20%;font-size:1rem;animation-duration:3s} .soon .error-illustration .stars i.star-2 {top:30%;right:25%;font-size:0.8rem;animation-duration:4s} .soon .error-illustration .stars i.star-3 {bottom:40%;left:30%;font-size:1.2rem;animation-duration:5s} .soon .error-illustration .stars i.star-4 {top:50%;right:40%;font-size:0.9rem;animation-duration:3.5s} .soon .error-illustration .stars i.star-5 {bottom:30%;right:30%;font-size:1.1rem;animation-duration:4.5s} .soon .support-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0.5rem} .soon .support-text .support-link {color:var(--accent-color);text-decoration:none;font-weight:500;transition:color 0.3s ease} .soon .support-text .support-link:hover {color:color-mix(in srgb,var(--accent-color),transparent 20%)} @media (max-width:991.98px) {.soon .error-content {text-align:center !important;padding-bottom:0} .soon .error-text {margin:0 auto 2rem} .soon .error-illustration {padding-top:3rem} .soon .error-illustration .illustration-container {height:300px} .soon .error-illustration .planet {font-size:6rem} .soon .error-illustration .astronaut {font-size:3rem}} @media (max-width:575.98px) {.soon .error-actions {display:flex;flex-direction:column;gap:1rem} .soon .error-actions .btn {width:100%} .soon .error-actions .ms-3 {margin-left:0 !important}} @keyframes float {0%,100% {transform:translateY(0)} 50% {transform:translateY(-20px)}} @keyframes twinkle {0%,100% {opacity:1;transform:scale(1)} 50% {opacity:0.5;transform:scale(0.7)}} .verify-certificate {padding-top:60px;padding-bottom:60px} .verify-certificate .results-count h2 {font-size:1.75rem;margin-bottom:0.5rem;font-weight:700} .verify-certificate .results-count p {font-size:1.1rem;margin-bottom:0} .verify-certificate .results-count .results-number,.verify-certificate .results-count .search-term {font-weight:600;color:var(--accent-color)} .verify-certificate .search-form {position:relative} .verify-certificate .search-form .input-group {box-shadow:0 5px 15px rgba(0,0,0,0.05);border-radius:50px;overflow:hidden} .verify-certificate .search-form .form-control {color:var(--default-color);background-color:var(--surface-color);font-size:14px;border-color:color-mix(in srgb,var(--default-color),transparent 80%);padding:12px 20px;border-radius:50px 0 0 50px;border-right:none;height:auto} .verify-certificate .search-form .form-control:focus {border-color:var(--accent-color);box-shadow:none} .verify-certificate .search-form .form-control::placeholder {color:color-mix(in srgb,var(--default-color),transparent 70%)} .verify-certificate .search-form .search-btn {background-color:var(--accent-color);color:var(--contrast-color);border:none;padding:0 25px;border-radius:0 50px 50px 0;transition:all 0.3s ease} .verify-certificate .search-form .search-btn:hover {background-color:color-mix(in srgb,var(--accent-color),#000 15%)} .verify-certificate .search-filters .filter-label {font-weight:600;margin-right:10px;color:var(--heading-color)} .verify-certificate .search-filters .tags-wrapper {display:inline-flex;flex-wrap:wrap;gap:8px} .verify-certificate .search-filters .filter-tag {display:inline-flex;align-items:center;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);font-size:0.85rem;padding:5px 12px;border-radius:30px;transition:all 0.3s ease} .verify-certificate .search-filters .filter-tag i {margin-left:5px;cursor:pointer;transition:all 0.3s ease} .verify-certificate .search-filters .filter-tag:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 80%)} .verify-certificate .search-filters .filter-tag:hover i {transform:scale(1.1)} .verify-certificate .search-filters .sort-options label {color:var(--heading-color);font-weight:500} .verify-certificate .search-filters .sort-options .form-select {border-color:color-mix(in srgb,var(--default-color),transparent 80%);color:var(--default-color);background-color:var(--surface-color);font-size:0.9rem;transition:all 0.3s ease} .verify-certificate .search-filters .sort-options .form-select:focus {border-color:var(--accent-color);box-shadow:none} @media (max-width:991.98px) {.verify-certificate .filter-tags {margin-bottom:15px} .verify-certificate .sort-options {text-align:left}} @media (max-width:767.98px) {.verify-certificate .results-count h2 {font-size:1.5rem} .verify-certificate .results-count p {font-size:1rem} .verify-certificate .filter-label {display:block;margin-bottom:8px} .verify-certificate .tags-wrapper {margin-top:5px}} .certificate-result {overflow:hidden;position:relative} .certificate-result::before {content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;border-radius:50%;z-index:0;pointer-events:none} .certificate-result .container {position:relative;z-index:1} .certificate-result .profile-card {background:var(--surface-color);border-radius:24px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,0.08);position:sticky;top:100px} .certificate-result .profile-card .profile-header {text-align:center;padding-bottom:30px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .certificate-result .profile-card .profile-header .profile-avatar {width:140px;height:140px;margin:0 auto 24px;position:relative;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#ff6b9d 50%))} .certificate-result .profile-card .profile-header .profile-avatar img {width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--surface-color)} .certificate-result .profile-card .profile-header .profile-avatar .status-indicator {position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#10b981;border:4px solid var(--surface-color);border-radius:50%;animation:pulse 2s infinite} .certificate-result .profile-card .profile-header h3 {font-size:24px;font-weight:700;margin-bottom:8px;color:var(--heading-color)} .certificate-result .profile-card .profile-header .role {display:inline-block;font-size:15px;color:var(--accent-color);font-weight:500;margin-bottom:16px} .certificate-result .profile-card .profile-header .rating {display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px} .certificate-result .profile-card .profile-header .rating i {color:#fbbf24;font-size:16px} .certificate-result .profile-card .profile-header .rating span {margin-left:8px;font-weight:600;color:var(--default-color);font-size:15px} .certificate-result .profile-card .profile-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .certificate-result .profile-card .profile-stats .stat-item {text-align:center} .certificate-result .profile-card .profile-stats .stat-item h4 {font-size:28px;font-weight:700;color:var(--accent-color);margin-bottom:6px} .certificate-result .profile-card .profile-stats .stat-item p {font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 30%);text-transform:uppercase;letter-spacing:0.5px;margin:0} .certificate-result .profile-card .profile-actions {display:flex;flex-direction:column;gap:12px;padding:30px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .certificate-result .profile-card .profile-actions a {display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:all 0.3s ease} .certificate-result .profile-card .profile-actions a.btn-primary {background:var(--accent-color);color:var(--contrast-color)} .certificate-result .profile-card .profile-actions a.btn-primary:hover {background:color-mix(in srgb,var(--accent-color),#000 15%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15)} .certificate-result .profile-card .profile-actions a.btn-secondary {background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color)} .certificate-result .profile-card .profile-actions a.btn-secondary:hover {background:color-mix(in srgb,var(--accent-color),transparent 85%)} .certificate-result .profile-card .profile-actions a i {font-size:18px} .certificate-result .profile-card .social-connect {display:flex;justify-content:center;gap:12px;padding-top:30px} .certificate-result .profile-card .social-connect a {width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--default-color),transparent 94%);border-radius:12px;color:var(--default-color);font-size:18px;transition:all 0.3s ease} .certificate-result .profile-card .social-connect a:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px)} .certificate-result .content-wrapper .bio-section {margin-bottom:50px} .certificate-result .content-wrapper .bio-section .section-tag {display:inline-block;padding:6px 16px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px} .certificate-result .content-wrapper .bio-section h2 {font-size:36px;font-weight:700;color:var(--heading-color);margin-bottom:24px;line-height:1.2} .certificate-result .content-wrapper .bio-section p {font-size:16px;line-height:1.8;color:var(--default-color);margin-bottom:16px} .certificate-result .content-wrapper .bio-section p:last-child {margin-bottom:0} .certificate-result .content-wrapper .details-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:50px} .certificate-result .content-wrapper .details-grid .detail-item {display:flex;align-items:center;gap:16px;padding:24px;background:var(--surface-color);border-radius:16px;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease} .certificate-result .content-wrapper .details-grid .detail-item:hover {border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.08)} .certificate-result .content-wrapper .details-grid .detail-item i {font-size:28px;color:var(--accent-color);flex-shrink:0} .certificate-result .content-wrapper .details-grid .detail-item .detail-content span {display:block;font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px} .certificate-result .content-wrapper .details-grid .detail-item .detail-content strong {display:block;font-size:16px;color:var(--heading-color);font-weight:600} .certificate-result .content-wrapper .skills-showcase .section-tag {display:inline-block;padding:6px 16px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px} .certificate-result .content-wrapper .skills-showcase h3 {font-size:28px;font-weight:700;color:var(--heading-color);margin-bottom:32px} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item {margin-bottom:28px} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .skill-info {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .skill-info .skill-name {font-size:15px;font-weight:600;color:var(--heading-color)} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .skill-info .skill-percent {font-size:15px;font-weight:700;color:var(--accent-color)} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .progress {height:10px;border-radius:10px;background:color-mix(in srgb,var(--default-color),transparent 94%);overflow:hidden} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .progress .progress-bar {width:0;height:100%;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#ff6b9d 50%));border-radius:10px;transition:width 1.5s cubic-bezier(0.65,0,0.35,1);position:relative} .certificate-result .content-wrapper .skills-showcase .skills-list .skill-item .progress .progress-bar::after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 2s infinite} @keyframes pulse {0%,100% {opacity:1} 50% {opacity:0.6}} @keyframes shimmer {0% {transform:translateX(-100%)} 100% {transform:translateX(100%)}} @media (max-width:992px) {.certificate-result .profile-card {position:static;margin-bottom:40px} .certificate-result .content-wrapper .bio-section h2 {font-size:30px} .certificate-result .content-wrapper .details-grid {grid-template-columns:1fr} .certificate-result .content-wrapper .skills-showcase h3 {font-size:24px}} @media (max-width:576px) {.certificate-result .profile-card {padding:30px 20px} .certificate-result .profile-card .profile-header .profile-avatar {width:120px;height:120px} .certificate-result .profile-card .profile-stats {grid-template-columns:repeat(3,1fr);gap:16px} .certificate-result .profile-card .profile-stats .stat-item h4 {font-size:24px} .certificate-result .content-wrapper .bio-section h2 {font-size:26px} .certificate-result .content-wrapper .details-grid .detail-item {padding:18px} .certificate-result .content-wrapper .details-grid .detail-item i {font-size:24px}} .specialists-title {padding-top:60px;padding-bottom:56px} .specialists-title .team-intro .intro-content h3 {font-size:2.2rem;margin-bottom:20px;color:var(--heading-color)} .specialists-title .team-intro .intro-content p {font-size:1.05rem;line-height:1.6;margin-bottom:30px;color:color-mix(in srgb,var(--default-color),transparent 15%)} .specialists-title .team-intro .intro-content .stats-row {display:flex;gap:30px;flex-wrap:wrap} .specialists-title .team-intro .intro-content .stats-row .stat-item {display:flex;flex-direction:column;align-items:center;text-align:center} .specialists-title .team-intro .intro-content .stats-row .stat-item .stat-number {font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:4px} .specialists-title .team-intro .intro-content .stats-row .stat-item .stat-label {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:0.5px} .specialists-title .team-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:400px;margin:0 auto} .specialists-title .team-grid .member-hexagon {position:relative;width:160px;height:160px;margin:0 auto} .specialists-title .team-grid .member-hexagon:nth-child(even) {margin-top:40px} .specialists-title .team-grid .member-hexagon .hexagon-inner {position:relative;width:100%;height:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;transition:all 0.4s ease;cursor:pointer} .specialists-title .team-grid .member-hexagon .hexagon-inner:hover {border-radius:20% 80% 80% 20%/20% 20% 80% 80%;transform:scale(1.05) rotate(5deg)} .specialists-title .team-grid .member-hexagon .hexagon-inner:hover .member-overlay {opacity:1;transform:translateY(0)} .specialists-title .team-grid .member-hexagon .hexagon-inner:hover img {transform:scale(1.1)} .specialists-title .team-grid .member-hexagon .hexagon-inner img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay {position:absolute;inset:0;background:linear-gradient(45deg,color-mix(in srgb,var(--accent-color),transparent 10%) 0%,color-mix(in srgb,var(--accent-color),transparent 25%) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--contrast-color);opacity:0;transform:translateY(20px);transition:all 0.4s ease;padding:20px} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay h5 {font-size:1.1rem;margin:0 0 4px 0;font-weight:600;color:var(--contrast-color)} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay span {font-size:0.85rem;margin-bottom:15px;opacity:0.9} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons {display:flex;gap:8px} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons a {width:32px;height:32px;border-radius:50%;background:var(--surface-color);color:var(--accent-color);display:grid;place-items:center;transition:all 0.3s ease} .specialists-title .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons a:hover {background:var(--contrast-color);transform:translateY(-2px)} .specialists-title .team-carousel-wrapper .carousel-title {text-align:center;font-size:1.8rem;margin-bottom:40px;color:var(--heading-color)} .specialists-title .team-carousel-wrapper .leadership-slider {padding-bottom:50px} .specialists-title .team-carousel-wrapper .leadership-slider .swiper-slide {padding:15px} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card {background:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 5px 15px color-mix(in srgb,var(--default-color),transparent 94%);transition:all 0.3s ease;height:100%} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card:hover {transform:translateY(-8px)} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-image {position:relative;height:200px;overflow:hidden} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-image::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent-color),transparent 85%) 100%)} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info {padding:25px;text-align:center} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info h5 {font-size:1.3rem;margin:0 0 5px 0;color:var(--heading-color)} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info .position {color:var(--accent-color);font-weight:500;font-size:0.95rem;margin-bottom:15px;display:block} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info p {font-size:0.9rem;line-height:1.5;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact {display:flex;justify-content:center;gap:10px} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact .contact-btn {width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);display:grid;place-items:center;transition:all 0.3s ease} .specialists-title .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact .contact-btn:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .specialists-title .team-carousel-wrapper .leadership-slider .swiper-pagination .swiper-pagination-bullet {background:color-mix(in srgb,var(--accent-color),transparent 70%);opacity:1} .specialists-title .team-carousel-wrapper .leadership-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--accent-color)} .specialists-title .join-team-cta {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,color-mix(in srgb,var(--accent-color),transparent 92%) 100%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 75%);border-radius:25px;padding:40px;text-align:center;position:relative;overflow:hidden} .specialists-title .join-team-cta::before {content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color),transparent 85%) 0%,transparent 70%);border-radius:50%} .specialists-title .join-team-cta .cta-icon {width:80px;height:80px;border-radius:20px;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);display:grid;place-items:center;margin:0 auto 25px;position:relative;z-index:2} .specialists-title .join-team-cta .cta-icon i {font-size:2rem} .specialists-title .join-team-cta .cta-content {position:relative;z-index:2} .specialists-title .join-team-cta .cta-content h4 {font-size:1.8rem;margin-bottom:15px;color:var(--heading-color)} .specialists-title .join-team-cta .cta-content p {font-size:1.05rem;color:color-mix(in srgb,var(--default-color),transparent 15%);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto} .specialists-title .join-team-cta .cta-content .cta-actions {display:flex;justify-content:center;gap:15px;flex-wrap:wrap} .specialists-title .join-team-cta .cta-content .cta-actions .btn {padding:12px 24px;border-radius:12px;font-weight:500;transition:all 0.3s ease} .specialists-title .join-team-cta .cta-content .cta-actions .btn.btn-primary {background:var(--accent-color);color:var(--contrast-color);border:1px solid var(--accent-color)} .specialists-title .join-team-cta .cta-content .cta-actions .btn.btn-primary:hover {background:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent-color),transparent 65%)} .specialists-title .join-team-cta .cta-content .cta-actions .btn.btn-outline {background:transparent;color:var(--accent-color);border:1px solid var(--accent-color)} .specialists-title .join-team-cta .cta-content .cta-actions .btn.btn-outline:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .specialists-title .swiper-wrapper {height:auto !important} @media (max-width:1200px) {.specialists-title .team-intro .intro-content h3 {font-size:1.9rem}} @media (max-width:992px) {.specialists-title .team-grid {max-width:300px} .specialists-title .team-grid .member-hexagon {width:130px;height:130px} .specialists-title .team-grid .member-hexagon:nth-child(even) {margin-top:30px} .specialists-title .join-team-cta {padding:30px 20px} .specialists-title .join-team-cta .cta-content h4 {font-size:1.5rem}} @media (max-width:768px) {.specialists-title .team-intro .intro-content {text-align:center;margin-bottom:40px} .specialists-title .team-intro .intro-content .stats-row {justify-content:center;gap:20px} .specialists-title .team-grid {grid-template-columns:1fr;max-width:200px} .specialists-title .team-grid .member-hexagon {width:180px;height:180px} .specialists-title .team-grid .member-hexagon:nth-child(even) {margin-top:0} .specialists-title .join-team-cta .cta-content .cta-actions {flex-direction:column;align-items:center} .specialists-title .join-team-cta .cta-content .cta-actions .btn {width:200px}} @media (max-width:576px) {.specialists-title .team-carousel-wrapper .carousel-title {font-size:1.5rem;margin-bottom:30px} .specialists-title .leadership-slider .leader-card .leader-info {padding:20px}} .specialists-list .member {background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);text-align:center;margin-bottom:20px;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease} .specialists-list .member.is-profile-card {cursor:pointer} .specialists-list .member.is-profile-card:hover,.specialists-list .member.is-profile-card:focus-visible {transform:translateY(-6px);box-shadow:0 18px 40px color-mix(in srgb,var(--default-color),transparent 84%);border-color:color-mix(in srgb,var(--accent-color),transparent 55%)} .specialists-list .member img {margin:-1px -1px 30px -1px} .specialists-list .member .member-content {padding:30px 20px 30px 20px} .specialists-list .member h4 {font-weight:700;margin-bottom:2px;font-size:18px} .specialists-list .member span {font-style:italic;display:block;font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 20%)} .specialists-list .member p {padding-top:10px;font-size:14px;font-style:italic;color:color-mix(in srgb,var(--default-color),transparent 40%)} .specialists-list .member .social {margin-top:15px} .specialists-list .member .social a {color:color-mix(in srgb,var(--default-color),transparent 60%);transition:0.3s} .specialists-list .member .social a:hover {color:var(--accent-color)} .specialists-list .member .social i {font-size:18px;margin:0 2px} .specialists-join-us {padding-top:60px;padding-bottom:60px} .specialists-join-us .team-intro .intro-content h3 {font-size:2.2rem;margin-bottom:20px;color:var(--heading-color)} .specialists-join-us .team-intro .intro-content p {font-size:1.05rem;line-height:1.6;margin-bottom:30px;color:color-mix(in srgb,var(--default-color),transparent 15%)} .specialists-join-us .team-intro .intro-content .stats-row {display:flex;gap:30px;flex-wrap:wrap} .specialists-join-us .team-intro .intro-content .stats-row .stat-item {display:flex;flex-direction:column;align-items:center;text-align:center} .specialists-join-us .team-intro .intro-content .stats-row .stat-item .stat-number {font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:4px} .specialists-join-us .team-intro .intro-content .stats-row .stat-item .stat-label {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:0.5px} .specialists-join-us .team-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:400px;margin:0 auto} .specialists-join-us .team-grid .member-hexagon {position:relative;width:160px;height:160px;margin:0 auto} .specialists-join-us .team-grid .member-hexagon:nth-child(even) {margin-top:40px} .specialists-join-us .team-grid .member-hexagon .hexagon-inner {position:relative;width:100%;height:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;transition:all 0.4s ease;cursor:pointer} .specialists-join-us .team-grid .member-hexagon .hexagon-inner:hover {border-radius:20% 80% 80% 20%/20% 20% 80% 80%;transform:scale(1.05) rotate(5deg)} .specialists-join-us .team-grid .member-hexagon .hexagon-inner:hover .member-overlay {opacity:1;transform:translateY(0)} .specialists-join-us .team-grid .member-hexagon .hexagon-inner:hover img {transform:scale(1.1)} .specialists-join-us .team-grid .member-hexagon .hexagon-inner img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay {position:absolute;inset:0;background:linear-gradient(45deg,color-mix(in srgb,var(--accent-color),transparent 10%) 0%,color-mix(in srgb,var(--accent-color),transparent 25%) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--contrast-color);opacity:0;transform:translateY(20px);transition:all 0.4s ease;padding:20px} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay h5 {font-size:1.1rem;margin:0 0 4px 0;font-weight:600;color:var(--contrast-color)} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay span {font-size:0.85rem;margin-bottom:15px;opacity:0.9} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons {display:flex;gap:8px} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons a {width:32px;height:32px;border-radius:50%;background:var(--surface-color);color:var(--accent-color);display:grid;place-items:center;transition:all 0.3s ease} .specialists-join-us .team-grid .member-hexagon .hexagon-inner .member-overlay .social-icons a:hover {background:var(--contrast-color);transform:translateY(-2px)} .specialists-join-us .team-carousel-wrapper .carousel-title {text-align:center;font-size:1.8rem;margin-bottom:40px;color:var(--heading-color)} .specialists-join-us .team-carousel-wrapper .leadership-slider {padding-bottom:50px} .specialists-join-us .team-carousel-wrapper .leadership-slider .swiper-slide {padding:15px} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card {background:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 5px 15px color-mix(in srgb,var(--default-color),transparent 94%);transition:all 0.3s ease;height:100%} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card:hover {transform:translateY(-8px)} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-image {position:relative;height:200px;overflow:hidden} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-image::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent-color),transparent 85%) 100%)} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info {padding:25px;text-align:center} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info h5 {font-size:1.3rem;margin:0 0 5px 0;color:var(--heading-color)} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info .position {color:var(--accent-color);font-weight:500;font-size:0.95rem;margin-bottom:15px;display:block} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info p {font-size:0.9rem;line-height:1.5;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact {display:flex;justify-content:center;gap:10px} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact .contact-btn {width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);display:grid;place-items:center;transition:all 0.3s ease} .specialists-join-us .team-carousel-wrapper .leadership-slider .leader-card .leader-info .leader-contact .contact-btn:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .specialists-join-us .team-carousel-wrapper .leadership-slider .swiper-pagination .swiper-pagination-bullet {background:color-mix(in srgb,var(--accent-color),transparent 70%);opacity:1} .specialists-join-us .team-carousel-wrapper .leadership-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--accent-color)} .specialists-join-us .join-team-cta {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,color-mix(in srgb,var(--accent-color),transparent 92%) 100%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 75%);border-radius:25px;padding:40px;text-align:center;position:relative;overflow:hidden} .specialists-join-us .join-team-cta::before {content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color),transparent 85%) 0%,transparent 70%);border-radius:50%} .specialists-join-us .join-team-cta .cta-icon {width:80px;height:80px;border-radius:20px;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);display:grid;place-items:center;margin:0 auto 25px;position:relative;z-index:2} .specialists-join-us .join-team-cta .cta-icon i {font-size:2rem} .specialists-join-us .join-team-cta .cta-content {position:relative;z-index:2} .specialists-join-us .join-team-cta .cta-content h4 {font-size:1.8rem;margin-bottom:15px;color:var(--heading-color)} .specialists-join-us .join-team-cta .cta-content p {font-size:1.05rem;color:color-mix(in srgb,var(--default-color),transparent 15%);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto} .specialists-join-us .join-team-cta .cta-content .cta-actions {display:flex;justify-content:center;gap:15px;flex-wrap:wrap} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn {padding:12px 24px;border-radius:12px;font-weight:500;transition:all 0.3s ease} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn.btn-primary {background:var(--accent-color);color:var(--contrast-color);border:1px solid var(--accent-color)} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn.btn-primary:hover {background:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent-color),transparent 65%)} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn.btn-outline {background:transparent;color:var(--accent-color);border:1px solid var(--accent-color)} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn.btn-outline:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .specialists-join-us .swiper-wrapper {height:auto !important} @media (max-width:1200px) {.specialists-join-us .team-intro .intro-content h3 {font-size:1.9rem}} @media (max-width:992px) {.specialists-join-us .team-grid {max-width:300px} .specialists-join-us .team-grid .member-hexagon {width:130px;height:130px} .specialists-join-us .team-grid .member-hexagon:nth-child(even) {margin-top:30px} .specialists-join-us .join-team-cta {padding:30px 20px} .specialists-join-us .join-team-cta .cta-content h4 {font-size:1.5rem}} @media (max-width:768px) {.specialists-join-us .team-intro .intro-content {text-align:center;margin-bottom:40px} .specialists-join-us .team-intro .intro-content .stats-row {justify-content:center;gap:20px} .specialists-join-us .team-grid {grid-template-columns:1fr;max-width:200px} .specialists-join-us .team-grid .member-hexagon {width:180px;height:180px} .specialists-join-us .team-grid .member-hexagon:nth-child(even) {margin-top:0} .specialists-join-us .join-team-cta .cta-content .cta-actions {flex-direction:column;align-items:center} .specialists-join-us .join-team-cta .cta-content .cta-actions .btn {width:200px}} @media (max-width:576px) {.specialists-join-us .team-carousel-wrapper .carousel-title {font-size:1.5rem;margin-bottom:30px} .specialists-join-us .leadership-slider .leader-card .leader-info {padding:20px}} .specialist0-about {padding:80px 0;overflow:hidden} .specialist0-about .author-image {position:relative;margin-bottom:30px} .specialist0-about .author-image img {border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,0.1);width:100%} .specialist0-about .author-image .author-signature {position:absolute;bottom:-25px;right:20px;background-color:var(--surface-color);padding:15px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.08);width:40%;transform:rotate(-5deg);transition:transform 0.3s ease} .specialist0-about .author-image .author-signature img {width:100%;height:auto;box-shadow:none} .specialist0-about .author-image .author-signature:hover {transform:rotate(0deg)} @media (max-width:992px) {.specialist0-about .author-image {max-width:450px;margin:0 auto 30px}} .specialist0-about .author-info h2 {font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);margin-bottom:10px} .specialist0-about .author-info h3 {font-size:36px;font-weight:700;color:var(--heading-color);margin-bottom:10px} @media (max-width:768px) {.specialist0-about .author-info h3 {font-size:30px}} .specialist0-about .author-info .author-credentials {font-size:18px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:25px;font-style:italic} .specialist0-about .author-info .author-bio {margin-bottom:30px} .specialist0-about .author-info .author-bio p {color:var(--default-color);margin-bottom:15px;line-height:1.6} .specialist0-about .author-info .author-bio p:last-child {margin-bottom:0} .specialist0-about .author-info .author-awards {margin-bottom:30px} .specialist0-about .author-info .author-awards h4 {font-size:18px;font-weight:600;color:var(--heading-color);margin-bottom:15px;position:relative;padding-bottom:10px} .specialist0-about .author-info .author-awards h4:after {content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-color)} .specialist0-about .author-info .author-awards ul {list-style:none;padding:0;margin:0} .specialist0-about .author-info .author-awards ul li {display:flex;align-items:center;margin-bottom:12px} .specialist0-about .author-info .author-awards ul li i {color:var(--accent-color);font-size:18px;margin-right:10px;flex-shrink:0} .specialist0-about .author-info .author-awards ul li span {color:var(--default-color);line-height:1.4} .specialist0-about .author-info .author-social h4 {font-size:18px;font-weight:600;color:var(--heading-color);margin-bottom:15px;position:relative;padding-bottom:10px} .specialist0-about .author-info .author-social h4:after {content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-color)} .specialist0-about .author-info .author-social .social-links {display:flex;gap:15px} .specialist0-about .author-info .author-social .social-links a {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);font-size:18px;transition:all 0.3s ease} .specialist0-about .author-info .author-social .social-links a:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-5px)} @media (max-width:992px) {.specialist0-about .author-info {text-align:center} .specialist0-about .author-info h2,.specialist0-about .author-info h3,.specialist0-about .author-info .author-credentials {text-align:center} .specialist0-about .author-info .author-awards h4:after,.specialist0-about .author-info .author-social h4:after {left:50%;transform:translateX(-50%)} .specialist0-about .author-info .author-awards ul li {justify-content:center} .specialist0-about .author-info .author-social .social-links {justify-content:center}} .partner {padding-top:60px;padding-bottom:60px} .partner .author-card {display:flex;background-color:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);position:relative} @media (max-width:991.98px) {.partner .author-card {flex-direction:column}} .partner .author-background {position:relative;width:35%;min-height:400px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color),transparent 90%),color-mix(in srgb,var(--accent-color),transparent 90%));display:flex;align-items:center;justify-content:center} @media (max-width:991.98px) {.partner .author-background {width:100%;min-height:300px}} .partner .author-background::after {content:"";position:absolute;top:0;right:0;bottom:0;width:400px;background:linear-gradient(to right,transparent,var(--surface-color))} @media (max-width:991.98px) {.partner .author-background::after {display:none}} .partner .author-image-wrapper {width:200px;height:200px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);transform:rotate(-5deg);transition:transform 0.3s ease;z-index:2} .partner .author-image-wrapper:hover {transform:rotate(0deg)} .partner .author-image-wrapper .author-image {width:100%;height:100%;object-fit:cover} .partner .author-details {flex:1;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem} @media (max-width:767.98px) {.partner .author-details {padding:2rem 1.5rem}} .partner .author-meta .author-name {font-size:2rem;margin:0;color:var(--heading-color);font-weight:700} .partner .author-meta .author-credentials {margin-top:1rem;display:flex;gap:0.5rem;flex-wrap:wrap} .partner .author-meta .author-credentials .badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);font-size:0.85rem;padding:0.5rem 1rem;border-radius:20px;font-weight:500} .partner .author-description {font-size:1rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%)} .partner .author-stats {display:flex;gap:2rem;padding:1.5rem 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} @media (max-width:767.98px) {.partner .author-stats {gap:1rem;justify-content:space-around}} .partner .author-stats .stat-item {text-align:center} .partner .author-stats .stat-item .stat-value {display:block;font-size:1.5rem;font-weight:700;color:var(--heading-color);font-family:var(--heading-font)} .partner .author-stats .stat-item .stat-label {font-size:0.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-top:0.25rem} .partner .author-footer {display:flex;justify-content:space-between;align-items:center;margin-top:auto} @media (max-width:767.98px) {.partner .author-footer {flex-direction:column;gap:1.5rem}} .partner .author-footer .social-links {display:flex;gap:1rem} .partner .author-footer .social-links a {color:var(--accent-color);font-size:1.25rem;transition:all 0.3s ease} .partner .author-footer .social-links a:hover {transform:translateY(-3px);color:var(--heading-color)} .partner .author-footer .btn-connect {display:inline-flex;align-items:center;gap:0.5rem;background-color:var(--accent-color);color:var(--contrast-color);padding:0.75rem 1.5rem;border-radius:25px;font-weight:500;transition:all 0.3s ease} .partner .author-footer .btn-connect i {transition:transform 0.3s ease} .partner .author-footer .btn-connect:hover {background-color:var(--heading-color)} .partner .author-footer .btn-connect:hover i {transform:translateX(5px)} .partner-2 {padding-top:60px;padding-bottom:60px} .partner-2 .author-card {display:flex;background-color:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);position:relative} @media (max-width:991.98px) {.partner-2 .author-card {flex-direction:column}} .partner-2 .author-background {position:relative;width:35%;min-height:400px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color),transparent 90%),color-mix(in srgb,var(--accent-color),transparent 90%));display:flex;align-items:center;justify-content:center} @media (max-width:991.98px) {.partner-2 .author-background {width:100%;min-height:300px}} .partner-2 .author-background::after {content:"";position:absolute;top:0;right:0;bottom:0;width:400px;background:linear-gradient(to right,transparent,var(--surface-color))} @media (max-width:991.98px) {.partner-2 .author-background::after {display:none}} .partner-2 .author-image-wrapper {width:200px;height:200px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);transform:rotate(-5deg);transition:transform 0.3s ease;z-index:2} .partner-2 .author-image-wrapper:hover {transform:rotate(0deg)} .partner-2 .author-image-wrapper .author-image {width:100%;height:100%;object-fit:cover} .partner-2 .author-details {flex:1;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem} @media (max-width:767.98px) {.partner-2 .author-details {padding:2rem 1.5rem}} .partner-2 .author-meta .author-name {font-size:2rem;margin:0;color:var(--heading-color);font-weight:700} .partner-2 .author-meta .author-credentials {margin-top:1rem;display:flex;gap:0.5rem;flex-wrap:wrap} .partner-2 .author-meta .author-credentials .badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);font-size:0.85rem;padding:0.5rem 1rem;border-radius:20px;font-weight:500} .partner-2 .author-description {font-size:1rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%)} .partner-2 .author-stats {display:flex;gap:2rem;padding:1.5rem 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} @media (max-width:767.98px) {.partner-2 .author-stats {gap:1rem;justify-content:space-around}} .partner-2 .author-stats .stat-item {text-align:center} .partner-2 .author-stats .stat-item .stat-value {display:block;font-size:1.5rem;font-weight:700;color:var(--heading-color);font-family:var(--heading-font)} .partner-2 .author-stats .stat-item .stat-label {font-size:0.875rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-top:0.25rem} .partner-2 .author-footer {display:flex;justify-content:space-between;align-items:center;margin-top:auto} @media (max-width:767.98px) {.partner-2 .author-footer {flex-direction:column;gap:1.5rem}} .partner-2 .author-footer .social-links {display:flex;gap:1rem} .partner-2 .author-footer .social-links a {color:var(--accent-color);font-size:1.25rem;transition:all 0.3s ease} .partner-2 .author-footer .social-links a:hover {transform:translateY(-3px);color:var(--heading-color)} .partner-2 .author-footer .btn-connect {display:inline-flex;align-items:center;gap:0.5rem;background-color:var(--accent-color);color:var(--contrast-color);padding:0.75rem 1.5rem;border-radius:25px;font-weight:500;transition:all 0.3s ease} .partner-2 .author-footer .btn-connect i {transition:transform 0.3s ease} .partner-2 .author-footer .btn-connect:hover {background-color:var(--heading-color)} .partner-2 .author-footer .btn-connect:hover i {transform:translateX(5px)} .trust-center {padding-top:80px;background-color:color-mix(in srgb,var(--background-color),var(--default-color) 2%);padding-bottom:80px} .trust-center .row {position:relative} .trust-center .policy-sidebar {position:sticky;top:100px;background-color:var(--surface-color);border-radius:12px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.05)} .trust-center .policy-sidebar h3 {font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--heading-color);margin-bottom:20px} .trust-center .policy-sidebar .policy-nav {display:flex;flex-direction:column;gap:5px} .trust-center .policy-sidebar .policy-nav .nav-link {padding:12px 15px;border-radius:8px;color:var(--default-color);font-size:0.95rem;transition:all 0.3s;border-left:3px solid transparent} .trust-center .policy-sidebar .policy-nav .nav-link:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-left-color:var(--accent-color);padding-left:20px} .trust-center .policy-sidebar .policy-nav .nav-link.active {background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);font-weight:600;border-left-color:var(--accent-color)} .trust-center .policy-main {background-color:var(--surface-color);border-radius:12px;padding:50px;box-shadow:0 4px 20px rgba(0,0,0,0.05)} .trust-center .policy-hero {margin-bottom:60px} .trust-center .policy-hero .badge {display:inline-block;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);padding:8px 20px;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:25px;text-transform:uppercase;letter-spacing:0.5px} .trust-center .policy-hero h1 {font-size:3rem;color:var(--heading-color);margin-bottom:20px;font-weight:800;line-height:1.2} .trust-center .policy-hero .lead {font-size:1.25rem;color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1.7;max-width:700px} .trust-center .policy-section {margin-bottom:60px;position:relative;padding-left:80px} .trust-center .policy-section:last-child {margin-bottom:0} .trust-center .policy-section .section-number {position:absolute;left:0;top:0;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));color:var(--contrast-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,0.15)} .trust-center .policy-section h2 {font-size:2rem;color:var(--heading-color);margin-bottom:20px;font-weight:700} .trust-center .policy-section h3 {font-size:1.4rem;color:var(--heading-color);margin:30px 0 15px;font-weight:600} .trust-center .policy-section p {color:var(--default-color);line-height:1.8;margin-bottom:20px;font-size:1.05rem} .trust-center .info-card {display:flex;gap:25px;background-color:color-mix(in srgb,var(--background-color),var(--accent-color) 3%);border-radius:12px;padding:30px;margin-top:25px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%)} .trust-center .info-card .card-icon {flex-shrink:0;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-size:1.8rem} .trust-center .info-card .card-content {flex:1} .trust-center .info-card .card-content h3 {margin-top:0;margin-bottom:15px} .trust-center .info-card .card-content ul {list-style:none;padding:0;margin:15px 0 0} .trust-center .info-card .card-content ul li {position:relative;padding-left:25px;margin-bottom:10px;color:var(--default-color);line-height:1.6} .trust-center .info-card .card-content ul li::before {content:"\f285";font-family:"bootstrap-icons";position:absolute;left:0;color:var(--accent-color);font-size:0.9rem} .trust-center .usage-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px} .trust-center .usage-grid .usage-item {display:flex;align-items:flex-start;gap:15px;padding:20px;background-color:var(--background-color);border-radius:10px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s} .trust-center .usage-grid .usage-item:hover {border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08)} .trust-center .usage-grid .usage-item i {color:var(--accent-color);font-size:1.5rem;flex-shrink:0;margin-top:2px} .trust-center .usage-grid .usage-item span {color:var(--default-color);line-height:1.5;font-size:0.95rem} .trust-center .sharing-box {background-color:var(--background-color);border-left:4px solid var(--accent-color);border-radius:8px;padding:30px;margin-top:25px} .trust-center .sharing-box h3 {margin-top:0;margin-bottom:15px} .trust-center .sharing-box ul {list-style:none;padding:0;margin:20px 0 0} .trust-center .sharing-box ul li {position:relative;padding-left:25px;margin-bottom:12px;color:var(--default-color);line-height:1.6} .trust-center .sharing-box ul li::before {content:"\f26a";font-family:"bootstrap-icons";position:absolute;left:0;color:var(--accent-color);font-size:0.9rem} .trust-center .security-features {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px} .trust-center .security-features .feature {background-color:var(--background-color);border-radius:12px;padding:30px;text-align:center;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s} .trust-center .security-features .feature:hover {border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)} .trust-center .security-features .feature:hover i {transform:scale(1.1)} .trust-center .security-features .feature i {font-size:3rem;color:var(--accent-color);margin-bottom:20px;display:block;transition:all 0.3s} .trust-center .security-features .feature h4 {font-size:1.2rem;color:var(--heading-color);margin-bottom:12px;font-weight:600} .trust-center .security-features .feature p {font-size:0.95rem;margin-bottom:0} .trust-center .rights-list {margin-top:30px} .trust-center .rights-list .right-item {display:flex;gap:20px;padding:25px;background-color:var(--background-color);border-radius:10px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s} .trust-center .rights-list .right-item:hover {border-color:var(--accent-color);box-shadow:0 6px 20px rgba(0,0,0,0.08)} .trust-center .rights-list .right-item:hover .right-icon {background-color:var(--accent-color);color:var(--contrast-color)} .trust-center .rights-list .right-item .right-icon {flex-shrink:0;width:55px;height:55px;border-radius:10px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all 0.3s} .trust-center .rights-list .right-item .right-content {flex:1} .trust-center .rights-list .right-item .right-content h4 {font-size:1.15rem;color:var(--heading-color);margin-bottom:8px;font-weight:600} .trust-center .rights-list .right-item .right-content p {margin-bottom:0;font-size:0.95rem;line-height:1.6} .trust-center .policy-contact {margin-top:60px} .trust-center .policy-contact .contact-card {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));border-radius:16px;padding:50px;color:var(--contrast-color)} .trust-center .policy-contact .contact-card h2 {color:var(--contrast-color);margin-bottom:15px;font-size:2rem;font-weight:700} .trust-center .policy-contact .contact-card p {color:color-mix(in srgb,var(--contrast-color),transparent 15%);margin-bottom:35px;font-size:1.05rem} .trust-center .policy-contact .contact-card .contact-info {display:flex;flex-direction:column;gap:25px} .trust-center .policy-contact .contact-card .contact-info .info-item {display:flex;align-items:flex-start;gap:20px;padding:25px;background-color:color-mix(in srgb,var(--contrast-color),transparent 85%);border-radius:12px} .trust-center .policy-contact .contact-card .contact-info .info-item i {font-size:1.8rem;color:var(--contrast-color);flex-shrink:0;margin-top:3px} .trust-center .policy-contact .contact-card .contact-info .info-item div {flex:1} .trust-center .policy-contact .contact-card .contact-info .info-item div strong {display:block;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:var(--contrast-color);font-weight:700} .trust-center .policy-contact .contact-card .contact-info .info-item div span {display:block;font-size:1.1rem;color:var(--contrast-color)} @media (max-width:991px) {.trust-center .policy-sidebar {position:static;margin-bottom:30px} .trust-center .policy-main {padding:35px} .trust-center .policy-section {padding-left:0} .trust-center .policy-section .section-number {position:static;margin-bottom:20px}} @media (max-width:767px) {.trust-center {padding:50px 0} .trust-center .policy-main {padding:25px} .trust-center .policy-hero {margin-bottom:40px} .trust-center .policy-hero h1 {font-size:2.2rem} .trust-center .policy-hero .lead {font-size:1.1rem} .trust-center .policy-section {margin-bottom:40px} .trust-center .policy-section h2 {font-size:1.6rem} .trust-center .policy-section .section-number {width:50px;height:50px;font-size:1.3rem} .trust-center .info-card {flex-direction:column} .trust-center .info-card .card-icon {width:50px;height:50px;font-size:1.5rem} .trust-center .usage-grid {grid-template-columns:1fr} .trust-center .security-features {grid-template-columns:1fr} .trust-center .policy-contact .contact-card {padding:30px 20px} .trust-center .policy-contact .contact-card h2 {font-size:1.6rem}} .hubs-offensive-security {padding-top:140px;padding-bottom:140px} .hubs-offensive-security .service-tile {display:grid;grid-template-columns:42% 58%;gap:0;color:inherit;text-decoration:none;background:var(--surface-color);border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--default-color) 10%,transparent);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%} .hubs-offensive-security .service-tile .tile-media {position:relative;min-height:220px} .hubs-offensive-security .service-tile .tile-media img {width:100%;height:100%;object-fit:cover} .hubs-offensive-security .service-tile .tile-content {padding:28px 30px;display:flex;flex-direction:column;gap:12px} .hubs-offensive-security .service-tile .tile-icon {width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);font-size:22px} .hubs-offensive-security .service-tile .text-block h3 {font-size:22px;font-weight:600;margin-bottom:8px} .hubs-offensive-security .service-tile .text-block p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color) 80%,transparent);margin:0} .hubs-offensive-security .service-tile .tile-list {list-style:none;padding:0;margin:0;display:grid;gap:6px} .hubs-offensive-security .service-tile .tile-list li {display:flex;align-items:center;gap:8px;font-size:14px;color:color-mix(in srgb,var(--default-color) 85%,transparent)} .hubs-offensive-security .service-tile .tile-list li i {color:var(--accent-color)} .hubs-offensive-security .service-tile .tile-link {display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--accent-color);transition:color 0.3s ease,transform 0.3s ease} .hubs-offensive-security .service-tile .tile-link:after {content:"→";transition:transform 0.3s ease} .hubs-offensive-security .service-tile:hover {transform:translateY(-6px);box-shadow:0 16px 36px color-mix(in srgb,var(--default-color) 12%,transparent)} .hubs-offensive-security .service-tile:hover .tile-link:after {transform:translateX(4px)} @media (max-width:992px) {.hubs-offensive-security .service-tile {grid-template-columns:1fr} .hubs-offensive-security .service-tile .tile-media {min-height:200px}} @media (max-width:576px) {.hubs-offensive-security .service-tile .tile-content {padding:22px}} .hubs-grc-and-advisory {padding-top:140px;background:linear-gradient(135deg,var(--surface-color) 0%,color-mix(in srgb,var(--accent-color),transparent 95%) 100%);padding-bottom:140px} .hubs-grc-and-advisory .services-list {max-width:1000px;margin:0 auto} .hubs-grc-and-advisory .service-item {display:flex;align-items:flex-start;gap:2rem;color:inherit;text-decoration:none;padding:2.5rem;margin-bottom:2rem;background:var(--surface-color);border-radius:20px;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.4s ease;position:relative;overflow:hidden} @media (max-width:768px) {.hubs-grc-and-advisory .service-item {flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}} .hubs-grc-and-advisory .service-item:hover {transform:translateX(10px);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 80%);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .hubs-grc-and-advisory .service-item:hover .service-number {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .hubs-grc-and-advisory .service-item:hover .service-icon {background:var(--accent-color);transform:scale(1.05)} .hubs-grc-and-advisory .service-item:hover .service-icon i {color:var(--contrast-color)} .hubs-grc-and-advisory .service-item:hover .service-btn {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .hubs-grc-and-advisory .service-item .service-number {flex-shrink:0;width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all 0.3s ease} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-number {order:1;margin:0 auto}} .hubs-grc-and-advisory .service-item .service-icon {flex-shrink:0;width:70px;height:70px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-icon {order:2;margin:0 auto}} .hubs-grc-and-advisory .service-item .service-icon i {font-size:32px;color:var(--accent-color);transition:color 0.3s ease} .hubs-grc-and-advisory .service-item .service-details {flex:1} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-details {order:3}} .hubs-grc-and-advisory .service-item .service-details h3 {font-size:24px;font-weight:700;margin-bottom:1rem;color:var(--heading-color);line-height:1.3} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-details h3 {font-size:20px}} .hubs-grc-and-advisory .service-item .service-details p {color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1.6;margin-bottom:1.5rem;font-size:15px} .hubs-grc-and-advisory .service-item .service-details .service-features {display:flex;flex-wrap:wrap;gap:0.5rem} .hubs-grc-and-advisory .service-item .service-details .service-features .feature-tag {background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%);transition:all 0.3s ease} .hubs-grc-and-advisory .service-item .service-details .service-features .feature-tag:hover {background:color-mix(in srgb,var(--accent-color),transparent 85%);transform:translateY(-2px)} .hubs-grc-and-advisory .service-item .service-action {flex-shrink:0;text-align:right} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-action {order:4;text-align:center;width:100%}} .hubs-grc-and-advisory .service-item .service-action .price-range {font-size:16px;font-weight:700;color:var(--heading-color);margin-bottom:1rem;white-space:nowrap} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-action .price-range {font-size:18px}} .hubs-grc-and-advisory .service-item .service-action .service-btn {width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease} @media (max-width:768px) {.hubs-grc-and-advisory .service-item .service-action .service-btn {margin:0 auto}} .hubs-grc-and-advisory .service-item .service-action .service-btn i {font-size:18px} .hubs-grc-and-advisory .service-item .service-action .service-btn:hover {transform:translateX(5px)} .hubs-grc-and-advisory .bottom-cta {margin-top:4rem} .hubs-grc-and-advisory .bottom-cta .cta-content {background:var(--surface-color);border-radius:20px;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} @media (max-width:768px) {.hubs-grc-and-advisory .bottom-cta .cta-content {flex-direction:column;text-align:center;padding:2rem;gap:2rem}} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-text {flex:1} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-text h4 {font-size:24px;font-weight:700;color:var(--heading-color);margin-bottom:0.5rem} @media (max-width:768px) {.hubs-grc-and-advisory .bottom-cta .cta-content .cta-text h4 {font-size:20px}} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;line-height:1.5} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions {flex-shrink:0;text-align:right} @media (max-width:768px) {.hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions {text-align:center;width:100%}} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .btn-contact {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-bottom:1rem} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .btn-contact:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);color:var(--contrast-color)} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .contact-info {display:flex;flex-direction:column;gap:0.5rem} @media (max-width:768px) {.hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .contact-info {align-items:center}} .hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .contact-info .phone,.hubs-grc-and-advisory .bottom-cta .cta-content .cta-actions .contact-info .email {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:500} .hubs-compliance-and-frameworks {padding-top:140px;padding-bottom:140px} .hubs-compliance-and-frameworks .services-nav {display:flex;flex-direction:column;gap:22px;border:none} .hubs-compliance-and-frameworks .tab-nav-item {display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:12px;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative} .hubs-compliance-and-frameworks .tab-nav-item::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 40%));transition:height 0.3s ease} .hubs-compliance-and-frameworks .tab-nav-item:hover {border-color:color-mix(in srgb,var(--accent-color),transparent 70%);background:color-mix(in srgb,var(--accent-color),var(--surface-color) 96%)} .hubs-compliance-and-frameworks .tab-nav-item:hover .nav-icon {background:color-mix(in srgb,var(--accent-color),transparent 80%)} .hubs-compliance-and-frameworks .tab-nav-item:hover .nav-arrow {opacity:1;transform:translateX(0)} .hubs-compliance-and-frameworks .tab-nav-item.active {border-color:color-mix(in srgb,var(--accent-color),transparent 60%);background:color-mix(in srgb,var(--accent-color),var(--surface-color) 94%);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-color),transparent 85%)} .hubs-compliance-and-frameworks .tab-nav-item.active::before {height:60%} .hubs-compliance-and-frameworks .tab-nav-item.active .nav-icon {background:var(--accent-color)} .hubs-compliance-and-frameworks .tab-nav-item.active .nav-icon i {color:var(--contrast-color)} .hubs-compliance-and-frameworks .tab-nav-item.active .nav-arrow {opacity:1;transform:translateX(0);color:var(--accent-color)} .hubs-compliance-and-frameworks .tab-nav-item.active .step-label {color:var(--accent-color)} .hubs-compliance-and-frameworks .nav-icon {width:48px;height:48px;min-width:48px;border-radius:10px;background:color-mix(in srgb,var(--accent-color),transparent 88%);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} .hubs-compliance-and-frameworks .nav-icon i {font-size:22px;color:var(--accent-color);transition:color 0.3s ease} .hubs-compliance-and-frameworks .nav-info {flex:1;min-width:0} .hubs-compliance-and-frameworks .nav-info .step-label {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:color-mix(in srgb,var(--default-color),transparent 50%);transition:color 0.3s ease} .hubs-compliance-and-frameworks .nav-info h5 {font-size:15px;font-weight:600;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hubs-compliance-and-frameworks .nav-arrow {font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 40%);opacity:0;transform:translateX(-6px);transition:all 0.3s ease} .hubs-compliance-and-frameworks .services-detail {position:relative} .hubs-compliance-and-frameworks .detail-panel {background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:16px;padding:40px;position:relative;overflow:hidden} .hubs-compliance-and-frameworks .detail-panel::after {content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-color),transparent 92%) 0%,transparent 70%);pointer-events:none} .hubs-compliance-and-frameworks .panel-badge {display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:var(--contrast-color);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:5px 14px;border-radius:30px;margin-bottom:20px} .hubs-compliance-and-frameworks .panel-header {display:flex;align-items:flex-start;gap:20px;margin-bottom:24px} .hubs-compliance-and-frameworks .panel-header h3 {font-size:22px;font-weight:700;margin:0 0 8px;letter-spacing:-0.01em} .hubs-compliance-and-frameworks .panel-header h3 a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .hubs-compliance-and-frameworks .panel-header h3 a:hover {color:var(--accent-color)} .hubs-compliance-and-frameworks .panel-subtitle {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin:0;line-height:1.5} .hubs-compliance-and-frameworks .panel-icon-wrap {width:56px;height:56px;min-width:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 35%));display:flex;align-items:center;justify-content:center} .hubs-compliance-and-frameworks .panel-icon-wrap i {font-size:26px;color:var(--contrast-color)} .hubs-compliance-and-frameworks .panel-desc {font-size:15px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:24px;position:relative;z-index:1} .hubs-compliance-and-frameworks .panel-features {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;position:relative;z-index:1} .hubs-compliance-and-frameworks .feature-chip {display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:color-mix(in srgb,var(--accent-color),var(--surface-color) 93%);border-radius:24px;font-size:13px;font-weight:500;color:color-mix(in srgb,var(--default-color),transparent 15%);transition:all 0.3s ease} .hubs-compliance-and-frameworks .feature-chip i {font-size:14px;color:var(--accent-color)} .hubs-compliance-and-frameworks .feature-chip:hover {background:color-mix(in srgb,var(--accent-color),var(--surface-color) 85%)} .hubs-compliance-and-frameworks .panel-cta {display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6366f1 30%));color:var(--contrast-color);font-size:14px;font-weight:600;border-radius:24px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--accent-color),transparent 60%);position:relative;z-index:1} .hubs-compliance-and-frameworks .panel-cta i {font-size:16px;transition:transform 0.3s ease} .hubs-compliance-and-frameworks .panel-cta:hover {transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-color),transparent 45%);color:var(--contrast-color)} .hubs-compliance-and-frameworks .panel-cta:hover i {transform:translateX(4px)} .hubs-compliance-and-frameworks .promo-banner {margin-top:24px;padding:24px 28px;border-radius:14px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#7c3aed 40%));display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden} .hubs-compliance-and-frameworks .promo-banner::before {content:"";position:absolute;top:-30%;right:-10%;width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--contrast-color),transparent 85%) 0%,transparent 70%);pointer-events:none} .hubs-compliance-and-frameworks .promo-content {display:flex;align-items:center;gap:16px;position:relative;z-index:1} .hubs-compliance-and-frameworks .promo-content>i {font-size:32px;color:var(--contrast-color)} .hubs-compliance-and-frameworks .promo-content h4 {font-size:17px;font-weight:700;color:var(--contrast-color);margin:0 0 4px} .hubs-compliance-and-frameworks .promo-content p {font-size:13px;color:color-mix(in srgb,var(--contrast-color),transparent 15%);margin:0} .hubs-compliance-and-frameworks .promo-btn {display:inline-flex;align-items:center;gap:8px;background:var(--contrast-color);color:var(--accent-color);font-size:13px;font-weight:600;padding:10px 22px;border-radius:24px;text-decoration:none;white-space:nowrap;transition:all 0.3s ease;position:relative;z-index:1;box-shadow:0 4px 14px color-mix(in srgb,#000,transparent 80%)} .hubs-compliance-and-frameworks .promo-btn i {font-size:14px;transition:transform 0.3s ease} .hubs-compliance-and-frameworks .promo-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,#000,transparent 70%);color:var(--accent-color)} .hubs-compliance-and-frameworks .promo-btn:hover i {transform:translateX(4px)} @media (max-width:992px) {.hubs-compliance-and-frameworks .tab-nav-item {padding:14px 16px} .hubs-compliance-and-frameworks .nav-info h5 {font-size:14px} .hubs-compliance-and-frameworks .detail-panel {padding:32px} .hubs-compliance-and-frameworks .promo-banner {flex-direction:column;text-align:center} .hubs-compliance-and-frameworks .promo-banner .promo-content {flex-direction:column}} @media (max-width:768px) {.hubs-compliance-and-frameworks .detail-panel {padding:24px} .hubs-compliance-and-frameworks .panel-header h3 {font-size:19px} .hubs-compliance-and-frameworks .panel-icon-wrap {width:48px;height:48px;min-width:48px} .hubs-compliance-and-frameworks .panel-icon-wrap i {font-size:22px} .hubs-compliance-and-frameworks .feature-chip {padding:6px 12px;font-size:12px} .hubs-compliance-and-frameworks .panel-cta {padding:10px 24px;font-size:13px}} @media (max-width:576px) {.hubs-compliance-and-frameworks .tab-nav-item {padding:12px 14px;gap:12px} .hubs-compliance-and-frameworks .nav-icon {width:40px;height:40px;min-width:40px} .hubs-compliance-and-frameworks .nav-icon i {font-size:18px} .hubs-compliance-and-frameworks .nav-info h5 {font-size:13px} .hubs-compliance-and-frameworks .detail-panel {padding:20px} .hubs-compliance-and-frameworks .panel-header {gap:14px} .hubs-compliance-and-frameworks .panel-header h3 {font-size:17px} .hubs-compliance-and-frameworks .promo-banner {padding:20px} .hubs-compliance-and-frameworks .promo-content>i {font-size:26px} .hubs-compliance-and-frameworks .promo-content h4 {font-size:15px}} .hubs-secure-infrastructure {padding-top:140px;padding-bottom:140px} .hubs-secure-infrastructure .service-card {display:block;color:inherit;text-decoration:none;background:var(--surface-color);padding:40px 30px;border-radius:15px;box-shadow:0 5px 30px color-mix(in srgb,var(--default-color),transparent 90%);height:100%;transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden} .hubs-secure-infrastructure .service-card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));transform:scaleX(0);transition:transform 0.3s ease;transform-origin:left} .hubs-secure-infrastructure .service-card:hover {transform:translateY(-10px);box-shadow:0 15px 50px color-mix(in srgb,var(--default-color),transparent 80%);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .hubs-secure-infrastructure .service-card:hover::before {transform:scaleX(1)} .hubs-secure-infrastructure .service-card:hover .service-icon i {transform:scale(1.1);color:var(--accent-color)} .hubs-secure-infrastructure .service-card:hover .btn-service {background:var(--accent-color);color:var(--contrast-color);transform:translateX(5px)} .hubs-secure-infrastructure .service-card.featured {border-color:var(--accent-color);box-shadow:0 10px 40px color-mix(in srgb,var(--accent-color),transparent 80%)} .hubs-secure-infrastructure .service-card.featured::before {transform:scaleX(1)} .hubs-secure-infrastructure .service-card.featured .service-icon {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%))} .hubs-secure-infrastructure .service-card.featured .service-icon i {color:var(--contrast-color)} .hubs-secure-infrastructure .service-icon {width:80px;height:80px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:all 0.3s ease} .hubs-secure-infrastructure .service-icon i {font-size:32px;color:var(--accent-color);transition:all 0.3s ease} .hubs-secure-infrastructure .service-content h4 {font-size:24px;font-weight:600;margin-bottom:15px;color:var(--heading-color)} .hubs-secure-infrastructure .service-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:25px;line-height:1.6} .hubs-secure-infrastructure .service-features {margin-bottom:30px} .hubs-secure-infrastructure .service-features ul {list-style:none;padding:0;margin:0} .hubs-secure-infrastructure .service-features ul li {padding:8px 0;color:var(--default-color);display:flex;align-items:center} .hubs-secure-infrastructure .service-features ul li i {color:var(--accent-color);margin-right:10px;font-size:12px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%} .hubs-secure-infrastructure .btn-service {display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:500;font-size:14px;transition:all 0.3s ease;border:none} .hubs-secure-infrastructure .btn-service i {font-size:12px;transition:transform 0.3s ease} .hubs-secure-infrastructure .btn-service:hover i {transform:translateX(3px)} .hubs-secure-infrastructure .cta-block {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));padding:50px 40px;border-radius:20px;color:var(--contrast-color);position:relative;overflow:hidden} .hubs-secure-infrastructure .cta-block::before {content:"";position:absolute;top:-50%;right:-20px;width:200px;height:200px;background:color-mix(in srgb,var(--contrast-color),transparent 90%);border-radius:50%} .hubs-secure-infrastructure .cta-block::after {content:"";position:absolute;bottom:-30%;left:-50px;width:150px;height:150px;background:color-mix(in srgb,var(--contrast-color),transparent 95%);border-radius:50%} .hubs-secure-infrastructure .cta-block>* {position:relative;z-index:2} .hubs-secure-infrastructure .cta-block h3 {font-size:32px;font-weight:700;margin-bottom:15px;color:var(--contrast-color)} .hubs-secure-infrastructure .cta-block p {font-size:16px;margin-bottom:30px;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto} .hubs-secure-infrastructure .cta-block .btn-primary {background:var(--contrast-color);color:var(--accent-color);padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;margin:0 10px;transition:all 0.3s ease;border:2px solid var(--contrast-color)} .hubs-secure-infrastructure .cta-block .btn-primary:hover {background:transparent;color:var(--contrast-color);transform:translateY(-2px)} .hubs-secure-infrastructure .cta-block .btn-outline {background:transparent;color:var(--contrast-color);padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;margin:0 10px;border:2px solid var(--contrast-color);transition:all 0.3s ease} .hubs-secure-infrastructure .cta-block .btn-outline:hover {background:var(--contrast-color);color:var(--accent-color);transform:translateY(-2px)} @media (max-width:768px) {.hubs-secure-infrastructure .cta-block {padding:40px 20px} .hubs-secure-infrastructure .cta-block h3 {font-size:24px} .hubs-secure-infrastructure .cta-block .btn-primary,.hubs-secure-infrastructure .cta-block .btn-outline {display:block;margin:10px auto;text-align:center;max-width:200px}} @media (max-width:768px) {.hubs-secure-infrastructure .service-card {padding:30px 20px} .hubs-secure-infrastructure .service-icon {width:60px;height:60px;margin-bottom:20px} .hubs-secure-infrastructure .service-icon i {font-size:24px} .hubs-secure-infrastructure .service-content h4 {font-size:20px}} .hubs-continuous-security-ai {padding-top:140px;padding-bottom:140px} .hubs-continuous-security-ai .service-item {display:block;color:inherit;text-decoration:none;background:var(--surface-color);border-radius:12px;box-shadow:0 5px 25px color-mix(in srgb,var(--default-color),transparent 85%);overflow:hidden;transition:all 0.3s ease;position:relative} .hubs-continuous-security-ai .service-item:hover {transform:translateY(-5px);box-shadow:0 15px 35px color-mix(in srgb,var(--default-color),transparent 80%)} .hubs-continuous-security-ai .service-item .service-image {position:relative;overflow:hidden;height:250px} .hubs-continuous-security-ai .service-item .service-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease} .hubs-continuous-security-ai .service-item .service-image .service-overlay {position:absolute;top:20px;right:20px;width:60px;height:60px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform 0.3s ease} .hubs-continuous-security-ai .service-item .service-image .service-overlay i {font-size:24px;color:var(--contrast-color)} .hubs-continuous-security-ai .service-item:hover .service-image img {transform:scale(1.1)} .hubs-continuous-security-ai .service-item:hover .service-image .service-overlay {transform:scale(1)} .hubs-continuous-security-ai .service-item .service-content {padding:30px 25px} .hubs-continuous-security-ai .service-item .service-content h4 {font-size:22px;font-weight:600;margin-bottom:15px;line-height:1.3} .hubs-continuous-security-ai .service-item .service-content h4 a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .hubs-continuous-security-ai .service-item .service-content h4 a:hover {color:var(--accent-color)} .hubs-continuous-security-ai .service-item .service-content p {color:var(--default-color);font-size:15px;line-height:1.6;margin-bottom:20px} .hubs-continuous-security-ai .service-item .service-content .service-features {margin-bottom:25px} .hubs-continuous-security-ai .service-item .service-content .service-features ul {list-style:none;padding:0;margin:0} .hubs-continuous-security-ai .service-item .service-content .service-features ul li {padding:5px 0;font-size:14px;color:var(--default-color);display:flex;align-items:center} .hubs-continuous-security-ai .service-item .service-content .service-features ul li i {color:var(--accent-color);margin-right:8px;font-size:16px} .hubs-continuous-security-ai .service-item .service-content .btn-service {display:inline-flex;align-items:center;padding:12px 24px;background:var(--accent-color);color:var(--contrast-color);text-decoration:none;border-radius:6px;font-weight:500;font-size:14px;transition:all 0.3s ease} .hubs-continuous-security-ai .service-item .service-content .btn-service i {margin-left:8px;transition:transform 0.3s ease} .hubs-continuous-security-ai .service-item .service-content .btn-service:hover {background:color-mix(in srgb,var(--accent-color),black 10%);color:var(--contrast-color);transform:translateX(3px)} .hubs-continuous-security-ai .service-item .service-content .btn-service:hover i {transform:translateX(3px)} .hubs-continuous-security-ai .btn-all-services {display:inline-flex;align-items:center;padding:16px 32px;background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all 0.3s ease} .hubs-continuous-security-ai .btn-all-services:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} @media (max-width:768px) {.hubs-continuous-security-ai .service-item .service-content {padding:25px 20px} .hubs-continuous-security-ai .service-item .service-content h4 {font-size:20px} .hubs-continuous-security-ai .service-item .service-content p {font-size:14px} .hubs-continuous-security-ai .btn-all-services {padding:14px 28px;font-size:15px}} .services-2 {padding-top:60px;background:linear-gradient(135deg,var(--surface-color) 0%,color-mix(in srgb,var(--accent-color),transparent 95%) 100%);padding-bottom:60px} .services-2 .services-list {max-width:1000px;margin:0 auto} .services-2 .service-item {display:flex;align-items:flex-start;gap:2rem;padding:2.5rem;margin-bottom:2rem;background:var(--surface-color);border-radius:20px;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.4s ease;position:relative;overflow:hidden} @media (max-width:768px) {.services-2 .service-item {flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}} .services-2 .service-item:hover {transform:translateX(10px);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 80%);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .services-2 .service-item:hover .service-number {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .services-2 .service-item:hover .service-icon {background:var(--accent-color);transform:scale(1.05)} .services-2 .service-item:hover .service-icon i {color:var(--contrast-color)} .services-2 .service-item:hover .service-btn {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .services-2 .service-item .service-number {flex-shrink:0;width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all 0.3s ease} @media (max-width:768px) {.services-2 .service-item .service-number {order:1;margin:0 auto}} .services-2 .service-item .service-icon {flex-shrink:0;width:70px;height:70px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} @media (max-width:768px) {.services-2 .service-item .service-icon {order:2;margin:0 auto}} .services-2 .service-item .service-icon i {font-size:32px;color:var(--accent-color);transition:color 0.3s ease} .services-2 .service-item .service-details {flex:1} @media (max-width:768px) {.services-2 .service-item .service-details {order:3}} .services-2 .service-item .service-details h3 {font-size:24px;font-weight:700;margin-bottom:1rem;color:var(--heading-color);line-height:1.3} @media (max-width:768px) {.services-2 .service-item .service-details h3 {font-size:20px}} .services-2 .service-item .service-details p {color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1.6;margin-bottom:1.5rem;font-size:15px} .services-2 .service-item .service-details .service-features {display:flex;flex-wrap:wrap;gap:0.5rem} .services-2 .service-item .service-details .service-features .feature-tag {background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%);transition:all 0.3s ease} .services-2 .service-item .service-details .service-features .feature-tag:hover {background:color-mix(in srgb,var(--accent-color),transparent 85%);transform:translateY(-2px)} .services-2 .service-item .service-action {flex-shrink:0;text-align:right} @media (max-width:768px) {.services-2 .service-item .service-action {order:4;text-align:center;width:100%}} .services-2 .service-item .service-action .price-range {font-size:16px;font-weight:700;color:var(--heading-color);margin-bottom:1rem;white-space:nowrap} @media (max-width:768px) {.services-2 .service-item .service-action .price-range {font-size:18px}} .services-2 .service-item .service-action .service-btn {width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease} @media (max-width:768px) {.services-2 .service-item .service-action .service-btn {margin:0 auto}} .services-2 .service-item .service-action .service-btn i {font-size:18px} .services-2 .service-item .service-action .service-btn:hover {transform:translateX(5px)} .services-2 .bottom-cta {margin-top:4rem} .services-2 .bottom-cta .cta-content {background:var(--surface-color);border-radius:20px;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} @media (max-width:768px) {.services-2 .bottom-cta .cta-content {flex-direction:column;text-align:center;padding:2rem;gap:2rem}} .services-2 .bottom-cta .cta-content .cta-text {flex:1} .services-2 .bottom-cta .cta-content .cta-text h4 {font-size:24px;font-weight:700;color:var(--heading-color);margin-bottom:0.5rem} @media (max-width:768px) {.services-2 .bottom-cta .cta-content .cta-text h4 {font-size:20px}} .services-2 .bottom-cta .cta-content .cta-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;line-height:1.5} .services-2 .bottom-cta .cta-content .cta-actions {flex-shrink:0;text-align:right} @media (max-width:768px) {.services-2 .bottom-cta .cta-content .cta-actions {text-align:center;width:100%}} .services-2 .bottom-cta .cta-content .cta-actions .btn-contact {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-bottom:1rem} .services-2 .bottom-cta .cta-content .cta-actions .btn-contact:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);color:var(--contrast-color)} .services-2 .bottom-cta .cta-content .cta-actions .contact-info {display:flex;flex-direction:column;gap:0.5rem} @media (max-width:768px) {.services-2 .bottom-cta .cta-content .cta-actions .contact-info {align-items:center}} .services-2 .bottom-cta .cta-content .cta-actions .contact-info .phone,.services-2 .bottom-cta .cta-content .cta-actions .contact-info .email {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:500} .services-5 {background:linear-gradient(135deg,var(--surface-color) 0%,color-mix(in srgb,var(--accent-color),transparent 95%) 100%)} .services-5 .services-list {max-width:1000px;margin:0 auto} .services-5 .service-item {display:flex;align-items:flex-start;gap:2rem;padding:2.5rem;margin-bottom:2rem;background:var(--surface-color);border-radius:20px;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.4s ease;position:relative;overflow:hidden} @media (max-width:768px) {.services-5 .service-item {flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}} .services-5 .service-item:hover {transform:translateX(10px);box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 80%);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .services-5 .service-item:hover .service-number {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .services-5 .service-item:hover .service-icon {background:var(--accent-color);transform:scale(1.05)} .services-5 .service-item:hover .service-icon i {color:var(--contrast-color)} .services-5 .service-item:hover .service-btn {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .services-5 .service-item .service-number {flex-shrink:0;width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all 0.3s ease} @media (max-width:768px) {.services-5 .service-item .service-number {order:1;margin:0 auto}} .services-5 .service-item .service-icon {flex-shrink:0;width:70px;height:70px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} @media (max-width:768px) {.services-5 .service-item .service-icon {order:2;margin:0 auto}} .services-5 .service-item .service-icon i {font-size:32px;color:var(--accent-color);transition:color 0.3s ease} .services-5 .service-item .service-details {flex:1} @media (max-width:768px) {.services-5 .service-item .service-details {order:3}} .services-5 .service-item .service-details h3 {font-size:24px;font-weight:700;margin-bottom:1rem;color:var(--heading-color);line-height:1.3} @media (max-width:768px) {.services-5 .service-item .service-details h3 {font-size:20px}} .services-5 .service-item .service-details p {color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1.6;margin-bottom:1.5rem;font-size:15px} .services-5 .service-item .service-details .service-features {display:flex;flex-wrap:wrap;gap:0.5rem} .services-5 .service-item .service-details .service-features .feature-tag {background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%);transition:all 0.3s ease} .services-5 .service-item .service-details .service-features .feature-tag:hover {background:color-mix(in srgb,var(--accent-color),transparent 85%);transform:translateY(-2px)} .services-5 .service-item .service-action {flex-shrink:0;text-align:right} @media (max-width:768px) {.services-5 .service-item .service-action {order:4;text-align:center;width:100%}} .services-5 .service-item .service-action .price-range {font-size:16px;font-weight:700;color:var(--heading-color);margin-bottom:1rem;white-space:nowrap} @media (max-width:768px) {.services-5 .service-item .service-action .price-range {font-size:18px}} .services-5 .service-item .service-action .service-btn {width:50px;height:50px;background:color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.3s ease} @media (max-width:768px) {.services-5 .service-item .service-action .service-btn {margin:0 auto}} .services-5 .service-item .service-action .service-btn i {font-size:18px} .services-5 .service-item .service-action .service-btn:hover {transform:translateX(5px)} .services-5 .bottom-cta {margin-top:4rem} .services-5 .bottom-cta .cta-content {background:var(--surface-color);border-radius:20px;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem;box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} @media (max-width:768px) {.services-5 .bottom-cta .cta-content {flex-direction:column;text-align:center;padding:2rem;gap:2rem}} .services-5 .bottom-cta .cta-content .cta-text {flex:1} .services-5 .bottom-cta .cta-content .cta-text h4 {font-size:24px;font-weight:700;color:var(--heading-color);margin-bottom:0.5rem} @media (max-width:768px) {.services-5 .bottom-cta .cta-content .cta-text h4 {font-size:20px}} .services-5 .bottom-cta .cta-content .cta-text p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;line-height:1.5} .services-5 .bottom-cta .cta-content .cta-actions {flex-shrink:0;text-align:right} @media (max-width:768px) {.services-5 .bottom-cta .cta-content .cta-actions {text-align:center;width:100%}} .services-5 .bottom-cta .cta-content .cta-actions .btn-contact {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-bottom:1rem} .services-5 .bottom-cta .cta-content .cta-actions .btn-contact:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);color:var(--contrast-color)} .services-5 .bottom-cta .cta-content .cta-actions .contact-info {display:flex;flex-direction:column;gap:0.5rem} @media (max-width:768px) {.services-5 .bottom-cta .cta-content .cta-actions .contact-info {align-items:center}} .services-5 .bottom-cta .cta-content .cta-actions .contact-info .phone,.services-5 .bottom-cta .cta-content .cta-actions .contact-info .email {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:500} .services-4 .service-card {background:var(--surface-color);border-radius:20px;padding:40px 30px;text-align:center;position:relative;height:100%;box-shadow:0 10px 30px rgba(0,0,0,0.05);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease} .services-4 .service-card:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .services-4 .service-card:hover .service-icon {transform:scale(1.1)} .services-4 .service-card:hover .service-link {opacity:1;transform:translateY(0)} .services-4 .service-icon {width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#8b5cf6 30%));border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease} .services-4 .service-icon i {font-size:36px;color:var(--contrast-color)} .services-4 .service-badge {position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:var(--contrast-color);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 4px 15px rgba(255,107,107,0.3)} .services-4 h4 {margin-bottom:15px;font-size:22px;font-weight:700} .services-4 h4 a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .services-4 h4 a:hover {color:var(--accent-color)} .services-4 p {color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1.6;margin-bottom:25px;font-size:15px} .services-4 .service-link {display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);font-weight:600;text-decoration:none;opacity:0.7;transform:translateY(5px);transition:all 0.3s ease;font-size:14px} .services-4 .service-link i {font-size:16px;transition:transform 0.3s ease} .services-4 .service-link:hover {color:var(--accent-color)} .services-4 .service-link:hover i {transform:translateX(4px)} .services-4 .services-cta {background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--surface-color),var(--accent-color) 3%));border-radius:24px;padding:50px 40px;border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%)} .services-4 .services-cta h3 {font-size:28px;font-weight:700;margin-bottom:15px;color:var(--heading-color)} .services-4 .services-cta p {font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:30px;max-width:500px;margin-left:auto;margin-right:auto} .services-4 .services-cta .btn {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#8b5cf6 30%));border:none;border-radius:50px;padding:14px 32px;font-weight:600;font-size:16px;color:var(--contrast-color);text-decoration:none;display:inline-block;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(54,144,231,0.3)} .services-4 .services-cta .btn:hover {transform:translateY(-2px);box-shadow:0 12px 35px rgba(54,144,231,0.4);color:var(--contrast-color)} @media (max-width:768px) {.services-4 .services-cta {padding:40px 30px} .services-4 .services-cta h3 {font-size:24px} .services-4 .services-cta p {font-size:15px}} @media (max-width:768px) {.services-4 .service-card {padding:30px 25px;margin-bottom:20px} .services-4 .service-icon {width:70px;height:70px;margin-bottom:20px} .services-4 .service-icon i {font-size:32px} .services-4 h4 {font-size:20px} .services-4 p {font-size:14px}} .services-7 {padding-top:60px;padding-bottom:60px} .services-7 .service-card {background:var(--surface-color);padding:40px 30px;border-radius:15px;box-shadow:0 5px 30px color-mix(in srgb,var(--default-color),transparent 90%);height:100%;transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden} .services-7 .service-card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));transform:scaleX(0);transition:transform 0.3s ease;transform-origin:left} .services-7 .service-card:hover {transform:translateY(-10px);box-shadow:0 15px 50px color-mix(in srgb,var(--default-color),transparent 80%);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .services-7 .service-card:hover::before {transform:scaleX(1)} .services-7 .service-card:hover .service-icon i {transform:scale(1.1);color:var(--accent-color)} .services-7 .service-card:hover .btn-service {background:var(--accent-color);color:var(--contrast-color);transform:translateX(5px)} .services-7 .service-card.featured {border-color:var(--accent-color);box-shadow:0 10px 40px color-mix(in srgb,var(--accent-color),transparent 80%)} .services-7 .service-card.featured::before {transform:scaleX(1)} .services-7 .service-card.featured .service-icon {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%))} .services-7 .service-card.featured .service-icon i {color:var(--contrast-color)} .services-7 .service-icon {width:80px;height:80px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:all 0.3s ease} .services-7 .service-icon i {font-size:32px;color:var(--accent-color);transition:all 0.3s ease} .services-7 .service-content h4 {font-size:24px;font-weight:600;margin-bottom:15px;color:var(--heading-color)} .services-7 .service-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:25px;line-height:1.6} .services-7 .service-features {margin-bottom:30px} .services-7 .service-features ul {list-style:none;padding:0;margin:0} .services-7 .service-features ul li {padding:8px 0;color:var(--default-color);display:flex;align-items:center} .services-7 .service-features ul li i {color:var(--accent-color);margin-right:10px;font-size:12px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%} .services-7 .btn-service {display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:500;font-size:14px;transition:all 0.3s ease;border:none} .services-7 .btn-service i {font-size:12px;transition:transform 0.3s ease} .services-7 .btn-service:hover i {transform:translateX(3px)} .services-7 .cta-block {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));padding:50px 40px;border-radius:20px;color:var(--contrast-color);position:relative;overflow:hidden} .services-7 .cta-block::before {content:"";position:absolute;top:-50%;right:-20px;width:200px;height:200px;background:color-mix(in srgb,var(--contrast-color),transparent 90%);border-radius:50%} .services-7 .cta-block::after {content:"";position:absolute;bottom:-30%;left:-50px;width:150px;height:150px;background:color-mix(in srgb,var(--contrast-color),transparent 95%);border-radius:50%} .services-7 .cta-block>* {position:relative;z-index:2} .services-7 .cta-block h3 {font-size:32px;font-weight:700;margin-bottom:15px;color:var(--contrast-color)} .services-7 .cta-block p {font-size:16px;margin-bottom:30px;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto} .services-7 .cta-block .btn-primary {background:var(--contrast-color);color:var(--accent-color);padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;margin:0 10px;transition:all 0.3s ease;border:2px solid var(--contrast-color)} .services-7 .cta-block .btn-primary:hover {background:transparent;color:var(--contrast-color);transform:translateY(-2px)} .services-7 .cta-block .btn-outline {background:transparent;color:var(--contrast-color);padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;margin:0 10px;border:2px solid var(--contrast-color);transition:all 0.3s ease} .services-7 .cta-block .btn-outline:hover {background:var(--contrast-color);color:var(--accent-color);transform:translateY(-2px)} @media (max-width:768px) {.services-7 .cta-block {padding:40px 20px} .services-7 .cta-block h3 {font-size:24px} .services-7 .cta-block .btn-primary,.services-7 .cta-block .btn-outline {display:block;margin:10px auto;text-align:center;max-width:200px}} @media (max-width:768px) {.services-7 .service-card {padding:30px 20px} .services-7 .service-icon {width:60px;height:60px;margin-bottom:20px} .services-7 .service-icon i {font-size:24px} .services-7 .service-content h4 {font-size:20px}} .services-6 .services-tabs .nav-tabs {border:none;justify-content:center;margin-bottom:50px} .services-6 .services-tabs .nav-tabs .nav-item {margin:0 10px} .services-6 .services-tabs .nav-tabs .nav-link {background:var(--surface-color);border:2px solid color-mix(in srgb,var(--default-color),transparent 85%);border-radius:50px;color:var(--default-color);font-weight:600;padding:15px 30px;transition:all 0.3s ease;position:relative;overflow:hidden} .services-6 .services-tabs .nav-tabs .nav-link::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));transition:left 0.3s ease;z-index:-1} .services-6 .services-tabs .nav-tabs .nav-link:hover {color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px)} .services-6 .services-tabs .nav-tabs .nav-link:hover::before {left:0} .services-6 .services-tabs .nav-tabs .nav-link.active {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));color:var(--contrast-color);border-color:var(--accent-color)} .services-6 .services-tabs .nav-tabs .nav-link.active::before {left:0} .services-6 .services-tabs .tab-content {padding:20px 0} .services-6 .service-item {background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:20px;padding:30px;height:100%;transition:all 0.3s ease;position:relative} .services-6 .service-item:hover {box-shadow:0 10px 40px color-mix(in srgb,var(--default-color),transparent 85%);transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent-color),transparent 60%)} .services-6 .service-item:hover .service-icon-wrapper {transform:scale(1.1)} .services-6 .service-item:hover .service-icon-wrapper i {color:var(--contrast-color)} .services-6 .service-item:hover .service-icon-wrapper::before {transform:scale(1)} .services-6 .service-item:hover .service-link {color:var(--accent-color)} .services-6 .service-item:hover .service-link i {transform:translateX(5px)} .services-6 .service-item.featured {border:2px solid var(--accent-color);box-shadow:0 5px 30px color-mix(in srgb,var(--accent-color),transparent 80%)} .services-6 .service-item.featured .service-icon-wrapper {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%))} .services-6 .service-item.featured .service-icon-wrapper i {color:var(--contrast-color)} .services-6 .service-item.featured .service-icon-wrapper::before {transform:scale(1)} .services-6 .service-item.emergency-highlight {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%),var(--surface-color));border:2px solid var(--accent-color);text-align:center;padding:50px 30px} .services-6 .service-item.emergency-highlight .service-icon-wrapper {margin:0 auto 30px;background:var(--accent-color)} .services-6 .service-item.emergency-highlight .service-icon-wrapper i {color:var(--contrast-color)} .services-6 .service-item.emergency-highlight .emergency-actions {display:flex;gap:20px;justify-content:center;margin-top:30px} @media (max-width:576px) {.services-6 .service-item.emergency-highlight .emergency-actions {flex-direction:column;align-items:center}} .services-6 .service-item.emergency-highlight .btn-emergency {background:#dc3545;color:var(--contrast-color);padding:15px 25px;border-radius:50px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;transition:all 0.3s ease} .services-6 .service-item.emergency-highlight .btn-emergency:hover {background:color-mix(in srgb,#dc3545,#000000 20%);transform:translateY(-2px)} .services-6 .service-item.emergency-highlight .btn-directions {background:transparent;color:var(--accent-color);padding:15px 25px;border:2px solid var(--accent-color);border-radius:50px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;transition:all 0.3s ease} .services-6 .service-item.emergency-highlight .btn-directions:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} .services-6 .service-icon-wrapper {width:80px;height:80px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;transition:all 0.3s ease} .services-6 .service-icon-wrapper::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#007acc 50%));border-radius:20px;transform:scale(0);transition:transform 0.3s ease;z-index:0} .services-6 .service-icon-wrapper i {font-size:32px;color:var(--accent-color);transition:all 0.3s ease;position:relative;z-index:1} .services-6 .service-details h5 {font-size:20px;font-weight:700;color:var(--heading-color);margin-bottom:15px} .services-6 .service-details p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:20px;line-height:1.7} .services-6 .service-benefits {list-style:none;padding:0;margin:0 0 25px 0} .services-6 .service-benefits li {display:flex;align-items:center;margin-bottom:10px;color:var(--default-color);font-size:14px} .services-6 .service-benefits li i {color:var(--accent-color);margin-right:12px;font-size:14px} .services-6 .service-link {display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--default-color),transparent 30%);text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease} .services-6 .service-link i {font-size:12px;transition:transform 0.3s ease} .services-6 .service-link:hover {color:var(--accent-color)} .services-6 .service-link:hover i {transform:translateX(3px)} .services-6 .services-cta {margin-top:80px} .services-6 .services-cta .cta-content {background:var(--surface-color);padding:60px 40px;border-radius:30px;box-shadow:0 10px 50px color-mix(in srgb,var(--default-color),transparent 90%);border:2px solid color-mix(in srgb,var(--accent-color),transparent 80%);position:relative;overflow:hidden} .services-6 .services-cta .cta-content::before {content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:color-mix(in srgb,var(--accent-color),transparent 95%);border-radius:50%} .services-6 .services-cta .cta-content::after {content:"";position:absolute;bottom:-30%;left:-20%;width:150px;height:150px;background:color-mix(in srgb,var(--accent-color),transparent 97%);border-radius:50%} .services-6 .services-cta .cta-content>* {position:relative;z-index:2} .services-6 .services-cta .cta-content i {font-size:48px;color:var(--accent-color);margin-bottom:20px} .services-6 .services-cta .cta-content h3 {font-size:28px;font-weight:700;color:var(--heading-color);margin-bottom:15px} .services-6 .services-cta .cta-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:30px;line-height:1.7;max-width:500px;margin-left:auto;margin-right:auto} .services-6 .services-cta .cta-buttons {display:flex;gap:20px;justify-content:center} @media (max-width:576px) {.services-6 .services-cta .cta-buttons {flex-direction:column;align-items:center}} .services-6 .services-cta .cta-buttons .btn-book {background:var(--accent-color);color:var(--contrast-color);padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:2px solid var(--accent-color)} .services-6 .services-cta .cta-buttons .btn-book:hover {background:transparent;color:var(--accent-color);transform:translateY(-2px)} .services-6 .services-cta .cta-buttons .btn-contact {background:transparent;color:var(--default-color);padding:15px 30px;border:2px solid color-mix(in srgb,var(--default-color),transparent 70%);border-radius:50px;text-decoration:none;font-weight:600;transition:all 0.3s ease} .services-6 .services-cta .cta-buttons .btn-contact:hover {background:var(--default-color);color:var(--contrast-color);transform:translateY(-2px)} @media (max-width:768px) {.services-6 .services-tabs .nav-tabs {flex-wrap:wrap} .services-6 .services-tabs .nav-tabs .nav-item {margin:5px} .services-6 .services-tabs .nav-tabs .nav-link {padding:12px 20px;font-size:14px} .services-6 .service-item {padding:25px 20px;text-align:center} .services-6 .service-item.emergency-highlight {padding:40px 20px} .services-6 .service-icon-wrapper {width:60px;height:60px;margin:0 auto 20px} .services-6 .service-icon-wrapper i {font-size:24px} .services-6 .services-cta .cta-content {padding:40px 20px} .services-6 .services-cta .cta-content h3 {font-size:24px} .services-6 .services-cta .cta-content i {font-size:36px}} .iso-27001-details {padding-top:81px;padding-bottom:0px} .iso-27001-details .service-intro {text-align:center;margin-bottom:80px} .iso-27001-details .service-intro .service-badge {margin-bottom:24px} .iso-27001-details .service-intro .service-badge span {display:inline-block;padding:8px 24px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase} .iso-27001-details .service-intro h1 {font-size:3.5rem;font-weight:300;line-height:1.2;margin-bottom:32px;color:var(--heading-color);letter-spacing:-0.02em} @media (max-width:768px) {.iso-27001-details .service-intro h1 {font-size:2.5rem}} .iso-27001-details .service-intro .lead {font-size:1.25rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:300;max-width:600px;margin:0 auto} @media (max-width:768px) {.iso-27001-details .service-intro .lead {font-size:1.1rem}} .iso-27001-details .service-content {margin-bottom:80px} .iso-27001-details .visual-section {margin-bottom:80px} .iso-27001-details .visual-section .service-image img {width:100%;height:400px;object-fit:cover} .iso-27001-details .visual-section .service-text {padding-left:40px} @media (max-width:992px) {.iso-27001-details .visual-section .service-text {padding-left:0;margin-top:40px}} .iso-27001-details .visual-section .service-text h2 {font-size:2.25rem;font-weight:300;line-height:1.3;margin-bottom:24px;color:var(--heading-color);letter-spacing:-0.01em} @media (max-width:768px) {.iso-27001-details .visual-section .service-text h2 {font-size:1.8rem}} .iso-27001-details .visual-section .service-text p {font-size:1.1rem;line-height:1.8;color:var(--default-color);margin-bottom:20px} .iso-27001-details .visual-section .service-text p:last-child {margin-bottom:0} .iso-27001-details .features-section {margin-bottom:80px;padding:60px 0;background:color-mix(in srgb,var(--default-color),transparent 97%)} .iso-27001-details .features-section .feature-item {text-align:center;padding:0 20px} .iso-27001-details .features-section .feature-item .feature-icon {width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center} .iso-27001-details .features-section .feature-item .feature-icon i {font-size:2rem;color:var(--accent-color)} .iso-27001-details .features-section .feature-item h4 {font-size:1.1rem;font-weight:500;margin-bottom:16px;color:var(--heading-color)} .iso-27001-details .features-section .feature-item p {font-size:1rem;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} .iso-27001-details .process-section {margin-bottom:80px} .iso-27001-details .process-section .process-info {padding-right:40px} @media (max-width:992px) {.iso-27001-details .process-section .process-info {padding-right:0;margin-bottom:40px}} .iso-27001-details .process-section .process-info h3 {font-size:2rem;font-weight:300;line-height:1.3;margin-bottom:24px;color:var(--heading-color);letter-spacing:-0.01em} @media (max-width:768px) {.iso-27001-details .process-section .process-info h3 {font-size:1.6rem}} .iso-27001-details .process-section .process-info p {font-size:1.1rem;line-height:1.7;color:var(--default-color);margin:0} .iso-27001-details .process-section .process-steps .step {display:flex;gap:24px;margin-bottom:32px} .iso-27001-details .process-section .process-steps .step:last-child {margin-bottom:0} .iso-27001-details .process-section .process-steps .step .step-number {min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--contrast-color);font-size:14px;font-weight:500} .iso-27001-details .process-section .process-steps .step .step-content h5 {font-size:1.1rem;font-weight:500;margin-bottom:8px;color:var(--heading-color)} .iso-27001-details .process-section .process-steps .step .step-content p {font-size:0.95rem;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 20%);margin:0} .iso-27001-details .info-grid .info-card {height:100%;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding:32px} .iso-27001-details .info-grid .info-card .info-header {margin-bottom:24px} .iso-27001-details .info-grid .info-card .info-header h4 {font-size:1.25rem;font-weight:500;margin-bottom:8px;color:var(--heading-color)} .iso-27001-details .info-grid .info-card .info-header p {font-size:0.95rem;line-height:1.5;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} .iso-27001-details .info-grid .info-card .info-content .price-range {text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .iso-27001-details .info-grid .info-card .info-content .price-range .price-label {display:block;font-size:0.85rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px} .iso-27001-details .info-grid .info-card .info-content .price-range .price-value {font-size:2.5rem;font-weight:300;color:var(--accent-color);display:block} .iso-27001-details .info-grid .info-card .info-content .info-list {list-style:none;padding:0;margin:0} .iso-27001-details .info-grid .info-card .info-content .info-list li {font-size:0.95rem;color:var(--default-color);margin-bottom:12px;position:relative;padding-left:20px} .iso-27001-details .info-grid .info-card .info-content .info-list li:last-child {margin-bottom:0} .iso-27001-details .info-grid .info-card .info-content .info-list li::before {content:"•";position:absolute;left:0;color:var(--accent-color)} .iso-27001-details .info-grid .info-card .testimonial-content p {font-size:1.05rem;line-height:1.7;color:var(--default-color);margin-bottom:24px;font-style:italic} .iso-27001-details .info-grid .info-card .testimonial-content .testimonial-author {display:flex;align-items:center;gap:16px} .iso-27001-details .info-grid .info-card .testimonial-content .testimonial-author .author-image {width:48px;height:48px;object-fit:cover} .iso-27001-details .info-grid .info-card .testimonial-content .testimonial-author .author-info h6 {font-size:1rem;font-weight:500;margin-bottom:4px;color:var(--heading-color)} .iso-27001-details .info-grid .info-card .testimonial-content .testimonial-author .author-info span {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 40%)} .iso-27001-details .info-grid .info-card .service-form .form-field {margin-bottom:16px} .iso-27001-details .info-grid .info-card .service-form input[type=text],.iso-27001-details .info-grid .info-card .service-form input[type=email],.iso-27001-details .info-grid .info-card .service-form input[type=tel],.iso-27001-details .info-grid .info-card .service-form textarea {width:100%;padding:12px 16px;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);font-size:14px;background-color:var(--surface-color);color:var(--default-color);transition:border-color 0.3s ease} .iso-27001-details .info-grid .info-card .service-form input[type=text]:focus,.iso-27001-details .info-grid .info-card .service-form input[type=email]:focus,.iso-27001-details .info-grid .info-card .service-form input[type=tel]:focus,.iso-27001-details .info-grid .info-card .service-form textarea:focus {outline:none;border-color:var(--accent-color)} .iso-27001-details .info-grid .info-card .service-form input[type=text]::placeholder,.iso-27001-details .info-grid .info-card .service-form input[type=email]::placeholder,.iso-27001-details .info-grid .info-card .service-form input[type=tel]::placeholder,.iso-27001-details .info-grid .info-card .service-form textarea::placeholder {color:color-mix(in srgb,var(--default-color),transparent 70%)} .iso-27001-details .info-grid .info-card .service-form .submit-btn {background:var(--accent-color);color:var(--contrast-color);border:none;padding:12px 24px;font-size:0.95rem;font-weight:500;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;margin-top:8px} .iso-27001-details .info-grid .info-card .service-form .submit-btn:hover {background:color-mix(in srgb,var(--accent-color),transparent 15%)} .iso-27001-details .info-grid .info-card .service-form .submit-btn i {font-size:0.85rem} @media (max-width:768px) {.iso-27001-details {padding:60px 0} .iso-27001-details .service-intro {margin-bottom:60px} .iso-27001-details .service-content {margin-bottom:60px} .iso-27001-details .visual-section,.iso-27001-details .features-section,.iso-27001-details .process-section {margin-bottom:60px} .iso-27001-details .features-section .row>div {margin-bottom:40px} .iso-27001-details .features-section .row>div:last-child {margin-bottom:0} .iso-27001-details .info-grid .row>div {margin-bottom:32px} .iso-27001-details .info-grid .row>div:last-child {margin-bottom:0}} .iso-27001-implementation {padding-top:30px;padding-bottom:60px} .iso-27001-implementation .steps-wrapper {position:relative} .iso-27001-implementation .step-item {margin-bottom:80px;position:relative} .iso-27001-implementation .step-item:last-child {margin-bottom:0} .iso-27001-implementation .step-item:hover .step-image::before {opacity:1} .iso-27001-implementation .step-item:hover .step-image img {transform:scale(1.05)} .iso-27001-implementation .step-item:hover .step-content {transform:scale(1.05)} .iso-27001-implementation .step-image {position:relative;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.1)} .iso-27001-implementation .step-image::before {content:"";position:absolute;inset:0;background:linear-gradient(45deg,color-mix(in srgb,var(--accent-color),transparent 92%),transparent);opacity:0;transition:opacity 0.3s ease-in-out} .iso-27001-implementation .step-image img {transition:transform 0.3s ease-in-out} .iso-27001-implementation .step-content {padding:30px;background-color:var(--surface-color);border-radius:10px;height:100%;transition:transform 0.3s ease-in-out} .iso-27001-implementation .step-number {font-family:var(--heading-font);font-size:3.5rem;font-weight:700;color:color-mix(in srgb,var(--accent-color),transparent 85%);line-height:1;margin-bottom:20px} .iso-27001-implementation h3 {font-size:1.5rem;margin-bottom:15px;color:var(--heading-color)} .iso-27001-implementation p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:1rem;line-height:1.6;margin-bottom:20px} .iso-27001-implementation .step-features {list-style:none;padding:0;margin:0} .iso-27001-implementation .step-features li {display:flex;align-items:center;gap:10px;margin-bottom:10px;color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem} .iso-27001-implementation .step-features li:last-child {margin-bottom:0} .iso-27001-implementation .step-features li i {color:var(--accent-color);font-size:1.2rem} @media (max-width:991px) {.iso-27001-implementation .step-item {margin-bottom:60px} .iso-27001-implementation .step-content {padding:25px} .iso-27001-implementation .step-number {font-size:3rem} .iso-27001-implementation h3 {font-size:1.3rem}} @media (max-width:767px) {.iso-27001-implementation .step-item {margin-bottom:40px} .iso-27001-implementation .step-content {padding:20px} .iso-27001-implementation .step-number {font-size:2.5rem} .iso-27001-implementation h3 {font-size:1.2rem} .iso-27001-implementation p {font-size:0.95rem} .iso-27001-implementation .step-features li {font-size:0.9rem}} .iso-27001-service .features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px} .iso-27001-service .feature-card {position:relative;background:var(--surface-color);border-radius:20px;padding:40px 30px;text-align:center;transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);overflow:hidden;z-index:1} .iso-27001-service .feature-card:hover {transform:translateY(-10px);box-shadow:0 20px 40px color-mix(in srgb,var(--accent-color),transparent 85%)} .iso-27001-service .feature-card:hover .feature-overlay {opacity:1} .iso-27001-service .feature-card:hover .feature-number {color:var(--contrast-color)} .iso-27001-service .feature-card:hover .feature-icon i {color:var(--contrast-color);transform:scale(1.1)} .iso-27001-service .feature-card:hover h4 {color:var(--contrast-color)} .iso-27001-service .feature-card:hover p {color:color-mix(in srgb,var(--contrast-color),transparent 20%)} .iso-27001-service .feature-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),var(--heading-color) 30%));opacity:0;transition:all 0.3s ease;z-index:-1;border-radius:20px} .iso-27001-service .feature-number {position:absolute;top:20px;right:25px;font-size:48px;font-weight:900;color:color-mix(in srgb,var(--default-color),transparent 95%);font-family:var(--heading-font);transition:all 0.3s ease;line-height:1} .iso-27001-service .feature-icon {width:80px;height:80px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--accent-color),transparent 92%);transition:all 0.3s ease} .iso-27001-service .feature-icon i {font-size:32px;color:var(--accent-color);transition:all 0.3s ease} .iso-27001-service h4 {font-size:22px;font-weight:700;margin-bottom:15px;color:var(--heading-color);transition:all 0.3s ease} .iso-27001-service p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0;transition:all 0.3s ease} @media (max-width:768px) {.iso-27001-service .features-grid {grid-template-columns:1fr;gap:20px} .iso-27001-service .feature-card {padding:30px 25px} .iso-27001-service .feature-number {font-size:36px;top:15px;right:20px} .iso-27001-service .feature-icon {width:70px;height:70px;margin-bottom:20px} .iso-27001-service .feature-icon i {font-size:28px} .iso-27001-service h4 {font-size:20px} .iso-27001-service p {font-size:14px}} @media (max-width:576px) {.iso-27001-service .features-grid {grid-template-columns:1fr} .iso-27001-service .feature-card {padding:25px 20px}} .iso-27001-results {padding-top:60px;padding-bottom:0px} .iso-27001-results .service-content .content-header .service-meta .badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%) !important;color:var(--accent-color) !important;border-radius:24px;font-weight:500;font-size:0.85rem} .iso-27001-results .service-content .content-header .service-meta .divider {width:2px;height:20px;background:color-mix(in srgb,var(--default-color),transparent 85%);border-radius:1px} .iso-27001-results .service-content .content-header .service-title {color:var(--heading-color);font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.2;margin-bottom:1rem} .iso-27001-results .service-content .content-header .service-subtitle {color:color-mix(in srgb,var(--default-color),transparent 25%);font-size:1.125rem;line-height:1.6;max-width:90%} .iso-27001-results .service-content .visual-showcase .image-container {border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--accent-color),transparent 95%)} .iso-27001-results .service-content .visual-showcase .image-container img {width:100%;height:400px;object-fit:cover;transition:transform 0.4s ease} .iso-27001-results .service-content .visual-showcase .image-container .image-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,black,transparent 30%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease} .iso-27001-results .service-content .visual-showcase .image-container .play-button {width:80px;height:80px;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-size:2rem;transform:scale(0.8);transition:transform 0.3s ease} .iso-27001-results .service-content .visual-showcase .image-container:hover .image-overlay {opacity:1} .iso-27001-results .service-content .visual-showcase .image-container:hover .play-button {transform:scale(1)} .iso-27001-results .service-content .visual-showcase .image-container:hover img {transform:scale(1.05)} .iso-27001-results .service-content .section-heading {color:var(--heading-color);font-size:1.75rem;font-weight:600;position:relative} .iso-27001-results .service-content .section-heading::after {content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--accent-color);border-radius:2px} .iso-27001-results .service-content .process-steps .step-item {display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem 0;border-left:2px solid color-mix(in srgb,var(--accent-color),transparent 85%);margin-left:20px;padding-left:2rem;position:relative} .iso-27001-results .service-content .process-steps .step-item::before {content:"";position:absolute;left:-5px;top:30px;width:8px;height:8px;background:var(--accent-color);border-radius:50%} .iso-27001-results .service-content .process-steps .step-item:last-child {border-left-color:transparent} .iso-27001-results .service-content .process-steps .step-item .step-number {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),blue 20%));color:var(--contrast-color);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color),transparent 70%)} .iso-27001-results .service-content .process-steps .step-item .step-content .step-title {color:var(--heading-color);font-size:1.25rem;font-weight:600;margin-bottom:0.5rem} .iso-27001-results .service-content .process-steps .step-item .step-content p {color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;margin:0} .iso-27001-results .service-content .features-showcase .nav-pills {background:color-mix(in srgb,var(--surface-color),transparent 20%);border-radius:50px;padding:6px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .iso-27001-results .service-content .features-showcase .nav-pills .nav-link {border-radius:50px;color:color-mix(in srgb,var(--default-color),transparent 30%);padding:12px 24px;font-weight:500;border:none;background:transparent;transition:all 0.3s ease} .iso-27001-results .service-content .features-showcase .nav-pills .nav-link.active {background:var(--accent-color);color:var(--contrast-color);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color),transparent 70%)} .iso-27001-results .service-content .features-showcase .feature-card {padding:1.5rem;background:var(--surface-color);border-radius:12px;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);height:100%;transition:all 0.3s ease} .iso-27001-results .service-content .features-showcase .feature-card:hover {transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 88%);border-color:var(--accent-color)} .iso-27001-results .service-content .features-showcase .feature-card .feature-icon {width:56px;height:56px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem} .iso-27001-results .service-content .features-showcase .feature-card h5 {color:var(--heading-color);font-weight:600;margin-bottom:0.75rem} .iso-27001-results .service-content .features-showcase .feature-card p {color:color-mix(in srgb,var(--default-color),transparent 25%);line-height:1.5;margin:0;font-size:0.95rem} .iso-27001-results .service-content .client-success .success-card {background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--accent-color),transparent 97%));border-radius:16px;padding:2rem;border:1px solid color-mix(in srgb,var(--accent-color),transparent 85%)} .iso-27001-results .service-content .client-success .success-card .client-avatar {width:56px;height:56px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent-color),transparent 80%)} .iso-27001-results .service-content .client-success .success-card .client-name {color:var(--heading-color);font-weight:600;margin:0} .iso-27001-results .service-content .client-success .success-card .client-role {color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:0.9rem} .iso-27001-results .service-content .client-success .success-card .rating {color:#fbbf24;font-size:1.1rem} .iso-27001-results .service-content .client-success .success-card .success-quote {color:var(--default-color);font-size:1.1rem;line-height:1.6;font-style:italic;margin:0;position:relative} .iso-27001-results .service-content .client-success .success-card .success-quote::before {content:'"';font-size:4rem;color:var(--accent-color);position:absolute;top:-1rem;left:-1rem;opacity:0.3} .iso-27001-results .service-content .client-success .success-card .success-metrics .metric-value {color:var(--accent-color);font-size:2rem;font-weight:700;line-height:1} .iso-27001-results .service-content .client-success .success-card .success-metrics .metric-label {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:0.85rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px} .iso-27001-results .sidebar .service-card,.iso-27001-results .sidebar .contact-card {background:var(--surface-color);border-radius:16px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);overflow:hidden} .iso-27001-results .sidebar .service-card .card-header,.iso-27001-results .sidebar .contact-card .card-header {padding:1.5rem 1.5rem 0} .iso-27001-results .sidebar .service-card .card-header .card-title,.iso-27001-results .sidebar .contact-card .card-header .card-title {color:var(--heading-color);font-size:1.25rem;font-weight:600;margin:0} .iso-27001-results .sidebar .service-card .card-header .card-subtitle,.iso-27001-results .sidebar .contact-card .card-header .card-subtitle {color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0.5rem 0 0 0;line-height:1.5} .iso-27001-results .sidebar .service-card .card-body,.iso-27001-results .sidebar .contact-card .card-body {padding:1.5rem} .iso-27001-results .sidebar .overview-list .overview-item {display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 94%)} .iso-27001-results .sidebar .overview-list .overview-item:last-child {border-bottom:none} .iso-27001-results .sidebar .overview-list .overview-item .item-label {display:flex;align-items:center;gap:0.75rem;color:color-mix(in srgb,var(--default-color),transparent 25%)} .iso-27001-results .sidebar .overview-list .overview-item .item-label i {color:var(--accent-color);font-size:1.1rem} .iso-27001-results .sidebar .overview-list .overview-item .item-label span {font-weight:500} .iso-27001-results .sidebar .overview-list .overview-item .item-value {color:var(--heading-color);font-weight:600} .iso-27001-results .sidebar .contact-form .form-group .input-wrapper {position:relative} .iso-27001-results .sidebar .contact-form .form-group .input-wrapper .input-icon {position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--default-color),transparent 50%);font-size:1rem;z-index:2} .iso-27001-results .sidebar .contact-form .form-group .input-wrapper input {padding-left:2.75rem} .iso-27001-results .sidebar .contact-form .form-group input,.iso-27001-results .sidebar .contact-form .form-group textarea,.iso-27001-results .sidebar .contact-form .form-group select {width:100%;padding:0.875rem 1rem;border:1.5px solid color-mix(in srgb,var(--default-color),transparent 85%);border-radius:8px;background:var(--surface-color);color:var(--default-color);font-size:0.95rem;transition:all 0.3s ease} .iso-27001-results .sidebar .contact-form .form-group input:focus,.iso-27001-results .sidebar .contact-form .form-group textarea:focus,.iso-27001-results .sidebar .contact-form .form-group select:focus {outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color),transparent 85%)} .iso-27001-results .sidebar .contact-form .form-group input::placeholder,.iso-27001-results .sidebar .contact-form .form-group textarea::placeholder,.iso-27001-results .sidebar .contact-form .form-group select::placeholder {color:color-mix(in srgb,var(--default-color),transparent 60%)} .iso-27001-results .sidebar .contact-form .form-group textarea {resize:vertical;min-height:120px} .iso-27001-results .sidebar .contact-form .submit-btn {background:var(--accent-color);color:var(--contrast-color);border:none;border-radius:8px;padding:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s ease} .iso-27001-results .sidebar .contact-form .submit-btn:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-1px)} .iso-27001-results .sidebar .contact-form .submit-btn i {transition:transform 0.3s ease} .iso-27001-results .sidebar .contact-form .submit-btn:hover i {transform:translateX(3px)} .iso-27001-results .action-section .action-buttons .action-btn {display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all 0.3s ease} .iso-27001-results .action-section .action-buttons .action-btn.primary {background:var(--accent-color);color:var(--contrast-color)} .iso-27001-results .action-section .action-buttons .action-btn.primary:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);color:var(--contrast-color)} .iso-27001-results .action-section .action-buttons .action-btn.secondary {background:var(--surface-color);color:var(--default-color);border:1.5px solid color-mix(in srgb,var(--default-color),transparent 85%)} .iso-27001-results .action-section .action-buttons .action-btn.secondary:hover {background:color-mix(in srgb,var(--accent-color),transparent 95%);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)} .iso-27001-results .action-section .action-buttons .action-btn i {font-size:1.1rem} @media (max-width:992px) {.iso-27001-results .sidebar {margin-top:3rem}} .iso-27001-stats {padding-top:2px;background:var(--background-color);padding-bottom:60px} .iso-27001-stats .counter-card {padding:40px 32px;border-radius:16px;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color) 8%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--default-color) 6%,transparent),0 2px 4px color-mix(in srgb,var(--default-color) 4%,transparent);text-align:center;height:100%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden} .iso-27001-stats .counter-card::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 70%,#6366f1));opacity:0;transition:opacity 0.3s ease} .iso-27001-stats .counter-card:hover {transform:translateY(-6px);box-shadow:0 12px 32px color-mix(in srgb,var(--default-color) 10%,transparent),0 4px 8px color-mix(in srgb,var(--default-color) 6%,transparent);border-color:color-mix(in srgb,var(--accent-color) 25%,transparent)} .iso-27001-stats .counter-card:hover::before {opacity:1} .iso-27001-stats .counter-card:hover .icon-wrap {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color) 80%,#6366f1))} .iso-27001-stats .counter-card:hover .icon-wrap i {color:var(--contrast-color)} .iso-27001-stats .counter-card .icon-wrap {width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all 0.3s ease} .iso-27001-stats .counter-card .icon-wrap i {font-size:26px;color:var(--accent-color);transition:color 0.3s ease} .iso-27001-stats .counter-card .counter-value {display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:8px} .iso-27001-stats .counter-card .counter-value .purecounter {font-size:44px;font-weight:700;color:var(--heading-color);line-height:1.2;letter-spacing:-0.01em} .iso-27001-stats .counter-card .counter-value .suffix {font-size:32px;font-weight:600;color:var(--accent-color)} .iso-27001-stats .counter-card .counter-label {font-size:15px;font-weight:500;color:color-mix(in srgb,var(--default-color),transparent 35%);font-family:var(--heading-font);margin:0;padding:0;letter-spacing:0.02em} @media (max-width:768px) {.iso-27001-stats .counter-card {padding:32px 24px} .iso-27001-stats .counter-card .counter-value .purecounter {font-size:36px} .iso-27001-stats .counter-card .counter-value .suffix {font-size:26px}} .iso-27001-faq {padding-top:60px;padding-bottom:60px} .iso-27001-faq .faq-wrapper {background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:6px;padding:0} .iso-27001-faq .faq-item {margin-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease-in-out} .iso-27001-faq .faq-item:last-child {border-bottom:none} .iso-27001-faq .faq-item.faq-active {background-color:color-mix(in srgb,var(--accent-color),transparent 97%)} .iso-27001-faq .faq-item.faq-active .faq-header h4 {color:var(--accent-color);font-weight:600} .iso-27001-faq .faq-item.faq-active .faq-header .faq-icon {color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color),transparent 90%)} .iso-27001-faq .faq-item.faq-active .faq-header .faq-icon i {transform:rotate(180deg)} .iso-27001-faq .faq-item.faq-active .faq-content {grid-template-rows:1fr;visibility:visible;opacity:1} .iso-27001-faq .faq-item .faq-header {display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;gap:20px;transition:all 0.3s ease} .iso-27001-faq .faq-item .faq-header:hover {background-color:color-mix(in srgb,var(--default-color),transparent 98%)} .iso-27001-faq .faq-item .faq-header:hover .faq-icon {background-color:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color)} .iso-27001-faq .faq-item .faq-header h4 {flex:1;margin:0;font-family:var(--heading-font);font-size:18px;font-weight:500;color:var(--heading-color);transition:all 0.3s ease;line-height:1.6} .iso-27001-faq .faq-item .faq-header .faq-icon {flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--default-color),transparent 95%);border-radius:4px;color:var(--heading-color);font-size:16px;transition:all 0.3s ease} .iso-27001-faq .faq-item .faq-header .faq-icon i {transition:transform 0.3s ease} .iso-27001-faq .faq-item .faq-content {display:grid;grid-template-rows:0fr;transition:0.3s ease-in-out;visibility:hidden;opacity:0} .iso-27001-faq .faq-item .faq-content .content-inner {padding:0 32px 24px 32px;overflow:hidden} .iso-27001-faq .faq-item .faq-content .content-inner p {margin:0;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;font-size:16px;font-weight:400} @media (max-width:768px) {.iso-27001-faq .faq-item .faq-header {padding:20px 24px;gap:16px} .iso-27001-faq .faq-item .faq-header h4 {font-size:16px} .iso-27001-faq .faq-item .faq-header .faq-icon {width:32px;height:32px;font-size:14px} .iso-27001-faq .faq-item .faq-content .content-inner {padding:0 24px 20px 24px} .iso-27001-faq .faq-item .faq-content .content-inner p {font-size:15px}} @media (max-width:576px) {.iso-27001-faq .faq-item .faq-header {padding:18px 20px;gap:12px} .iso-27001-faq .faq-item .faq-header h4 {font-size:15px} .iso-27001-faq .faq-item .faq-header .faq-icon {width:30px;height:30px;font-size:14px} .iso-27001-faq .faq-item .faq-content .content-inner {padding:0 20px 18px 20px} .iso-27001-faq .faq-item .faq-content .content-inner p {font-size:14px}} .dpoaas-details .service-main-image {position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.08)} .dpoaas-details .service-main-image img {width:100%;transition:transform 0.6s} .dpoaas-details .service-main-image:hover img {transform:scale(1.05)} .dpoaas-details .service-main-image .experience-badge {position:absolute;bottom:30px;right:30px;background:var(--accent-color);color:var(--contrast-color);padding:20px;border-radius:12px;min-width:120px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.2)} .dpoaas-details .service-main-image .experience-badge span {font-size:36px;font-weight:700;display:block;line-height:1} .dpoaas-details .service-main-image .experience-badge p {margin:0;font-size:14px;opacity:0.9} .dpoaas-details .service-main-content {height:100%;display:flex;flex-direction:column;justify-content:center} .dpoaas-details .service-main-content .section-header {margin-bottom:25px} .dpoaas-details .service-main-content .section-header .section-subtitle {display:inline-block;padding:8px 16px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:50px;font-size:14px;font-weight:600;margin-bottom:15px} .dpoaas-details .service-main-content .section-header h2 {font-size:36px;font-weight:700;margin-bottom:0} @media (max-width:768px) {.dpoaas-details .service-main-content .section-header h2 {font-size:28px}} .dpoaas-details .service-main-content .lead {font-size:18px;margin-bottom:20px} .dpoaas-details .service-main-content p {color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px} .dpoaas-details .service-benefits {padding:0;list-style:none;margin:20px 0 0 0} .dpoaas-details .service-benefits li {padding:12px 0;position:relative;display:flex;align-items:center} .dpoaas-details .service-benefits li i {color:var(--accent-color);font-size:20px;margin-right:15px} .dpoaas-details .service-tabs {margin-top:80px} .dpoaas-details .service-tabs .nav-tabs {border:none;display:flex;flex-wrap:nowrap;gap:15px;margin-bottom:30px;overflow-x:auto;padding-bottom:5px} @media (max-width:768px) {.dpoaas-details .service-tabs .nav-tabs {flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:thin} .dpoaas-details .service-tabs .nav-tabs::-webkit-scrollbar {height:5px} .dpoaas-details .service-tabs .nav-tabs::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--default-color),transparent 80%);border-radius:10px}} .dpoaas-details .service-tabs .nav-tabs .nav-link {border:none;padding:15px 25px;border-radius:50px;color:var(--default-color);font-weight:600;background:var(--surface-color);box-shadow:0 2px 15px rgba(0,0,0,0.05);transition:all 0.3s;display:flex;align-items:center} .dpoaas-details .service-tabs .nav-tabs .nav-link i {margin-right:10px;font-size:18px} .dpoaas-details .service-tabs .nav-tabs .nav-link.active {background:var(--accent-color);color:var(--contrast-color)} .dpoaas-details .service-tabs .tab-content {padding:40px;border-radius:16px;background:var(--surface-color);box-shadow:0 5px 25px rgba(0,0,0,0.05)} .dpoaas-details .service-tabs .tab-content h3 {font-size:28px;font-weight:700;margin-bottom:15px;color:var(--heading-color)} .dpoaas-details .service-tabs .tab-content p {color:color-mix(in srgb,var(--default-color),transparent 25%)} .dpoaas-details .service-tabs .tab-content .feature-item {padding:20px;background:color-mix(in srgb,var(--background-color),transparent 50%);border-radius:12px;height:100%;transition:transform 0.3s} .dpoaas-details .service-tabs .tab-content .feature-item:hover {transform:translateY(-5px)} .dpoaas-details .service-tabs .tab-content .feature-item i {color:var(--accent-color);font-size:28px;margin-bottom:15px} .dpoaas-details .service-tabs .tab-content .feature-item h4 {font-size:18px;font-weight:600;margin-bottom:10px} .dpoaas-details .service-tabs .tab-content .feature-item p {font-size:14px;margin-bottom:0} .dpoaas-details .service-testimonial {margin-top:80px} .dpoaas-details .service-testimonial .testimonial-card {padding:40px;border-radius:16px;background:var(--surface-color);box-shadow:0 5px 25px rgba(0,0,0,0.05)} .dpoaas-details .service-testimonial .testimonial-card .client-info {text-align:center} .dpoaas-details .service-testimonial .testimonial-card .client-info .testimonial-avatar {width:90px;height:90px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#001AD8,#00D4FF);color:#fff;font-size:22px;font-weight:700;letter-spacing:0.04em;border:5px solid var(--background-color);box-shadow:0 12px 30px rgba(0,26,216,0.18);margin-right:20px;flex-shrink:0} @media (max-width:767px) {.dpoaas-details .service-testimonial .testimonial-card .client-info .testimonial-avatar {margin:0 auto 20px}} .dpoaas-details .service-testimonial .testimonial-card .client-info h4 {font-size:18px;font-weight:700;margin-bottom:5px} .dpoaas-details .service-testimonial .testimonial-card .client-info p {color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:10px;font-size:14px} .dpoaas-details .service-testimonial .testimonial-card .client-info .stars {color:#FFD700;font-size:14px} .dpoaas-details .service-testimonial .testimonial-card .quote {position:relative;padding-left:30px} .dpoaas-details .service-testimonial .testimonial-card .quote i {position:absolute;left:0;top:0;font-size:24px;color:var(--accent-color)} .dpoaas-details .service-testimonial .testimonial-card .quote p {font-style:italic;font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 15%)} .dpoaas-details .service-cta {margin-top:80px;padding:60px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 10%),color-mix(in srgb,var(--accent-color),transparent 40%));box-shadow:0 10px 30px color-mix(in srgb,var(--accent-color),transparent 85%)} .dpoaas-details .service-cta h3 {font-size:32px;font-weight:700;color:var(--contrast-color);margin-bottom:15px} .dpoaas-details .service-cta p {font-size:18px;color:var(--contrast-color);opacity:0.9;margin-bottom:30px} .dpoaas-details .service-cta .btn-service {display:inline-flex;align-items:center;background:var(--contrast-color);color:var(--accent-color);font-weight:600;padding:15px 35px;border-radius:50px;transition:all 0.3s} .dpoaas-details .service-cta .btn-service i {margin-left:8px;transition:transform 0.3s} .dpoaas-details .service-cta .btn-service:hover {background:var(--background-color);box-shadow:0 10px 20px rgba(0,0,0,0.1)} .dpoaas-details .service-cta .btn-service:hover i {transform:translateX(5px)} @media (max-width:767px) {.dpoaas-details .service-cta {padding:40px 20px} .dpoaas-details .service-cta h3 {font-size:26px}} @media (max-width:991px) {.dpoaas-details .service-main-content {margin-top:30px} .dpoaas-details .service-tabs {margin-top:50px} .dpoaas-details .service-testimonial,.dpoaas-details .service-cta {margin-top:50px}} @media (max-width:767px) {.dpoaas-details .client-info {flex-direction:column;margin-bottom:30px} .dpoaas-details .service-tabs .tab-content {padding:30px 20px}} .dpoaas-benefits .feature-card {position:relative;background:var(--surface-color);border-radius:20px;padding:32px 28px 28px;height:100%;display:flex;flex-direction:column;box-shadow:0 2px 12px color-mix(in srgb,var(--default-color),transparent 92%);border:1px solid color-mix(in srgb,var(--default-color),transparent 95%);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:hidden} .dpoaas-benefits .feature-card::after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 40%));transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)} .dpoaas-benefits .feature-card:hover {transform:translateY(-6px);box-shadow:0 12px 32px color-mix(in srgb,var(--accent-color),transparent 88%);border-color:color-mix(in srgb,var(--accent-color),transparent 80%)} .dpoaas-benefits .feature-card:hover::after {transform:scaleX(1)} .dpoaas-benefits .feature-card:hover .icon-wrapper {transform:scale(1.1) rotate(-5deg)} .dpoaas-benefits .feature-card:hover .card-visual img {transform:scale(1.08)} .dpoaas-benefits .feature-card:hover .link-action {background:var(--accent-color);color:var(--contrast-color);padding-right:24px} .dpoaas-benefits .feature-card:hover .link-action i {transform:translateX(4px)} .dpoaas-benefits .feature-card.highlight {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 96%),var(--surface-color));border-color:var(--accent-color);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-color),transparent 85%)} .dpoaas-benefits .feature-card.highlight::after {transform:scaleX(1);height:4px} .dpoaas-benefits .feature-card.highlight .icon-wrapper {background:var(--accent-color);color:var(--contrast-color)} .dpoaas-benefits .feature-card.highlight .icon-wrapper i {color:var(--contrast-color)} .dpoaas-benefits .feature-card.highlight .link-action {background:var(--accent-color);color:var(--contrast-color)} .dpoaas-benefits .feature-card .icon-wrapper {width:56px;height:56px;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.3s ease} .dpoaas-benefits .feature-card .icon-wrapper i {font-size:28px;color:var(--accent-color)} .dpoaas-benefits .feature-card .badge-popular {position:absolute;top:16px;right:16px;background:var(--accent-color);color:var(--contrast-color);padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color),transparent 70%)} .dpoaas-benefits .feature-card .card-content {flex:0 0 auto;margin-bottom:24px} .dpoaas-benefits .feature-card .card-content h3 {font-size:19px;font-weight:700;color:var(--heading-color);margin-bottom:12px;line-height:1.3} .dpoaas-benefits .feature-card .card-content p {font-size:14px;line-height:1.65;color:color-mix(in srgb,var(--default-color),transparent 25%);margin:0} .dpoaas-benefits .feature-card .card-visual {flex:1;margin-bottom:24px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--accent-color),transparent 97%);display:flex;align-items:center;justify-content:center;padding:16px} .dpoaas-benefits .feature-card .card-visual img {width:100%;height:auto;max-height:140px;object-fit:contain;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1)} .dpoaas-benefits .feature-card .link-action {display:inline-flex;align-items:center;align-self:flex-start;padding:10px 18px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;transition:all 0.3s ease} .dpoaas-benefits .feature-card .link-action span {margin-right:6px} .dpoaas-benefits .feature-card .link-action i {font-size:16px;transition:transform 0.3s ease} .dpoaas-benefits .feature-card .link-action:hover {text-decoration:none} @media (max-width:992px) {.dpoaas-benefits .feature-card {padding:28px 24px 24px} .dpoaas-benefits .feature-card .icon-wrapper {width:52px;height:52px;margin-bottom:16px} .dpoaas-benefits .feature-card .icon-wrapper i {font-size:26px} .dpoaas-benefits .feature-card .card-content {margin-bottom:20px} .dpoaas-benefits .feature-card .card-content h3 {font-size:18px} .dpoaas-benefits .feature-card .card-visual {margin-bottom:20px;padding:12px} .dpoaas-benefits .feature-card .card-visual img {max-height:120px}} @media (max-width:576px) {.dpoaas-benefits .feature-card {padding:24px 20px 20px} .dpoaas-benefits .feature-card .badge-popular {top:12px;right:12px;padding:3px 12px;font-size:11px} .dpoaas-benefits .feature-card .icon-wrapper {width:48px;height:48px;border-radius:14px} .dpoaas-benefits .feature-card .icon-wrapper i {font-size:24px} .dpoaas-benefits .feature-card .card-content h3 {font-size:17px} .dpoaas-benefits .feature-card .card-content p {font-size:13px} .dpoaas-benefits .feature-card .card-visual img {max-height:100px} .dpoaas-benefits .feature-card .link-action {padding:9px 16px;font-size:13px}} .dpoaas-faq .faq-item {background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:8px;padding:24px 32px;margin-bottom:16px;position:relative;overflow:hidden;transition:all 0.3s ease} .dpoaas-faq .faq-item:last-child {margin-bottom:0} .dpoaas-faq .faq-item h3 {font-size:18px;font-weight:600;margin:0;padding-right:32px;line-height:1.4;cursor:pointer;transition:0.3s} .dpoaas-faq .faq-item h3:hover {color:var(--accent-color)} .dpoaas-faq .faq-item .faq-content {display:grid;grid-template-rows:0fr;transition:0.3s ease-in-out;visibility:hidden;opacity:0} .dpoaas-faq .faq-item .faq-content p {margin-bottom:0;overflow:hidden;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 20%)} .dpoaas-faq .faq-item .faq-toggle {position:absolute;right:32px;top:28px;font-size:16px;line-height:0;color:var(--default-color);transition:0.3s;cursor:pointer} .dpoaas-faq .faq-item .faq-toggle:hover {color:var(--accent-color)} .dpoaas-faq .faq-active {border-color:var(--accent-color)} .dpoaas-faq .faq-active h3 {color:var(--accent-color)} .dpoaas-faq .faq-active .faq-content {grid-template-rows:1fr;visibility:visible;opacity:1;padding-top:16px} .dpoaas-faq .faq-active .faq-toggle {transform:rotate(90deg);color:var(--accent-color)} @media (max-width:575px) {.dpoaas-faq .faq-item {padding:16px 24px} .dpoaas-faq .faq-item .faq-toggle {right:24px;top:20px}} .vciso-details {padding-top:60px;padding-bottom:80px} .vciso-details .service-image {border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.08)} .vciso-details .service-image img {transition:transform 0.5s ease} .vciso-details .service-image img:hover {transform:scale(1.03)} .vciso-details .service-content {padding-left:30px} @media (max-width:992px) {.vciso-details .service-content {padding-left:15px;margin-top:40px}} .vciso-details .service-tag {display:inline-block;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);font-size:13px;font-weight:600;padding:5px 15px;border-radius:20px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px} .vciso-details h2 {font-size:32px;font-weight:700;margin-bottom:15px} .vciso-details .service-tagline {color:color-mix(in srgb,var(--default-color),transparent 25%);font-size:18px;margin-bottom:25px;font-style:italic} .vciso-details .service-description p {margin-bottom:20px;line-height:1.7} .vciso-details .service-features {margin:30px 0} .vciso-details .service-features h4 {margin-bottom:20px;font-size:20px;font-weight:600} .vciso-details .service-features ul {padding-left:0;list-style:none} .vciso-details .service-features ul li {display:flex;align-items:flex-start;margin-bottom:15px} .vciso-details .service-features ul li i {color:var(--accent-color);font-size:20px;margin-right:15px;flex-shrink:0} .vciso-details .service-features ul li span {line-height:1.5} .vciso-details .service-cta {margin-top:35px;display:flex;flex-wrap:wrap;gap:15px} .vciso-details .service-cta .btn {padding:12px 30px;border-radius:5px;font-weight:500;transition:all 0.3s ease} .vciso-details .service-cta .btn.btn-primary {background-color:var(--accent-color);border:2px solid var(--accent-color);color:var(--contrast-color)} .vciso-details .service-cta .btn.btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 15%);border-color:color-mix(in srgb,var(--accent-color),transparent 15%)} .vciso-details .service-cta .btn.btn-outline {background-color:transparent;border:2px solid color-mix(in srgb,var(--default-color),transparent 70%);color:var(--default-color)} .vciso-details .service-cta .btn.btn-outline:hover {border-color:var(--default-color);background-color:var(--default-color);color:var(--contrast-color)} .vciso-details .additional-info {display:flex;flex-wrap:wrap;gap:30px;padding:30px;background-color:var(--surface-color);border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,0.05)} .vciso-details .additional-info .info-item {display:flex;align-items:flex-start;flex:1;min-width:220px} .vciso-details .additional-info .info-item i {font-size:28px;color:var(--accent-color);margin-right:15px} .vciso-details .additional-info .info-item h4 {margin-bottom:5px;font-size:18px} .vciso-details .additional-info .info-item p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 30%)} @media (max-width:768px) {.vciso-details .additional-info {flex-direction:column;gap:20px} .vciso-details .additional-info .info-item {width:100%}} .vciso-why {padding-top:50px;background-color:color-mix(in srgb,var(--accent-color) 5%,var(--background-color));padding-bottom:100px} .vciso-why .feature-card {position:relative;padding:32px;border-radius:16px;background:var(--surface-color);box-shadow:0 10px 40px color-mix(in srgb,var(--default-color) 8%,transparent);height:100%;display:flex;flex-direction:column;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} .vciso-why .feature-card:hover {transform:translateY(-8px);box-shadow:0 20px 60px color-mix(in srgb,var(--default-color) 12%,transparent)} .vciso-why .feature-card:hover .icon-wrap {transform:scale(1.1);background:var(--accent-color)} .vciso-why .feature-card:hover .icon-wrap i {color:var(--contrast-color)} .vciso-why .feature-card:hover .feature-link i {transform:translateX(4px)} .vciso-why .feature-card.featured {background:var(--accent-color);transform:scale(1.02)} @media (min-width:992px) {.vciso-why .feature-card.featured {transform:scale(1.05)}} .vciso-why .feature-card.featured .icon-wrap {background:color-mix(in srgb,var(--contrast-color) 20%,transparent)} .vciso-why .feature-card.featured .icon-wrap i {color:var(--contrast-color)} .vciso-why .feature-card.featured h3 {color:var(--contrast-color)} .vciso-why .feature-card.featured p {color:color-mix(in srgb,var(--contrast-color) 85%,transparent)} .vciso-why .feature-card.featured .feature-link {color:var(--contrast-color)} .vciso-why .feature-card.featured .feature-link:hover {color:color-mix(in srgb,var(--contrast-color) 80%,transparent)} .vciso-why .feature-card.featured:hover {transform:scale(1.05) translateY(-8px)} @media (min-width:992px) {.vciso-why .feature-card.featured:hover {transform:scale(1.08) translateY(-8px)}} .vciso-why .feature-card.featured:hover .icon-wrap {background:var(--contrast-color)} .vciso-why .feature-card.featured:hover .icon-wrap i {color:var(--accent-color)} .vciso-why .feature-card .featured-badge {position:absolute;top:-12px;right:24px;padding:6px 16px;border-radius:50px;background:var(--contrast-color);color:var(--accent-color);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px} .vciso-why .feature-card .icon-wrap {width:56px;height:56px;border-radius:12px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all 0.3s ease} .vciso-why .feature-card .icon-wrap i {font-size:24px;color:var(--accent-color);transition:all 0.3s ease} .vciso-why .feature-card h3 {font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:-0.3px} .vciso-why .feature-card p {font-size:15px;line-height:1.7;color:color-mix(in srgb,var(--default-color) 75%,transparent);margin-bottom:24px;flex-grow:1} .vciso-why .feature-card .feature-link {display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--accent-color);text-decoration:none;transition:all 0.3s ease} .vciso-why .feature-card .feature-link i {font-size:14px;transition:transform 0.3s ease} .vciso-why .feature-card .feature-link:hover {color:color-mix(in srgb,var(--accent-color) 80%,var(--default-color))} .vciso-why .trust-bar {margin-top:80px;padding:32px 40px;border-radius:16px;background:var(--surface-color);box-shadow:0 10px 40px color-mix(in srgb,var(--default-color) 8%,transparent);display:flex;flex-direction:column;align-items:center;gap:32px} @media (min-width:768px) {.vciso-why .trust-bar {flex-direction:row;justify-content:space-between}} .vciso-why .trust-bar .rating-wrap {display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center} .vciso-why .trust-bar .rating-wrap .stars {display:flex;gap:4px} .vciso-why .trust-bar .rating-wrap .stars i {font-size:18px;color:#ffc107} .vciso-why .trust-bar .rating-wrap .rating-text {font-size:15px;font-weight:600;color:var(--default-color)} .vciso-why .trust-bar .trusted-logos {display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center} .vciso-why .trust-bar .trusted-logos .trusted-label {font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:color-mix(in srgb,var(--default-color) 60%,transparent)} .vciso-why .trust-bar .trusted-logos .logos {display:flex;align-items:center;gap:24px} .vciso-why .trust-bar .trusted-logos .logos img {max-height:28px;width:auto;opacity:0.5;filter:grayscale(100%);transition:all 0.3s ease} .vciso-why .trust-bar .trusted-logos .logos img:hover {opacity:1;filter:grayscale(0%)} .vciso-steps {padding-top:60px;padding-bottom:60px} .vciso-steps .steps-item {padding:30px;background:var(--surface-color);border-radius:8px;height:100%;position:relative;transition:all 0.3s ease-in-out} .vciso-steps .steps-item:hover {transform:translateY(-5px);box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 90%)} .vciso-steps .steps-item .steps-number {font-family:var(--heading-font);font-size:48px;font-weight:700;color:var(--accent-color);margin-bottom:15px;line-height:1} .vciso-steps .steps-item h3 {font-size:24px;font-weight:700;margin-bottom:15px} .vciso-steps .steps-item p {margin-bottom:0;font-size:15px;color:color-mix(in srgb,var(--default-color),transparent 20%)} @media (max-width:1199px) {.vciso-steps .steps-item {padding:25px} .vciso-steps .steps-item .steps-number {font-size:40px} .vciso-steps .steps-item h3 {font-size:22px}} @media (max-width:991px) {.vciso-steps .steps-item {padding:20px} .vciso-steps .steps-item .steps-number {font-size:36px} .vciso-steps .steps-item h3 {font-size:20px} .vciso-steps .steps-item p {font-size:14px}} .vciso-faq .section-header h2 {font-size:2.5rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem} .vciso-faq .section-header .lead {font-size:1.1rem;color:color-mix(in srgb,var(--default-color),transparent 25%);line-height:1.6} .vciso-faq .faq-wrapper {max-width:800px;margin:0 auto} .vciso-faq .faq-item {border-left:4px solid transparent;border-radius:10px;background:var(--surface-color);box-shadow:0 5px 20px rgba(0,0,0,0.08);margin-bottom:1.5rem;transition:all 0.3s ease;overflow:hidden} .vciso-faq .faq-item:last-child {margin-bottom:0} .vciso-faq .faq-item:hover {transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-left-color:color-mix(in srgb,var(--accent-color),transparent 50%)} .vciso-faq .faq-item.faq-active {border-left-color:var(--accent-color)} .vciso-faq .faq-item.faq-active .faq-header .faq-icon {background:var(--accent-color);color:var(--contrast-color)} .vciso-faq .faq-item.faq-active .faq-header h4 {color:var(--accent-color)} .vciso-faq .faq-item.faq-active .faq-header .faq-toggle {background:var(--accent-color);color:var(--contrast-color)} .vciso-faq .faq-item.faq-active .faq-header .faq-toggle i.bi-plus {display:none} .vciso-faq .faq-item.faq-active .faq-header .faq-toggle i.bi-dash {display:block} .vciso-faq .faq-item.faq-active .faq-content {grid-template-rows:1fr;visibility:visible;opacity:1} .vciso-faq .faq-item:not(.faq-active) .faq-header .faq-toggle i.bi-plus {display:block} .vciso-faq .faq-item:not(.faq-active) .faq-header .faq-toggle i.bi-dash {display:none} .vciso-faq .faq-item .faq-header {display:flex;align-items:center;padding:25px;cursor:pointer;gap:20px} .vciso-faq .faq-item .faq-header .faq-icon {flex-shrink:0;width:50px;height:50px;border-radius:50%;background:color-mix(in srgb,var(--accent-color),transparent 85%);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:20px;transition:all 0.3s ease} .vciso-faq .faq-item .faq-header h4 {flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--heading-color);transition:color 0.3s ease;line-height:1.4} .vciso-faq .faq-item .faq-header .faq-toggle {flex-shrink:0;width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--default-color),transparent 85%);display:flex;align-items:center;justify-content:center;color:var(--default-color);font-size:16px;transition:all 0.3s ease;position:relative} .vciso-faq .faq-item .faq-header .faq-toggle i {position:absolute;transition:all 0.3s ease} .vciso-faq .faq-item .faq-header .faq-toggle:hover {background:var(--accent-color);color:var(--contrast-color)} .vciso-faq .faq-item .faq-content {display:grid;grid-template-rows:0fr;transition:0.3s ease-in-out;visibility:hidden;opacity:0} .vciso-faq .faq-item .faq-content .content-inner {padding:0 25px 25px 25px;overflow:hidden} .vciso-faq .faq-item .faq-content .content-inner p {margin:0;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;font-size:0.95rem;overflow:hidden} @media (max-width:768px) {.vciso-faq .faq-item .faq-header {padding:20px;gap:15px} .vciso-faq .faq-item .faq-header .faq-icon {width:40px;height:40px;font-size:18px} .vciso-faq .faq-item .faq-header h4 {font-size:1rem} .vciso-faq .faq-item .faq-header .faq-toggle {width:30px;height:30px;font-size:14px} .vciso-faq .faq-item .faq-content .content-inner {padding:0 20px} .vciso-faq .faq-item.faq-active .faq-content .content-inner {padding-bottom:20px}} .nis2-details {padding-top:50px;padding-bottom:60px} .nis2-details .service-header .service-category span {display:inline-block;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 20%));color:var(--contrast-color);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2rem} .nis2-details .service-header h2 {font-size:3rem;margin-bottom:1.5rem;font-weight:700;line-height:1.15} @media (max-width:768px) {.nis2-details .service-header h2 {font-size:2.2rem}} .nis2-details .service-header .lead {font-size:1.25rem;color:color-mix(in srgb,var(--default-color),transparent 25%);font-weight:400;line-height:1.5} .nis2-details .service-details .detail-item {display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem} .nis2-details .service-details .detail-item .icon-wrapper {width:60px;height:60px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),black 15%));border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color),transparent 70%)} .nis2-details .service-details .detail-item .icon-wrapper i {font-size:1.5rem;color:var(--contrast-color)} .nis2-details .service-details .detail-item .content h4 {font-size:1.3rem;margin-bottom:0.8rem;font-weight:600;color:var(--heading-color)} .nis2-details .service-details .detail-item .content p {color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;margin:0} .nis2-details .service-visual {position:relative;border-radius:20px;overflow:hidden} .nis2-details .service-visual img {border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.15)} .nis2-details .service-visual .visual-overlay {position:absolute;bottom:20px;left:20px;right:20px} .nis2-details .service-visual .stats-card {background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-around;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .nis2-details .service-visual .stats-card .stat {text-align:center} .nis2-details .service-visual .stats-card .stat .number {display:block;font-size:1.8rem;font-weight:700;color:var(--accent-color);line-height:1} .nis2-details .service-visual .stats-card .stat .label {display:block;font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:500;margin-top:0.3rem} .nis2-details .service-overview {background:var(--surface-color);padding:3rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.05)} .nis2-details .service-overview h3 {font-size:2rem;margin-bottom:1.5rem;font-weight:600} @media (max-width:768px) {.nis2-details .service-overview h3 {font-size:1.6rem}} .nis2-details .service-overview p {font-size:1.1rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 15%);margin-bottom:2rem} .nis2-details .service-overview .features-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:1rem} @media (max-width:576px) {.nis2-details .service-overview .features-grid {grid-template-columns:1fr}} .nis2-details .service-overview .features-grid .feature {display:flex;align-items:center;gap:0.8rem;padding:0.8rem;background:color-mix(in srgb,var(--accent-color),transparent 95%);border-radius:12px} .nis2-details .service-overview .features-grid .feature i {color:var(--accent-color);font-size:1.2rem} .nis2-details .service-overview .features-grid .feature span {font-weight:500;color:var(--heading-color)} .nis2-details .service-overview .treatment-areas {background:color-mix(in srgb,var(--default-color),transparent 97%);padding:2rem;border-radius:16px} .nis2-details .service-overview .treatment-areas h4 {font-size:1.3rem;margin-bottom:1.5rem;color:var(--heading-color);font-weight:600} .nis2-details .service-overview .treatment-areas .condition-tags {display:flex;flex-wrap:wrap;gap:0.8rem} .nis2-details .service-overview .treatment-areas .condition-tags .tag {background:var(--surface-color);color:color-mix(in srgb,var(--default-color),transparent 10%);padding:0.6rem 1.2rem;border-radius:25px;font-size:0.9rem;font-weight:500;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s ease} .nis2-details .service-overview .treatment-areas .condition-tags .tag:hover {background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px)} @media (max-width:992px) {.nis2-details .service-overview {padding:2rem} .nis2-details .service-overview .treatment-areas {margin-top:2rem}} .nis2-details .action-card {background:var(--surface-color);padding:2rem;border-radius:20px;text-align:center;height:100%;border:2px solid transparent;transition:all 0.3s ease;box-shadow:0 8px 30px rgba(0,0,0,0.08)} .nis2-details .action-card.primary {border-color:var(--accent-color);background:linear-gradient(135deg,var(--surface-color),color-mix(in srgb,var(--accent-color),transparent 97%))} .nis2-details .action-card.primary .card-header i {color:var(--accent-color)} .nis2-details .action-card.primary .btn-action {background:var(--accent-color);color:var(--contrast-color)} .nis2-details .action-card.primary .btn-action:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-3px)} .nis2-details .action-card.secondary {border-color:color-mix(in srgb,var(--heading-color),transparent 70%)} .nis2-details .action-card.secondary .card-header i {color:var(--heading-color)} .nis2-details .action-card.secondary .btn-action {background:transparent;color:var(--default-color);border:2px solid color-mix(in srgb,var(--default-color),transparent 50%)} .nis2-details .action-card.secondary .btn-action:hover {color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-3px)} .nis2-details .action-card.tertiary {border-color:color-mix(in srgb,var(--default-color),transparent 80%)} .nis2-details .action-card.tertiary .card-header i {color:color-mix(in srgb,var(--default-color),transparent 20%)} .nis2-details .action-card.tertiary .btn-action {background:transparent;color:var(--default-color);border:2px solid color-mix(in srgb,var(--default-color),transparent 50%)} .nis2-details .action-card.tertiary .btn-action:hover {color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-3px)} .nis2-details .action-card:hover {transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.15)} .nis2-details .action-card .card-header {margin-bottom:1rem} .nis2-details .action-card .card-header i {font-size:2.5rem;margin-bottom:1rem;display:block} .nis2-details .action-card .card-header h4 {font-size:1.3rem;font-weight:600;margin:0} .nis2-details .action-card p {color:color-mix(in srgb,var(--default-color),transparent 25%);line-height:1.5} .nis2-details .action-card .card-footer .btn-action {display:inline-block;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-bottom:1rem;width:100%} .nis2-details .action-card .card-footer .availability {display:block;font-size:0.85rem;color:color-mix(in srgb,var(--default-color),transparent 40%);font-weight:500} @media (max-width:768px) {.nis2-details .service-header {margin-bottom:3rem} .nis2-details .service-header .service-category span {margin-bottom:1rem} .nis2-details .service-details {margin-bottom:3rem} .nis2-details .service-details .detail-item {margin-bottom:2rem} .nis2-details .visual-overlay {position:static !important;margin-top:1rem} .nis2-details .visual-overlay .stats-card {background:var(--surface-color);backdrop-filter:none}} .nis2-fines {padding-top:60px;padding-bottom:60px} .nis2-fines .pricing-card {height:100%;padding:28px;background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:8px;transition:all 0.3s ease-in-out;position:relative} .nis2-fines .pricing-card:hover {transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.1)} .nis2-fines .pricing-card.featured {border-color:var(--accent-color);box-shadow:0 5px 25px rgba(0,0,0,0.1)} .nis2-fines .pricing-card.featured .featured-label {position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--accent-color);color:var(--contrast-color);font-size:14px;padding:4px 16px;border-radius:20px;white-space:nowrap} .nis2-fines .pricing-card.featured .featured-label i {margin-right:4px} .nis2-fines .pricing-card.featured .btn-pricing {background-color:var(--accent-color);color:var(--contrast-color)} .nis2-fines .pricing-card.featured .btn-pricing:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 15%)} .nis2-fines .pricing-header {text-align:left;margin-bottom:24px} .nis2-fines .pricing-header h3 {font-size:24px;margin-bottom:12px;color:var(--heading-color)} .nis2-fines .pricing-header p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:15px;margin:0} .nis2-fines .pricing-price {margin-bottom:24px} .nis2-fines .pricing-price .price {display:flex;align-items:center;gap:4px;font-size:60px;font-weight:700;color:var(--heading-color)} .nis2-fines .pricing-price .price sup {font-size:20px;font-weight:600;top:-0.5em} .nis2-fines .pricing-price .price i {font-size:32px;color:var(--heading-color)} .nis2-fines .pricing-price .price span {font-size:14px;font-weight:normal;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-left:8px} .nis2-fines .pricing-cta {margin-bottom:32px} .nis2-fines .pricing-cta .btn-pricing {display:block;width:100%;padding:12px 24px;background-color:color-mix(in srgb,var(--heading-color),transparent 90%);color:var(--heading-color);border:none;border-radius:6px;font-size:15px;font-weight:500;text-align:center;transition:all 0.3s ease} .nis2-fines .pricing-cta .btn-pricing:hover {background-color:var(--accent-color);color:var(--contrast-color)} .nis2-fines .pricing-features h4 {font-size:15px;margin-bottom:16px} .nis2-fines .pricing-features ul {list-style:none;padding:0;margin:0} .nis2-fines .pricing-features ul li {display:flex;align-items:flex-start;gap:8px;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:12px} .nis2-fines .pricing-features ul li i {color:var(--accent-color);font-size:16px;margin-top:2px} .nis2-fines .pricing-features ul li .badge {background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;margin-left:6px} @media (max-width:991px) {.nis2-fines .pricing-card {margin-bottom:24px}} .nis2-sectors {padding-top:60px;padding-bottom:60px} .nis2-sectors .service-item {background-color:var(--surface-color);box-shadow:0px 0 30px rgba(0,0,0,0.1);height:100%;padding:15px 30px;text-align:center;transition:0.3s;border-radius:5px} .nis2-sectors .service-item .icon {font-size:32px;border-radius:50%;position:relative;margin-bottom:25px;display:inline-block;line-height:0;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px} .nis2-sectors .service-item h3 a {color:color-mix(in srgb,var(--heading-color),transparent 25%);font-weight:700;font-size:22px;transition:0.3s} .nis2-sectors .service-item p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 40%);transition:0.3s} .nis2-sectors .service-item.item-cyan .icon {color:#0dcaf0;background:rgba(13,202,240,0.1)} .nis2-sectors .service-item.item-orange .icon {color:#fd7e14;background:rgba(253,126,20,0.1)} .nis2-sectors .service-item.item-teal .icon {color:#20c997;background:rgba(32,201,151,0.1)} .nis2-sectors .service-item.item-red .icon {color:#df1529;background:rgba(223,21,4,0.1)} .nis2-sectors .service-item.item-indigo .icon {color:#6610f2;background:rgba(102,16,242,0.1)} .nis2-sectors .service-item.item-pink .icon {color:#f3268c;background:rgba(243,38,140,0.1)} .nis2-sectors .service-item:hover {transform:scale(1.06)} .nis2-sectors .service-item:hover h3 a {color:var(--heading-color)} .nis2-sectors .service-item:hover p {color:color-mix(in srgb,var(--default-color),transparent 10%)} @media (min-width:992px) {.services-grid {display:grid;grid-template-columns:repeat(5,1fr);justify-content:center} .services-grid>div {width:auto}} .nis2-sectors-2 {padding-top:60px;padding-bottom:60px} .nis2-sectors-2 .service-item {background-color:var(--surface-color);box-shadow:0px 0 30px rgba(0,0,0,0.1);height:100%;padding:15px 30px;text-align:center;transition:0.3s;border-radius:5px} .nis2-sectors-2 .service-item .icon {font-size:32px;border-radius:50%;position:relative;margin-bottom:25px;display:inline-block;line-height:0;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px} .nis2-sectors-2 .service-item h3 a {color:color-mix(in srgb,var(--heading-color),transparent 25%);font-weight:700;font-size:22px;transition:0.3s} .nis2-sectors-2 .service-item p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 40%);transition:0.3s} .nis2-sectors-2 .service-item.item-cyan .icon {color:#0dcaf0;background:rgba(13,202,240,0.1)} .nis2-sectors-2 .service-item.item-orange .icon {color:#fd7e14;background:rgba(253,126,20,0.1)} .nis2-sectors-2 .service-item.item-teal .icon {color:#20c997;background:rgba(32,201,151,0.1)} .nis2-sectors-2 .service-item.item-red .icon {color:#df1529;background:rgba(223,21,4,0.1)} .nis2-sectors-2 .service-item.item-indigo .icon {color:#6610f2;background:rgba(102,16,242,0.1)} .nis2-sectors-2 .service-item.item-pink .icon {color:#f3268c;background:rgba(243,38,140,0.1)} .nis2-sectors-2 .service-item:hover {transform:scale(1.06)} .nis2-sectors-2 .service-item:hover h3 a {color:var(--heading-color)} .nis2-sectors-2 .service-item:hover p {color:color-mix(in srgb,var(--default-color),transparent 10%)} @media (min-width:992px) {.services-grid {display:grid;grid-template-columns:repeat(5,1fr);justify-content:center} .services-grid>div {width:auto}} .nis2-sectors-3 .service-item {background-color:var(--surface-color);box-shadow:0px 0 30px rgba(0,0,0,0.1);height:100%;padding:15px 30px;text-align:center;transition:0.3s;border-radius:5px} .nis2-sectors-3 .service-item .icon {font-size:32px;border-radius:50%;position:relative;margin-bottom:25px;display:inline-block;line-height:0;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px} .nis2-sectors-3 .service-item h3 a {color:color-mix(in srgb,var(--heading-color),transparent 25%);font-weight:700;font-size:22px;transition:0.3s} .nis2-sectors-3 .service-item p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 40%);transition:0.3s} .nis2-sectors-3 .service-item.item-cyan .icon {color:#0dcaf0;background:rgba(13,202,240,0.1)} .nis2-sectors-3 .service-item.item-orange .icon {color:#fd7e14;background:rgba(253,126,20,0.1)} .nis2-sectors-3 .service-item.item-teal .icon {color:#20c997;background:rgba(32,201,151,0.1)} .nis2-sectors-3 .service-item.item-red .icon {color:#df1529;background:rgba(223,21,4,0.1)} .nis2-sectors-3 .service-item.item-indigo .icon {color:#6610f2;background:rgba(102,16,242,0.1)} .nis2-sectors-3 .service-item.item-pink .icon {color:#f3268c;background:rgba(243,38,140,0.1)} .nis2-sectors-3 .service-item:hover {transform:scale(1.06)} .nis2-sectors-3 .service-item:hover h3 a {color:var(--heading-color)} .nis2-sectors-3 .service-item:hover p {color:color-mix(in srgb,var(--default-color),transparent 10%)} @media (min-width:992px) {.services-grid {display:grid;grid-template-columns:repeat(5,1fr);justify-content:center} .services-grid>div {width:auto}} .nis2-board {padding-top:30px;padding-bottom:60px} .nis2-board .tabs-wrapper {max-width:1100px;margin:0 auto} .nis2-board .tabs-header {margin-bottom:80px} @media (max-width:768px) {.nis2-board .tabs-header {margin-bottom:60px}} .nis2-board .tabs-header .nav-tabs {border:none;justify-content:center;gap:0;background:var(--surface-color);border-radius:8px;padding:8px;box-shadow:0 2px 20px color-mix(in srgb,var(--default-color),transparent 94%)} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs {flex-direction:column;gap:4px}} .nis2-board .tabs-header .nav-tabs .nav-item {flex:1;cursor:pointer} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs .nav-item {flex:none;width:100%}} .nis2-board .tabs-header .nav-tabs .nav-link {border:none;background:transparent;padding:0;border-radius:6px;transition:all 0.3s ease;position:relative;overflow:hidden} .nis2-board .tabs-header .nav-tabs .nav-link.active {background:var(--accent-color)} .nis2-board .tabs-header .nav-tabs .nav-link.active .tab-content-preview .tab-number {color:var(--contrast-color);background:color-mix(in srgb,var(--contrast-color),transparent 85%)} .nis2-board .tabs-header .nav-tabs .nav-link.active .tab-content-preview .tab-text h6,.nis2-board .tabs-header .nav-tabs .nav-link.active .tab-content-preview .tab-text small {color:var(--contrast-color)} .nis2-board .tabs-header .nav-tabs .nav-link:hover:not(.active) {background:color-mix(in srgb,var(--accent-color),transparent 95%)} .nis2-board .tabs-header .nav-tabs .nav-link:hover:not(.active) .tab-content-preview .tab-number {background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color)} .nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview {display:flex;align-items:center;gap:16px;padding:20px 24px} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview {padding:16px 20px;gap:12px}} .nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-number {width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--default-color),transparent 92%);color:color-mix(in srgb,var(--default-color),transparent 30%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all 0.3s ease;flex-shrink:0} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-number {width:32px;height:32px;font-size:12px}} .nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-text {text-align:left} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-text {flex:1}} .nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-text h6 {margin:0 0 2px 0;font-size:14px;font-weight:500;color:var(--heading-color);transition:all 0.3s ease} @media (max-width:768px) {.nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-text h6 {font-size:13px}} .nis2-board .tabs-header .nav-tabs .nav-link .tab-content-preview .tab-text small {font-size:11px;color:color-mix(in srgb,var(--default-color),transparent 40%);transition:all 0.3s ease;display:block;line-height:1} .nis2-board .tab-content .tab-pane {animation:fadeInContent 0.5s ease-in-out} .nis2-board .tab-content .content-area {padding-right:40px} @media (max-width:992px) {.nis2-board .tab-content .content-area {padding-right:0;margin-bottom:50px}} .nis2-board .tab-content .content-area .content-badge {display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);padding:8px 16px;border-radius:50px;font-size:12px;font-weight:500;margin-bottom:24px} .nis2-board .tab-content .content-area .content-badge i {font-size:14px} .nis2-board .tab-content .content-area h3 {font-size:36px;font-weight:300;line-height:1.2;margin-bottom:24px} @media (max-width:768px) {.nis2-board .tab-content .content-area h3 {font-size:28px}} @media (max-width:576px) {.nis2-board .tab-content .content-area h3 {font-size:24px}} .nis2-board .tab-content .content-area h4 {font-size:20px;font-weight:300;line-height:1.2;margin-bottom:24px} @media (max-width:768px) {.nis2-board .tab-content .content-area h4 {font-size:28px}} @media (max-width:576px) {.nis2-board .tab-content .content-area h4 {font-size:24px}} .nis2-board .tab-content .content-area p {font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:40px} @media (max-width:768px) {.nis2-board .tab-content .content-area p {font-size:15px}} .nis2-board .tab-content .content-area .highlight-stats {display:flex;gap:40px;margin-bottom:40px} @media (max-width:576px) {.nis2-board .tab-content .content-area .highlight-stats {gap:24px}} .nis2-board .tab-content .content-area .highlight-stats .stat-item .stat-value {display:block;font-size:28px;font-weight:300;color:var(--accent-color);line-height:1;margin-bottom:4px} @media (max-width:768px) {.nis2-board .tab-content .content-area .highlight-stats .stat-item .stat-value {font-size:24px}} .nis2-board .tab-content .content-area .highlight-stats .stat-item .stat-label {font-size:12px;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:0.5px} .nis2-board .tab-content .content-area .feature-points {margin-bottom:40px} .nis2-board .tab-content .content-area .feature-points .point-item {display:flex;align-items:flex-start;gap:12px;margin-bottom:16px} .nis2-board .tab-content .content-area .feature-points .point-item:last-child {margin-bottom:0} .nis2-board .tab-content .content-area .feature-points .point-item i {font-size:12px;color:var(--accent-color);margin-top:4px;flex-shrink:0} .nis2-board .tab-content .content-area .feature-points .point-item span {font-size:14px;line-height:1.6;color:var(--default-color)} .nis2-board .tab-content .content-area .service-group {margin-bottom:30px} .nis2-board .tab-content .content-area .service-group h3 {text-align:center;font-size:16px;font-weight:700;margin:0 0 4px 0} .nis2-board .tab-content .content-area .service-group p {text-align:left;line-height:24px;font-size:14px;margin-bottom:0} .nis2-board .tab-content .content-area .explore-link {display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);text-decoration:none;font-size:14px;font-weight:500;transition:all 0.3s ease} .nis2-board .tab-content .content-area .explore-link:hover {gap:12px;color:var(--accent-color)} .nis2-board .tab-content .content-area .explore-link:hover i {transform:translate(2px,-2px)} .nis2-board .tab-content .content-area .explore-link i {font-size:16px;transition:all 0.3s ease} .nis2-board .tab-content .content-area .service-icon {width:70px;height:70px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem;transition:all 0.3s ease} .nis2-board .tab-content .content-area h3 {font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--heading-color)} .nis2-board .tab-content .content-area p {color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:1.5rem;font-size:1rem;line-height:1.6} .nis2-board .tab-content .content-area .service-link {color:var(--heading-color);font-weight:600;font-size:0.95rem;text-decoration:none;display:inline-flex;align-items:center;transition:all 0.3s ease} .nis2-board .tab-content .content-area .service-link i {margin-left:0.5rem;transition:transform 0.3s ease} .nis2-board .tab-content .content-area .service-link:hover {color:var(--accent-color)} .nis2-board .tab-content .content-area .service-link:hover i {transform:translateX(5px)} .nis2-board .tab-content .content-area .step-item {background-color:var(--surface-color);border-radius:8px;padding:5px 30px 10px 30px;height:100%;transition:all 0.3s ease-in-out;position:relative;overflow:hidden} .nis2-board .tab-content .content-area .step-item:hover {transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)} .nis2-board .tab-content .content-area .step-item:hover .step-number {color:var(--accent-color)} .nis2-board .tab-content .content-area .step-img {margin-bottom:25px;border-radius:6px;overflow:hidden} .nis2-board .tab-content .content-area .step-img img {transition:transform 0.3s ease-in-out;aspect-ratio:800/533;object-fit:cover;width:100%} .nis2-board .tab-content .content-area .step-img img:hover {transform:scale(1.05)} .nis2-board .tab-content .content-area .step-number {font-family:var(--heading-font);font-size:3rem;font-weight:700;color:color-mix(in srgb,var(--accent-color),transparent 80%);margin-bottom:15px;display:block;transition:color 0.3s ease-in-out} .nis2-board .tab-content .content-area h3 {font-size:1.5rem;margin-bottom:15px;font-weight:600} .nis2-board .tab-content .content-area p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:1rem;line-height:1.6;margin-bottom:0} @media (max-width:991px) {.nis2-board .tab-content .content-area .step-item {padding:25px} .nis2-board .tab-content .content-area .step-number {font-size:2.5rem} .nis2-board .tab-content .content-area h3 {font-size:1.3rem}} @media (max-width:767px) {.nis2-board .tab-content .content-area .step-item {padding:20px} .nis2-board .tab-content .content-area .step-number {font-size:2rem} .nis2-board .tab-content .content-area h3 {font-size:1.2rem}} .nis2-board .tab-content .visual-content {position:relative;padding-left:40px} @media (max-width:992px) {.nis2-board .tab-content .visual-content {padding-left:0}} .nis2-board .tab-content .visual-content img {width:100%;border-radius:8px} .nis2-board .tab-content .visual-content .floating-element {position:absolute;bottom:20px;right:20px} @media (max-width:768px) {.nis2-board .tab-content .visual-content .floating-element {bottom:15px;right:15px}} .nis2-board .tab-content .visual-content .floating-element .floating-card {background:var(--surface-color);backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 85%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);animation:floatAnimation 3s ease-in-out infinite} @media (max-width:768px) {.nis2-board .tab-content .visual-content .floating-element .floating-card {padding:12px 16px;gap:10px}} .nis2-board .tab-content .visual-content .floating-element .floating-card i {font-size:20px;color:var(--accent-color)} @media (max-width:768px) {.nis2-board .tab-content .visual-content .floating-element .floating-card i {font-size:18px}} .nis2-board .tab-content .visual-content .floating-element .floating-card .card-info span {display:block;font-size:10px;color:color-mix(in srgb,var(--default-color),transparent 40%);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px} .nis2-board .tab-content .visual-content .floating-element .floating-card .card-info strong {display:block;font-size:13px;font-weight:600;color:var(--heading-color)} @media (max-width:768px) {.nis2-board .tab-content .visual-content .floating-element .floating-card .card-info strong {font-size:12px}} @keyframes fadeInContent {from {opacity:0;transform:translateY(20px)} to {opacity:1;transform:translateY(0)}} @keyframes floatAnimation {0%,100% {transform:translateY(0px)} 50% {transform:translateY(-8px)}} .nis2-hr .process-timeline {position:relative;padding:32px 0} .nis2-hr .process-card {height:100%} .nis2-hr .process-card .card-inner {position:relative;background:var(--surface-color);border-radius:16px;padding:32px;padding-bottom:80px;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);overflow:hidden;height:100%;display:flex;flex-direction:column} .nis2-hr .process-card .card-inner::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease} .nis2-hr .process-card:hover .card-inner {transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.12)} .nis2-hr .process-card:hover .card-inner::before {transform:scaleX(1)} .nis2-hr .process-card:hover .icon-wrapper {background:var(--accent-color);transform:scale(1.1)} .nis2-hr .process-card:hover .icon-wrapper i {color:var(--contrast-color)} .nis2-hr .process-card:hover .card-arrow {background:var(--accent-color);color:var(--contrast-color);transform:translateX(4px)} .nis2-hr .process-card.featured .card-inner {background:var(--accent-color)} .nis2-hr .process-card.featured .card-inner::before {background:var(--contrast-color)} .nis2-hr .process-card.featured .step-badge {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .nis2-hr .process-card.featured .icon-wrapper {background:color-mix(in srgb,var(--contrast-color) 20%,transparent)} .nis2-hr .process-card.featured .icon-wrapper i {color:var(--contrast-color)} .nis2-hr .process-card.featured h3 {color:var(--contrast-color)} .nis2-hr .process-card.featured p {color:color-mix(in srgb,var(--contrast-color) 85%,transparent)} .nis2-hr .process-card.featured .card-arrow {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .nis2-hr .process-card.featured:hover .icon-wrapper {background:var(--contrast-color)} .nis2-hr .process-card.featured:hover .icon-wrapper i {color:var(--accent-color)} .nis2-hr .process-card.featured:hover .card-arrow {background:var(--contrast-color);color:var(--accent-color)} .nis2-hr .step-badge {display:inline-flex;align-items:center;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);margin-bottom:24px;width:fit-content} .nis2-hr .card-content {display:flex;gap:24px;align-items:flex-start;flex:1} .nis2-hr .icon-wrapper {flex-shrink:0;width:56px;height:56px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} .nis2-hr .icon-wrapper i {font-size:24px;color:var(--accent-color);transition:color 0.3s ease} .nis2-hr .text-content {flex:1} .nis2-hr .text-content h3 {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--heading-color);letter-spacing:-0.5px} .nis2-hr .text-content p {color:color-mix(in srgb,var(--default-color) 80%,transparent);font-size:15px;line-height:1.7;margin-bottom:0} .nis2-hr .card-arrow {position:absolute;bottom:24px;right:24px;width:40px;height:40px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:18px;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} @media (max-width:991px) {.nis2-hr .process-card .card-inner {padding:24px;padding-bottom:72px} .nis2-hr .icon-wrapper {width:48px;height:48px} .nis2-hr .icon-wrapper i {font-size:20px} .nis2-hr .text-content h3 {font-size:18px} .nis2-hr .text-content p {font-size:14px} .nis2-hr .card-arrow {width:36px;height:36px;font-size:16px}} @media (max-width:576px) {.nis2-hr .card-content {flex-direction:column;gap:16px} .nis2-hr .step-badge {font-size:12px;padding:6px 12px;margin-bottom:16px} .nis2-hr .process-card .card-inner {padding:24px;padding-bottom:80px}} .nis2-certification {position:relative;overflow:hidden} .nis2-certification .process-image {position:relative} .nis2-certification .process-image .rounded-custom {border-radius:30px;box-shadow:0 15px 30px rgba(0,0,0,0.08);transition:transform 0.5s ease} .nis2-certification .process-image .rounded-custom:hover {transform:translateY(-10px)} @media (max-width:991px) {.nis2-certification .process-image {margin-bottom:2rem}} .nis2-certification .process-content .section-heading {font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color)} @media (max-width:768px) {.nis2-certification .process-content .section-heading {font-size:2rem}} .nis2-certification .process-content .intro-text {font-size:1.125rem;margin-bottom:2.5rem;line-height:1.7} @media (max-width:768px) {.nis2-certification .process-content .intro-text {font-size:1rem}} .nis2-certification .process-steps {margin-top:2rem} .nis2-certification .process-steps .step-item {display:flex;gap:1.5rem;margin-bottom:2rem;position:relative} @media (max-width:576px) {.nis2-certification .process-steps .step-item {gap:1rem}} .nis2-certification .process-steps .step-item:last-child {margin-bottom:0} .nis2-certification .process-steps .step-item .step-indicator {background-color:var(--accent-color);color:var(--contrast-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;box-shadow:0 5px 15px color-mix(in srgb,var(--accent-color),transparent 70%);flex-shrink:0;transition:transform 0.3s ease} @media (max-width:576px) {.nis2-certification .process-steps .step-item .step-indicator {width:40px;height:40px;font-size:1rem}} .nis2-certification .process-steps .step-item:hover .step-indicator {transform:scale(1.1)} .nis2-certification .process-steps .step-item .step-details h4 {color:var(--heading-color);font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;padding-bottom:0.75rem;border-bottom:1px solid color-mix(in srgb,var(--heading-color),transparent 90%)} @media (max-width:576px) {.nis2-certification .process-steps .step-item .step-details h4 {font-size:1.125rem}} .nis2-certification .process-steps .step-item .step-details p {color:var(--default-color);margin-bottom:2em;line-height:1.6} @media (max-width:991px) {.nis2-certification .step-item {margin-bottom:1.5rem}} .nis2-incidents .process-timeline {position:relative;padding:32px 0} .nis2-incidents .process-card {height:100%} .nis2-incidents .process-card .card-inner {position:relative;background:var(--surface-color);border-radius:16px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);overflow:hidden;height:100%;display:flex;flex-direction:column} .nis2-incidents .process-card .card-inner::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease} .nis2-incidents .process-card:hover .card-inner {transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.12)} .nis2-incidents .process-card:hover .card-inner::before {transform:scaleX(1)} .nis2-incidents .process-card:hover .icon-wrapper {background:var(--accent-color);transform:scale(1.1)} .nis2-incidents .process-card:hover .icon-wrapper i {color:var(--contrast-color)} .nis2-incidents .process-card:hover .card-arrow {background:var(--accent-color);color:var(--contrast-color);transform:translateX(4px)} .nis2-incidents .process-card.featured .card-inner {background:var(--accent-color)} .nis2-incidents .process-card.featured .card-inner::before {background:var(--contrast-color)} .nis2-incidents .process-card.featured .step-badge {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .nis2-incidents .process-card.featured .icon-wrapper {background:color-mix(in srgb,var(--contrast-color) 20%,transparent)} .nis2-incidents .process-card.featured .icon-wrapper i {color:var(--contrast-color)} .nis2-incidents .process-card.featured h3 {color:var(--contrast-color)} .nis2-incidents .process-card.featured p {color:color-mix(in srgb,var(--contrast-color) 85%,transparent)} .nis2-incidents .process-card.featured .card-arrow {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .nis2-incidents .process-card.featured:hover .icon-wrapper {background:var(--contrast-color)} .nis2-incidents .process-card.featured:hover .icon-wrapper i {color:var(--accent-color)} .nis2-incidents .process-card.featured:hover .card-arrow {background:var(--contrast-color);color:var(--accent-color)} .nis2-incidents .step-badge {display:inline-flex;align-items:center;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);margin-bottom:24px;width:fit-content} .nis2-incidents .card-content {display:flex;gap:24px;align-items:flex-start;flex:1} .nis2-incidents .icon-wrapper {flex-shrink:0;width:56px;height:56px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} .nis2-incidents .icon-wrapper i {font-size:24px;color:var(--accent-color);transition:color 0.3s ease} .nis2-incidents .text-content {flex:1} .nis2-incidents .text-content h3 {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--heading-color);letter-spacing:-0.5px} .nis2-incidents .text-content p {color:color-mix(in srgb,var(--default-color) 80%,transparent);font-size:15px;line-height:1.7;margin-bottom:0} .nis2-incidents .card-arrow {position:absolute;bottom:24px;right:24px;width:40px;height:40px;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:18px;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} @media (max-width:991px) {.nis2-incidents .process-card .card-inner {padding:24px;padding-bottom:72px} .nis2-incidents .icon-wrapper {width:48px;height:48px} .nis2-incidents .icon-wrapper i {font-size:20px} .nis2-incidents .text-content h3 {font-size:18px} .nis2-incidents .text-content p {font-size:14px} .nis2-incidents .card-arrow {width:36px;height:36px;font-size:16px}} @media (max-width:576px) {.nis2-incidents .card-content {flex-direction:column;gap:16px} .nis2-incidents .step-badge {font-size:12px;padding:6px 12px;margin-bottom:16px} .nis2-incidents .process-card .card-inner {padding:24px;padding-bottom:80px}} .nis2-supervisory .row {position:relative} .nis2-supervisory .row::before {content:"";position:absolute;top:80px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-color) 25%,var(--accent-color) 50%,var(--accent-color) 75%,var(--accent-color) 100%);z-index:0} @media (max-width:991px) {.nis2-supervisory .row::before {display:none}} .nis2-supervisory .process-item {background:var(--surface-color);padding:2rem 1.5rem;border-radius:16px;text-align:center;position:relative;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 94%);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;overflow:visible} .nis2-supervisory .process-item:hover {box-shadow:0 8px 30px color-mix(in srgb,var(--accent-color),transparent 85%);transform:translateY(-5px)} .nis2-supervisory .process-item:hover .icon-wrapper {transform:scale(1.05);background:var(--accent-color)} .nis2-supervisory .process-item:hover .icon-wrapper i {color:var(--contrast-color)} .nis2-supervisory .process-item:hover .number-badge {background:var(--accent-color);color:var(--contrast-color)} .nis2-supervisory .process-item .number-badge {position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:45px;height:45px;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color),transparent 80%);transition:all 0.3s ease;z-index:2} .nis2-supervisory .process-item .icon-wrapper {width:90px;height:90px;background:color-mix(in srgb,var(--accent-color),transparent 93%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:2rem auto 1.5rem;transition:all 0.3s ease;position:relative;z-index:1} .nis2-supervisory .process-item .icon-wrapper i {font-size:2.5rem;color:var(--accent-color);transition:all 0.3s ease} .nis2-supervisory .process-item h3 {font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--heading-color)} @media (max-width:576px) {.nis2-supervisory .process-item h3 {font-size:1.1rem}} .nis2-supervisory .process-item p {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.7;margin-bottom:0;flex-grow:1} .nis2-supervisory .process-item .connector-line {display:none} @media (max-width:991px) {.nis2-supervisory .process-item .icon-wrapper {width:80px;height:80px} .nis2-supervisory .process-item .icon-wrapper i {font-size:2.2rem}} @media (max-width:767px) {.nis2-supervisory .process-item {padding:1.75rem 1.25rem} .nis2-supervisory .process-item .number-badge {width:40px;height:40px;font-size:1rem} .nis2-supervisory .process-item .icon-wrapper {width:70px;height:70px;margin:1.5rem auto 1.25rem} .nis2-supervisory .process-item .icon-wrapper i {font-size:2rem} .nis2-supervisory .process-item h3 {font-size:1.05rem} .nis2-supervisory .process-item p {font-size:0.85rem}} .nis2-execution .steps-wrapper {position:relative;padding:20px 0} .nis2-execution .steps-wrapper::before {content:"";position:absolute;width:2px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);top:0;bottom:0;left:50%;transform:translateX(-50%)} .nis2-execution .step-item {margin-bottom:50px;width:100%;position:relative} .nis2-execution .step-item:last-child {margin-bottom:0} .nis2-execution .step-item:nth-child(even) .step-content {flex-direction:row-reverse} .nis2-execution .step-content {display:flex;align-items:center;gap:30px} .nis2-execution .step-icon {flex-shrink:0;width:80px;height:80px;background-color:var(--surface-color);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.1);border:2px solid color-mix(in srgb,var(--accent-color),transparent 85%);transition:all 0.3s ease-in-out} .nis2-execution .step-icon i {font-size:32px;color:var(--accent-color);transition:transform 0.3s ease-in-out} .nis2-execution .step-info {flex:1;background-color:var(--surface-color);padding:30px;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,0.05);transition:transform 0.3s ease-in-out} .nis2-execution .step-info:hover {transform:translateY(-5px)} .nis2-execution .step-number {display:inline-block;font-family:var(--heading-font);font-size:0.9rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px} .nis2-execution h3 {font-size:1.3rem;margin-bottom:15px;font-weight:600;color:var(--heading-color)} .nis2-execution p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:1rem;line-height:1.6;margin-bottom:0} @media (max-width:991px) {.nis2-execution .steps-wrapper::before {left:25px} .nis2-execution .step-item .step-content {flex-direction:row !important} .nis2-execution .step-icon {width:60px;height:60px} .nis2-execution .step-icon i {font-size:24px} .nis2-execution .step-info {padding:20px} .nis2-execution h3 {font-size:1.3rem}} @media (max-width:767px) {.nis2-execution .step-content {gap:20px} .nis2-execution .step-icon {width:50px;height:50px} .nis2-execution .step-icon i {font-size:20px} .nis2-execution .step-info {padding:15px} .nis2-execution h3 {font-size:1.2rem} .nis2-execution p {font-size:0.95rem}} .dora-details {padding-top:70px;padding-bottom:50px} .dora-details .section-badge {display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);padding:6px 18px;border-radius:6px;font-size:13px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase} .dora-details .section-badge i {font-size:14px} .dora-details .section-heading {font-size:2.6rem;font-weight:700;line-height:1.25;color:var(--heading-color)} @media (max-width:768px) {.dora-details .section-heading {font-size:2.1rem}} .dora-details .section-description {font-size:1.05rem;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 25%)} .dora-details .cta-button {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:14px 32px;border-radius:8px;font-weight:600;transition:all 0.3s ease;box-shadow:0 10px 28px color-mix(in srgb,var(--accent-color),transparent 70%)} .dora-details .cta-button:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-4px);box-shadow:0 16px 38px color-mix(in srgb,var(--accent-color),transparent 60%)} .dora-details .hero-visual img {border-radius:24px;box-shadow:0 24px 60px color-mix(in srgb,var(--default-color),transparent 82%)} @media (max-width:991px) {.dora-details .hero-visual {text-align:center}} .dora-details .services-list .service-card {background:var(--surface-color);border-left:6px solid color-mix(in srgb,var(--accent-color),transparent 30%);border-radius:12px;padding:2rem 1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.25rem;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;position:relative} .dora-details .services-list .service-card:hover {transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 22px 45px color-mix(in srgb,var(--default-color),transparent 82%)} .dora-details .services-list .service-card .icon-wrap {width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:background 0.3s ease,color 0.3s ease} .service-card:hover .dora-details .services-list .service-card .icon-wrap {background:var(--accent-color);color:var(--contrast-color)} .dora-details .services-list .service-card .card-body .service-title {font-size:1.25rem;font-weight:600;margin-bottom:0.5rem} .dora-details .services-list .service-card .card-body .service-title a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .dora-details .services-list .service-card .card-body .service-title a:hover {color:var(--accent-color)} .dora-details .services-list .service-card .card-body .service-description {font-size:0.95rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 35%)} @media (max-width:768px) {.dora-details {padding:70px 0} .dora-details .intro-content {text-align:center} .dora-details .services-list .service-card {padding:1.75rem 1.25rem 1.75rem 1.75rem}} .dora-details .swiper-wrapper {height:auto !important} .dora-capabilities {padding-top:50px;padding-bottom:60px} .dora-capabilities .feature-block {position:relative;background:var(--surface-color);border-radius:16px;padding:40px 28px 28px;height:100%;display:flex;flex-direction:column;text-align:center;overflow:hidden;box-shadow:0 4px 24px color-mix(in srgb,var(--default-color),transparent 94%);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)} .dora-capabilities .feature-block:hover {transform:translateY(-10px);box-shadow:0 16px 40px color-mix(in srgb,var(--accent-color),transparent 82%)} .dora-capabilities .feature-block:hover .icon-wrapper i {transform:scale(1.15)} .dora-capabilities .feature-block:hover .icon-wrapper .icon-ring {transform:scale(1.2);opacity:0.15} .dora-capabilities .feature-block:hover .card-accent-line {width:100%} .dora-capabilities .feature-block:hover .action-link {color:var(--accent-color)} .dora-capabilities .feature-block:hover .action-link i {transform:translateX(4px)} .dora-capabilities .feature-block .icon-wrapper {position:relative;width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%} .dora-capabilities .feature-block .icon-wrapper i {font-size:28px;color:var(--accent-color);position:relative;z-index:1;transition:transform 0.4s ease} .dora-capabilities .feature-block .icon-wrapper .icon-ring {position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px dashed var(--accent-color);border-radius:50%;opacity:0.25;transition:all 0.4s ease} .dora-capabilities .feature-block .block-content {flex:1} .dora-capabilities .feature-block .tag-label {display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 92%);padding:4px 14px;border-radius:50px;margin-bottom:14px} .dora-capabilities .feature-block h3 {font-size:20px;font-weight:700;color:var(--heading-color);margin-bottom:12px;line-height:1.35} .dora-capabilities .feature-block p {font-size:14px;line-height:1.75;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px} .dora-capabilities .feature-block .block-footer {margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .dora-capabilities .feature-block .action-link {display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--heading-color);text-decoration:none;transition:all 0.3s ease} .dora-capabilities .feature-block .action-link i {font-size:22px;transition:transform 0.3s ease} .dora-capabilities .feature-block .action-link:hover {color:var(--accent-color)} .dora-capabilities .feature-block .card-accent-line {position:absolute;bottom:0;left:0;width:40%;height:3px;background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 60%));transition:width 0.4s ease} .dora-capabilities .feature-block.highlighted {background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color),transparent 93%),var(--surface-color) 40%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 75%)} .dora-capabilities .feature-block.highlighted .highlight-tag {position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--contrast-color);background:var(--accent-color);padding:5px 12px;border-radius:50px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent-color),transparent 55%)} .dora-capabilities .feature-block.highlighted .highlight-tag i {font-size:10px} .dora-capabilities .feature-block.highlighted .icon-wrapper {background:color-mix(in srgb,var(--accent-color),transparent 82%)} .dora-capabilities .feature-block.highlighted .card-accent-line {width:60%} @media (max-width:768px) {.dora-capabilities .feature-block {padding:32px 24px 24px} .dora-capabilities .feature-block .icon-wrapper {width:64px;height:64px;margin-bottom:20px} .dora-capabilities .feature-block .icon-wrapper i {font-size:24px} .dora-capabilities .feature-block h3 {font-size:18px} .dora-capabilities .feature-block p {font-size:13px}} @media (max-width:576px) {.dora-capabilities .feature-block {padding:28px 20px 20px} .dora-capabilities .feature-block .icon-wrapper {width:56px;height:56px;margin-bottom:16px} .dora-capabilities .feature-block .icon-wrapper i {font-size:22px} .dora-capabilities .feature-block .icon-wrapper .icon-ring {top:-4px;left:-4px;right:-4px;bottom:-4px} .dora-capabilities .feature-block .tag-label {font-size:10px;padding:3px 10px;margin-bottom:10px} .dora-capabilities .feature-block h3 {font-size:17px;margin-bottom:8px} .dora-capabilities .feature-block p {font-size:13px;line-height:1.65;margin-bottom:16px} .dora-capabilities .feature-block .action-link {font-size:13px} .dora-capabilities .feature-block.highlighted .highlight-tag {top:10px;right:10px;font-size:10px;padding:4px 10px}} .dora-entities {padding-top:40px;padding-bottom:50px} .dora-entities .info-card {padding:20px 15px;height:100%;transition:transform 0.3s ease;text-align:center} .dora-entities .info-card:hover {transform:translateY(-5px)} .dora-entities .info-card:hover .icon-box i {color:var(--accent-color)} .dora-entities .info-card .icon-box {margin:0 auto 15px;transition:all 0.3s ease} .dora-entities .info-card .icon-box i {font-size:2.5rem;color:var(--heading-color);transition:color 0.3s ease} .dora-entities .info-card h3 {font-size:1.1rem;font-weight:600;margin-bottom:10px;color:var(--heading-color)} .dora-entities .info-card p {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.5;margin-bottom:0} @media (max-width:991px) {.dora-entities .info-card .icon-box i {font-size:2.2rem} .dora-entities .info-card h3 {font-size:1rem} .dora-entities .info-card p {font-size:0.85rem}} @media (max-width:767px) {.dora-entities .info-card {margin-bottom:15px}} .dora-timeline {padding-top:50px;padding-bottom:60px} .dora-timeline .timeline-container {position:relative;padding:30px 0} .dora-timeline .timeline-track {position:relative;max-width:1200px;margin:0 auto} .dora-timeline .timeline-track::before {content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(to bottom,transparent,var(--accent-color) 10%,var(--accent-color) 90%,transparent);transform:translateX(-50%);z-index:1} .dora-timeline .timeline-item {position:relative;margin-bottom:60px} .dora-timeline .timeline-item:last-child {margin-bottom:0} .dora-timeline .timeline-item.left .timeline-content {padding-right:50px;text-align:right} .dora-timeline .timeline-item.left .timeline-content .timeline-marker {right:-35px} .dora-timeline .timeline-item.right .timeline-content {padding-left:50px;margin-left:50%} .dora-timeline .timeline-item.right .timeline-content .timeline-marker {left:-35px} .dora-timeline .timeline-item:hover .timeline-marker {transform:scale(1.1);background-color:var(--accent-color)} .dora-timeline .timeline-item:hover .timeline-marker .step-icon {color:var(--contrast-color)} .dora-timeline .timeline-item:hover .timeline-body {transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)} .dora-timeline .timeline-content {position:relative;width:50%} .dora-timeline .timeline-marker {position:absolute;top:15px;width:70px;height:70px;background-color:var(--surface-color);border:3px solid var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.1)} .dora-timeline .timeline-marker .step-number {position:absolute;top:-15px;right:-15px;width:35px;height:35px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--heading-font);font-size:0.9rem;font-weight:700;z-index:3;border:3px solid var(--surface-color)} .dora-timeline .timeline-marker .step-icon {font-size:1.5rem;color:var(--accent-color);transition:all 0.3s ease} .dora-timeline .timeline-body {background-color:var(--surface-color);border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease} .dora-timeline .timeline-body h3 {font-size:1.3rem;font-weight:600;margin-bottom:15px;color:var(--heading-color)} .dora-timeline .timeline-body p {color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem;line-height:1.6;margin-bottom:0} @media (max-width:991px) {.dora-timeline .timeline-track::before {left:30px} .dora-timeline .timeline-item.left .timeline-content,.dora-timeline .timeline-item.right .timeline-content {width:100%;padding-left:80px;padding-right:0;margin-left:0;text-align:left} .dora-timeline .timeline-item.left .timeline-content .timeline-marker,.dora-timeline .timeline-item.right .timeline-content .timeline-marker {left:0;right:auto}} @media (max-width:767px) {.dora-timeline .timeline-item {margin-bottom:50px} .dora-timeline .timeline-marker {width:60px;height:60px} .dora-timeline .timeline-marker .step-number {width:30px;height:30px;font-size:0.8rem} .dora-timeline .timeline-marker .step-icon {font-size:1.3rem} .dora-timeline .timeline-body {padding:20px} .dora-timeline .timeline-body h3 {font-size:1.2rem} .dora-timeline .timeline-body p {font-size:0.9rem}} @media (max-width:575px) {.dora-timeline .timeline-marker {width:50px;height:50px} .dora-timeline .timeline-marker .step-icon {font-size:1.1rem} .dora-timeline .timeline-item.left .timeline-content,.dora-timeline .timeline-item.right .timeline-content {padding-left:70px}} .dora-services .features-content h2 {font-size:36px;font-weight:300;color:var(--heading-color);margin-bottom:30px;line-height:1.3} .dora-services .features-content .lead {font-size:18px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:0} .dora-services .features-image {position:relative} .dora-services .features-image img {border-radius:8px;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 85%)} .dora-services .features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px} .dora-services .feature-item {display:flex;align-items:flex-start;gap:20px;padding:0;transition:all 0.3s ease} .dora-services .feature-item:hover {transform:translateY(-5px)} .dora-services .feature-item:hover .feature-icon {transform:scale(1.1);background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#6c5ce7 30%))} .dora-services .feature-icon {width:60px;height:60px;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#4834d4 20%));border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.4s ease} .dora-services .feature-icon i {font-size:24px;color:var(--contrast-color)} .dora-services .feature-content h4 {font-size:20px;font-weight:400;color:var(--heading-color);margin-bottom:12px;line-height:1.4} .dora-services .feature-content p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:0} @media (max-width:991px) {.dora-services .features-content {text-align:center} .dora-services .features-content h2 {font-size:28px} .dora-services .features-grid {margin-top:60px;gap:30px} .dora-services .feature-item {gap:16px} .dora-services .feature-icon {width:50px;height:50px} .dora-services .feature-icon i {font-size:20px}} @media (max-width:576px) {.dora-services .features-grid {grid-template-columns:1fr;gap:25px} .dora-services .features-content h2 {font-size:24px} .dora-services .features-content .lead {font-size:16px}} .training-details {padding-top:60px;padding-bottom:60px} .training-details .swiper-wrapper {height:auto !important} .training-details .service-sidebar {position:sticky;top:100px} .training-details .service-sidebar .service-overview {background:var(--surface-color);border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);margin-bottom:24px} .training-details .service-sidebar .service-overview .overview-header {background:var(--accent-color);color:var(--contrast-color);padding:20px 24px;display:flex;align-items:center;gap:12px} .training-details .service-sidebar .service-overview .overview-header i {font-size:24px} .training-details .service-sidebar .service-overview .overview-header h3 {color:var(--contrast-color);margin:0;font-size:20px;font-weight:600} .training-details .service-sidebar .service-overview .overview-content {padding:32px} .training-details .service-sidebar .service-overview .overview-content h2 {font-size:24px;font-weight:700;margin-bottom:16px;color:var(--heading-color)} .training-details .service-sidebar .service-overview .overview-content p {margin-bottom:24px;color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:15px;line-height:1.7} .training-details .service-sidebar .service-overview .overview-content .cta-button .btn-get-started {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:12px 24px;border-radius:4px;font-weight:600;transition:0.3s;text-align:center;width:100%} .training-details .service-sidebar .service-overview .overview-content .cta-button .btn-get-started:hover {background:color-mix(in srgb,var(--accent-color),black 10%)} .training-details .service-sidebar .key-benefits {background:var(--surface-color);border-radius:8px;padding:32px;margin-bottom:24px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .training-details .service-sidebar .key-benefits h4 {font-size:20px;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:16px} .training-details .service-sidebar .key-benefits h4:after {content:"";position:absolute;bottom:0;left:0;width:48px;height:3px;background:var(--accent-color)} .training-details .service-sidebar .key-benefits ul {padding-left:0;list-style:none;margin:0} .training-details .service-sidebar .key-benefits ul li {display:flex;align-items:center;margin-bottom:16px;color:color-mix(in srgb,var(--default-color),transparent 15%);font-size:15px} .training-details .service-sidebar .key-benefits ul li:last-child {margin-bottom:0} .training-details .service-sidebar .key-benefits ul li i {color:var(--accent-color);font-size:18px;margin-right:12px;flex-shrink:0} .training-details .service-sidebar .contact-card {background:var(--surface-color);border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%)} .training-details .service-sidebar .contact-card .contact-header {background:var(--accent-color);color:var(--contrast-color);padding:20px 24px;display:flex;align-items:center;gap:12px} .training-details .service-sidebar .contact-card .contact-header i {font-size:24px} .training-details .service-sidebar .contact-card .contact-header h4 {color:var(--contrast-color);margin:0;font-size:20px;font-weight:600} .training-details .service-sidebar .contact-card .contact-info {padding:32px} .training-details .service-sidebar .contact-card .contact-info .info-row {display:flex;align-items:center;margin-bottom:20px} .training-details .service-sidebar .contact-card .contact-info .info-row:last-child {margin-bottom:0} .training-details .service-sidebar .contact-card .contact-info .info-row i {font-size:20px;color:var(--accent-color);margin-right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:50%;flex-shrink:0} .training-details .service-sidebar .contact-card .contact-info .info-row div span {display:block;font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:4px} .training-details .service-sidebar .contact-card .contact-info .info-row div p {margin:0;font-weight:600;color:var(--heading-color);font-size:15px} .training-details .service-content .image-gallery {margin-bottom:40px} .training-details .service-content .image-gallery .service-details-slider {border-radius:8px;overflow:hidden} .training-details .service-content .image-gallery .service-details-slider img {width:100%;aspect-ratio:16/9;object-fit:cover} .training-details .service-content .image-gallery .service-details-slider .swiper-pagination {bottom:20px} .training-details .service-content .image-gallery .service-details-slider .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;background:var(--contrast-color);opacity:0.7;transition:all 0.3s ease} .training-details .service-content .image-gallery .service-details-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;width:24px;border-radius:5px} .training-details .service-content .image-gallery .service-details-slider .swiper-button-next,.training-details .service-content .image-gallery .service-details-slider .swiper-button-prev {width:44px;height:44px;background:var(--contrast-color);border-radius:50%;opacity:0;transition:0.3s} .training-details .service-content .image-gallery .service-details-slider .swiper-button-next::after,.training-details .service-content .image-gallery .service-details-slider .swiper-button-prev::after {font-size:18px;color:var(--accent-color)} .training-details .service-content .image-gallery .service-details-slider .swiper-button-next:hover,.training-details .service-content .image-gallery .service-details-slider .swiper-button-prev:hover {opacity:1} .training-details .service-content .image-gallery .service-details-slider:hover .swiper-button-next,.training-details .service-content .image-gallery .service-details-slider:hover .swiper-button-prev {opacity:0.8} .training-details .service-content .section-header {margin-bottom:24px} .training-details .service-content .section-header h3 {font-size:24px;font-weight:700;margin-bottom:12px} .training-details .service-content .section-header .divider {width:48px;height:3px;background:var(--accent-color)} .training-details .service-content .details-content {margin-bottom:40px} .training-details .service-content .details-content p {margin-bottom:16px;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.8;font-size:15px} .training-details .service-content .details-content p:last-child {margin-bottom:0} .training-details .service-content .service-features {margin-bottom:40px} .training-details .service-content .service-features .topics-intro {margin:0 0 12px;font-size:0.96rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 18%)} .training-details .service-content .service-features .topics-legend {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px} .training-details .service-content .service-features .legend-item {display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:0.85rem;font-weight:500;color:#24364b;background:#f7f8ff;border:1px solid #e4e8ff} .training-details .service-content .service-features .legend-marker {width:10px;height:10px;flex:0 0 10px;border-radius:50%;display:inline-block} .training-details .service-content .service-features .legend-core .legend-marker {background:#ffffff;border:1px solid #dfe5f3} .training-details .service-content .service-features .legend-advanced .legend-marker {background:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color),transparent 88%)} .training-details .service-content .service-features .feature-card {position:relative;background:var(--surface-color);border-radius:8px;padding:24px;height:100%;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s ease} .training-details .service-content .service-features .feature-card.dark {border:1px solid color-mix(in srgb,var(--accent-color),transparent 10%)} .training-details .service-content .service-features .feature-card:hover {border-color:var(--accent-color)} .training-details .service-content .service-features .feature-card:hover {border-color:var(--accent-color)} .training-details .service-content .service-features .feature-card:hover .icon-wrapper {background:var(--accent-color)} .training-details .service-content .service-features .feature-card:hover .icon-wrapper i {color:var(--contrast-color)} .training-details .service-content .service-features .feature-card .icon-wrapper {width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:8px;margin-bottom:16px;transition:0.3s} .training-details .service-content .service-features .feature-card .icon-wrapper i {font-size:24px;color:var(--accent-color);transition:0.3s} .training-details .service-content .service-features .feature-card .topic-level-badge {position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border-radius:999px;font-size:0.72rem;font-weight:600;line-height:1;letter-spacing:0.04em;text-transform:uppercase;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 93%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%)} .training-details .service-content .service-features .feature-card h4 {font-size:18px;font-weight:600;margin-bottom:8px} .training-details .service-content .service-features .feature-card p {color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:0;font-size:14px;line-height:1.6} .training-details .service-content .implementation-steps .step-container {position:relative} .training-details .service-content .implementation-steps .step-container:before {content:"";position:absolute;top:0;bottom:0;left:19px;width:2px;background:color-mix(in srgb,var(--accent-color),transparent 80%)} .training-details .service-content .implementation-steps .step-container .step {display:flex;margin-bottom:32px;position:relative} .training-details .service-content .implementation-steps .step-container .step:last-child {margin-bottom:0} .training-details .service-content .implementation-steps .step-container .step .step-number {width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--contrast-color);font-weight:700;border-radius:50%;margin-right:20px;z-index:2;font-size:14px} .training-details .service-content .implementation-steps .step-container .step .step-content {flex:1} .training-details .service-content .implementation-steps .step-container .step .step-content h4 {font-size:18px;font-weight:600;margin-bottom:8px} .training-details .service-content .implementation-steps .step-container .step .step-content p {color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:0;font-size:15px;line-height:1.7} @media (max-width:991px) {.training-details .service-sidebar {position:relative;top:0;margin-bottom:40px}} @media (max-width:575px) {.training-details .service-sidebar .service-overview .overview-content,.training-details .service-sidebar .key-benefits,.training-details .service-sidebar .contact-card .contact-info {padding:24px} .training-details .service-content .section-header h3 {font-size:20px} .training-details .service-content .service-features .feature-card .topic-level-badge {top:18px;right:18px}} .training-pricing {padding-top:100px;padding-bottom:80px} @media (max-width:768px) {.training-pricing {padding:64px 0}} .training-pricing .pricing-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center} @media (max-width:992px) {.training-pricing .pricing-grid {grid-template-columns:1fr;gap:32px;max-width:480px;margin:0 auto}} .training-pricing .pricing-item {background:var(--surface-color);border-radius:20px;padding:40px 32px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.06);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;flex-direction:column;height:100%} .training-pricing .pricing-item:hover {transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.1)} .training-pricing .pricing-item.featured {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.05);z-index:2;padding:56px 32px 40px} @media (max-width:992px) {.training-pricing .pricing-item.featured {transform:scale(1)}} .training-pricing .pricing-item.featured:hover {transform:scale(1.05) translateY(-8px)} @media (max-width:992px) {.training-pricing .pricing-item.featured:hover {transform:translateY(-8px)}} .training-pricing .pricing-item.featured .featured-tag {position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);background:color-mix(in srgb,var(--accent-color) 90%,white 25%);box-shadow:0 5px 20px rgba(0,0,0,0.15);color:var(--contrast-color);padding:10px 24px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap} .training-pricing .pricing-item.featured .plan-badge {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .training-pricing .pricing-item.featured .plan-price .currency,.training-pricing .pricing-item.featured .plan-price .value,.training-pricing .pricing-item.featured .plan-price .billing-cycle {color:var(--contrast-color)} .training-pricing .pricing-item.featured .billing-note {color:color-mix(in srgb,var(--contrast-color) 80%,transparent)} .training-pricing .pricing-item.featured .plan-features li {color:var(--contrast-color);border-bottom-color:color-mix(in srgb,var(--contrast-color) 15%,transparent)} .training-pricing .pricing-item.featured .plan-features li i {color:var(--contrast-color)} .training-pricing .pricing-item.featured .btn-select {background:var(--contrast-color);color:var(--accent-color)} .training-pricing .pricing-item.featured .btn-select:hover {background:color-mix(in srgb,var(--contrast-color) 90%,transparent);transform:translateX(4px)} .training-pricing .pricing-item.featured .trial-text {color:color-mix(in srgb,var(--contrast-color) 75%,transparent);font-size:13px;text-align:center;margin-top:16px} .training-pricing .plan-badge {display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;background:color-mix(in srgb,var(--accent-color) 12%,transparent);color:var(--accent-color);margin-bottom:24px;align-self:flex-start} .training-pricing .plan-badge i {font-size:16px} .training-pricing .plan-price {margin-bottom:8px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap} .training-pricing .plan-price .price-display {display:flex;align-items:flex-start} .training-pricing .plan-price .currency {font-size:24px;font-weight:700;color:var(--heading-color);line-height:1.2} .training-pricing .plan-price .value {font-size:56px;font-weight:800;color:var(--heading-color);line-height:1;letter-spacing:-2px} .training-pricing .plan-price .value.annual-price {display:none} .training-pricing .plan-price .billing-cycle {font-size:16px;font-weight:400;color:color-mix(in srgb,var(--default-color) 60%,transparent);margin-left:4px} .training-pricing .plan-price.custom {flex-direction:column;gap:0} .training-pricing .plan-price.custom .custom-label {font-size:48px;font-weight:800;color:var(--heading-color);line-height:1.1;letter-spacing:-1px} .training-pricing .plan-price.custom .billing-cycle {font-size:18px;color:color-mix(in srgb,var(--default-color) 50%,transparent);margin-left:0} .training-pricing .billing-note {font-size:14px;color:color-mix(in srgb,var(--default-color) 50%,transparent);margin-bottom:32px} .training-pricing .billing-note.annual-billing {display:none} .training-pricing .plan-features {list-style:none;padding:0;margin:0 0 32px;flex-grow:1} .training-pricing .plan-features li {display:flex;align-items:center;gap:12px;padding:14px 0;font-size:15px;color:var(--default-color);border-bottom:1px solid color-mix(in srgb,var(--default-color) 8%,transparent)} .training-pricing .plan-features li:last-child {border-bottom:none} .training-pricing .plan-features li i {font-size:18px;color:var(--accent-color);flex-shrink:0} .training-pricing .btn-select {display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color);border-radius:50px;font-size:15px;font-weight:600;transition:all 0.3s ease;border:none} .training-pricing .btn-select i {font-size:16px;transition:transform 0.3s ease} .training-pricing .btn-select:hover {background:var(--accent-color);color:var(--contrast-color)} .training-pricing .btn-select:hover i {transform:translateX(4px)} .training-pricing .trust-bar {margin-top:80px;padding-top:48px;border-top:1px solid color-mix(in srgb,var(--default-color) 10%,transparent);text-align:center} @media (max-width:768px) {.training-pricing .trust-bar {margin-top:48px;padding-top:32px}} .training-pricing .trust-items {display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:32px} @media (max-width:576px) {.training-pricing .trust-items {gap:16px}} .training-pricing .trust-item {display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:color-mix(in srgb,var(--accent-color) 6%,transparent);border-radius:50px;font-size:14px;font-weight:500;color:var(--default-color)} .training-pricing .trust-item i {font-size:18px;color:var(--accent-color)} @media (max-width:576px) {.training-pricing .trust-item {padding:10px 16px;font-size:13px}} .training-pricing .footer-actions {display:flex;flex-wrap:wrap;justify-content:center;gap:24px} .training-pricing .footer-actions a {font-size:14px;font-weight:600;color:var(--accent-color);transition:all 0.3s ease;position:relative} .training-pricing .footer-actions a::after {content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-color);transition:width 0.3s ease} .training-pricing .footer-actions a:hover {color:color-mix(in srgb,var(--accent-color) 80%,black)} .training-pricing .footer-actions a:hover::after {width:100%} @media (max-width:576px) {.training-pricing .footer-actions {flex-direction:column;gap:16px}} @media (max-width:768px) {.training-pricing .pricing-item {padding:32px 24px} .training-pricing .pricing-item.featured {padding:48px 24px 32px} .training-pricing .plan-price .value {font-size:44px} .training-pricing .plan-price .currency {font-size:20px} .training-pricing .plan-price.custom .custom-label {font-size:40px} .training-pricing .plan-features li {font-size:14px;padding:12px 0}} .gap-analysis-details {padding-top:2px;padding-bottom:60px} .gap-analysis-details .hero-banner {position:relative;border-radius:12px;overflow:hidden} .gap-analysis-details .hero-banner img {width:100%;height:340px;object-fit:cover;display:block} .gap-analysis-details .hero-banner .banner-overlay {position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3rem;padding:1.5rem 2rem;background:linear-gradient(to top,color-mix(in srgb,var(--accent-color),transparent 10%),transparent)} @media (max-width:768px) {.gap-analysis-details .hero-banner .banner-overlay {gap:1.5rem;padding:1rem}} @media (max-width:576px) {.gap-analysis-details .hero-banner .banner-overlay {flex-direction:column;align-items:center;gap:0.75rem}} .gap-analysis-details .hero-banner .stat-badge {text-align:center;color:var(--contrast-color)} .gap-analysis-details .hero-banner .stat-badge .number {display:block;font-size:2.5rem;font-weight:700;line-height:1;font-family:var(--heading-font)} @media (max-width:768px) {.gap-analysis-details .hero-banner .stat-badge .number {font-size:2rem}} .gap-analysis-details .hero-banner .stat-badge .label {display:block;font-size:13px;margin-top:0.25rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.9} .gap-analysis-details .narrative .tag-line {display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);margin-bottom:0.75rem;position:relative;padding-left:40px} .gap-analysis-details .narrative .tag-line::before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:2px;background-color:var(--accent-color)} .gap-analysis-details .narrative h1,.gap-analysis-details .narrative h3 {font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.25rem;color:var(--heading-color)} .gap-analysis-details .narrative p {font-size:15px;line-height:1.7;color:var(--default-color);margin-bottom:1rem} .gap-analysis-details .feature-grid {display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin:1.75rem 0} @media (max-width:576px) {.gap-analysis-details .feature-grid {grid-template-columns:1fr}} .gap-analysis-details .feature-grid .feature-item {display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.85rem;background-color:color-mix(in srgb,var(--accent-color),transparent 92%);border-radius:6px;transition:background-color 0.3s ease} .gap-analysis-details .feature-grid .feature-item:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 85%)} .gap-analysis-details .feature-grid .feature-item i {font-size:1.1rem;color:var(--accent-color);flex-shrink:0} .gap-analysis-details .feature-grid .feature-item span {font-size:14px;font-weight:500;color:var(--default-color)} .gap-analysis-details .action-buttons {display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap} .gap-analysis-details .action-buttons .btn-accent {display:inline-block;padding:12px 28px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;transition:all 0.3s ease} .gap-analysis-details .action-buttons .btn-accent:hover {background-color:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent-color),transparent 50%)} .gap-analysis-details .action-buttons .btn-ghost {display:inline-flex;align-items:center;gap:0.5rem;font-size:15px;font-weight:600;color:var(--accent-color);text-decoration:none;transition:all 0.3s ease} .gap-analysis-details .action-buttons .btn-ghost i {font-size:1.25rem;transition:transform 0.3s ease} .gap-analysis-details .action-buttons .btn-ghost:hover {color:color-mix(in srgb,var(--accent-color),black 15%)} .gap-analysis-details .action-buttons .btn-ghost:hover i {transform:translateX(4px)} .gap-analysis-details .image-stack {position:relative;padding-left:30px;padding-bottom:30px} @media (max-width:992px) {.gap-analysis-details .image-stack {padding-left:0;padding-bottom:60px}} .gap-analysis-details .image-stack .stack-main {position:relative;z-index:1} .gap-analysis-details .image-stack .stack-main img {width:100%;border-radius:10px;box-shadow:0 10px 40px color-mix(in srgb,var(--default-color),transparent 85%)} .gap-analysis-details .image-stack .stack-secondary {position:absolute;bottom:0;left:0;width:45%;z-index:2} @media (max-width:992px) {.gap-analysis-details .image-stack .stack-secondary {width:40%;bottom:10px;left:10px}} .gap-analysis-details .image-stack .stack-secondary img {width:100%;border-radius:8px;border:4px solid var(--surface-color);box-shadow:0 6px 25px color-mix(in srgb,var(--default-color),transparent 80%)} .gap-analysis-details .image-stack .years-ribbon {position:absolute;top:20px;right:-10px;z-index:3;background-color:var(--accent-color);color:var(--contrast-color);padding:10px 20px;border-radius:6px 0 0 6px;font-size:14px;font-weight:500;box-shadow:0 4px 15px color-mix(in srgb,var(--accent-color),transparent 50%)} .gap-analysis-details .image-stack .years-ribbon strong {font-size:1.3rem;font-weight:700} .gap-analysis-details .image-stack .years-ribbon::after {content:"";position:absolute;top:100%;right:0;border-width:5px;border-style:solid;border-color:color-mix(in srgb,var(--accent-color),black 30%) transparent transparent color-mix(in srgb,var(--accent-color),black 30%)} @media (max-width:992px) {.gap-analysis-details .image-stack .years-ribbon {right:0;border-radius:6px} .gap-analysis-details .image-stack .years-ribbon::after {display:none}} .gap-analysis-details .highlight-card {display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;background-color:var(--surface-color);border-radius:10px;height:100%;border-left:4px solid var(--accent-color);box-shadow:0 2px 15px color-mix(in srgb,var(--default-color),transparent 92%);transition:all 0.3s ease} .gap-analysis-details .highlight-card:hover {box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 85%);transform:translateY(-3px)} .gap-analysis-details .highlight-card .card-icon {flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:color-mix(in srgb,var(--accent-color),transparent 88%)} .gap-analysis-details .highlight-card .card-icon i {font-size:1.5rem;color:var(--accent-color)} .gap-analysis-details .highlight-card .card-body h4 {font-size:1.2rem;font-weight:600;margin-bottom:0.5rem;color:var(--heading-color)} .gap-analysis-details .highlight-card .card-body p {font-size:14px;line-height:1.6;color:var(--default-color);margin:0} .gap-analysis-details .partners-strip {background-color:color-mix(in srgb,var(--default-color),transparent 96%);border-radius:10px;padding:2rem 2.5rem;display:flex;align-items:center;gap:2.5rem} @media (max-width:768px) {.gap-analysis-details .partners-strip {flex-direction:column;padding:1.5rem;gap:1.25rem}} .gap-analysis-details .partners-strip .strip-label {font-size:1rem;font-weight:700;color:var(--heading-color);white-space:nowrap;font-family:var(--heading-font);min-width:fit-content} .gap-analysis-details .partners-strip .strip-logos {display:flex;align-items:center;gap:2rem;flex-wrap:wrap;justify-content:space-around;flex:1} @media (max-width:768px) {.gap-analysis-details .partners-strip .strip-logos {gap:1rem;justify-content:center}} .gap-analysis-details .partners-strip .logo-item img {max-height:60px;opacity:0.55;filter:grayscale(100%);transition:all 0.3s ease} .gap-analysis-details .partners-strip .logo-item img:hover {opacity:1;filter:grayscale(0%)} @media (max-width:992px) {.gap-analysis-details .narrative {margin-top:1rem}} .gap-analysis-coverage {padding-top:59px;padding-bottom:60px} .gap-analysis-coverage .skills-group {background-color:var(--surface-color);padding:30px;border-radius:12px;height:100%;box-shadow:0 0 25px rgba(0,0,0,0.05)} .gap-analysis-coverage .skills-group h3 {font-size:24px;margin-bottom:25px;color:var(--heading-color);position:relative;display:inline-block} .gap-analysis-coverage .skills-group h3::after {content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background:var(--accent-color);border-radius:2px} .gap-analysis-coverage .circular-progress {position:relative;width:160px;height:160px;margin:0 auto;text-align:center} .gap-analysis-coverage .circular-progress .outer {width:160px;height:160px;padding:20px;border-radius:50%;box-shadow:0 0 15px rgba(0,0,0,0.1)} .gap-analysis-coverage .circular-progress .inner {width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 15px rgba(0,0,0,0.1)} .gap-analysis-coverage .circular-progress .progress-value {font-size:24px;font-weight:600;color:var(--heading-color)} .gap-analysis-coverage .circular-progress .skill-name {margin-top:15px;font-size:16px;font-weight:500;color:var(--heading-color)} .gap-analysis-coverage .circular-progress svg {position:absolute;top:0;left:0} .gap-analysis-coverage .circular-progress svg circle {fill:none;stroke:var(--accent-color);stroke-width:8px;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.5s ease-in-out} .gap-analysis-coverage .circular-progress svg circle[data-value="100"] {stroke-dashoffset:0} .gap-analysis-coverage .circular-progress svg circle[data-value="95"] {stroke-dashoffset:20} .gap-analysis-coverage .circular-progress svg circle[data-value="90"] {stroke-dashoffset:44} .gap-analysis-coverage .circular-progress svg circle[data-value="85"] {stroke-dashoffset:66} .gap-analysis-coverage .skill-card {background-color:var(--surface-color);border-radius:10px;padding:25px 20px;height:100%;transition:all 0.3s;position:relative;overflow:hidden} .gap-analysis-coverage .skill-card:hover {transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,0.05)} .gap-analysis-coverage .skill-card:hover .skill-icon {background-color:var(--accent-color)} .gap-analysis-coverage .skill-card:hover .skill-icon i {color:var(--contrast-color)} .gap-analysis-coverage .skill-card .skill-icon {width:50px;height:50px;border-radius:10px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.3s} .gap-analysis-coverage .skill-card .skill-icon i {font-size:24px;color:var(--accent-color);transition:all 0.3s} .gap-analysis-coverage .skill-card h4 {font-size:18px;margin-bottom:10px;color:var(--heading-color)} .gap-analysis-coverage .skill-card .skill-level {font-size:14px;color:var(--accent-color);margin-bottom:15px} .gap-analysis-coverage .skill-card .skill-details {list-style:none;padding:0;margin:0} .gap-analysis-coverage .skill-card .skill-details li {font-size:14px;margin-bottom:8px;color:color-mix(in srgb,var(--default-color),transparent 20%)} .gap-analysis-coverage .skill-card .skill-details li i {color:var(--accent-color);margin-right:8px} .gap-analysis-coverage .skill-card .skill-details li:last-child {margin-bottom:0} .gap-analysis-coverage .soft-skill-card {background-color:var(--surface-color);border-radius:10px;padding:25px;height:100%;text-align:center;transition:all 0.3s} .gap-analysis-coverage .soft-skill-card:hover {transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,0.05)} .gap-analysis-coverage .soft-skill-card:hover .skill-icon {transform:rotateY(180deg)} .gap-analysis-coverage .soft-skill-card .skill-icon {width:60px;height:60px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.6s} .gap-analysis-coverage .soft-skill-card .skill-icon i {font-size:28px;color:var(--accent-color)} .gap-analysis-coverage .soft-skill-card h4 {font-size:18px;margin-bottom:15px;color:var(--heading-color)} .gap-analysis-coverage .soft-skill-card p {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin:0} @media (max-width:991.98px) {.gap-analysis-coverage .skills-group {margin-bottom:30px} .gap-analysis-coverage .skills-group:last-child {margin-bottom:0} .gap-analysis-coverage .skill-card {margin-bottom:20px} .gap-analysis-coverage .skill-card:last-child {margin-bottom:0}} @media (max-width:575.98px) {.gap-analysis-coverage .circular-progress {margin-bottom:30px} .gap-analysis-coverage .circular-progress:last-child {margin-bottom:0}} .gap-analysis-methodology .steps-content {padding-right:30px;margin-bottom:40px} @media (max-width:992px) {.gap-analysis-methodology .steps-content {padding-right:0}} .gap-analysis-methodology .steps-content h2 {font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--heading-color)} @media (max-width:768px) {.gap-analysis-methodology .steps-content h2 {font-size:2rem}} .gap-analysis-methodology .steps-content .lead {font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;color:var(--default-color)} .gap-analysis-methodology .steps-content p {margin-bottom:2rem;color:var(--default-color)} .gap-analysis-methodology .steps-content .steps-cta {display:flex;gap:15px} @media (max-width:576px) {.gap-analysis-methodology .steps-content .steps-cta {flex-direction:column}} .gap-analysis-methodology .steps-content .steps-cta .btn {padding:12px 30px;font-weight:600;border-radius:5px;transition:all 0.3s ease} .gap-analysis-methodology .steps-content .steps-cta .btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color)} .gap-analysis-methodology .steps-content .steps-cta .btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),#000 10%);border-color:color-mix(in srgb,var(--accent-color),#000 10%);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .gap-analysis-methodology .steps-content .steps-cta .btn-outline {background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)} .gap-analysis-methodology .steps-content .steps-cta .btn-outline:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)} .gap-analysis-methodology .steps-list {position:relative} .gap-analysis-methodology .steps-list::before {content:"";position:absolute;top:0;bottom:0;left:25px;width:2px;background-color:color-mix(in srgb,var(--accent-color),transparent 70%)} @media (max-width:576px) {.gap-analysis-methodology .steps-list::before {left:20px}} .gap-analysis-methodology .steps-list .step-item {display:flex;margin-bottom:30px;position:relative} .gap-analysis-methodology .steps-list .step-item:last-child {margin-bottom:0} .gap-analysis-methodology .steps-list .step-item:hover .step-number {background-color:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .gap-analysis-methodology .steps-list .step-item .step-number {flex-shrink:0;width:50px;height:50px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color) 10%,white 90%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-right:20px;z-index:1;transition:all 0.3s ease} @media (max-width:576px) {.gap-analysis-methodology .steps-list .step-item .step-number {width:40px;height:40px;font-size:1rem}} .gap-analysis-methodology .steps-list .step-item .step-content {padding-top:5px} .gap-analysis-methodology .steps-list .step-item .step-content h3 {font-size:1.3rem;font-weight:700;margin-bottom:10px;color:var(--heading-color)} @media (max-width:576px) {.gap-analysis-methodology .steps-list .step-item .step-content h3 {font-size:1.1rem}} .gap-analysis-methodology .steps-list .step-item .step-content p {font-size:0.95rem;color:var(--default-color);margin-bottom:0} .gap-analysis-faq {padding-top:60px;padding-bottom:60px} .gap-analysis-faq .faq-wrapper {display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start} @media (max-width:992px) {.gap-analysis-faq .faq-wrapper {grid-template-columns:1fr;gap:32px}} .gap-analysis-faq .faq-categories {display:flex;flex-direction:column;gap:12px;position:sticky;top:100px} @media (max-width:992px) {.gap-analysis-faq .faq-categories {position:static}} .gap-analysis-faq .faq-categories .nav-tabs {display:flex;flex-direction:column;gap:12px;border:none;width:100%} @media (max-width:992px) {.gap-analysis-faq .faq-categories .nav-tabs {flex-direction:row;flex-wrap:wrap}} .gap-analysis-faq .faq-categories .nav-tabs .nav-item {width:100%} @media (max-width:992px) {.gap-analysis-faq .faq-categories .nav-tabs .nav-item {flex:1;min-width:140px;width:auto}} .gap-analysis-faq .category-card {display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--surface-color);border-radius:14px;cursor:pointer;transition:all 0.3s ease;border:2px solid transparent;width:100%;text-align:left} @media (max-width:992px) {.gap-analysis-faq .category-card {padding:16px 20px}} @media (max-width:576px) {.gap-analysis-faq .category-card {padding:14px 16px;gap:12px}} .gap-analysis-faq .category-card:hover {border-color:color-mix(in srgb,var(--accent-color) 30%,transparent);transform:translateX(4px)} @media (max-width:992px) {.gap-analysis-faq .category-card:hover {transform:translateY(-4px)}} .gap-analysis-faq .category-card.active {background:var(--accent-color);border-color:var(--accent-color)} .gap-analysis-faq .category-card.active .category-icon {background:color-mix(in srgb,var(--contrast-color) 20%,transparent);color:var(--contrast-color)} .gap-analysis-faq .category-card.active .category-info h5 {color:var(--contrast-color)} .gap-analysis-faq .category-card.active .category-info span {color:color-mix(in srgb,var(--contrast-color) 80%,transparent)} .gap-analysis-faq .category-card .category-icon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:12px;color:var(--accent-color);font-size:22px;transition:all 0.3s ease} @media (max-width:576px) {.gap-analysis-faq .category-card .category-icon {width:40px;height:40px;font-size:18px;border-radius:10px}} .gap-analysis-faq .category-card .category-info h5 {margin:0 0 4px;font-size:16px;font-weight:600;color:var(--heading-color);transition:all 0.3s ease} @media (max-width:576px) {.gap-analysis-faq .category-card .category-info h5 {font-size:14px}} .gap-analysis-faq .category-card .category-info span {font-size:13px;color:color-mix(in srgb,var(--default-color) 60%,transparent);transition:all 0.3s ease} @media (max-width:576px) {.gap-analysis-faq .category-card .category-info span {font-size:12px}} .gap-analysis-faq .help-box {margin-top:24px;padding:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 10%,transparent) 0%,color-mix(in srgb,var(--accent-color) 5%,transparent) 100%);border-radius:16px;text-align:center;border:1px solid color-mix(in srgb,var(--accent-color) 20%,transparent)} @media (max-width:992px) {.gap-analysis-faq .help-box {flex-basis:100%;margin-top:12px}} .gap-analysis-faq .help-box .help-icon {width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);border-radius:50%;color:var(--contrast-color);font-size:24px} .gap-analysis-faq .help-box h4 {margin:0 0 8px;font-size:18px;font-weight:700;color:var(--heading-color)} .gap-analysis-faq .help-box p {margin:0 0 20px;font-size:14px;color:color-mix(in srgb,var(--default-color) 70%,transparent);line-height:1.6} .gap-analysis-faq .help-box .help-link {display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--accent-color);text-decoration:none;transition:all 0.3s ease} .gap-analysis-faq .help-box .help-link i {font-size:18px;transition:transform 0.3s ease} .gap-analysis-faq .help-box .help-link:hover {gap:12px} .gap-analysis-faq .help-box .help-link:hover i {transform:translateX(4px)} .gap-analysis-faq .faq-content-area .faq-header-info {display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px} .gap-analysis-faq .faq-content-area .faq-header-info .questions-count {font-size:14px;font-weight:600;color:var(--accent-color);padding:8px 16px;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border-radius:20px} .gap-analysis-faq .faq-content-area .faq-header-info .search-box {display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface-color);border-radius:30px;border:1px solid color-mix(in srgb,var(--default-color) 12%,transparent);transition:all 0.3s ease} .gap-analysis-faq .faq-content-area .faq-header-info .search-box:focus-within {border-color:var(--accent-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 15%,transparent)} .gap-analysis-faq .faq-content-area .faq-header-info .search-box i {color:color-mix(in srgb,var(--default-color) 50%,transparent);font-size:18px} .gap-analysis-faq .faq-content-area .faq-header-info .search-box input {border:none;background:transparent;outline:none;font-size:14px;color:var(--default-color);width:200px} .gap-analysis-faq .faq-content-area .faq-header-info .search-box input::placeholder {color:color-mix(in srgb,var(--default-color) 50%,transparent)} @media (max-width:576px) {.gap-analysis-faq .faq-content-area .faq-header-info .search-box input {width:140px}} .gap-analysis-faq .tab-content .tab-pane.show {animation:fadeIn 0.3s ease} @keyframes fadeIn {from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:translateY(0)}} .gap-analysis-faq .faq-list {display:flex;flex-direction:column;gap:16px} .gap-analysis-faq .faq-item {background:var(--surface-color);border-radius:16px;overflow:hidden;transition:all 0.4s ease;border:1px solid color-mix(in srgb,var(--default-color) 8%,transparent)} .gap-analysis-faq .faq-item:hover {border-color:color-mix(in srgb,var(--accent-color) 25%,transparent)} .gap-analysis-faq .faq-item.faq-active {border-color:var(--accent-color);box-shadow:0 8px 32px color-mix(in srgb,var(--accent-color) 12%,transparent)} .gap-analysis-faq .faq-item.faq-active .faq-question {background:color-mix(in srgb,var(--accent-color) 5%,transparent)} .gap-analysis-faq .faq-item.faq-active .faq-question .question-icon {background:var(--accent-color);color:var(--contrast-color)} .gap-analysis-faq .faq-item.faq-active .faq-question .toggle-icon {transform:rotate(180deg);color:var(--accent-color)} .gap-analysis-faq .faq-item.faq-active .faq-answer {max-height:300px;padding:0 28px 24px 76px;opacity:1} @media (max-width:576px) {.gap-analysis-faq .faq-item.faq-active .faq-answer {padding:0 20px 20px 20px}} .gap-analysis-faq .faq-item .faq-question {display:flex;align-items:center;gap:16px;padding:24px 28px;cursor:pointer;transition:all 0.3s ease;margin:0;font-size:17px;font-weight:600;color:var(--heading-color);line-height:1.5} @media (max-width:576px) {.gap-analysis-faq .faq-item .faq-question {padding:18px 20px;gap:12px;font-size:15px}} .gap-analysis-faq .faq-item .faq-question .question-icon {flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border-radius:50%;color:var(--accent-color);font-size:18px;transition:all 0.3s ease} @media (max-width:576px) {.gap-analysis-faq .faq-item .faq-question .question-icon {width:32px;height:32px;font-size:14px}} .gap-analysis-faq .faq-item .faq-question .toggle-icon {flex-shrink:0;margin-left:auto;color:color-mix(in srgb,var(--default-color) 50%,transparent);font-size:20px;transition:all 0.4s ease} @media (max-width:576px) {.gap-analysis-faq .faq-item .faq-question .toggle-icon {font-size:16px}} .gap-analysis-faq .faq-item .faq-answer {max-height:0;overflow:hidden;padding:0 28px 0 76px;opacity:0;transition:all 0.4s ease} @media (max-width:576px) {.gap-analysis-faq .faq-item .faq-answer {padding:0 20px 0 20px}} .gap-analysis-faq .faq-item .faq-answer p {margin:0;font-size:15px;line-height:1.8;color:color-mix(in srgb,var(--default-color) 75%,transparent)} @media (max-width:576px) {.gap-analysis-faq .faq-item .faq-answer p {font-size:14px}} .gdpr-details .image-wrapper {position:relative;overflow:hidden;border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out} .gdpr-details .image-wrapper:hover {transform:translateY(-5px)} .gdpr-details .content h1,.gdpr-details .content h2 {font-weight:700;position:relative;display:inline-block} .gdpr-details .content h1:after,.gdpr-details .content h2:after {content:"";position:absolute;width:50px;height:3px;background-color:var(--accent-color);left:0;bottom:-10px} .gdpr-details .content h5 {font-weight:500;color:color-mix(in srgb,var(--heading-color),transparent 20%)} .gdpr-details .content p {font-size:1rem;line-height:1.8;margin-bottom:1.5rem} .gdpr-details .features-list {margin-top:2rem} .gdpr-details .features-list .feature-item {padding:20px;background-color:var(--surface-color);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%} .gdpr-details .features-list .feature-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)} .gdpr-details .features-list .feature-item i {font-size:2rem;color:var(--accent-color);margin-bottom:15px;display:block} .gdpr-details .features-list .feature-item h5 {font-size:1.1rem;font-weight:600;margin-bottom:10px} .gdpr-details .features-list .feature-item p {font-size:0.9rem;margin-bottom:0} .gdpr-details .signature-area .signature {max-width:150px;height:auto;margin-bottom:5px} .gdpr-details .signature-area p {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0} .gdpr-details .btn {padding:10px 25px;border-radius:5px;font-weight:500;transition:all 0.3s ease} .gdpr-details .btn.btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color)} .gdpr-details .btn.btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),#000 10%);border-color:color-mix(in srgb,var(--accent-color),#000 10%)} .gdpr-details .btn.btn-outline-primary {border-color:var(--accent-color);color:var(--accent-color)} .gdpr-details .btn.btn-outline-primary:hover {background-color:var(--accent-color);color:var(--contrast-color)} @media (max-width:992px) {.gdpr-details .image-wrapper {margin-bottom:2rem} .gdpr-details .content {text-align:center} .gdpr-details .content h1:after,.gdpr-details .content h2:after {left:50%;transform:translateX(-50%)} .gdpr-details .signature-area {display:flex;flex-direction:column;align-items:center}} @media (max-width:768px) {.gdpr-details .features-list .feature-item {margin-bottom:1.5rem}} .gdpr-steps .steps-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;position:relative;margin-bottom:3rem} @media (min-width:992px) {.gdpr-steps .steps-grid {grid-template-columns:repeat(4,1fr)}} @media (max-width:768px) {.gdpr-steps .steps-grid {gap:1.5rem}} .gdpr-steps .step-card {background:var(--surface-color);padding:2.5rem 2rem;border-radius:20px;text-align:center;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--accent-color),transparent 90%)} .gdpr-steps .step-card:hover {transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,0.15);border-color:var(--accent-color)} .gdpr-steps .step-card:hover .step-icon {background-color:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .gdpr-steps .step-card:hover .step-arrow {transform:translateX(5px)} .gdpr-steps .step-card .step-icon {width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 80%) 0%,color-mix(in srgb,var(--accent-color),transparent 90%) 100%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;transition:all 0.3s ease} .gdpr-steps .step-card .step-number {background:linear-gradient(135deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color),#000 20%) 100%);color:var(--contrast-color);padding:0.5rem 1rem;border-radius:25px;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;display:inline-block;margin-bottom:1rem} .gdpr-steps .step-card h3 {font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--heading-color)} @media (max-width:576px) {.gdpr-steps .step-card h3 {font-size:1.2rem}} .gdpr-steps .step-card p {font-size:0.95rem;color:var(--default-color);line-height:1.6;margin-bottom:0} .gdpr-steps .step-card .step-arrow {position:absolute;top:50%;right:-15px;width:30px;height:30px;background-color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-size:0.9rem;transition:all 0.3s ease;z-index:2} @media (max-width:991px) {.gdpr-steps .step-card .step-arrow {display:none}} .gdpr-steps .step-card:last-child .step-arrow {display:none} @media (max-width:991px) {.gdpr-steps .steps-grid {grid-template-columns:repeat(2,1fr)}} @media (max-width:576px) {.gdpr-steps .steps-grid {grid-template-columns:1fr} .gdpr-steps .step-card {padding:2rem 1.5rem}} .gdpr-dpia .features-overview {display:flex;margin-bottom:60px;gap:40px} @media (max-width:991px) {.gdpr-dpia .features-overview {flex-direction:column}} .gdpr-dpia .features-overview .main-heading {flex:1;padding-right:20px} .gdpr-dpia .features-overview .main-heading h2 {font-size:36px;font-weight:700;margin-bottom:20px;line-height:1.2} .gdpr-dpia .features-overview .main-heading p {font-size:17px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:30px} .gdpr-dpia .features-overview .main-heading .achievement-badges {display:flex;gap:30px;margin-top:40px} @media (max-width:576px) {.gdpr-dpia .features-overview .main-heading .achievement-badges {flex-direction:column;gap:20px}} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement {display:flex;align-items:center;gap:15px} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement .achievement-icon {width:50px;height:50px;border-radius:50%;background:color-mix(in srgb,var(--accent-color),transparent 90%);display:flex;align-items:center;justify-content:center} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement .achievement-icon i {font-size:22px;color:var(--accent-color)} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement .achievement-info {display:flex;flex-direction:column} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement .achievement-info .achievement-value {font-size:24px;font-weight:700;color:var(--heading-color);line-height:1.2} .gdpr-dpia .features-overview .main-heading .achievement-badges .achievement .achievement-info .achievement-label {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 25%)} .gdpr-dpia .features-overview .features-card-wrapper {flex:1.2;display:flex;flex-direction:column;gap:20px} .gdpr-dpia .features-overview .features-card-wrapper .features-row {display:grid;grid-template-columns:repeat(2,1fr);gap:20px} @media (max-width:767px) {.gdpr-dpia .features-overview .features-card-wrapper .features-row {grid-template-columns:1fr}} .gdpr-dpia .features-overview .features-card-wrapper .feature-card {background-color:var(--surface-color);border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,0.05);padding:25px;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.04);height:100%;position:relative;overflow:hidden} .gdpr-dpia .features-overview .features-card-wrapper .feature-card:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.1)} .gdpr-dpia .features-overview .features-card-wrapper .feature-card.feature-primary {border-left:4px solid var(--accent-color)} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-icon {margin-bottom:20px} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-icon i {font-size:32px;color:var(--accent-color)} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details h3 {font-size:20px;font-weight:600;margin-bottom:12px} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:20px} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status {display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:6px 12px;border-radius:20px} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status .status-indicator {width:8px;height:8px;border-radius:50%;display:inline-block} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.active {background-color:rgba(25,135,84,0.1);color:#198754} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.active .status-indicator {background-color:#198754} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.pending {background-color:rgba(255,159,67,0.1);color:#ff9f43} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.pending .status-indicator {background-color:#ff9f43} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.scheduled {background-color:rgba(108,117,125,0.1);color:#6c757d} .gdpr-dpia .features-overview .features-card-wrapper .feature-card .feature-details .feature-status.scheduled .status-indicator {background-color:#6c757d} .gdpr-dpia .additional-features {margin-bottom:50px} .gdpr-dpia .additional-features .additional-feature-card {background-color:var(--surface-color);border-radius:14px;padding:30px;height:100%;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.03);position:relative} .gdpr-dpia .additional-features .additional-feature-card:hover {transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.08)} .gdpr-dpia .additional-features .additional-feature-card .icon-container {width:60px;height:60px;border-radius:12px;background-color:color-mix(in srgb,var(--accent-color),transparent 92%);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .gdpr-dpia .additional-features .additional-feature-card .icon-container i {font-size:28px;color:var(--accent-color)} .gdpr-dpia .additional-features .additional-feature-card h4 {font-size:20px;font-weight:600;margin-bottom:15px} .gdpr-dpia .additional-features .additional-feature-card p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:45px} .gdpr-dpia .additional-features .additional-feature-card .feature-tag {position:absolute;bottom:30px;left:30px;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;padding:5px 12px;border-radius:20px} .gdpr-dpia .additional-features .additional-feature-card .feature-tag i {font-size:14px} .gdpr-dpia .additional-features .additional-feature-card .feature-tag.active {background-color:rgba(25,135,84,0.1);color:#198754} .gdpr-dpia .additional-features .additional-feature-card .feature-tag.pending {background-color:rgba(255,159,67,0.1);color:#ff9f43} .gdpr-dpia .additional-features .additional-feature-card .feature-tag.scheduled {background-color:rgba(108,117,125,0.1);color:#6c757d} @media (max-width:991px) {.gdpr-dpia .features-overview .main-heading h2 {font-size:30px}} @media (max-width:767px) {.gdpr-dpia .features-overview .main-heading h2 {font-size:26px} .gdpr-dpia .features-overview .main-heading p {font-size:16px}} .gdpr-support .service-card {background:var(--surface-color);border-radius:20px;padding:40px 24px 32px;height:100%;position:relative;transition:all 0.4s ease;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);text-align:center;overflow:hidden} .gdpr-support .service-card::before {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--accent-color);transition:width 0.4s ease;border-radius:0 0 3px 3px} .gdpr-support .service-card:hover {transform:translateY(-10px);box-shadow:0 25px 60px color-mix(in srgb,var(--default-color),transparent 88%)} .gdpr-support .service-card:hover::before {width:60px} .gdpr-support .service-card:hover .service-icon {background:var(--accent-color);transform:rotateY(360deg)} .gdpr-support .service-card:hover .service-icon i {color:var(--contrast-color)} .gdpr-support .service-card:hover .service-number {color:var(--accent-color);transform:scale(1.1)} .gdpr-support .service-card.featured {background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),black 15%));color:var(--contrast-color)} .gdpr-support .service-card.featured::before {background:var(--contrast-color)} .gdpr-support .service-card.featured .service-header .service-icon {background:var(--contrast-color)} .gdpr-support .service-card.featured .service-header .service-icon i {color:var(--accent-color)} .gdpr-support .service-card.featured .service-header .service-number {color:var(--contrast-color)} .gdpr-support .service-card.featured .service-content h3 a {color:var(--contrast-color)} .gdpr-support .service-card.featured .service-content h3 a:hover {color:color-mix(in srgb,var(--contrast-color),transparent 20%)} .gdpr-support .service-card.featured .service-content p {color:color-mix(in srgb,var(--contrast-color),transparent 15%)} .gdpr-support .service-card.featured .service-content .service-features li {color:var(--contrast-color)} .gdpr-support .service-card.featured .service-content .service-features li i {color:var(--contrast-color)} .gdpr-support .service-card.featured .service-btn {background:color-mix(in srgb,var(--contrast-color),transparent 80%);color:var(--contrast-color)} .gdpr-support .service-card.featured .service-btn:hover {background:color-mix(in srgb,var(--contrast-color),transparent 10%);color:var(--accent-color)} .gdpr-support .service-card.featured:hover .service-icon {background:var(--contrast-color)} .gdpr-support .service-card.featured:hover .service-icon i {color:var(--accent-color)} .gdpr-support .service-card .service-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:28px} .gdpr-support .service-card .service-header .service-icon {width:70px;height:70px;background:color-mix(in srgb,var(--accent-color),transparent 88%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.5s ease} .gdpr-support .service-card .service-header .service-icon i {font-size:32px;color:var(--accent-color);transition:color 0.3s ease} .gdpr-support .service-card .service-header .service-number {font-size:24px;font-weight:800;color:color-mix(in srgb,var(--default-color),transparent 70%);font-family:var(--heading-font);transition:all 0.3s ease} .gdpr-support .service-card .service-content {margin-bottom:32px} .gdpr-support .service-card .service-content h3 {font-size:20px;font-weight:700;margin-bottom:16px;line-height:1.3} .gdpr-support .service-card .service-content h3 a {color:var(--heading-color);text-decoration:none;transition:color 0.3s ease} .gdpr-support .service-card .service-content h3 a:hover {color:var(--accent-color)} .gdpr-support .service-card .service-content p {color:color-mix(in srgb,var(--default-color),transparent 25%);font-size:15px;line-height:1.6;margin-bottom:24px} .gdpr-support .service-card .service-content .service-features {list-style:none;padding:0;margin:0} .gdpr-support .service-card .service-content .service-features li {display:flex;align-items:center;justify-content:flex-start;padding:8px 0;font-size:14px;color:var(--default-color)} .gdpr-support .service-card .service-content .service-features li i {color:var(--accent-color);margin-right:12px;font-size:16px;font-weight:600} .gdpr-support .service-card .service-btn {display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:color-mix(in srgb,var(--accent-color),transparent 92%);color:var(--accent-color);text-decoration:none;border-radius:50px;font-weight:600;font-size:14px;transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%)} .gdpr-support .service-card .service-btn:hover {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.05)} .gdpr-support .service-card .service-btn:hover i {transform:translateX(3px)} .gdpr-support .service-card .service-btn i {font-size:16px;transition:transform 0.3s ease} .gdpr-support .btn-all-services {display:inline-flex;align-items:center;gap:12px;padding:20px 40px;background:transparent;color:var(--accent-color);text-decoration:none;border:2px solid var(--accent-color);border-radius:50px;font-weight:700;font-size:16px;transition:all 0.4s ease;margin-top:50px;position:relative;overflow:hidden} .gdpr-support .btn-all-services::before {content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color);transition:left 0.4s ease;z-index:-1} .gdpr-support .btn-all-services:hover {color:var(--contrast-color);transform:translateY(-3px);box-shadow:0 15px 35px color-mix(in srgb,var(--accent-color),transparent 70%)} .gdpr-support .btn-all-services:hover::before {left:0} .gdpr-support .btn-all-services:hover i {transform:rotate(45deg)} .gdpr-support .btn-all-services i {font-size:20px;transition:transform 0.4s ease} @media (max-width:992px) {.gdpr-support .service-card {margin-bottom:30px;padding:36px 20px 28px} .gdpr-support .service-card .service-header {margin-bottom:24px} .gdpr-support .service-card .service-header .service-icon {width:60px;height:60px} .gdpr-support .service-card .service-header .service-icon i {font-size:28px} .gdpr-support .service-card .service-header .service-number {font-size:22px} .gdpr-support .service-card .service-content {margin-bottom:28px} .gdpr-support .service-card .service-content h3 {font-size:19px} .gdpr-support .service-card .service-content p {font-size:14px} .gdpr-support .service-card .service-content .service-features li {font-size:13px}} @media (max-width:768px) {.gdpr-support .service-card {padding:32px 16px 24px} .gdpr-support .service-card .service-header {flex-direction:column;gap:16px} .gdpr-support .service-card .service-header .service-number {font-size:20px} .gdpr-support .service-card .service-content h3 {font-size:18px} .gdpr-support .service-card .service-content .service-features {text-align:left} .gdpr-support .btn-all-services {padding:16px 32px;font-size:15px;margin-top:40px}} .it-ot-assessment-details {padding-top:80px;padding-bottom:3px} .it-ot-assessment-details .detail-hero {margin-bottom:80px} .it-ot-assessment-details .detail-hero .hero-image-wrapper {position:relative;border-radius:16px;overflow:hidden} .it-ot-assessment-details .detail-hero .hero-image-wrapper img {width:100%;height:480px;object-fit:cover;border-radius:16px} .it-ot-assessment-details .detail-hero .hero-image-wrapper .image-badge {position:absolute;bottom:20px;left:20px;background-color:var(--accent-color);color:var(--contrast-color);padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:500} .it-ot-assessment-details .detail-hero .hero-image-wrapper .image-badge i {font-size:1rem} .it-ot-assessment-details .detail-hero .hero-text .category-badge {display:inline-block;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px} .it-ot-assessment-details .detail-hero .hero-text h1,.it-ot-assessment-details .detail-hero .hero-text h2 {font-size:2.4rem;font-weight:700;margin-bottom:20px;line-height:1.25} .it-ot-assessment-details .detail-hero .hero-text .lead {font-size:1.1rem;font-weight:400;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 15%);margin-bottom:16px} .it-ot-assessment-details .detail-hero .hero-text p {font-size:0.98rem;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:14px} .it-ot-assessment-details .detail-hero .hero-text .meta-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 88%)} .it-ot-assessment-details .detail-hero .hero-text .meta-grid .meta-item {display:flex;align-items:center;gap:12px} .it-ot-assessment-details .detail-hero .hero-text .meta-grid .meta-item>i {font-size:1.2rem;color:var(--accent-color);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:8px;flex-shrink:0} .it-ot-assessment-details .detail-hero .hero-text .meta-grid .meta-item div {display:flex;flex-direction:column} .it-ot-assessment-details .detail-hero .hero-text .meta-grid .meta-item div .meta-label {font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:color-mix(in srgb,var(--default-color),transparent 45%);font-weight:600} .it-ot-assessment-details .detail-hero .hero-text .meta-grid .meta-item div .meta-value {font-size:0.9rem;color:var(--heading-color);font-weight:500} .it-ot-assessment-details .capabilities-section {margin-bottom:80px} .it-ot-assessment-details .capabilities-section .section-heading {font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:48px;position:relative;padding-bottom:16px} .it-ot-assessment-details .capabilities-section .section-heading::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--accent-color);border-radius:2px} .it-ot-assessment-details .capabilities-section .capability-card {text-align:center;padding:36px 24px;border-radius:12px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);background-color:var(--surface-color);height:100%;transition:all 0.3s ease} .it-ot-assessment-details .capabilities-section .capability-card:hover {transform:translateY(-6px);box-shadow:0 12px 32px color-mix(in srgb,var(--default-color),transparent 88%);border-color:color-mix(in srgb,var(--accent-color),transparent 60%)} .it-ot-assessment-details .capabilities-section .capability-card:hover .capability-icon {background-color:var(--accent-color)} .it-ot-assessment-details .capabilities-section .capability-card:hover .capability-icon i {color:var(--contrast-color)} .it-ot-assessment-details .capabilities-section .capability-card .capability-icon {width:64px;height:64px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.3s ease} .it-ot-assessment-details .capabilities-section .capability-card .capability-icon i {font-size:24px;color:var(--accent-color);transition:all 0.3s ease} .it-ot-assessment-details .capabilities-section .capability-card h4 {font-size:1.1rem;font-weight:600;margin-bottom:12px} .it-ot-assessment-details .capabilities-section .capability-card p {font-size:0.92rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} .it-ot-assessment-details .workflow-section {margin-bottom:80px} .it-ot-assessment-details .workflow-section .section-heading {font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:48px;position:relative;padding-bottom:16px} .it-ot-assessment-details .workflow-section .section-heading::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--accent-color);border-radius:2px} .it-ot-assessment-details .workflow-section .workflow-card {position:relative;background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-top:3px solid var(--accent-color);border-radius:0 0 12px 12px;padding:32px 24px;height:100%;transition:all 0.3s ease} .it-ot-assessment-details .workflow-section .workflow-card:hover {box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 88%)} .it-ot-assessment-details .workflow-section .workflow-card:hover .workflow-num {background-color:var(--accent-color);color:var(--contrast-color)} .it-ot-assessment-details .workflow-section .workflow-card .workflow-num {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);font-weight:700;font-size:0.95rem;margin-bottom:20px;transition:all 0.3s ease} .it-ot-assessment-details .workflow-section .workflow-card .workflow-connector {display:none} .it-ot-assessment-details .workflow-section .workflow-card h4 {font-size:1.1rem;font-weight:600;margin-bottom:12px} .it-ot-assessment-details .workflow-section .workflow-card p {font-size:0.92rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} @media (min-width:992px) {.it-ot-assessment-details .workflow-section .workflow-card .workflow-connector {display:block;position:absolute;top:48px;right:-30px;width:56px;height:2px;background:color-mix(in srgb,var(--accent-color),transparent 60%);z-index:1} .it-ot-assessment-details .workflow-section .workflow-card .workflow-connector::after {content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-right:2px solid color-mix(in srgb,var(--accent-color),transparent 40%);border-top:2px solid color-mix(in srgb,var(--accent-color),transparent 40%);transform:rotate(45deg)} .it-ot-assessment-details .workflow-section .col-lg-3:last-child .workflow-card .workflow-connector {display:none}} .it-ot-assessment-details .bottom-widgets .widget-card {background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:12px;padding:32px;height:100%} .it-ot-assessment-details .bottom-widgets .widget-card h4 {font-size:1.2rem;font-weight:600;margin-bottom:24px} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link {display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 92%);color:var(--default-color);text-decoration:none;transition:all 0.3s ease;font-size:0.95rem} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link:last-child {border-bottom:none;padding-bottom:0} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link:first-child {padding-top:0} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link:hover {color:var(--accent-color)} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link:hover .bi-arrow-right {transform:translateX(4px)} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link i:first-child {font-size:1rem;color:var(--accent-color);width:20px;flex-shrink:0} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link span {flex:1} .it-ot-assessment-details .bottom-widgets .explore-widget .service-links .service-link .bi-arrow-right {font-size:0.85rem;color:color-mix(in srgb,var(--default-color),transparent 60%);transition:transform 0.3s ease} .it-ot-assessment-details .bottom-widgets .cta-card {background:linear-gradient(145deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));border:none} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner {text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner .cta-icon {width:60px;height:60px;border-radius:50%;background-color:color-mix(in srgb,var(--contrast-color),transparent 80%);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner .cta-icon i {font-size:1.6rem;color:var(--contrast-color)} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner h4 {color:var(--contrast-color);margin-bottom:12px} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner p {color:color-mix(in srgb,var(--contrast-color),transparent 20%);line-height:1.6;margin-bottom:24px;font-size:0.95rem} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner .btn-action {display:inline-block;background-color:var(--contrast-color);color:var(--accent-color);padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s ease} .it-ot-assessment-details .bottom-widgets .cta-card .cta-inner .btn-action:hover {transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,#000,transparent 70%);color:var(--accent-color)} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item {display:flex;align-items:center;gap:16px;margin-bottom:20px} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item:last-child {margin-bottom:0} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item .reach-icon {width:44px;height:44px;border-radius:10px;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);display:flex;align-items:center;justify-content:center;flex-shrink:0} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item .reach-icon i {font-size:1.1rem;color:var(--accent-color)} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item .reach-detail strong {display:block;font-weight:600;font-size:0.85rem;color:var(--heading-color);margin-bottom:2px} .it-ot-assessment-details .bottom-widgets .reach-widget .reach-item .reach-detail span {font-size:0.92rem;color:color-mix(in srgb,var(--default-color),transparent 30%)} @media (max-width:992px) {.it-ot-assessment-details .detail-hero .hero-image-wrapper img {height:380px} .it-ot-assessment-details .detail-hero .hero-text h1,.it-ot-assessment-details .detail-hero .hero-text h2 {font-size:2rem} .it-ot-assessment-details .detail-hero .hero-text .meta-grid {grid-template-columns:1fr 1fr}} @media (max-width:768px) {.it-ot-assessment-details {padding:60px 0} .it-ot-assessment-details .detail-hero {margin-bottom:60px} .it-ot-assessment-details .detail-hero .hero-image-wrapper img {height:280px} .it-ot-assessment-details .detail-hero .hero-text h1,.it-ot-assessment-details .detail-hero .hero-text h2 {font-size:1.7rem} .it-ot-assessment-details .detail-hero .hero-text .meta-grid {grid-template-columns:1fr;gap:12px} .it-ot-assessment-details .capabilities-section,.it-ot-assessment-details .workflow-section {margin-bottom:60px} .it-ot-assessment-details .capabilities-section .section-heading,.it-ot-assessment-details .workflow-section .section-heading {font-size:1.5rem;margin-bottom:36px} .it-ot-assessment-details .bottom-widgets .widget-card {padding:24px}} .it-ot-assessment-tabs .tab-controls {position:relative;z-index:10;border-radius:50px;display:inline-flex;background-color:color-mix(in srgb,var(--accent-color),transparent 92%);padding:8px;max-width:100%} .it-ot-assessment-tabs .tab-controls .nav-item {margin:0 5px} .it-ot-assessment-tabs .tab-controls .nav-item:first-child {margin-left:0} .it-ot-assessment-tabs .tab-controls .nav-item:last-child {margin-right:0} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link {display:flex;align-items:center;border-radius:30px;padding:12px 24px;background-color:transparent;color:var(--heading-color);font-weight:600;transition:all 0.3s ease;border:none;text-decoration:none;white-space:nowrap} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link i {font-size:18px;margin-right:8px;transition:all 0.3s ease} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link:hover {color:var(--accent-color);background-color:rgba(255,255,255,0.1)} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link.active {background-color:var(--surface-color);color:var(--accent-color);box-shadow:0 4px 15px rgba(0,0,0,0.05)} .it-ot-assessment-tabs .assessment-blocks {display:flex;flex-direction:column;gap:32px} .it-ot-assessment-tabs .assessment-block {scroll-margin-top:120px} .it-ot-assessment-tabs .assessment-block .tab-wrapper {background-color:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.08)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image {height:100%;position:relative;overflow:hidden} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image img {height:100%;width:100%;object-fit:cover;transition:transform 0.6s ease} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image:hover img {transform:scale(1.05)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image .experience-badge {position:absolute;bottom:30px;right:30px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:12px;padding:16px 24px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.15)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image .experience-badge .number {display:block;font-size:24px;font-weight:800;line-height:1.2} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-image .experience-badge .text {display:block;font-size:14px;font-weight:500;opacity:0.9} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner {padding:50px;height:100%;display:flex;flex-direction:column} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .tab-header {margin-bottom:24px} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .tab-header .tab-subtitle {display:inline-block;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;color:var(--accent-color);margin-bottom:12px;position:relative;padding-left:22px} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .tab-header .tab-subtitle:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:2px;background-color:var(--accent-color)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .tab-header h3 {font-size:32px;font-weight:700;color:var(--heading-color);margin-bottom:0;line-height:1.3} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner p {color:color-mix(in srgb,var(--default-color),transparent 25%);font-size:16px;line-height:1.7;margin-bottom:30px} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item {display:flex;align-items:flex-start;margin-bottom:24px;transition:all 0.3s ease} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item:last-child {margin-bottom:0} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item:hover {transform:translateX(6px)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item:hover .benefit-icon {background-color:var(--accent-color)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item:hover .benefit-icon i {color:var(--contrast-color)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-icon {width:52px;height:52px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:18px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);transition:all 0.3s ease} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-icon i {color:var(--accent-color);font-size:22px;transition:all 0.3s ease} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-content h4 {font-size:18px;font-weight:600;margin-bottom:8px;color:var(--heading-color)} .it-ot-assessment-tabs .assessment-block .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-content p {font-size:15px;margin-bottom:0;line-height:1.5} @media (min-width:992px) {.it-ot-assessment-tabs .assessment-block-reverse .assessment-media {order:2} .it-ot-assessment-tabs .assessment-block-reverse .assessment-copy {order:1}} @media (max-width:1199px) {.it-ot-assessment-tabs .tab-wrapper .tab-content-inner {padding:40px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .tab-header h3 {font-size:28px}} @media (max-width:991px) {.it-ot-assessment-tabs .tab-controls .nav-item .nav-link {padding:10px 18px;font-size:14px} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link i {font-size:16px} .it-ot-assessment-tabs .tab-wrapper .tab-image .experience-badge {bottom:20px;right:20px;padding:12px 18px} .it-ot-assessment-tabs .tab-wrapper .tab-image .experience-badge .number {font-size:20px} .it-ot-assessment-tabs .tab-wrapper .tab-image .experience-badge .text {font-size:12px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner {padding:30px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .tab-header h3 {font-size:24px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-icon {width:45px;height:45px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-icon i {font-size:18px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-content h4 {font-size:16px} .it-ot-assessment-tabs .tab-wrapper .tab-content-inner .benefits-list .benefit-item .benefit-content p {font-size:14px}} @media (max-width:767px) {.it-ot-assessment-tabs .tab-controls {display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:15px;padding:6px;margin-left:0;margin-right:0} .it-ot-assessment-tabs .tab-controls .nav-item {margin:4px;flex:0 0 auto} .it-ot-assessment-tabs .tab-controls .nav-item .nav-link {padding:8px 14px;font-size:13px} .it-ot-assessment-tabs .tab-wrapper .row {flex-direction:column} .it-ot-assessment-tabs .tab-wrapper .tab-image {height:300px} .it-ot-assessment-tabs .assessment-block {scroll-margin-top:90px}} .it-ot-assessment-workflow {padding-top:40px;padding-bottom:2px} .it-ot-assessment-workflow .detail-hero {margin-bottom:80px} .it-ot-assessment-workflow .detail-hero .hero-image-wrapper {position:relative;border-radius:16px;overflow:hidden} .it-ot-assessment-workflow .detail-hero .hero-image-wrapper img {width:100%;height:480px;object-fit:cover;border-radius:16px} .it-ot-assessment-workflow .detail-hero .hero-image-wrapper .image-badge {position:absolute;bottom:20px;left:20px;background-color:var(--accent-color);color:var(--contrast-color);padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:500} .it-ot-assessment-workflow .detail-hero .hero-image-wrapper .image-badge i {font-size:1rem} .it-ot-assessment-workflow .detail-hero .hero-text .category-badge {display:inline-block;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px} .it-ot-assessment-workflow .detail-hero .hero-text h2 {font-size:2.4rem;font-weight:700;margin-bottom:20px;line-height:1.25} .it-ot-assessment-workflow .detail-hero .hero-text .lead {font-size:1.1rem;font-weight:400;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 15%);margin-bottom:16px} .it-ot-assessment-workflow .detail-hero .hero-text p {font-size:0.98rem;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:14px} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 88%)} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid .meta-item {display:flex;align-items:center;gap:12px} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid .meta-item>i {font-size:1.2rem;color:var(--accent-color);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:8px;flex-shrink:0} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid .meta-item div {display:flex;flex-direction:column} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid .meta-item div .meta-label {font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;color:color-mix(in srgb,var(--default-color),transparent 45%);font-weight:600} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid .meta-item div .meta-value {font-size:0.9rem;color:var(--heading-color);font-weight:500} .it-ot-assessment-workflow .capabilities-section {margin-bottom:80px} .it-ot-assessment-workflow .capabilities-section .section-heading {font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:48px;position:relative;padding-bottom:16px} .it-ot-assessment-workflow .capabilities-section .section-heading::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--accent-color);border-radius:2px} .it-ot-assessment-workflow .capabilities-section .capability-card {text-align:center;padding:36px 24px;border-radius:12px;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);background-color:var(--surface-color);height:100%;transition:all 0.3s ease} .it-ot-assessment-workflow .capabilities-section .capability-card:hover {transform:translateY(-6px);box-shadow:0 12px 32px color-mix(in srgb,var(--default-color),transparent 88%);border-color:color-mix(in srgb,var(--accent-color),transparent 60%)} .it-ot-assessment-workflow .capabilities-section .capability-card:hover .capability-icon {background-color:var(--accent-color)} .it-ot-assessment-workflow .capabilities-section .capability-card:hover .capability-icon i {color:var(--contrast-color)} .it-ot-assessment-workflow .capabilities-section .capability-card .capability-icon {width:64px;height:64px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.3s ease} .it-ot-assessment-workflow .capabilities-section .capability-card .capability-icon i {font-size:24px;color:var(--accent-color);transition:all 0.3s ease} .it-ot-assessment-workflow .capabilities-section .capability-card h4 {font-size:1.1rem;font-weight:600;margin-bottom:12px} .it-ot-assessment-workflow .capabilities-section .capability-card p {font-size:0.92rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} .it-ot-assessment-workflow .workflow-section {margin-bottom:80px} .it-ot-assessment-workflow .workflow-section .section-heading {font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:48px;position:relative;padding-bottom:16px} .it-ot-assessment-workflow .workflow-section .section-heading::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--accent-color);border-radius:2px} .it-ot-assessment-workflow .workflow-section .workflow-card {position:relative;background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-top:3px solid var(--accent-color);border-radius:0 0 12px 12px;padding:32px 24px;height:100%;transition:all 0.3s ease} .it-ot-assessment-workflow .workflow-section .workflow-card:hover {box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 88%)} .it-ot-assessment-workflow .workflow-section .workflow-card:hover .workflow-num {background-color:var(--accent-color);color:var(--contrast-color)} .it-ot-assessment-workflow .workflow-section .workflow-card .workflow-num {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);font-weight:700;font-size:0.95rem;margin-bottom:20px;transition:all 0.3s ease} .it-ot-assessment-workflow .workflow-section .workflow-card .workflow-connector {display:none} .it-ot-assessment-workflow .workflow-section .workflow-card h4 {font-size:1.1rem;font-weight:600;margin-bottom:12px} .it-ot-assessment-workflow .workflow-section .workflow-card p {font-size:0.92rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0} @media (min-width:992px) {.it-ot-assessment-workflow .workflow-section .workflow-card .workflow-connector {display:block;position:absolute;top:48px;right:-30px;width:56px;height:2px;background:color-mix(in srgb,var(--accent-color),transparent 60%);z-index:1} .it-ot-assessment-workflow .workflow-section .workflow-card .workflow-connector::after {content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border-right:2px solid color-mix(in srgb,var(--accent-color),transparent 40%);border-top:2px solid color-mix(in srgb,var(--accent-color),transparent 40%);transform:rotate(45deg)} .it-ot-assessment-workflow .workflow-section .col-lg-3:last-child .workflow-card .workflow-connector {display:none}} .it-ot-assessment-workflow .bottom-widgets .widget-card {background-color:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:12px;padding:32px;height:100%} .it-ot-assessment-workflow .bottom-widgets .widget-card h4 {font-size:1.2rem;font-weight:600;margin-bottom:24px} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link {display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 92%);color:var(--default-color);text-decoration:none;transition:all 0.3s ease;font-size:0.95rem} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link:last-child {border-bottom:none;padding-bottom:0} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link:first-child {padding-top:0} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link:hover {color:var(--accent-color)} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link:hover .bi-arrow-right {transform:translateX(4px)} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link i:first-child {font-size:1rem;color:var(--accent-color);width:20px;flex-shrink:0} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link span {flex:1} .it-ot-assessment-workflow .bottom-widgets .explore-widget .service-links .service-link .bi-arrow-right {font-size:0.85rem;color:color-mix(in srgb,var(--default-color),transparent 60%);transition:transform 0.3s ease} .it-ot-assessment-workflow .bottom-widgets .cta-card {background:linear-gradient(145deg,var(--accent-color),color-mix(in srgb,var(--accent-color),#000 20%));border:none} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner {text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner .cta-icon {width:60px;height:60px;border-radius:50%;background-color:color-mix(in srgb,var(--contrast-color),transparent 80%);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner .cta-icon i {font-size:1.6rem;color:var(--contrast-color)} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner h4 {color:var(--contrast-color);margin-bottom:12px} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner p {color:color-mix(in srgb,var(--contrast-color),transparent 20%);line-height:1.6;margin-bottom:24px;font-size:0.95rem} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner .btn-action {display:inline-block;background-color:var(--contrast-color);color:var(--accent-color);padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.3s ease} .it-ot-assessment-workflow .bottom-widgets .cta-card .cta-inner .btn-action:hover {transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,#000,transparent 70%);color:var(--accent-color)} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item {display:flex;align-items:center;gap:16px;margin-bottom:20px} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item:last-child {margin-bottom:0} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item .reach-icon {width:44px;height:44px;border-radius:10px;background-color:color-mix(in srgb,var(--accent-color),transparent 88%);display:flex;align-items:center;justify-content:center;flex-shrink:0} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item .reach-icon i {font-size:1.1rem;color:var(--accent-color)} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item .reach-detail strong {display:block;font-weight:600;font-size:0.85rem;color:var(--heading-color);margin-bottom:2px} .it-ot-assessment-workflow .bottom-widgets .reach-widget .reach-item .reach-detail span {font-size:0.92rem;color:color-mix(in srgb,var(--default-color),transparent 30%)} @media (max-width:992px) {.it-ot-assessment-workflow .detail-hero .hero-image-wrapper img {height:380px} .it-ot-assessment-workflow .detail-hero .hero-text h2 {font-size:2rem} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid {grid-template-columns:1fr 1fr}} @media (max-width:768px) {.it-ot-assessment-workflow {padding:60px 0} .it-ot-assessment-workflow .detail-hero {margin-bottom:60px} .it-ot-assessment-workflow .detail-hero .hero-image-wrapper img {height:280px} .it-ot-assessment-workflow .detail-hero .hero-text h2 {font-size:1.7rem} .it-ot-assessment-workflow .detail-hero .hero-text .meta-grid {grid-template-columns:1fr;gap:12px} .it-ot-assessment-workflow .capabilities-section,.it-ot-assessment-workflow .workflow-section {margin-bottom:60px} .it-ot-assessment-workflow .capabilities-section .section-heading,.it-ot-assessment-workflow .workflow-section .section-heading {font-size:1.5rem;margin-bottom:36px} .it-ot-assessment-workflow .bottom-widgets .widget-card {padding:24px}} .iso-27701-details {padding-top:60px;padding-bottom:50px} .iso-27701-details .image-wrapper {position:relative;overflow:hidden;border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out} .iso-27701-details .image-wrapper:hover {transform:translateY(-5px)} .iso-27701-details .content h1,.iso-27701-details .content h2 {font-weight:700;position:relative;display:inline-block} .iso-27701-details .content h1:after,.iso-27701-details .content h2:after {content:"";position:absolute;width:50px;height:3px;background-color:var(--accent-color);left:0;bottom:-10px} .iso-27701-details .content h5 {font-weight:500;color:color-mix(in srgb,var(--heading-color),transparent 20%)} .iso-27701-details .content p {font-size:1rem;line-height:1.8;margin-bottom:1.5rem} .iso-27701-details .features-list {margin-top:2rem} .iso-27701-details .features-list .feature-item {padding:20px;background-color:var(--surface-color);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%} .iso-27701-details .features-list .feature-item:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)} .iso-27701-details .features-list .feature-item i {font-size:2rem;color:var(--accent-color);margin-bottom:15px;display:block} .iso-27701-details .features-list .feature-item h5 {font-size:1.1rem;font-weight:600;margin-bottom:10px} .iso-27701-details .features-list .feature-item p {font-size:0.9rem;margin-bottom:0} .iso-27701-details .signature-area .signature {max-width:150px;height:auto;margin-bottom:5px} .iso-27701-details .signature-area p {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0} .iso-27701-details .btn {padding:10px 25px;border-radius:5px;font-weight:500;transition:all 0.3s ease} .iso-27701-details .btn.btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color)} .iso-27701-details .btn.btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),#000 10%);border-color:color-mix(in srgb,var(--accent-color),#000 10%)} .iso-27701-details .btn.btn-outline-primary {border-color:var(--accent-color);color:var(--accent-color)} .iso-27701-details .btn.btn-outline-primary:hover {background-color:var(--accent-color);color:var(--contrast-color)} @media (max-width:992px) {.iso-27701-details .image-wrapper {margin-bottom:2rem} .iso-27701-details .content {text-align:center} .iso-27701-details .content h1:after,.iso-27701-details .content h2:after {left:50%;transform:translateX(-50%)} .iso-27701-details .signature-area {display:flex;flex-direction:column;align-items:center}} @media (max-width:768px) {.iso-27701-details .features-list .feature-item {margin-bottom:1.5rem}} .iso-27701-pims {padding-top:40px;overflow:visible;padding-bottom:40px} .iso-27701-pims .image-wrapper {position:relative;margin-bottom:30px} @media (min-width:992px) {.iso-27701-pims .image-wrapper {margin-bottom:0}} .iso-27701-pims .image-wrapper .main-img {border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.12);position:relative;z-index:1} .iso-27701-pims .image-wrapper .floating-stat {position:absolute;top:30px;right:-30px;background:var(--surface-color);border-radius:20px;padding:32px 40px;box-shadow:0 15px 50px rgba(0,0,0,0.15);z-index:3;backdrop-filter:blur(10px);text-align:center} @media (max-width:576px) {.iso-27701-pims .image-wrapper .floating-stat {right:-10px;padding:24px 32px}} .iso-27701-pims .image-wrapper .floating-stat .stat-content {display:flex;flex-direction:column;align-items:center;gap:8px} .iso-27701-pims .image-wrapper .floating-stat .stat-content .stat-number {font-size:48px;font-weight:800;line-height:1;color:var(--accent-color)} @media (max-width:576px) {.iso-27701-pims .image-wrapper .floating-stat .stat-content .stat-number {font-size:36px}} .iso-27701-pims .image-wrapper .floating-stat .stat-content .stat-label {font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--default-color);opacity:0.8} .iso-27701-pims .image-wrapper .badge-overlay {position:absolute;bottom:-20px;left:30px;background:var(--accent-color);color:var(--contrast-color);padding:16px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:2} @media (max-width:576px) {.iso-27701-pims .image-wrapper .badge-overlay {left:15px;padding:12px 20px}} .iso-27701-pims .image-wrapper .badge-overlay i {font-size:24px} .iso-27701-pims .image-wrapper .badge-overlay span {font-size:15px;font-weight:600;letter-spacing:0.5px} @media (max-width:576px) {.iso-27701-pims .image-wrapper .badge-overlay span {font-size:13px}} .iso-27701-pims .content-wrapper {padding-left:40px} @media (max-width:992px) {.iso-27701-pims .content-wrapper {padding-left:0;margin-bottom:50px}} .iso-27701-pims .content-wrapper .section-badge {display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);margin-bottom:24px} .iso-27701-pims .content-wrapper .section-badge i {font-size:16px} .iso-27701-pims .content-wrapper h2 {font-size:42px;font-weight:800;line-height:1.2;margin-bottom:24px;letter-spacing:-0.5px} @media (max-width:768px) {.iso-27701-pims .content-wrapper h2 {font-size:32px}} .iso-27701-pims .content-wrapper .description {font-size:17px;line-height:1.8;margin-bottom:40px;color:color-mix(in srgb,var(--default-color),transparent 20%)} .iso-27701-pims .content-wrapper .features-grid {display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:48px} @media (min-width:768px) {.iso-27701-pims .content-wrapper .features-grid {grid-template-columns:1fr 1fr}} .iso-27701-pims .content-wrapper .features-grid .feature-box {background:var(--surface-color);padding:28px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.06);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .iso-27701-pims .content-wrapper .features-grid .feature-box:hover {transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.1);border-color:color-mix(in srgb,var(--accent-color),transparent 70%)} .iso-27701-pims .content-wrapper .features-grid .feature-box:hover .icon-wrapper {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1)} .iso-27701-pims .content-wrapper .features-grid .feature-box .icon-wrapper {width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;transition:all 0.3s ease} .iso-27701-pims .content-wrapper .features-grid .feature-box .feature-content h4 {font-size:18px;font-weight:700;margin-bottom:12px;color:var(--heading-color)} .iso-27701-pims .content-wrapper .features-grid .feature-box .feature-content p {font-size:15px;line-height:1.7;margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 20%)} .iso-27701-pims .content-wrapper .stats-row {display:flex;gap:40px;padding:32px;background:color-mix(in srgb,var(--accent-color),transparent 94%);border-radius:16px;border-left:4px solid var(--accent-color)} @media (max-width:576px) {.iso-27701-pims .content-wrapper .stats-row {flex-direction:column;gap:24px;padding:24px}} .iso-27701-pims .content-wrapper .stats-row .stat-item {text-align:center;flex:1} .iso-27701-pims .content-wrapper .stats-row .stat-item h3 {font-size:36px;font-weight:800;line-height:1;margin-bottom:8px;color:var(--accent-color)} @media (max-width:576px) {.iso-27701-pims .content-wrapper .stats-row .stat-item h3 {font-size:28px}} .iso-27701-pims .content-wrapper .stats-row .stat-item p {font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0;color:var(--default-color);opacity:0.8} .iso-27701-benefits {padding-top:40px;--default-color:#555;--heading-color:#333;padding-bottom:50px} .iso-27701-benefits .feature-box {height:100%;padding:40px 30px;border-radius:10px} .iso-27701-benefits .feature-box i {font-size:44px;display:inline-block;line-height:0;color:var(--accent-color);margin-bottom:20px} .iso-27701-benefits .feature-box h4 {font-size:20px;font-weight:700;margin:0 0 10px 0} .iso-27701-benefits .feature-box p {font-size:15px;margin-bottom:0} .iso-27701-benefits .feature-box.orange {background-color:#fff3e2} .iso-27701-benefits .feature-box.orange i {color:#edb86e} .iso-27701-benefits .feature-box.blue {background-color:#deedfd} .iso-27701-benefits .feature-box.blue i {color:#20a5f8} .iso-27701-benefits .feature-box.green {background-color:#d5f1e4} .iso-27701-benefits .feature-box.green i {color:#48c88a} .iso-27701-benefits .feature-box.red {background-color:#fdeded} .iso-27701-benefits .feature-box.red i {color:#f28484} .iso-27701-for-who {padding-top:40px;padding-bottom:40px} .iso-27701-for-who .feature-item {margin-bottom:30px;z-index:1} .iso-27701-for-who .feature-item .inner-box {border-top:5px solid var(--accent-color);position:relative;overflow:hidden;height:100%;padding:30px 20px;background-color:var(--surface-color);text-align:center;box-shadow:0 10px 60px rgba(0,0,0,0.07);transition:all 0.3s ease} .iso-27701-for-who .feature-item .inner-box:before {position:absolute;left:0;bottom:0;height:0;width:100%;background-color:var(--accent-color);content:"";transition:all 0.3s ease;z-index:-1} .iso-27701-for-who .feature-item .inner-box:hover {transform:translateY(-10px)} .iso-27701-for-who .feature-item .inner-box:hover:before {height:100%} .iso-27701-for-who .feature-item .inner-box:hover .title,.iso-27701-for-who .feature-item .inner-box:hover .icon,.iso-27701-for-who .feature-item .inner-box:hover .title a {color:var(--contrast-color)} .iso-27701-for-who .feature-item .icon {display:block;font-size:48px;color:var(--accent-color);margin-bottom:30px;transition:all 0.3s ease} .iso-27701-for-who .feature-item .title {margin-bottom:0;transition:all 0.3s ease;font-size:18px} .iso-27701-for-who .feature-item .title a {color:var(--heading-color);text-decoration:none} .iso-27701-for-who .feature-item .title a:hover {color:inherit} @media (max-width:991.98px) {.iso-27701-for-who {padding:50px 0}} .iso-27701-implementation {padding-top:40px;padding-bottom:60px} .iso-27701-implementation .showcase-image {position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px color-mix(in srgb,var(--default-color),transparent 88%)} .iso-27701-implementation .showcase-image img {border-radius:8px;width:100%;display:block} .iso-27701-implementation .showcase-image .overlay-badge {position:absolute;bottom:16px;left:16px;background:var(--accent-color);color:var(--contrast-color);padding:10px 18px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:0.02em;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color),transparent 60%)} .iso-27701-implementation .showcase-image .overlay-badge i {font-size:16px} .iso-27701-implementation .intro-content .tag-label {display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 90%);padding:6px 14px;border-radius:4px;margin-bottom:16px} .iso-27701-implementation .intro-content h2 {font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-0.01em;margin-bottom:1.25rem} @media (max-width:768px) {.iso-27701-implementation .intro-content h2 {font-size:1.75rem}} .iso-27701-implementation .intro-content p {font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:1rem} .iso-27701-implementation .stat-badges {display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem} .iso-27701-implementation .stat-badges .stat-badge {display:flex;align-items:center;gap:8px;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding:10px 18px;border-radius:6px;box-shadow:0 2px 8px color-mix(in srgb,var(--default-color),transparent 94%);transition:all 0.3s ease} .iso-27701-implementation .stat-badges .stat-badge:hover {border-color:color-mix(in srgb,var(--accent-color),transparent 60%);box-shadow:0 4px 14px color-mix(in srgb,var(--accent-color),transparent 85%)} .iso-27701-implementation .stat-badges .stat-badge strong {font-size:22px;font-weight:700;color:var(--accent-color);line-height:1} .iso-27701-implementation .stat-badges .stat-badge span {font-size:13px;font-weight:600;color:color-mix(in srgb,var(--default-color),transparent 30%);text-transform:uppercase;letter-spacing:0.04em} .iso-27701-implementation .highlights-section {margin-bottom:48px} .iso-27701-implementation .highlight-item {display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%);border-radius:8px;height:100%;transition:all 0.3s ease} .iso-27701-implementation .highlight-item:hover {border-color:color-mix(in srgb,var(--accent-color),transparent 70%);box-shadow:0 8px 24px color-mix(in srgb,var(--default-color),transparent 88%)} .iso-27701-implementation .highlight-item:hover .highlight-icon {background:var(--accent-color);color:var(--contrast-color)} .iso-27701-implementation .highlight-item .highlight-icon {width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);border-radius:8px;font-size:22px;transition:all 0.3s ease} .iso-27701-implementation .highlight-item .highlight-body h4 {font-size:16px;font-weight:600;margin-bottom:6px;color:var(--heading-color)} .iso-27701-implementation .highlight-item .highlight-body p {font-size:14px;line-height:1.6;margin:0;color:color-mix(in srgb,var(--default-color),transparent 30%)} .iso-27701-implementation .action-banner {background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:12px;padding:48px 40px;box-shadow:0 4px 20px color-mix(in srgb,var(--default-color),transparent 92%)} @media (max-width:768px) {.iso-27701-implementation .action-banner {padding:32px 24px}} .iso-27701-implementation .action-banner h3 {font-size:1.75rem;font-weight:700;margin-bottom:8px;color:var(--heading-color)} @media (max-width:768px) {.iso-27701-implementation .action-banner h3 {font-size:1.5rem}} .iso-27701-implementation .action-banner>.row>.col-lg-8>p {font-size:16px;color:color-mix(in srgb,var(--default-color),transparent 25%);margin-bottom:20px} .iso-27701-implementation .action-banner .trust-indicators {display:flex;flex-wrap:wrap;gap:20px} .iso-27701-implementation .action-banner .trust-indicators .trust-item {display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:color-mix(in srgb,var(--default-color),transparent 20%)} .iso-27701-implementation .action-banner .trust-indicators .trust-item i {font-size:18px;color:var(--accent-color)} .iso-27701-implementation .action-banner .btn-register {display:inline-block;background:var(--accent-color);color:var(--contrast-color);padding:14px 32px;border-radius:6px;font-weight:600;font-size:16px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color),transparent 65%)} .iso-27701-implementation .action-banner .btn-register:hover {background:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--accent-color),transparent 50%);color:var(--contrast-color)} .iso-27701-implementation .action-banner .btn-agenda {display:inline-block;color:var(--accent-color);border:2px solid var(--accent-color);padding:12px 28px;border-radius:6px;font-weight:600;font-size:16px;text-decoration:none;margin-left:12px;margin-top:12px;transition:all 0.3s ease} .iso-27701-implementation .action-banner .btn-agenda:hover {background:var(--accent-color);color:var(--contrast-color);transform:translateY(-2px)} @media (max-width:576px) {.iso-27701-implementation .action-banner .btn-agenda {margin-left:0}} .related-services .related-title {position:relative;margin-bottom:12px;font-size:24px;font-weight:600;padding-bottom:15px} .related-services .related-title:after {content:"";position:absolute;left:0;bottom:0;width:70px;height:3px;background-color:var(--accent-color)} .related-services .related-description {max-width:720px;margin-bottom:40px;color:color-mix(in srgb,var(--default-color),transparent 25%)} .related-services .feature-card {position:relative;height:220px;overflow:hidden;border-radius:16px;background-color:var(--surface-color);box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.4s ease;z-index:1} .related-services .feature-card:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,0.15)} .related-services .feature-card:hover .card-overlay {opacity:1} .related-services .feature-card:hover .card-body {transform:translateY(0);opacity:1} .related-services .feature-card:hover .card-title {opacity:0} .related-services .feature-card .card-title {position:absolute;bottom:0;left:0;width:100%;padding:25px 30px;background-color:rgba(0,0,0,0.75);transition:all 0.4s ease;z-index:3} .related-services .feature-card .card-title h3 {color:var(--contrast-color);font-size:20px;font-weight:700;margin-bottom:0} .related-services .feature-card .card-body {position:absolute;bottom:0;left:0;width:100%;height:100%;padding:25px 30px;background-color:color-mix(in srgb,var(--accent-color),transparent 40%);transform:translateY(100%);opacity:0;transition:all 0.4s ease;z-index:2;display:flex;flex-direction:column;justify-content:center} .related-services .feature-card .card-body h3 {color:var(--contrast-color);font-size:20px;font-weight:700;margin-bottom:12px} .related-services .feature-card .card-body p {color:var(--contrast-color);font-size:14px;margin-bottom:0} .related-services .feature-card .card-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;opacity:0.85;transition:all 0.4s ease} .related-services .feature-card .card-overlay:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,color-mix(in srgb,var(--heading-color),transparent 30%) 100%)} .related-services .feature-card .card-link {position:absolute;top:0;left:0;width:100%;height:100%;z-index:4} @media (max-width:1199px) {.related-services .feature-card {height:300px} .related-services .feature-card .card-title,.related-services .feature-card .card-body {padding:20px 25px} .related-services .feature-card .card-title h3,.related-services .feature-card .card-body h3 {font-size:18px;margin-bottom:8px} .related-services .feature-card .card-title p,.related-services .feature-card .card-body p {font-size:13px} .related-services .feature-card .card-title h3 {margin-bottom:0}} @media (max-width:767px) {.related-services .feature-card {height:280px}} .ai-stars {margin-left:4px;position:relative;color:var(--accent-color);opacity:0.9;text-shadow:0 0 4px color-mix(in srgb,var(--accent-color),transparent 50%)} .grecaptcha-badge {visibility:hidden !important} .training-pricing .pricing-toggle {display:inline-flex;align-items:center;gap:14px;padding:12px 18px;border-radius:999px;background:var(--surface-color);box-shadow:0 10px 30px rgba(0,0,0,0.06)} .training-pricing .pricing-toggle .monthly,.training-pricing .pricing-toggle .yearly {font-size:14px;font-weight:700;color:color-mix(in srgb,var(--default-color),transparent 40%)} .training-pricing .pricing-toggle .monthly.active,.training-pricing .pricing-toggle .yearly.active {color:var(--heading-color)} .training-pricing .pricing-toggle .save-badge {background:color-mix(in srgb,var(--accent-color),transparent 86%);color:var(--accent-color);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700} .training-pricing .card-header {margin-bottom:24px;text-align:center} .training-pricing .card-header .icon {width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:28px} .training-pricing .card-header h3 {margin-bottom:8px;font-size:24px;font-weight:800;color:var(--heading-color)} .training-pricing .card-header p {margin:0;color:color-mix(in srgb,var(--default-color),transparent 30%)} .training-pricing .card-price {margin-bottom:24px} .training-pricing .card-price .price.yearly {display:none} .training-pricing .card-price h4 {margin:0;display:flex;justify-content:center;align-items:flex-end;gap:4px;line-height:1} .training-pricing .card-price .currency {font-size:22px;font-weight:700;color:var(--heading-color);margin-bottom:10px} .training-pricing .card-price .period {font-size:15px;font-weight:500;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:8px} .training-pricing .card-features {margin-bottom:24px} .training-pricing .btn-pricing {text-decoration:none} .training-pricing .featured-tag,.training-pricing .popular-badge {position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);background:color-mix(in srgb,var(--accent-color) 90%,white 25%);box-shadow:0 5px 20px rgba(0,0,0,0.15);color:var(--contrast-color);padding:10px 24px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;white-space:nowrap} .training-pricing .pricing-item.featured .card-header .icon {background:color-mix(in srgb,var(--contrast-color) 18%,transparent);color:var(--contrast-color)} .training-pricing .pricing-item.featured .card-header h3,.training-pricing .pricing-item.featured .card-header p,.training-pricing .pricing-item.featured .card-price .currency,.training-pricing .pricing-item.featured .card-price .period {color:var(--contrast-color)} .training-comparison-table {padding-top:80px;padding-bottom:80px} .training-comparison-table .comparison-cards {background:var(--surface-color);border-radius:24px;padding:40px 32px;box-shadow:0 12px 40px rgba(0,0,0,0.06);border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .training-comparison-table .comparison-header,.training-comparison-table .comparison-row {display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:20px} .training-comparison-table .comparison-header {align-items:end;margin-bottom:24px} .training-comparison-table .feature-title h5 {margin:0;font-size:18px;font-weight:700;color:var(--heading-color)} .training-comparison-table .plan-titles,.training-comparison-table .feature-values,.training-comparison-table .action-buttons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .training-comparison-table .plan-title {background:color-mix(in srgb,var(--accent-color),transparent 94%);border-radius:18px;padding:20px 16px;text-align:center;position:relative} .training-comparison-table .plan-title h4 {margin:0;font-size:18px;font-weight:700} .training-comparison-table .plan-title.popular {background:var(--accent-color);color:var(--contrast-color)} .training-comparison-table .plan-title.popular h4 {color:var(--contrast-color)} .training-comparison-table .plan-title .popular-badge {position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:color-mix(in srgb,var(--accent-color) 88%,white 12%);color:var(--contrast-color);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap} .training-comparison-table .comparison-rows {display:flex;flex-direction:column;gap:12px} .training-comparison-table .feature-name,.training-comparison-table .feature-values {background:var(--background-color);border-radius:18px;border:1px solid color-mix(in srgb,var(--default-color),transparent 92%)} .training-comparison-table .feature-name {padding:18px 20px;font-weight:600;display:flex;align-items:center} .training-comparison-table .feature-values {gap:12px;padding:12px} .training-comparison-table .feature-value {padding:16px 14px;border-radius:14px;text-align:center;font-size:15px;background:var(--surface-color);color:color-mix(in srgb,var(--default-color),transparent 12%);display:flex;justify-content:center;align-items:center;min-height:58px} .training-comparison-table .feature-value.highlight {background:color-mix(in srgb,var(--accent-color),transparent 88%);color:var(--heading-color);font-weight:700} .training-comparison-table .feature-value i {font-size:18px;color:var(--accent-color)} .training-comparison-table .comparison-actions {margin-top:28px} .training-comparison-table .btn-action {border:none;border-radius:999px;padding:15px 20px;font-weight:700;background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);transition:all 0.3s ease} .training-comparison-table .btn-action:hover,.training-comparison-table .btn-action.primary {background:var(--accent-color);color:var(--contrast-color)} @media (max-width:991px) {.training-comparison-table .comparison-header,.training-comparison-table .comparison-row,.training-comparison-table .plan-titles,.training-comparison-table .feature-values,.training-comparison-table .action-buttons {grid-template-columns:1fr}}