﻿/* Services Page Import CSS */

@import url(../components/hero-general.css);
@import url(../components/home-consultation.css);
@import url(../components/footer-map.css);
@import url(../components/services-archive.css);
@import url(../components/services-knowledge.css);
@import url(../components/services-faq.css);

/* Style Services Page */

.sec-content-archive {margin:100px auto;width:100%;height:auto;position:relative}.services-consult-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s ease , visibility .35s ease}.services-consult-modal-overlay.active{opacity:1;visibility:visible}.services-consult-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(37,61,69,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.services-consult-modal{position:relative;width:100%;max-width:480px;background:#fff;border-radius:28px;padding:40px 36px;box-shadow:0 30px 80px rgba(37,61,69,.3);transform:translateY(30px) scale(.96);transition:transform .4s cubic-bezier(.34,1.56,.64,1);text-align:right}.services-consult-modal-overlay.active .services-consult-modal{transform:translateY(0) scale(1)}.services-consult-modal-close{position:absolute;top:16px;left:16px;width:36px;height:36px;border:none;background:#f1f3f9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a6f7b;transition:background .2s ease , color .2s ease , transform .2s ease}.services-consult-modal-close:hover{background:#253d45;color:#fff;transform:rotate(90deg)}.services-consult-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:28px}.services-consult-modal-icon{width:72px;height:72px;border-radius:50%;background: linear-gradient(135deg, #4698B51A 0%, #6ECEB71A 100%);display:flex;align-items:center;justify-content:center;color:#4698b5;margin-bottom:4px}.services-consult-modal-title{font-size:22px;font-weight:700;color:#253d45;margin:0}.services-consult-modal-subtitle{font-size:14px;font-weight:400;color:#4a6f7b;line-height:28px!important;margin:0;max-width:360px}.services-consult-form{display:flex;flex-direction:column;gap:16px}.services-consult-form-group input{width:100%;padding:16px 20px;border:2px solid #c5dde5;border-radius:14px;font-size:15px;font-weight:500;color:#253d45;font-family:"YekanBakh",sans-serif;outline:none;transition:border-color .3s ease , box-shadow .3s ease;background:#f7f9fc}.services-consult-form-group input:focus{border-color:#4698b5;box-shadow:0 0 0 4px rgba(70,152,181,.12);background:#fff}.services-consult-form-group input::placeholder{color:#9aacb4;font-weight:400}.services-consult-submit{width:100%;padding:16px 24px;background:#4698b5;color:#fff;font-size:16px;font-weight:700;border-radius:14px;border:none;outline:none;cursor:pointer;font-family:"YekanBakh",sans-serif;transition:background .3s ease , transform .2s ease , box-shadow .3s ease;box-shadow:0 8px 24px rgba(70,152,181,.35);display:flex;align-items:center;justify-content:center;gap:8px}.services-consult-submit:hover:not(:disabled) {background:#3a87a4;transform:translateY(-1px);box-shadow:0 12px 32px rgba(70,152,181,.45)}.services-consult-submit:disabled{opacity:.7;cursor:not-allowed}.services-consult-error{color:#dc3545;font-size:13px;font-weight:600;text-align:center;margin:0;padding:10px 16px;background:#fff5f5;border-radius:10px;border:1px solid #ffd5d5}.services-consult-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;text-align:center}.services-consult-success p{font-size:15px;font-weight:600;color:#253d45;line-height:30px!important;margin:0}.services-consult-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:consult-spin .8s ease-in-out infinite}@keyframes consult-spin {
    to { transform: rotate(360deg); }
}@media screen and (max-width:576px){.services-consult-modal{padding:32px 24px;border-radius:20px}.services-consult-modal-title{font-size:19px}.sec-content-archive{margin:60px auto}}