/* Source: style.css */
/* Fonts - Inter variable font (single file covers all weights) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Prevent browsers from synthesizing bold/italic - use actual variable font axes */
body {
  font-synthesis: none;
}

.container-page { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) { .container-page { padding-left: 1.5rem; padding-right: 1.5rem; } }
@media (min-width: 1024px) { .container-page { padding-left: 2rem; padding-right: 2rem; } }

.navlink { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; color: #4b5563; transition-property: color; transition-duration: 200ms; }
.navlink:hover { color: #111827; }
.navlink-active { color: #8b5cf6; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.75rem; padding: 0.75rem 1.5rem; font-weight: 600; transition: all 200ms; }
.btn-primary { background-color: var(--color-primary-600); color: #ffffff; box-shadow: 0 4px 14px 0 rgba(var(--color-primary-600-rgb, 37, 99, 235), 0.39); }
.btn-primary:hover { background-color: var(--color-primary-500); box-shadow: 0 6px 20px rgba(var(--color-primary-600-rgb, 37, 99, 235), 0.23); }
.btn-secondary { background-color: #ffffff; color: #111827; border: 1px solid #e5e7eb; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.btn-secondary:hover { background-color: #f9fafb; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }

.card { border-radius: 1.5rem; background-color: #ffffff; border: 1px solid #f1f5f9; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02); transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1); }
.card:hover { box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.08); border-color: var(--color-primary-200); }

.card-soft { border-radius: 1rem; background-color: #f9fafb; border: 1px solid #f3f4f6; transition: all 300ms; }
.card-soft:hover { background-color: #ffffff; }

.badge { display: inline-flex; align-items: center; gap: 0.5rem; border-radius: 9999px; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; }

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-glass-card {
  background: rgba(15, 23, 42, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

@keyframes float {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(1deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

@keyframes float-delayed {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(15px) rotate(-1deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

.animate-float-delayed {
  animation: float-delayed 8s ease-in-out infinite;
}

.animate-bounce-slow {
  animation: bounce 3s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateY(-5%) translate(-50%, 0); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: translateY(0) translate(-50%, 0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
.badge-dark { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.1); }

.section-title { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; letter-spacing: -0.025em; color: #111827; }
@media (min-width: 640px) { .section-title { font-size: 2.25rem; line-height: 2.5rem; } }

.section-subtitle { margin-top: 0.75rem; font-size: 1.125rem; line-height: 1.75rem; color: #4b5563; }

.word-keepall { word-break: keep-all; }

/* Couleurs et dégradés spécifiques */
.bg-dark-blue, 
.bg-\[\#121B34\] { 
    background-color: #121B34 !important;
}

.bg-gradient-dark {
    background: linear-gradient(to bottom right, #121B34, #1a2a4a, #1e3a8a) !important;
}

.bg-white\/80 {
	background-color: rgb(255 255 255 / 0.8);
}

.text-gray-300\/90 {
  color: rgb(209 213 219 / 0.9);
}

.text-gray-300\/80 {
  color: rgb(209 213 219 / 0.8);
}

.blur-3xl {
	--tw-blur: blur(64px);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.to-purple-900 {
	--tw-gradient-to: #581c87 var(--tw-gradient-to-position);
}

.to-gray-950 {
  --tw-gradient-to: #030712 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:scale-105 {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1\/2 {
	--tw-translate-y: 50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pt-14 {
	padding-top: 3.5rem;
}

/* Fix pour les séparations de sections (wave dividers) */
svg { 
    display: block;
}
.relative.overflow-hidden { z-index: 1; }


/* Accessibility: carousel dots tap targets */
#cms-dots button {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem;
  min-height: 1rem;
  padding: 0;
  border-radius: 9999px;
  background: transparent !important;
  color: #d1d5db;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#cms-dots button::before {
  content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background-color: currentColor;
  transition: width 0.3s ease, background-color 0.3s ease;
}

#cms-dots button.dot-active {
  color: #8b5cf6;
}

#cms-dots button.dot-active::before {
  width: 1rem;
}

#cms-dots {
  gap: 0.5rem !important;
}

/* Filter Chips CMS Styles */
.chip-wordpress { background-color: rgba(33, 117, 155, 0.1) !important; color: #21759b !important; }
.chip-wordpress:hover { background-color: rgba(33, 117, 155, 0.2) !important; }
.chip-wordpress:has(:checked) { background-color: rgba(33, 117, 155, 0.2) !important; border-color: #21759b !important; }

.chip-prestashop { background-color: rgba(245, 169, 208, 0.1) !important; color: #D946A6 !important; }
.chip-prestashop:hover { background-color: rgba(245, 169, 208, 0.2) !important; }
.chip-prestashop:has(:checked) { background-color: rgba(245, 169, 208, 0.2) !important; border-color: #F5A9D0 !important; }

.chip-magento { background-color: rgba(242, 99, 34, 0.1) !important; color: #f26322 !important; }
.chip-magento:hover { background-color: rgba(242, 99, 34, 0.2) !important; }
.chip-magento:has(:checked) { background-color: rgba(242, 99, 34, 0.2) !important; border-color: #f26322 !important; }

.chip-woocommerce { background-color: rgba(150, 88, 138, 0.1) !important; color: #96588a !important; }
.chip-woocommerce:hover { background-color: rgba(150, 88, 138, 0.2) !important; }
.chip-woocommerce:has(:checked) { background-color: rgba(150, 88, 138, 0.2) !important; border-color: #96588a !important; }

.chip-shopify { background-color: rgba(149, 191, 71, 0.1) !important; color: #95bf47 !important; }
.chip-shopify:hover { background-color: rgba(149, 191, 71, 0.2) !important; }
.chip-shopify:has(:checked) { background-color: rgba(149, 191, 71, 0.2) !important; border-color: #95bf47 !important; }

.chip-drupal { background-color: rgba(6, 120, 190, 0.1) !important; color: #0678be !important; }
.chip-drupal:hover { background-color: rgba(6, 120, 190, 0.2) !important; }
.chip-drupal:has(:checked) { background-color: rgba(6, 120, 190, 0.2) !important; border-color: #0678be !important; }

.chip-sylius { background-color: rgba(26, 187, 156, 0.1) !important; color: #1abb9c !important; }
.chip-sylius:hover { background-color: rgba(26, 187, 156, 0.2) !important; }
.chip-sylius:has(:checked) { background-color: rgba(26, 187, 156, 0.2) !important; border-color: #1abb9c !important; }

.chip-typo3 { background-color: rgba(255, 135, 0, 0.1) !important; color: #ff8700 !important; }
.chip-typo3:hover { background-color: rgba(255, 135, 0, 0.2) !important; }
.chip-typo3:has(:checked) { background-color: rgba(255, 135, 0, 0.2) !important; border-color: #ff8700 !important; }

/* Couleurs de marque CMS - Gradients et Bordures */
.bg-wordpress { background-color: #21759b !important; }
.text-wordpress { color: #21759b !important; }
.bg-wordpress-light { background: linear-gradient(to bottom right, rgba(33, 117, 155, 0.05), rgba(33, 117, 155, 0.1)) !important; }
.border-wordpress-light { border-color: rgba(33, 117, 155, 0.2) !important; }
.hover-border-wordpress:hover { border-color: rgba(33, 117, 155, 0.4) !important; }

.bg-prestashop { background-color: #F5A9D0 !important; }
.text-prestashop { color: #8c3562 !important; }
.bg-prestashop-light { background: linear-gradient(to bottom right, rgba(245, 169, 208, 0.05), rgba(245, 169, 208, 0.1)) !important; }
.border-prestashop-light { border-color: rgba(245, 169, 208, 0.2) !important; }
.hover-border-prestashop:hover { border-color: rgba(245, 169, 208, 0.4) !important; }

.bg-magento { background-color: #f26322 !important; }
.text-magento { color: #c44e17 !important; }
.bg-magento-light { background: linear-gradient(to bottom right, rgba(242, 99, 34, 0.05), rgba(242, 99, 34, 0.1)) !important; }
.border-magento-light { border-color: rgba(242, 99, 34, 0.2) !important; }
.hover-border-magento:hover { border-color: rgba(242, 99, 34, 0.4) !important; }

.bg-woocommerce { background-color: #96588a !important; }
.text-woocommerce { color: #96588a !important; }
.bg-woocommerce-light { background: linear-gradient(to bottom right, rgba(150, 88, 138, 0.05), rgba(150, 88, 138, 0.1)) !important; }
.border-woocommerce-light { border-color: rgba(150, 88, 138, 0.2) !important; }
.hover-border-woocommerce:hover { border-color: rgba(150, 88, 138, 0.4) !important; }

.bg-shopify { background-color: #95bf47 !important; }
.text-shopify { color: #95bf47 !important; }
.bg-shopify-light { background: linear-gradient(to bottom right, rgba(149, 191, 71, 0.05), rgba(149, 191, 71, 0.1)) !important; }
.border-shopify-light { border-color: rgba(149, 191, 71, 0.2) !important; }
.hover-border-shopify:hover { border-color: rgba(149, 191, 71, 0.4) !important; }

.bg-drupal { background-color: #0678be !important; }
.text-drupal { color: #0678be !important; }
.bg-drupal-light { background: linear-gradient(to bottom right, rgba(6, 120, 190, 0.05), rgba(6, 120, 190, 0.1)) !important; }
.border-drupal-light { border-color: rgba(6, 120, 190, 0.2) !important; }
.hover-border-drupal:hover { border-color: rgba(6, 120, 190, 0.4) !important; }

.bg-sylius { background-color: #1abb9c !important; }
.text-sylius { color: #1abb9c !important; }
.bg-sylius-light { background: linear-gradient(to bottom right, rgba(26, 187, 156, 0.05), rgba(26, 187, 156, 0.1)) !important; }
.border-sylius-light { border-color: rgba(26, 187, 156, 0.2) !important; }
.hover-border-sylius:hover { border-color: rgba(26, 187, 156, 0.4) !important; }

.bg-typo3 { background-color: #ff8700 !important; }
.text-typo3 { color: #ff8700 !important; }
.bg-typo3-light { background: linear-gradient(to bottom right, rgba(255, 135, 0, 0.05), rgba(255, 135, 0, 0.1)) !important; }
.border-typo3-light { border-color: rgba(255, 135, 0, 0.2) !important; }
.hover-border-typo3:hover { border-color: rgba(255, 135, 0, 0.4) !important; }

/* KPIs */
.kpi { border-radius: 1rem; background-color: #ffffff; border: 1px solid #e5e7eb; padding: 1.5rem; text-align: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.kpi-value { font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; color: #111827; }
.kpi-label { margin-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; color: #4b5563; }

.hero-highlight {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 1rem 0.7rem;
  margin: 1rem -4px 0.5rem;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  text-shadow: 0 2px 18px rgba(0,0,0,0.65);
  backdrop-filter: blur(8px);
  z-index: 1;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.hero-highlight::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 9999px;
  background: radial-gradient(circle at 50% 50%, rgba(96,165,250,0.45), rgba(59,130,246,0.0) 60%);
  filter: blur(10px);
  z-index: -1;
}

/* List View Styles */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
}

.view-list #companies, .view-list #modules {
  grid-template-columns: 1fr !important;
}

.view-list .company-card, .view-list .module-card {
  display: flex;
  flex-direction: row;
  height: auto;
}

.view-list .company-card .card-header, .view-list .module-card .card-header {
  width: 200px;
  height: auto;
  flex-shrink: 0;
}

.view-list .company-card .card-body, .view-list .module-card .card-body {
  padding-top: 1rem !important;
  flex-grow: 1;
}

.view-list .company-card .card-footer, .view-list .module-card .card-footer {
  width: 100px;
  flex-shrink: 0;
  border-top-width: 0 !important;
  border-left-width: 1px !important;
  border-color: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

#companies .text-sm.text-gray-600.mb-4.line-clamp-2 {
	min-height: 60px;
}

@media (max-width: 768px) {
  .view-list .company-card, .view-list .module-card {
    flex-direction: column;
  }
  .view-list .company-card .card-header, .view-list .module-card .card-header {
    width: 100%;
    height: 100px;
  }
  .view-list .company-card .card-footer, .view-list .module-card .card-footer {
    width: 100%;
    border-left-width: 0 !important;
    border-top-width: 1px;
    padding: 1rem;
    justify-content: space-between;
  }
}

/* Shared Content Styles */
.long-description-content h1 { font-size: 1.5rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #111827; }
.long-description-content h2 { font-size: 1.25rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.5rem; color: #1f2937; }
.long-description-content h3 { font-size: 1.125rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem; color: #374151; }
.long-description-content p { margin-bottom: 1rem; line-height: 1.75; color: #4b5563; }
.long-description-content strong, .long-description-content b { font-weight: 600; color: #1f2937; }
.long-description-content em, .long-description-content i { font-style: italic; }
.long-description-content u { text-decoration: underline; }
.long-description-content s { text-decoration: line-through; }
.long-description-content ul { list-style-type: disc; margin-left: 1.5rem; margin-bottom: 1rem; }
.long-description-content ol { list-style-type: decimal; margin-left: 1.5rem; margin-bottom: 1rem; }
.long-description-content li { margin-bottom: 0.25rem; color: #4b5563; }
.long-description-content blockquote { border-left: 4px solid #3b82f6; padding-left: 1rem; margin: 1rem 0; font-style: italic; color: #6b7280; background: #f9fafb; padding: 1rem; border-radius: 0 0.5rem 0.5rem 0; }
.long-description-content a { color: #2563eb; text-decoration: underline; }
.long-description-content a:hover { color: #1d4ed8; }

/* Marketplace / Module specific description variants if needed */
.marketplace-description blockquote { border-left-color: #9333ea; background: #faf5ff; }
.marketplace-description a { color: #7c3aed; }
.marketplace-description a:hover { color: #6d28d9; }

/* Carousel Styles */
#cms-viewport {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#cms-viewport::-webkit-scrollbar {
  display: none;
}
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }

.dot-active {
  background-color: #8b5cf6 !important;
  width: 1.5rem !important;
}

/* Dual Range Slider Styles */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #9ca3af;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #9ca3af;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="range"]::-webkit-slider-thumb:hover {
  background: #6b7280;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

input[type="range"]::-moz-range-thumb:hover {
  background: #6b7280;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Homepage Hero Icon Swap Animation */
.icon-swap {
  position: relative;
  perspective: 1000px;
}
.icon-swap-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  animation: icon-flip 4s ease-in-out infinite;
  animation-delay: calc(var(--delay) + 2s);
}
.icon-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: inherit;
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.icon-face.tech {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@keyframes icon-flip {
  0%, 30% {
    transform: rotateY(0deg);
  }
  35%, 80% {
    transform: rotateY(180deg);
  }
  85%, 100% {
    transform: rotateY(0deg);
  }
}

/* Source: cms-icons.css */
/* CMS Icons - Reusable SVG Icon Classes */

/* Utility class for inline SVG icons */
.icon-cms, 
.icon-tech {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.icon-cms::before,
.icon-tech::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* Home page CMS icons - enlarged and centered */
.home-cms-icon {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-cms-icon::before {
  content: '';
  display: inline-block;
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin-right: 0 !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.home-tech-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-tech-icon::before {
  content: '';
  display: inline-block;
  width: 2rem !important;
  height: 2rem !important;
  margin-right: 0 !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.home-tech-icon.icon-tech-mysql::before,
.home-tech-icon.icon-tech-symfony::before,
.home-tech-icon.icon-tech-linux::before {
  width: 3.5rem !important;
  height: 3.5rem !important;
}

.home-tech-icon.icon-tech-react::before {
  width: 3rem !important;
  height: 3rem !important;
}

.home-tech-icon.icon-tech-html::before,
.home-tech-icon.icon-tech-css::before,
.home-tech-icon.icon-tech-php::before {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

/* PrestaShop Home Icon - New version with #a4dbe8 circle background */
.home-cms-icon.icon-cms-prestashop::before {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="364" height="364" viewBox="0 0 364 364"><circle cx="182" cy="182" r="182" fill="%23a4dbe8"/><g transform="translate(0,364) scale(0.1,-0.1)" fill="black"><path d="M1000 1745 l0 -1175 308 2 307 3 3 336 2 337 238 4 c216 5 246 7 336 31 292 78 501 267 598 540 150 423 -88 896 -523 1041 -156 52 -210 56 -760 56 l-509 0 0 -1175z m1110 750 l0 -54 58 -3 57 -3 3 -57 3 -58 -186 0 -185 0 0 -60 0 -60 60 0 59 0 3 -57 3 -58 63 -3 62 -3 0 -54 0 -55 60 0 60 0 0 -115 0 -114 -57 -3 -58 -3 -5 -55 -5 -55 -247 -3 -247 -2 -3 57 -3 58 -57 3 -58 3 0 54 0 55 185 0 185 0 0 60 0 60 -60 0 -59 0 -3 58 -3 57 -62 3 -63 3 0 54 0 55 -60 0 -61 0 3 118 3 117 58 3 57 3 0 54 0 55 250 0 250 0 0 -55z"/></g></svg>');
}

/* WordPress Icon */
.icon-cms-wordpress::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2321759b" viewBox="0 0 97.75 97.75" xmlns="http://www.w3.org/2000/svg"><path d="M69.682,47.319c0-3.81-1.367-6.447-2.539-8.501c-1.563-2.539-3.029-4.688-3.029-7.228c0-2.834,2.15-5.471,5.178-5.471 c0.136,0,0.268,0.017,0.398,0.024c-5.483-5.023-12.789-8.091-20.812-8.091c-10.769,0-20.241,5.524-25.753,13.893 c0.723,0.021,1.405,0.037,1.984,0.037c3.224,0,8.214-0.392,8.214-0.392c1.661-0.099,1.857,2.343,0.198,2.539 c0,0-1.67,0.196-3.527,0.293l11.222,33.389l6.746-20.229l-4.803-13.157c-1.659-0.097-3.232-0.293-3.232-0.293 c-1.66-0.098-1.466-2.637,0.195-2.539c0,0,5.09,0.391,8.117,0.391c3.224,0,8.216-0.391,8.216-0.391 c1.663-0.098,1.856,2.342,0.196,2.539c0,0-1.674,0.196-3.527,0.293l11.139,33.133l3.074-10.272 C68.669,53.02,69.682,49.957,69.682,47.319z M18.054,48.874c0,12.2,7.091,22.743,17.372,27.739L20.722,36.331 C19.012,40.163,18.054,44.406,18.054,48.874z M49.417,51.57l-9.249,26.871c2.762,0.812,5.682,1.257,8.708,1.257c3.589,0,7.031-0.621,10.235-1.748 c-0.084-0.132-0.158-0.271-0.221-0.425L49.417,51.57z M64.37,75.516c9.164-5.343,15.327-15.271,15.327-26.641 c0.001-5.359-1.368-10.397-3.776-14.788 c0.134,0.981,0.208,2.036,0.208,3.169c0,3.128-0.583,6.644-2.344,11.04L64.37,75.516z M48.875,0C21.882,0,0,21.882,0,48.875S21.882,97.75,48.875,97.75S97.75,75.868,97.75,48.875S75.868,0,48.875,0z M48.876,83.156c-18.902,0-34.281-15.379-34.281-34.282c0-18.902,15.378-34.28,34.281-34.28c18.901,0,34.278,15.378,34.278,34.28 C83.154,67.777,67.777,83.156,48.876,83.156z"/></svg>');
  color: #21759b;
}

/* PrestaShop Icon - Default (Pink for Frontend) */
.icon-cms-prestashop::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23df0067" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.558 1.034C5.174 1.034 0 6.21 0 12.592c0 1.258.201 2.47.574 3.597l.002-.007a12.415 12.415 0 01.53-1.787l.011-.03c.085-.222.179-.442.277-.66l.084-.181c.08-.171.165-.34.253-.507.036-.068.07-.136.108-.203.02-.038.044-.073.064-.11.094-.166.19-.332.29-.493l.075-.114c.125-.195.256-.386.393-.573l.035-.05c.144-.193.295-.38.451-.563l.1-.118c.155-.177.315-.35.481-.517l.099-.097a10.321 10.321 0 01.546-.503c.74-2.48 3.005-4.285 5.686-4.285 1.079 0 2.152.31 3.071.873a6.017 6.017 0 012.211 2.407l.007.015.04.074v.003l.004.002a9.925 9.925 0 011.567 1.198c.04.037.081.071.12.109.002 0 .006.005.007.006l-.002-.006-.001-.004v-.003l.042-.084c.377-2.384 1.43-4.102 2.67-4.102.934 0 1.762.975 2.276 2.476l.005.016.001.002c.145.158.287.331.424.521l.007.01.021.067-.02-.078c-1.542-4.569-5.863-7.857-10.952-7.857zM9.927 5.477C7.586 5.52 5.34 7.132 4.574 9.365l-.012.034a10.14 10.14 0 011.315-.895c2.806-1.656 6.479-1.646 9.278.016-.895-1.653-2.631-2.819-4.5-3.004a5.14 5.14 0 00-.728-.039zm9.834.5a1.36 1.36 0 00-.39.067c-1.265.562-1.719 2.073-2.031 3.303l-.016.072c.365-.62.808-1.215 1.396-1.642.835-.687 2.105-.655 2.916.053.308.326.141.008.031-.22-.342-.75-1.025-1.653-1.906-1.634zM21.67 7.98zm-9.32.335l-1.07 3.27-.002.005-.006.002-4.498 1.112h-.009l4.456 1.087c.105.11.227.205.36.28h.002c.042.024.085.045.129.065l.01.005c.041.018.083.033.126.047l.021.008c.04.013.08.023.12.032l.033.008a1.677 1.677 0 00.318.033 1.546 1.546 0 001.43-.948c.08-.186.123-.39.123-.604v-.011l-.001-.012c-.001-.054-.004-.107-.01-.16l-.001-.002a1.506 1.506 0 00-.026-.153l-.001-.004a1.511 1.511 0 00-.096-.288v-.003a1.521 1.521 0 00-.348-.49v-.003zm3.148.626c.048 1.008.036 2.046-.1 3.057-.17 2.018-1.19 3.798-1.972 5.616l-.03.08-.035.086c1.51-1.522 3.17-3.04 3.969-5.082.383-.636.118-1.342-.115-1.976-.17-.877-1.069-1.278-1.717-1.781zm6.172.572l-.588 2.688a1.764 1.764 0 00-.047.2c-.002.02-.007.04-.01.06a1.76 1.76 0 00-.016.222l-.002.031h.003c0 .628.297 1.136.663 1.137a.41.41 0 00.182-.045l.027-.015a.537.537 0 00.07-.047c.013-.01.024-.022.036-.033a.752.752 0 00.137-.168l.03-.054a1.23 1.23 0 00.052-.108l.017-.04c.02-.053.038-.108.053-.166l.002-.002.001-.003.404-.451-.407-.456v.001l-.02-.063zm-4.381.856c.69 1.716.85 3.707.091 5.43-.49 1.368-1.587 2.463-1.874 3.905.73.115 1.468.176 2.21.186 2.166.029 4.332-.42 6.284-1.365-2.04-2.869-4.121-5.755-6.711-8.156zm-4.948.977a.583.583 0 110 1.166.583.583 0 010-1.166zm9.352.37c.138 0 .249.19.249.426s-.111.426-.249.426c-.137 0-.248-.19-.248-.426 0-.235.11-.426.248-.426zm-4.044.184c-.016.112-.033.209-.05.29l-.006.023c-.01.05-.022.094-.033.128-.48 1.417-1.275 2.52-2.36 3.697-.147.16-.301.32-.459.484a58.883 58.883 0 01-1.196 1.205c-.112.11-.259.261-.425.436-.103.287-.22.61-.318.95-.044-.016-.086-.031-.131-.049-2.108-.815-3.519-1.904-3.519-1.904s1.086 1.414 2.915 2.74c.177.129.351.24.522.339-.075 1.194.452 2.34 2.83 2.682a4.81 4.81 0 001.228.008l-.01-.029a.062.062 0 00-.004-.01s-.167-.133-.379-.377a3.842 3.842 0 01-.584-.897 3.382 3.382 0 01-.266-.862 3.176 3.176 0 01-.006-.972c.017-.12.04-.241.072-.366.093-.374.255-.772.507-1.192l.002-.003.241-.404c1.103-1.86 1.797-3.275 1.506-5.441a8.943 8.943 0 00-.078-.476zm4.668.576l.001.008-.001-.008zm.013.203l.003.036v.01c0 .013-.003.025-.003.038 0-.014.003-.028.003-.043 0-.014-.002-.026-.003-.04zm-.012.275v.001l-.002.01-.002.014.004-.025zm1.353 5.928c-2.553 1.138-5.44 1.44-8.192 1.007-.14 1.108.384 2.218 1.214 2.93l.012.01c2.703-.433 4.975-2.168 6.966-3.946z"/></svg>');
  color: #df0067;
}

/* PrestaShop Icon - Admin Version (Black) */
.admin .icon-cms-prestashop::before {
  color: #000000;
}

/* Magento Icon */
.icon-cms-magento::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ee672d" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M473.409,134.696v242.607l-58.015,35.163V168.101l-0.778-0.488L256.148,69.063L97.253,167.697 l-0.647,0.403v243.778l-58.015-34.575V134.696l0.347-0.212L256.148,0.5l216.921,133.984L473.409,134.696z M287.646,239.572V439.42 l-31.497,19.926l-31.79-19.926V240.089v-84.883l-70.909,43.949v0.552v247.919L256.148,511.5l102.402-63.874V199.389v-0.233 l-70.905-43.949V239.572z"/></svg>');
  color: #ee672d;
}

/* Shopify Icon */
.icon-cms-shopify::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2396bf48" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M20.919 4.546c-0.025 0-0.075 0.026-0.097 0.026s-0.361 0.094-0.892 0.262c-0.529-1.541-1.47-2.962-3.134-2.962h-0.144c-0.356-0.5-0.921-0.832-1.564-0.868l-0.005-0c-3.881 0-5.736 4.845-6.317 7.305-1.492 0.456-2.578 0.795-2.699 0.842-0.844 0.266-0.867 0.29-0.965 1.087-0.094 0.577-2.287 17.574-2.287 17.574l16.946 3.183zM17.18 2.935c0.867 0.092 1.426 1.083 1.786 2.193-0.436 0.142-0.919 0.289-1.447 0.457v-0.315c0.001-0.049 0.002-0.107 0.002-0.165 0-0.777-0.125-1.524-0.355-2.224l0.014 0.050zM16.506 5.727v0.169c-0.942 0.29-1.978 0.605-2.992 0.92 0.264-1.607 1.237-2.944 2.58-3.699l0.026-0.013c0.248 0.705 0.391 1.518 0.391 2.365 0 0.091-0.002 0.182-0.005 0.273l0-0.013zM14.963 2.042c0 0 0.001 0 0.001 0 0.19 0 0.366 0.063 0.507 0.17l-0.002-0.002c-1.749 1.048-2.947 2.861-3.132 4.964l-0.002 0.024c-0.82 0.266-1.616 0.506-2.361 0.722 0.648-2.231 2.216-5.867 4.988-5.867zM15.638 15.132c-0.648-0.32-1.408-0.514-2.211-0.53l-0.005-0c-1.808 0-1.879 1.132-1.879 1.426 0 1.54 4.049 2.143 4.049 5.785 0.014 0.128 0.021 0.277 0.021 0.427 0 2.359-1.912 4.271-4.271 4.271-0.002 0-0.005 0-0.007 0h0c-0.050 0.002-0.108 0.002-0.166 0.002-1.676 0-3.187-0.703-4.255-1.83l-0.003-0.003 0.807-2.607c0.774 0.68 1.745 1.154 2.817 1.328l0.033 0.004c0.012 0 0.025 0.001 0.039 0.001 0.646 0 1.171-0.52 1.18-1.165v-0.001c0-2.023-3.317-2.117-3.317-5.447-0-0.020-0-0.044-0-0.068 0-3.026 2.453-5.478 5.478-5.478 0.195 0 0.388 0.010 0.578 0.030l-0.024-0.002c0.077-0.004 0.167-0.007 0.258-0.007 0.756 0 1.474 0.169 2.116 0.471l-0.030-0.013-1.181 3.393zM20.17 30.97l9.017-1.951s-3.254-22.010-3.28-22.156c-0.018-0.133-0.128-0.235-0.263-0.24h-0c-0.121 0-2.411-0.17-2.411-0.17s-1.593-1.592-1.798-1.763c-0.043-0.039-0.093-0.070-0.148-0.091l-0.003-0.001-1.142 26.372z"/></svg>');
  color: #96bf48;
}

/* Sylius Icon */
.icon-cms-sylius::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2300b050" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path d="m6.5 25.1 8.3 16.6 15.4.1 3.7-5.3z"/><path d="m.7 26.9 11.2 15.4h18.3l3.7-5.7zm13.4-18.7 5.5 4.2 4.9-9.4-1.7-1.1z"/><path d="m30.2 42.3-16.1-34.1 3.5-2.5 18.7 27.2zm-8.9-39.3 10.5 8.5-7.4-10.8z"/></svg>');
  color: #00b050;
}

/* Joomla Icon */
.icon-cms-joomla::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="-1 0 258 258" xmlns="http://www.w3.org/2000/svg"><path d="M255.6673,35.5610895 C255.6673,16.9537743 240.583222,1.8696965 221.975907,1.8696965 C204.986272,1.8696965 190.941136,14.4475642 188.627175,30.7986926 C188.411019,30.6841401 188.28551,30.619393 188.28551,30.619393 C160.733136,18.1919377 137.523798,40.2029572 137.523798,40.2029572 L76.132607,101.894973 L100.389852,125.254724 L149.802833,76.7093541 C172.8767,53.6344903 185.440623,69.2524825 185.440623,69.2524825 C202.81077,83.9261634 186.039284,101.296311 186.039284,101.296311 L210.896187,125.254724 C231.193899,103.332358 232.3713,84.1990973 226.201401,68.9785525 C242.812514,66.898677 255.6673,52.736 255.6673,35.5610895" fill="%23F9AE41"/><path d="M226.514179,190.506833 C226.628732,190.291673 226.693479,190.166163 226.693479,190.166163 C239.12193,162.612794 217.109914,139.404451 217.109914,139.404451 L155.416903,78.0112685 L132.058148,102.26951 L180.603518,151.68249 C203.678381,174.757354 188.060389,187.321276 188.060389,187.321276 C173.386708,204.691424 156.01656,187.919938 156.01656,187.919938 L132.058148,212.775844 C153.979518,233.073556 173.113774,234.250957 188.333323,228.081058 C190.413198,244.693167 204.576872,257.547953 221.751782,257.547953 C240.359097,257.547953 255.442179,242.463875 255.442179,223.85656 C255.442179,206.866926 242.865307,192.82179 226.514179,190.506833" fill="%23EE4035"/><path d="M155.941852,133.040311 L106.528872,181.584685 C83.4540078,204.660545 70.8900856,189.043549 70.8900856,189.043549 C53.5199377,174.368872 70.2914241,156.99972 70.2914241,156.99972 L45.4355175,133.041307 C25.1378054,154.962677 23.9604047,174.095938 30.1293074,189.316482 C13.5171984,191.396358 0.66340856,205.558039 0.66340856,222.733946 C0.66340856,241.341261 15.7474864,256.424342 34.3548016,256.424342 C51.3444358,256.425339 65.389572,243.848467 67.7035331,227.497339 C67.9196887,227.611891 68.0451984,227.675642 68.0451984,227.675642 C95.5985681,240.105089 118.806911,218.092078 118.806911,218.092078 L180.199097,156.399066 L155.941852,133.040311" fill="%234F91CD"/><path d="M75.7271907,106.612545 C52.6523268,83.5376809 68.2683268,70.9737588 68.2683268,70.9737588 C82.944,53.6036109 100.313152,70.3750973 100.313152,70.3750973 L124.271564,45.5201868 C102.350195,25.2224747 83.2169339,24.0450739 67.9973852,30.2139767 C65.9165136,13.6008716 51.7548327,0.747081712 34.57793,0.747081712 C15.9716109,0.747081712 0.888529183,15.8311595 0.887533074,34.4384747 C0.887533074,51.4291051 13.4644047,65.4742412 29.8155331,67.7882023 C29.7009805,68.004358 29.6372296,68.1298677 29.6372296,68.1298677 C17.206786,95.6822412 39.2197977,118.889588 39.2197977,118.889588 L100.913805,180.28277 L124.27256,156.025525 L75.7271907,106.612545" fill="%237AC043"/></svg>');
  color: #000000;
}

/* TYPO3 Icon */
.icon-cms-typo3::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ff8700" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.093,21.3a3.847,3.847,0,0,1-1.18.165c-3.555,0-8.778-12.424-8.778-16.559,0-1.523.362-2.031.87-2.466C9.653,2.943,4.43,4.539,2.761,6.57a4.048,4.048,0,0,0-.58,2.321C2.181,15.348,9.072,30,13.933,30c2.248,0,6.041-3.7,9.16-8.7"/><path d="M20.823,2c4.5,0,9,.725,9,3.264,0,5.151-3.264,11.389-4.933,11.389-2.974,0-6.673-8.269-6.673-12.4,0-1.886.725-2.249,2.611-2.249"/></svg>');
  color: #ff8700;
}

/* Drupal Icon */
.icon-cms-drupal::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230073b8" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M15.78 5.113C14.09 3.425 12.48 1.815 11.998 0c-.48 1.815-2.09 3.425-3.778 5.113-2.534 2.53-5.405 5.4-5.405 9.702a9.184 9.185 0 1 0 18.368 0c0-4.303-2.871-7.171-5.405-9.702M6.72 16.954c-.563-.019-2.64-3.6 1.215-7.416l2.55 2.788a.218.218 0 0 1-.016.325c-.61.625-3.204 3.227-3.527 4.126-.066.186-.164.18-.222.177M12 21.677a3.158 3.158 0 0 1-3.158-3.159 3.291 3.291 0 0 1 .787-2.087c.57-.696 2.37-2.655 2.37-2.655s1.774 1.988 2.367 2.649a3.09 3.09 0 0 1 .792 2.093A3.158 3.158 0 0 1 12 21.677m6.046-5.123c-.068.15-.223.398-.431.405-.371.014-.411-.177-.686-.583-.604-.892-5.864-6.39-6.848-7.455-.866-.935-.122-1.595.223-1.94C10.736 6.547 12 5.285 12 5.285s3.766 3.574 5.336 6.016c1.57 2.443 1.029 4.556.71 5.253"/></svg>');
  color: #0073b8;
}

/* WooCommerce Icon */
.icon-cms-woocommerce::before {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 -51.5 256 256" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M232.137523,0 L23.7592719,0 C10.5720702,0 -0.103257595,10.7799647 0.000639559736,23.862498 L0.000639559736,103.404247 C0.000639559736,116.591115 10.6767385,127.266612 23.8639402,127.266612 L122.558181,127.266612 L167.667206,152.384995 L157.410382,127.266612 L232.137523,127.266612 C245.325059,127.266612 255.999888,116.591115 255.999888,103.404247 L255.999888,23.862498 C255.999888,10.6752964 245.325059,0 232.137523,0 Z M19.3640061,18.4201481 C16.4334946,18.6294847 14.2355942,19.6761007 12.7703719,21.6645976 C11.3051496,23.5484931 10.781875,25.9556632 11.095813,28.6768382 C17.2707741,67.9247058 23.027062,94.4034429 28.3647436,108.113986 C30.4579757,113.137395 32.8651458,115.5451 35.690989,115.335764 C40.086656,115.021425 45.3196694,108.951332 51.4946305,97.1248185 C54.73908,90.4260478 59.7628237,80.3792294 66.5657276,66.9823567 C72.2170797,86.762992 79.9618646,101.625221 89.6956814,111.567705 C92.417057,114.393415 95.2427665,115.649434 97.9634733,115.440098 C100.371178,115.230761 102.254539,113.974742 103.510558,111.672039 C104.557241,109.683676 104.975914,107.380974 104.766578,104.764601 C104.138568,95.2407893 105.080917,81.9489193 107.69729,64.8892584 C110.417997,47.3063898 113.767382,34.6424627 117.849111,27.1069476 C118.686458,25.5370569 119.000128,23.9670994 118.895794,22.0832708 C118.686458,19.6760338 117.639775,17.6875369 115.651411,16.1176463 C113.663048,14.5477557 111.46468,13.8151445 109.057643,14.0244142 C106.022597,14.2337508 103.719895,15.6989731 102.150205,18.6294847 C95.6614396,30.4560654 91.0560348,49.6088916 88.335328,76.1924977 C84.3579328,66.145211 81.0085475,54.3185634 78.3921746,40.3987506 C77.2411578,34.2238564 74.4154483,31.2933449 69.8100434,31.6073497 C66.670329,31.8166194 64.0538892,33.9098515 61.9606572,37.8869122 L39.0401069,81.5302462 C35.2723159,66.3544807 31.7138615,47.8296643 28.4694119,25.9556632 C27.7368007,20.5133802 24.7016209,18.0014749 19.3640061,18.4201481 Z M221.044022,25.9559976 C228.475136,27.5259551 234.022221,31.5030159 237.789611,38.0965832 C241.138996,43.7482697 242.81302,50.5511737 242.81302,58.7146317 C242.81302,69.4943957 240.092314,79.3325464 234.649562,88.3333508 C228.370134,98.7995112 220.206676,104.032257 210.054854,104.032257 C208.275828,104.032257 206.391799,103.82292 204.402767,103.404247 C196.972321,101.834557 191.425236,97.857831 187.657177,91.264063 C184.308461,85.5076413 182.633768,78.6002028 182.633768,70.5410787 C182.633768,59.7612478 185.355144,49.923164 190.797226,41.0270948 C197.181658,30.5610681 205.345116,25.3280548 215.392603,25.3280548 C217.171629,25.3280548 219.055659,25.5373913 221.044022,25.9559976 Z M216.648622,82.5769291 C220.521015,79.1232099 223.137388,73.9947979 224.602744,67.0873594 C225.021417,64.6802562 225.335087,62.0637496 225.335087,59.3425746 C225.335087,56.3074616 224.707078,53.0630121 223.451058,49.8184957 C221.881368,45.7367667 219.788002,43.5389332 217.275963,43.0155917 C213.508574,42.2829805 209.845518,44.3762126 206.391799,49.5045577 C203.566089,53.4816184 201.786394,57.6680157 200.844713,61.9590813 C200.321038,64.3663182 200.111701,66.9830255 200.111701,69.5993984 C200.111701,72.6344445 200.739711,75.8788272 201.99573,79.1232099 C203.566089,83.2049389 205.658786,85.4026386 208.170825,85.9263145 C210.787198,86.4493215 213.612908,85.2983047 216.648622,82.5769291 Z M172.167608,38.0965832 C168.399549,31.5030159 162.74813,27.5259551 155.422019,25.9559976 C153.432987,25.5373913 151.549626,25.3280548 149.769931,25.3280548 C139.723112,25.3280548 131.559654,30.5610681 125.175223,41.0270948 C119.732472,49.923164 117.011765,59.7612478 117.011765,70.5410787 C117.011765,78.6002028 118.686458,85.5076413 122.035174,91.264063 C125.803233,97.857831 131.350318,101.834557 138.780763,103.404247 C140.769126,103.82292 142.653156,104.032257 144.432851,104.032257 C154.584672,104.032257 162.74813,98.7995112 169.027559,88.3333508 C174.47031,79.3325464 177.191017,69.4943957 177.191017,58.7146317 C177.191017,50.5511737 175.516324,43.7482697 172.167608,38.0965832 Z M158.980072,67.0873594 C157.515384,73.9947979 154.898343,79.1232099 151.02595,82.5769291 C147.990904,85.2983047 145.165195,86.4493215 142.548822,85.9263145 C140.036783,85.4026386 137.943417,83.2049389 136.373727,79.1232099 C135.117707,75.8788272 134.489698,72.6344445 134.489698,69.5993984 C134.489698,66.9830255 134.699034,64.3663182 135.22271,61.9590813 C136.16439,57.6680157 137.943417,53.4816184 140.769126,49.5045577 C144.223514,44.3762126 147.88657,42.2829805 151.65396,43.0155917 C154.165999,43.5389332 156.259365,45.7367667 157.829055,49.8184957 C159.085074,53.0630121 159.713084,56.3074616 159.713084,59.3425746 C159.713084,62.0637496 159.503748,64.6802562 158.980072,67.0873594 Z" fill="%237F54B3"/></g></svg>');
  color: #7F54B3;
}


/* languages / Technologies icons */

.icon-tech-php::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%236366f1" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M401.054,224c3.714,4.115,4.595,11.181,2.653,21.19c-2.029,10.425-5.935,17.862-11.723,22.32 c-5.793,4.458-14.602,6.687-26.432,6.687h-17.849l10.957-56.37h20.103C389.913,217.827,397.34,219.886,401.054,224z M149.754,217.827h-20.103l-10.958,56.37h17.848c11.827,0,20.639-2.229,26.432-6.687c5.789-4.458,9.694-11.896,11.723-22.32 c1.942-10.01,1.06-17.075-2.653-21.19C168.33,219.886,160.903,217.827,149.754,217.827z M511.5,256 c0,74.229-114.393,134.403-255.5,134.403S0.5,330.229,0.5,256c0-74.228,114.393-134.403,255.5-134.403S511.5,181.772,511.5,256z M198.542,265.286c3.04-5.448,5.203-11.461,6.483-18.037c3.102-15.967,0.761-28.403-7.024-37.313 c-7.781-8.91-20.165-13.363-37.136-13.363h-56.423L78.265,331.261h29.342l6.958-35.805h25.134c11.087,0,20.21-1.164,27.372-3.497 c7.161-2.329,13.669-6.233,19.528-11.719C191.514,275.72,195.493,270.738,198.542,265.286z M301.814,295.456l12.181-62.682 c2.479-12.747,0.619-21.971-5.572-27.664c-6.196-5.688-17.449-8.537-33.768-8.537h-25.933l6.961-35.81h-29.11l-26.182,134.692 h29.11l14.996-77.165h23.267c7.448,0,12.317,1.232,14.604,3.698c2.287,2.467,2.773,7.091,1.455,13.869l-11.581,59.598H301.814z M427.011,209.937c-7.78-8.91-20.164-13.363-37.135-13.363h-56.424l-26.178,134.688h29.343l6.957-35.805h25.135 c11.086,0,20.21-1.164,27.371-3.497c7.161-2.329,13.669-6.233,19.528-11.719c4.92-4.521,8.896-9.502,11.943-14.954 c3.044-5.448,5.202-11.461,6.483-18.037C437.137,231.282,434.796,218.846,427.011,209.937z"/></svg>');
}

.icon-tech-js::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23facc15" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M379.328,7337.432 C377.583,7337.432 376.455,7336.6 375.905,7335.512 L375.905,7335.512 L377.435,7334.626 C377.838,7335.284 378.361,7335.767 379.288,7335.767 C380.066,7335.767 380.563,7335.378 380.563,7334.841 C380.563,7334.033 379.485,7333.717 378.724,7333.391 C377.368,7332.814 376.468,7332.089 376.468,7330.558 C376.468,7329.149 377.542,7328.075 379.221,7328.075 C380.415,7328.075 381.275,7328.491 381.892,7329.578 L380.429,7330.518 C380.107,7329.941 379.758,7329.713 379.221,7329.713 C378.67,7329.713 378.321,7330.062 378.321,7330.518 C378.321,7331.082 378.67,7331.31 379.476,7331.659 C381.165,7332.383 382.443,7332.952 382.443,7334.814 C382.443,7336.506 381.114,7337.432 379.328,7337.432 L379.328,7337.432 Z M375,7334.599 C375,7336.546 373.801,7337.575 372.136,7337.575 C370.632,7337.575 369.731,7337 369.288,7336 L369.273,7336 L369.266,7336 L369.262,7336 L370.791,7334.931 C371.086,7335.454 371.352,7335.825 371.996,7335.825 C372.614,7335.825 373,7335.512 373,7334.573 L373,7328 L375,7328 L375,7334.599 Z M364,7339 L384,7339 L384,7319 L364,7319 L364,7339 Z" transform="translate(-364 -7319)"/></svg>');
}

.icon-tech-html::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><polygon points="5.902 27.201 3.655 2 28.345 2 26.095 27.197 15.985 30 5.902 27.201" fill="%23e44f26"/><polygon points="16 27.858 24.17 25.593 26.092 4.061 16 4.061 16 27.858" fill="%23f1662a"/><polygon points="16 13.407 11.91 13.407 11.628 10.242 16 10.242 16 7.151 15.989 7.151 8.25 7.151 8.324 7.981 9.083 16.498 16 16.498 16 13.407" fill="%23ebebeb"/><polygon points="16 21.434 15.986 21.438 12.544 20.509 12.324 18.044 10.651 18.044 9.221 18.044 9.654 22.896 15.986 24.654 16 24.65 16 21.434" fill="%23ebebeb"/><polygon points="15.989 13.407 15.989 16.498 19.795 16.498 19.437 20.507 15.989 21.437 15.989 24.653 22.326 22.896 22.372 22.374 23.098 14.237 23.174 13.407 22.341 13.407 15.989 13.407" fill="%23fff"/><polygon points="15.989 7.151 15.989 9.071 15.989 10.235 15.989 10.242 23.445 10.242 23.445 10.242 23.455 10.242 23.517 9.548 23.658 7.981 23.732 7.151 15.989 7.151" fill="%23fff"/></svg>');
}

.icon-tech-css::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 28L4 3H28L26 28L16 31L6 28Z" fill="%231172B8"/><path d="M26 5H16V29.5L24 27L26 5Z" fill="%2333AADD"/><path d="M19.5 17.5H9.5L9 14L17 11.5H9L8.5 8.5H24L23.5 12L17 14.5H23L22 24L16 26L10 24L9.5 19H12.5L13 21.5L16 22.5L19 21.5L19.5 17.5Z" fill="white"/></svg>');
}

.icon-tech-laravel::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23777777" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 28C8.268 28 2 21.732 2 14S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14zm-1-16h2v2h-2zm0 4h2v6h-2zm4-10h6v2h-6zm0 4h6v6h-6zm0 4h6v2h-6z"/></svg>');
}

.icon-tech-vuejs::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2334d399" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="nonzero" clip-rule="nonzero" d="M11.7527 1.00003H10.4167C10.1615 1.00003 9.92378 1.1298 9.78578 1.34446L8 4.12235L6.21422 1.34446C6.07622 1.1298 5.83853 1.00003 5.58333 1.00003H0.75C0.481089 1.00003 0.232759 1.144 0.0991399 1.37737C-0.0344791 1.61073 -0.0329346 1.89777 0.103188 2.12968L7.35319 14.4815C7.48785 14.711 7.73397 14.8519 8 14.8519C8.26603 14.8519 8.51215 14.711 8.64681 14.4815L15.8968 2.12968C16.0329 1.89777 16.0345 1.61073 15.9009 1.37737C15.7672 1.144 15.5189 1.00003 15.25 1.00003H11.7668C11.7621 0.999989 11.7574 0.999989 11.7527 1.00003ZM3.80997 2.50003L8.00001 9.68295L12.19 2.50003H13.9401L8 12.6203L2.05987 2.50003H3.80997Z"/></svg>');
}

.icon-tech-react::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2322d3ee" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,10.11A1.87,1.87,0,1,1,10.13,12,1.88,1.88,0,0,1,12,10.11M7.37,20c.63.38,2-.2,3.6-1.7a24.22,24.22,0,0,1-1.51-1.9A22.7,22.7,0,0,1,7.06,16c-.51,2.14-.32,3.61.31,4m.71-5.74-.29-.51a7.91,7.91,0,0,0-.29.86c.27.06.57.11.88.16l-.3-.51m6.54-.76.81-1.5-.81-1.5c-.3-.53-.62-1-.91-1.47C13.17,9,12.6,9,12,9s-1.17,0-1.71,0c-.29.47-.61.94-.91,1.47L8.57,12l.81,1.5c.3.53.62,1,.91,1.47.54,0,1.11,0,1.71,0s1.17,0,1.71,0c.29-.47.61-.94.91-1.47M12,6.78c-.19.22-.39.45-.59.72h1.18c-.2-.27-.4-.5-.59-.72m0,10.44c.19-.22.39-.45.59-.72H11.41c.2.27.4.5.59.72M16.62,4c-.62-.38-2,.2-3.59,1.7a24.22,24.22,0,0,1,1.51,1.9,22.7,22.7,0,0,1,2.4.36c.51-2.14.32-3.61-.32-4m-.7,5.74.29.51a7.91,7.91,0,0,0,.29-.86c-.27-.06-.57-.11-.88-.16l.3.51m1.45-7c1.47.84,1.63,3.05,1,5.63,2.54.75,4.37,2,4.37,3.68s-1.83,2.93-4.37,3.68c.62,2.58.46,4.79-1,5.63s-3.45-.12-5.37-1.95c-1.92,1.83-3.91,2.79-5.38,1.95s-1.62-3-1-5.63c-2.54-.75-4.37-2-4.37-3.68S3.08,9.07,5.62,8.32c-.62-2.58-.46-4.79,1-5.63s3.46.12,5.38,1.95c1.92-1.83,3.91-2.79,5.37-1.95M17.08,12A22.51,22.51,0,0,1,18,14.26c2.1-.63,3.28-1.53,3.28-2.26S20.07,10.37,18,9.74A22.51,22.51,0,0,1,17.08,12M6.92,12A22.51,22.51,0,0,1,6,9.74c-2.1.63-3.28,1.53-3.28,2.26S3.93,13.63,6,14.26A22.51,22.51,0,0,1,6.92,12m9,2.26-.3.51c.31,0,.61-.1.88-.16a7.91,7.91,0,0,0-.29-.86l-.29.51M13,18.3c1.59,1.5,3,2.08,3.59,1.7s.83-1.82.32-4a22.7,22.7,0,0,1-2.4.36A24.22,24.22,0,0,1,13,18.3M8.08,9.74l.3-.51c-.31,0-.61.1-.88.16a7.91,7.91,0,0,0,.29.86l.29-.51M11,5.7C9.38,4.2,8,3.62,7.37,4s-.82,1.82-.31,4a22.7,22.7,0,0,1,2.4-.36A24.22,24.22,0,0,1,11,5.7Z"/></svg>');
}

.icon-tech-mysql::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="-18.458 -22.75 191.151 191.151" xmlns="http://www.w3.org/2000/svg"><path d="M40.054 113.583h-5.175c-.183-8.735-.687-16.947-1.511-24.642h-.046l-7.879 24.642h-3.94l-7.832-24.642h-.045c-.581 7.388-.947 15.602-1.099 24.642H7.81c.304-10.993 1.068-21.299 2.289-30.919h6.414l7.465 22.719h.046l7.511-22.719h6.137c1.344 11.268 2.138 21.575 2.382 30.919M62.497 90.771c-2.107 11.434-4.887 19.742-8.337 24.928-2.688 3.992-5.633 5.99-8.84 5.99-.855 0-1.91-.258-3.16-.77v-2.757c.611.088 1.328.138 2.152.138 1.498 0 2.702-.412 3.62-1.238 1.098-1.006 1.647-2.137 1.647-3.388 0-.858-.428-2.612-1.282-5.268L42.618 90.77h5.084l4.076 13.19c.916 2.995 1.298 5.086 1.145 6.277 2.229-5.953 3.786-12.444 4.673-19.468h4.901v.002z" fill="%235d87a1"/><path d="M131.382 113.583h-14.7V82.664h4.945v27.113h9.755v3.806zM112.834 114.33l-5.684-2.805c.504-.414.986-.862 1.42-1.381 2.416-2.838 3.621-7.035 3.621-12.594 0-10.229-4.014-15.346-12.045-15.346-3.938 0-7.01 1.298-9.207 3.895-2.414 2.84-3.619 7.022-3.619 12.551 0 5.435 1.068 9.422 3.205 11.951 1.955 2.291 4.902 3.438 8.843 3.438 1.47 0 2.819-.18 4.048-.543l7.4 4.308 2.018-3.474zm-18.413-6.934c-1.252-2.014-1.878-5.248-1.878-9.707 0-7.785 2.365-11.682 7.1-11.682 2.475 0 4.289.932 5.449 2.792 1.25 2.017 1.879 5.222 1.879 9.619 0 7.849-2.367 11.774-7.099 11.774-2.476.001-4.29-.928-5.451-2.796M85.165 105.013c0 2.622-.962 4.773-2.884 6.458-1.924 1.678-4.504 2.519-7.737 2.519-3.024 0-5.956-.966-8.794-2.888l1.329-2.655c2.442 1.223 4.653 1.831 6.638 1.831 1.863 0 3.319-.413 4.375-1.232 1.055-.822 1.684-1.975 1.684-3.433 0-1.837-1.281-3.407-3.631-4.722-2.167-1.19-6.501-3.678-6.501-3.678-2.349-1.712-3.525-3.55-3.525-6.578 0-2.506.877-4.529 2.632-6.068 1.757-1.545 4.024-2.315 6.803-2.315 2.87 0 5.479.769 7.829 2.291l-1.192 2.656c-2.01-.854-3.994-1.281-5.951-1.281-1.585 0-2.809.381-3.66 1.146-.858.762-1.387 1.737-1.387 2.933 0 1.828 1.308 3.418 3.722 4.759 2.196 1.192 6.638 3.723 6.638 3.723 2.409 1.709 3.612 3.53 3.612 6.534" fill="%23f8981d"/><path d="M137.59 72.308c-2.99-.076-5.305.225-7.248 1.047-.561.224-1.453.224-1.531.933.303.3.338.784.601 1.198.448.747 1.229 1.752 1.942 2.276.783.6 1.569 1.194 2.393 1.717 1.453.899 3.1 1.422 4.516 2.318.825.521 1.645 1.195 2.471 1.756.406.299.666.784 1.193.971v-.114c-.264-.336-.339-.822-.598-1.196l-1.122-1.082c-1.084-1.456-2.431-2.727-3.884-3.771-1.196-.824-3.812-1.944-4.297-3.322l-.076-.076c.822-.077 1.797-.375 2.578-.604 1.271-.335 2.43-.259 3.734-.594.6-.15 1.195-.338 1.797-.523v-.337c-.676-.673-1.158-1.567-1.869-2.203-1.902-1.643-3.998-3.25-6.164-4.595-1.16-.749-2.652-1.231-3.887-1.868-.445-.225-1.195-.336-1.457-.71-.67-.822-1.047-1.904-1.533-2.877-1.08-2.053-2.129-4.331-3.061-6.502-.674-1.456-1.084-2.91-1.906-4.257-3.85-6.35-8.031-10.196-14.457-13.971-1.381-.786-3.024-1.121-4.779-1.533l-2.803-.148c-.598-.262-1.197-.973-1.719-1.309-2.132-1.344-7.621-4.257-9.189-.411-1.01 2.431 1.494 4.821 2.354 6.054.635.856 1.458 1.83 1.902 2.802.263.635.337 1.309.6 1.98.598 1.644 1.157 3.473 1.943 5.007.41.782.857 1.604 1.381 2.312.3.414.822.597.936 1.272-.521.744-.562 1.867-.861 2.801-1.344 4.221-.819 9.45 1.086 12.552.596.934 2.018 2.99 3.92 2.202 1.684-.672 1.311-2.801 1.795-4.668.111-.451.038-.747.262-1.043v.073c.521 1.045 1.047 2.052 1.53 3.1 1.159 1.829 3.177 3.735 4.858 5.002.895.676 1.604 1.832 2.725 2.245V74.1h-.074c-.227-.335-.559-.485-.857-.745-.674-.673-1.42-1.495-1.943-2.241-1.566-2.093-2.952-4.41-4.182-6.801-.602-1.16-1.121-2.428-1.606-3.586-.226-.447-.226-1.121-.601-1.346-.562.821-1.381 1.532-1.791 2.538-.711 1.609-.785 3.588-1.049 5.646l-.147.072c-1.19-.299-1.604-1.53-2.056-2.575-1.119-2.654-1.307-6.914-.336-9.976.26-.783 1.385-3.249.936-3.995-.225-.715-.973-1.122-1.383-1.685-.482-.708-1.01-1.604-1.346-2.39-.896-2.091-1.347-4.408-2.312-6.498-.451-.974-1.234-1.982-1.868-2.879-.712-1.008-1.495-1.718-2.058-2.913-.186-.411-.447-1.083-.148-1.53.073-.3.225-.412.523-.487.484-.409 1.867.111 2.352.336 1.385.56 2.543 1.083 3.699 1.867.523.375 1.084 1.085 1.755 1.272h.786c1.193.26 2.538.072 3.661.41 1.979.636 3.772 1.569 5.38 2.576 4.893 3.103 8.928 7.512 11.652 12.778.447.858.637 1.644 1.045 2.539.787 1.832 1.76 3.7 2.541 5.493.785 1.755 1.533 3.547 2.654 5.005.559.784 2.805 1.195 3.812 1.606.745.335 1.905.633 2.577 1.044 1.271.783 2.537 1.682 3.732 2.543.595.448 2.465 1.382 2.576 2.13M99.484 39.844a5.82 5.82 0 0 0-1.529.188v.075h.072c.301.597.824 1.011 1.197 1.532.301.599.562 1.193.857 1.791l.072-.074c.527-.373.789-.971.789-1.868-.227-.264-.262-.522-.451-.784-.22-.374-.705-.56-1.007-.86" fill="%235d87a1"/><path d="M141.148 113.578h.774v-3.788h-1.161l-.947 2.585-1.029-2.585h-1.118v3.788h.731v-2.882h.041l1.078 2.882h.557l1.074-2.882v2.882zm-6.235 0h.819v-3.146h1.072v-.643h-3.008v.643h1.115l.002 3.146z" fill="%23f8981d"/></svg>');
}

.icon-tech-linux::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="%23202020" d="M13.338 12.033c-.1-.112-.146-.319-.197-.54-.05-.22-.107-.457-.288-.61v-.001a.756.756 0 00-.223-.134c.252-.745.153-1.487-.1-2.157-.312-.823-.855-1.54-1.27-2.03-.464-.586-.918-1.142-.91-1.963.014-1.254.138-3.579-2.068-3.582-.09 0-.183.004-.28.012-2.466.198-1.812 2.803-1.849 3.675-.045.638-.174 1.14-.613 1.764-.515.613-1.24 1.604-1.584 2.637-.162.487-.24.984-.168 1.454-.023.02-.044.041-.064.063-.151.161-.263.357-.388.489-.116.116-.282.16-.464.225-.183.066-.383.162-.504.395v.001a.702.702 0 00-.077.339c0 .108.016.217.032.322.034.22.068.427.023.567-.144.395-.163.667-.061.865.102.199.31.286.547.335.473.1 1.114.075 1.619.342l.043-.082-.043.082c.54.283 1.089.383 1.526.284a.99.99 0 00.706-.552c.342-.002.717-.146 1.318-.18.408-.032.918.145 1.503.113a.806.806 0 00.068.183l.001.001c.227.455.65.662 1.1.627.45-.036.928-.301 1.315-.762l-.07-.06.07.06c.37-.448.982-.633 1.388-.878.203-.123.368-.276.38-.499.013-.222-.118-.471-.418-.805z"/><path fill="%23F8BF11" d="M13.571 12.828c-.007.137-.107.24-.29.35-.368.222-1.019.414-1.434.918-.362.43-.802.665-1.19.696-.387.03-.721-.13-.919-.526v-.002c-.123-.233-.072-.6.031-.987s.251-.785.271-1.108v-.001c.02-.415.044-.776.114-1.055.07-.28.179-.468.373-.575a.876.876 0 01.027-.014c.022.359.2.725.514.804.343.09.838-.204 1.047-.445l.122-.004c.184-.005.337.006.495.143v.001c.121.102.179.296.229.512.05.217.09.453.239.621.287.32.38.534.371.672zM6.592 13.843v.003c-.034.435-.28.672-.656.758-.377.086-.888 0-1.398-.266-.565-.3-1.237-.27-1.667-.36-.216-.045-.357-.113-.421-.238-.064-.126-.066-.345.071-.72v-.001l.001-.002c.068-.209.018-.438-.015-.653-.033-.214-.049-.41.024-.546l.001-.001c.094-.181.232-.246.403-.307.17-.062.373-.11.533-.27l.001-.001h.001c.148-.157.26-.353.39-.492.11-.117.22-.195.385-.196h.005a.61.61 0 01.093.008c.22.033.411.187.596.437l.533.971v.001c.142.296.441.622.695.954.254.333.45.666.425.921z"/><path fill="%23D6A312" d="M9.25 4.788c-.043-.084-.13-.164-.28-.225-.31-.133-.444-.142-.617-.254-.28-.181-.513-.244-.706-.244a.834.834 0 00-.272.047c-.236.08-.392.25-.49.342-.02.019-.044.035-.104.08-.06.043-.15.11-.28.208-.117.086-.154.2-.114.332.04.132.167.285.4.417h.001c.145.085.244.2.358.291a.801.801 0 00.189.117c.072.031.156.052.26.058.248.015.43-.06.59-.151.16-.092.296-.204.452-.255h.001c.32-.1.548-.301.62-.493a.324.324 0 00-.008-.27z"/><path fill="%23202020" d="M8.438 5.26c-.255.133-.552.294-.869.294-.316 0-.566-.146-.745-.289-.09-.07-.163-.142-.218-.193-.096-.075-.084-.181-.045-.178.066.008.076.095.117.134.056.052.126.12.211.187.17.135.397.266.68.266.284 0 .614-.166.816-.28.115-.064.26-.179.379-.266.09-.067.087-.147.162-.138.075.009.02.089-.085.18-.105.092-.27.214-.403.283z"/><path fill="%23ffffff" d="M12.337 10.694a1.724 1.724 0 00-.104 0h-.01c.088-.277-.106-.48-.621-.713-.534-.235-.96-.212-1.032.265-.005.025-.009.05-.011.076a.801.801 0 00-.12.054c-.252.137-.389.386-.465.692-.076.305-.098.674-.119 1.09-.013.208-.099.49-.186.79-.875.624-2.09.894-3.122.19-.07-.11-.15-.22-.233-.328a13.85 13.85 0 00-.16-.205.65.65 0 00.268-.05.34.34 0 00.186-.192c.063-.17 0-.408-.202-.68-.201-.273-.542-.58-1.043-.888-.368-.23-.574-.51-.67-.814-.097-.305-.084-.635-.01-.96.143-.625.51-1.233.743-1.614.063-.046.023.086-.236.567-.232.44-.667 1.455-.072 2.248.016-.564.15-1.14.377-1.677.329-.747 1.018-2.041 1.072-3.073.029.02.125.086.169.11.126.075.221.184.344.283a.85.85 0 00.575.2c.24 0 .427-.079.582-.168.17-.096.304-.204.433-.245.27-.085.486-.235.608-.41.21.83.7 2.027 1.014 2.611.167.31.5.969.643 1.762.091-.002.191.01.299.038.375-.973-.319-2.022-.636-2.314-.128-.124-.135-.18-.07-.177.343.304.795.917.96 1.608.075.315.09.646.01.973.04.017.08.034.12.054.603.293.826.548.719.897z"/><path fill="%23E6E6E6" d="M8.04 8.062c-.556.002-1.099.251-1.558.716-.46.464-.814 1.122-1.018 1.888l.061.038v.004c.47.298.805.598 1.012.878.219.296.316.584.223.834a.513.513 0 01-.27.283l-.041.015c.074.097.146.197.213.3.944.628 2.042.396 2.867-.172.08-.278.153-.536.163-.698.021-.415.042-.792.124-1.12.082-.33.242-.63.544-.795.017-.01.034-.015.051-.023a.756.756 0 01.022-.094c-.242-.622-.591-1.14-1.01-1.5-.42-.36-.897-.551-1.382-.554zm2.37 2.155l-.002.005v-.002l.001-.004z"/><path fill="%23ffffff" d="M9.278 3.833a1.05 1.05 0 01-.215.656 4.119 4.119 0 00-.218-.09l-.127-.045c.029-.035.085-.075.107-.127a.669.669 0 00.05-.243l.001-.01a.673.673 0 00-.035-.236.434.434 0 00-.108-.184.223.223 0 00-.156-.07H8.57a.228.228 0 00-.151.06.434.434 0 00-.122.175.676.676 0 00-.05.243v.01a.718.718 0 00.009.14 1.773 1.773 0 00-.354-.12 1.196 1.196 0 01-.01-.133v-.013a1.035 1.035 0 01.088-.447.793.793 0 01.25-.328.554.554 0 01.346-.123h.006c.125 0 .232.036.342.116a.78.78 0 01.257.324c.063.138.094.273.097.433l.001.012zM7.388 3.997a1.05 1.05 0 00-.277.125.623.623 0 00.002-.15v-.008a.651.651 0 00-.048-.192.37.37 0 00-.096-.141.158.158 0 00-.119-.045c-.042.004-.077.024-.11.065a.372.372 0 00-.07.156.626.626 0 00-.013.205v.008a.634.634 0 00.048.193.367.367 0 00.116.156l-.102.08-.078.056a.706.706 0 01-.16-.24c-.053-.12-.082-.24-.09-.381v-.001a1.071 1.071 0 01.045-.39.668.668 0 01.167-.292.359.359 0 01.264-.118c.084 0 .158.028.235.09a.68.68 0 01.199.271c.053.12.08.24.089.382v.001c.003.06.003.115-.002.17z"/><path fill="%23202020" d="M7.806 4.335c.01.034.065.029.097.045.027.014.05.045.08.046.03.001.076-.01.08-.04.005-.038-.052-.063-.088-.077-.047-.019-.107-.028-.151-.003-.01.005-.021.018-.018.03zM7.484 4.335c-.01.034-.065.029-.096.045-.028.014-.05.045-.081.046-.03.001-.076-.01-.08-.04-.005-.038.052-.063.088-.077.047-.019.108-.028.152-.003.01.005.02.018.017.03z"/></svg>');
}

.icon-tech-symfony::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16,2A14,14,0,1,1,2,16,14,14,0,0,1,16,2Zm6.121,5.18A5.022,5.022,0,0,0,18.533,9.1a12.09,12.09,0,0,0-2.194,4.038,7.827,7.827,0,0,0-2.962-2.056,3.621,3.621,0,0,0-3.281.6,2.943,2.943,0,0,0-1,1.462,3.31,3.31,0,0,0,.837,3.034l.86.922a1.306,1.306,0,0,1,.4,1.328,1.588,1.588,0,0,1-2.021.93c-.406-.124-.989-.426-.858-.852a3.937,3.937,0,0,1,.245-.455,2.136,2.136,0,0,0,.109-.283,1.138,1.138,0,0,0-.641-1.427A.954.954,0,0,0,6.708,17c-.244.792.135,2.231,2.167,2.857,2.38.731,4.393-.565,4.679-2.255.18-1.059-.3-1.845-1.174-2.857l-.713-.789a1.3,1.3,0,0,1-.133-1.733,1.531,1.531,0,0,1,1.8-.441c1.285.349,1.858,1.241,2.814,1.96-.395,1.295-.653,2.594-.886,3.759l-.142.869c-.683,3.584-1.2,5.552-2.56,6.681a2.195,2.195,0,0,1-1.252.505.36.36,0,0,1-.412-.3c-.007-.217.175-.316.3-.413a.75.75,0,0,0,.437-.788,1.188,1.188,0,0,0-1.276-1.134,1.48,1.48,0,0,0-1.373,1.5c.033.99.956,1.732,2.347,1.685a5.621,5.621,0,0,0,4.041-2.274A14.159,14.159,0,0,0,18.2,17.184l.447-2.47c.248.03.514.05.8.057,2.373.05,3.559-1.179,3.577-2.073a.969.969,0,0,0-.868-1.061.99.99,0,0,0-.94.763c-.108.5.755.949.08,1.386a3.762,3.762,0,0,1-2.549.351l.22-1.216c.449-2.306,1-5.143,3.1-5.212.153-.008.713.007.726.377,0,.124-.027.155-.172.439a1,1,0,0,0-.2.625.984.984,0,0,0,1.116.952,1.207,1.207,0,0,0,1.1-1.306c-.035-1.018-1.109-1.662-2.53-1.615Z" fill="%23c5c5c5"/></svg>');
}