:root { --main-color: #2196F3; --secondary-color: #00BCD4; } html { scroll-behavior: smooth; } #page-vrf .landing-note { background: rgba(255, 255, 204, 0.3); border: solid #FCC 1px; border-radius: 3px; color: #808080; margin-top: 10px; padding: 10px 20px; text-align: center; } #page-vrf h2 { color: #3d92b8; font-size: 1.2rem; font-weight: 600; } #page-vrf .page-vrf-desc { color: #333; font-size: 0.9rem; } #page-vrf .page-vrf-note { background: #DDF2FA; border: solid #76C9ED 1px; border-radius: 7px; margin-top: 10px; padding: 10px 20px; } #page-vrf h5 { color: #1391C7; font-size: 1rem; margin: 0; text-align: center; } #page-vrf h5:after { content: ''; display: block; width: auto; height: 2px; margin: .4rem 0 .5rem 0; background-size: auto 2px; background-image: radial-gradient(ellipse farthest-side, var(--main-color) 0%, transparent); background-repeat: no-repeat; } #page-vrf ol { color: #1391C7; margin-bottom: 0; } #page-vrf ol li a { border-bottom: 1px dashed; font-size: 0.9rem; } #page-vrf ol li a:hover { color: var(--secondary-color); border-color: var(--secondary-color); } /* Дополнительные стили */ #page-vrf-grid { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; padding: 20px 0; } .services-box { padding-left: unset !important; position: relative; overflow: hidden; width: 250px; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .services-box:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .services-card { overflow: hidden; } .services-card-top { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; } .services-card-top img { display: block; width: 100%; height: auto; transition: transform 0.5s ease; } .services-card:hover img { transform: scale(1.1); } .services-card-body { text-align: center; padding: 10px 5px; } .services-card-title { color: #333; font-size: 1rem; font-weight: bold; text-decoration: none; transition: color 0.3s ease; } .services-card-title:hover { color: var(--main-color, #0077cc); /* Основной цвет */ } .text-decor { color: #F90; letter-spacing: 0.5px; } .oblique { color: #069 !important; font-style: oblique; } .overflow-div { background-color: #f9f9f9; border: 1px solid #ddd; padding: 10px; } .uk-overflow-auto { max-height: 500px; } #page-vrf img { transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); border: 2px solid #CCC; } #page-vrf img:hover { transform: scale(1.1); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.8); } .desc { color: #303030; }