Mental kapital

Din stærkeste ressource

Mental kapital er fundamentet for både personlig trivsel og stærke, succesfulde virksomheder. Den dækker over vores evne til at håndtere stress, bevare motivation og skaber sundt samarbejde.

.slider-container { position: relative; overflow: hidden; width: 100%; } .slider-track { display: flex; transition: transform 0.5s ease; } .slide { flex: 0 0 25%; padding: 0.5rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; height: 120px; } .partner-logo { width: 100%; max-width: 180px; height: auto; max-height: 80px; object-fit: contain; filter: grayscale(100%) brightness(200%); transition: all 0.3s ease; cursor: pointer; } .slide:hover .partner-logo { filter: grayscale(0%) brightness(100%); transform: scale(1.05); } .slider-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); z-index: 10; } .slider-nav button { background: rgba(255, 255, 255, 0.9); border: none; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .slider-nav button:hover { background: white; transform: scale(1.1); box-shadow: 0 4px 8px rgba(0,0,0,0.3); } .arrow { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .arrow-left { border-right: 15px solid #113931; } .arrow-right { border-left: 15px solid #113931; } .gradient-bg { background: linear-gradient(135deg, #113931 0%, #1a534a 100%); } @media (max-width: 1024px) { .slide { flex: 0 0 33.33%; height: 110px; } .partner-logo { max-height: 70px; } } @media (max-width: 768px) { .slide { flex: 0 0 33.33%; height: 100px; } .partner-logo { max-height: 60px; } .slider-nav button { width: 35px; height: 35px; } .arrow { border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .arrow-left { border-right: 12px solid #113931; } .arrow-right { border-left: 12px solid #113931; } } @media (max-width: 480px) { .slide { flex: 0 0 50%; height: 90px; padding: 0.25rem; } .partner-logo { max-height: 50px; } .slider-nav button { width: 30px; height: 30px; } .arrow { border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .arrow-left { border-right: 10px solid #113931; } .arrow-right { border-left: 10px solid #113931; } }