* { margin: 0; padding: 0; box-sizing: border-box; }
body { color: #FFFFFF; overflow-x: hidden; }
.compent_1 { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.compent_2 { display: inline-block; color: #FFFFFF; font-size: 22px; padding: 16px 0px; cursor: pointer; transition: background-color 0.3s ease; text-align: center;
    background-color: #2e2e2e;border-radius: 10px; text-align: center; font-weight: 400; }
.compent_2:hover { background-color: #404040 !important; }
.compent_3 { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; padding-top: 30px; }
.compent_3_inner { display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); position: relative; }
.compent_3_logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #FFFFFF; font-size: 26px; font-weight: 500; }
.compent_3_logo img { height: 36px; width: 36px; border-radius: 4px; }
.compent_3_nav { display: flex; list-style: none; gap: 40px; align-items: center; }
.compent_3_nav a { text-decoration: none; color: #FFFFFF; font-size: 16px; transition: opacity 0.3s ease; }
.compent_3_nav a:hover { opacity: 0.7; }
.compent_3_nav_active { background-color: #2D2D2D; padding: 10px 24px; border-radius: 30px; }
.compent_3_mobile_toggle { display: none; background: none; border: none; color: #FFFFFF; font-size: 30px; cursor: pointer; }
.compent_4 { background-color: #333333; padding: 30px 0; color: #999999; font-size: 16px; }
.compent_4_inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.compent_4_links { display: flex; gap: 30px; }
.compent_4_links a { color: #999999; text-decoration: none; transition: color 0.3s ease; }
.compent_4_links a:hover { color: #FFFFFF; }

.services_section_1_content { position: relative; z-index: 3; max-width: 750px; }
.services_section_1_title { font-size: 40px; font-weight: 600; line-height: 1.3; margin-bottom: 20px; }
.services_section_1_desc { font-size: 20px; font-weight: 300; line-height: 1.6; margin-bottom: 40px; color: #EAEAEA; }
@media (max-width: 768px) {
    .compent_3_inner { flex-wrap: wrap; border-bottom: none; }
    .compent_3_mobile_toggle { display: block; }
    .compent_3_nav { display: none; width: 100%; flex-direction: column; align-items: flex-start; gap: 15px; background-color: rgba(0, 0, 0, 0.95); position: absolute; top: 100%; left: 0; padding: 20px; border-radius: 8px; }
    .compent_3_nav.active { display: flex; }
    .compent_3_nav_active { background-color: transparent; padding: 0; text-decoration: underline; }
    .compent_4_inner { flex-direction: column; text-align: center; gap: 15px; }
    .compent_4_links { justify-content: center; flex-wrap: wrap; gap: 15px; }
    .compent_2 { width: 100%; }
}