/* atServices — Site-wide Professional Layer v6 (CSS-ONLY, all pages, safe) */
:root{--v:#1e3a8a;--v-d:#172e6d;--v-soft:#eef2ff;--ink:#101117;--muted:#5b6472;--line:#e3e8f0;--bg-soft:#f6f8fc;--r:14px;--sh:0 4px 16px rgba(16,17,23,.06);--sh-h:0 12px 30px rgba(16,17,23,.10)}
html,body{max-width:100%;overflow-x:hidden}
body{line-height:1.6;-webkit-font-smoothing:antialiased;color:var(--ink)}
img,svg,video,iframe{max-width:100%;height:auto}
html{scroll-behavior:smooth}
::selection{background:rgba(30,58,138,.18)}
:focus-visible{outline:2px solid rgba(30,58,138,.55);outline-offset:2px}

/* remove decorative clutter everywhere */
[class*="__shape"],[class*="__shadow"],.bobble__animation,.offer__shadow,.counter__shape,.quote__shape,.about__shape,.pricing__shape,.pricing__shape-up,.pricing__shape-down,.banner-three__shape-left,.banner-three__shape-right,.service-three__shape,.item-shape{display:none !important}

/* spacing */
.pt-120{padding-top:70px !important}.pb-120{padding-bottom:70px !important}
.pt-140,.pt-150{padding-top:74px !important}.pb-140,.pb-150{padding-bottom:74px !important}
.mb-60{margin-bottom:36px !important}.mt-50{margin-top:28px !important}
.section-header{margin-bottom:38px !important}

/* typography */
h1{font-size:2.9rem;line-height:1.12;letter-spacing:-.02em}
h2{font-size:2rem;line-height:1.18;letter-spacing:-.01em}
.section-header h2,.section-title h2,.pricing-head h2{font-size:1.95rem !important;font-weight:700 !important}
.section-header p{font-size:.98rem !important;color:var(--muted) !important;max-width:58ch;margin:0 auto}

/* ---- HERO (banner-three) professional ---- */
.banner-three-area{position:relative}
.banner-three__content h4{font-size:.95rem !important;letter-spacing:.14em;text-transform:uppercase;opacity:.92}
.banner-three__content h1{font-size:3rem !important;line-height:1.12 !important}
.banner-three__content p{font-size:1.05rem !important;max-width:52ch;opacity:.95}
.banner-three__content .btn-one{margin-top:8px !important}

/* ---- PRICING professional plan cards ---- */
.pricing-area{background:var(--bg-soft)}
.pricing__item{background:#fff !important;border:1px solid var(--line) !important;border-radius:18px !important;box-shadow:var(--sh) !important;padding:30px !important;transition:transform .18s ease,box-shadow .18s ease !important}
.pricing__item:hover{transform:translateY(-6px);box-shadow:var(--sh-h) !important;border-color:#d9cdf6 !important}
.pricing-head h3,.pricing__item h3,.pricing__item h4{font-weight:700}
.pricing-monthly,.pricing-yearly{font-family:Sora,sans-serif !important;font-weight:800 !important;color:var(--v) !important}
.pricing-icon img{width:52px;height:52px}
.toggleContainer{border-radius:999px !important}

/* ---- ABOUT clean ---- */
.about-area{background:#fff}
.about__right-item{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);background:#fff}

/* ---- HOW IT WORKS / process ---- */
.process-area{background:var(--bg-soft)}
.process__item{background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r) !important;box-shadow:var(--sh) !important;padding:26px !important;transition:transform .18s ease,box-shadow .18s ease !important}
.process__item:hover{transform:translateY(-4px);box-shadow:var(--sh-h) !important}
.process-number{color:var(--v) !important;font-family:Sora,sans-serif;font-weight:800}
.process-arry{display:none !important}

/* unified cards on all pages */
.service-two__item,.service-three__item,.offer__item,.counter__item,.testimonial-two__item,.faq__item,.blog__item,.blog-two__item,.team__item,.card:not(.dash-hero):not(.no-enhance){
  background:#fff !important;border:1px solid var(--line) !important;border-radius:var(--r) !important;box-shadow:var(--sh) !important;transition:transform .18s ease,box-shadow .18s ease !important;overflow:hidden}
.service-two__item:hover,.blog__item:hover,.blog-two__item:hover,.team__item:hover,.offer__item:hover{transform:translateY(-4px);box-shadow:var(--sh-h) !important}
.service-two__item .image img,.component-blog-cover,.blog__item .image img{height:180px !important;object-fit:cover !important;width:100% !important}
.service-two__content{padding:20px 22px !important}

/* BUTTONS pro */
.btn-one,.btn-two,.btn,button[type="submit"],.theme-btn,.cmn-btn{border-radius:10px !important;font-weight:600 !important;transition:transform .15s ease,filter .15s ease !important}
.btn-one:hover,.btn-two:hover,.btn:hover,button[type="submit"]:hover{transform:translateY(-1px);filter:brightness(1.05)}
.read-more-btn{font-weight:600 !important;color:var(--v) !important}

/* FORMS */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],textarea,select{border:1px solid var(--line) !important;border-radius:10px !important}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--v) !important;box-shadow:0 0 0 3px rgba(30,58,138,.12) !important;outline:none !important}

/* tables */
.table thead th{background:var(--bg-soft) !important;font-weight:600}
.table td,.table th{padding:.8rem 1rem !important;vertical-align:middle}

/* breadcrumb */
.breadcrumb-area,.page-banner,.inner-banner{padding:56px 0 !important}

/* header/footer */
.header-area,.header-two,.header-three{box-shadow:0 1px 0 rgba(16,17,23,.06)}
.navbar-nav .nav-link{font-weight:500}

/* MOBILE */
@media (max-width:991px){h1,.banner-three__content h1{font-size:2.2rem !important}h2,.section-header h2,.section-title h2{font-size:1.65rem !important}.pt-120{padding-top:50px !important}.pb-120{padding-bottom:50px !important}.breadcrumb-area,.page-banner,.inner-banner{padding:44px 0 !important}}
@media (max-width:767px){h1,.banner-three__content h1{font-size:1.85rem !important}h2,.section-header h2,.section-title h2{font-size:1.45rem !important}.pt-120{padding-top:38px !important}.pb-120{padding-bottom:38px !important}.section-header{margin-bottom:26px !important}.pricing__item,.process__item{padding:22px !important}.btn-one,.btn,button[type="submit"],.read-more-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.form-control,.form-select,input,textarea,select{font-size:16px !important;min-height:44px}section{overflow:hidden}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
.wow{visibility:visible !important}

/* ===== Professional Header (menu + logo) ===== */
.logo img{max-height:44px !important;width:auto !important}
.main-menu nav ul{display:flex;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none}
.main-menu nav ul li{position:relative}
.main-menu nav ul li a{font-family:Sora,sans-serif;font-weight:500;font-size:.98rem;padding:.55rem .95rem;border-radius:8px;position:relative;transition:color .15s ease}
.main-menu nav ul li a::after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.38rem;height:2px;border-radius:2px;background:#1e3a8a;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.main-menu nav ul li a:hover{color:#1e3a8a}
.main-menu nav ul li a:hover::after{transform:scaleX(1)}
.main-menu nav ul li.active>a,.main-menu nav ul li a.active{color:#1e3a8a}
.main-menu nav ul li.active>a::after,.main-menu nav ul li a.active::after{transform:scaleX(1)}
.header-area .btn-one{border-radius:10px !important;font-weight:600 !important;padding:.6rem 1.25rem !important;box-shadow:0 6px 16px rgba(30,58,138,.22)}
.header-area .btn-one:hover{transform:translateY(-1px);filter:brightness(1.06)}
.bars #openButton{font-size:1.5rem;cursor:pointer;transition:color .15s}
.bars #openButton:hover{color:#1e3a8a}
.header__main{align-items:center}
select[name="locale"]{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.3rem .5rem;background:transparent;font-size:.9rem;cursor:pointer}
@media (max-width:1199px){.main-menu nav ul li a{padding:.5rem .7rem;font-size:.92rem}}

/* ===== hero (banner slider) — professional height ===== */
.banner-area .slide-bg,.banner-area .swiper-slide{min-height:auto !important}
.banner-area{max-height:640px;overflow:hidden}
.banner__content{padding-top:40px !important;padding-bottom:40px !important}
@media(max-width:767px){.banner-area{max-height:none}}

/* ===== testimonial — professional card look ===== */
.testimonial__item{background:#fff !important;border:1px solid #ece8f4 !important;border-radius:16px !important;padding:26px !important;box-shadow:0 6px 20px rgba(16,17,23,.06) !important}
.testimonial__item .testi-info h4{font-family:Sora,sans-serif;font-weight:600}
.talk-us__item{background:#fff !important;border:1px solid #ece8f4 !important;border-radius:18px !important;padding:28px !important;box-shadow:0 8px 26px rgba(24,18,37,.07) !important}
.talk-us__item input,.talk-us__item textarea{border:1px solid #e6e2f0 !important;border-radius:10px !important;background:#f8f9fc !important}
.talk-us__item button[type="submit"]{border-radius:10px !important;font-weight:600 !important;background:#1e3a8a !important;border:0 !important;padding:.8rem 1.5rem !important}

/* ===== footer — professional ===== */
.footer-two-area [class*="__shape"],.footer__shadow-shape{display:none !important}
.footer-two-area{background:#130f22 !important}
.footer-title{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:1rem !important;margin-bottom:1rem !important;color:#fff !important}
.footer__item a,.footer-contact a,.footer-contact li{transition:color .15s ease}
.footer__item a:hover{color:#a855f7 !important}
.footer__copyright{border-top:1px solid rgba(255,255,255,.08) !important;padding-top:18px !important;margin-top:26px !important}

/* ===== extra mobile safety ===== */
@media(max-width:767px){
  section{overflow:hidden}
  .footer__wrp>[class*="col-"]{margin-bottom:22px}
}
