/* common-services.css */
.services-page-container {
 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 overflow-x: hidden;
}

.services-content-wrapper {
 width: 100%;
 max-width: 100%;
 padding-left: 80px;
 transition: padding-left 0.3s ease;
}

@media (max-width: 768px) {
 .services-content-wrapper {
 padding-left: 0;
 margin-top: 60px;
 }
}

.services-container {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 20px;
}

@media (max-width: 768px) {
 .services-container {
 padding: 0 15px;
 }
}

/* Общие стили для кнопок */
.services-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.8rem;
 padding: 1rem 2rem;
 color: #FFFFFF;
 text-decoration: none;
 border-radius: 10px;
 font-weight: 700;
 transition: all 0.3s ease;
 border: none;
 cursor: pointer;
 font-size: 1.1rem;
}

/* Общие стили для карточек */
.services-card {
 background: linear-gradient(135deg, #2D3040 0%, #1A1D28 100%);
 padding: 2rem;
 border-radius: 15px;
 transition: all 0.3s ease;
 border: 1px solid rgba(77, 171, 247, 0.1);
}

.services-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}