/*pop up start  */
          .fi-alert{
            position:fixed;
            inset:0;
            background:rgba(0,0,0,.75);
            backdrop-filter:blur(8px);
            display:flex;
            align-items:center;
            justify-content:center;
            opacity:0;
            visibility:hidden;
            transition:.35s;
            z-index:999999;
        }
        .fi-alert.show{
            opacity:1;
            visibility:visible;
        }
        .fi-alert-card{
            width:90%;
            max-width:420px;
            background:#121212;
            border:1px solid rgba(255,255,255,.08);
            border-radius:22px;
            padding:35px;
            text-align:center;
            transform:translateY(30px) scale(.9);
            transition:.35s;
            box-shadow:0 20px 70px rgba(0,0,0,.45);
        }
        .fi-alert.show .fi-alert-card{
            transform:translateY(0) scale(1);
        }
        .fi-alert-icon{
            width:80px;
            height:80px;
            margin:auto;
            border-radius:50%;
            background:linear-gradient(135deg,#18d26e,#09b55a);
            display:flex;
            justify-content:center;
            align-items:center;
            color:#fff;
            font-size:38px;
            font-weight:bold;
            margin-bottom:25px;
            animation:popup .5s ease;
        }
        @keyframes popup{
            0%{
                transform:scale(.4);
            }
            70%{
                transform:scale(1.15);
            }
            100%{
                transform:scale(1);
            }
        }
        .fi-alert h3{
            color:#fff;
            font-size:28px;
            margin-bottom:12px;
        }
        .fi-alert p{
            color:#cfcfcf;
            font-size:16px;
            line-height:28px;
            margin-bottom:30px;
        }
        .fi-alert button{
            background:#6C3BFF;
            border:none;
            color:#fff;
            padding:13px 40px;
            border-radius:50px;
            font-size:16px;
            cursor:pointer;
            transition:.3s;
        }
        .fi-alert button:hover{
            transform:translateY(-2px);
            background:#824fff;
        }
        
        /* Country Selector */
        .country-selector {
          position: relative;
          margin-left: 12px;
        }
        
        .country-selector-btn {
          height: 44px;
          padding: 0 14px;
          display: flex;
          align-items: center;
          gap: 7px;
          border: 1px solid currentColor;
          border-radius: 50px;
          background: transparent;
          color: inherit;
          font-size: 14px;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.25s ease;
        }
        
        .country-selector-btn svg {
          margin-left: 3px;
          transition: transform 0.25s ease;
        }
        
        .country-selector.active .country-selector-btn svg {
          transform: rotate(180deg);
        }
        
        .country-flag {
          font-size: 18px;
          line-height: 1;
        }
        
        .country-dropdown {
          position: absolute;
          top: calc(100% + 10px);
          right: 0;
          min-width: 170px;
          padding: 8px;
          background: #fff;
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: 12px;
          box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
        
          opacity: 0;
          visibility: hidden;
          transform: translateY(-8px);
          transition: all 0.25s ease;
          z-index: 9999;
        }
        
        .country-selector.active .country-dropdown {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
        }
        
        .country-dropdown a {
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 10px 12px;
          color: #222;
          text-decoration: none;
          border-radius: 8px;
          font-size: 14px;
          transition: background 0.2s ease;
        }
        
        .country-dropdown a:hover {
          background: #f5f5f5;
        }
        
        .country-dropdown a span:first-child {
          font-size: 18px;
          line-height: 1;
        }
        
/* ---------- Friendly Infotech additions ---------- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:#1c2539;color:#fff;padding:10px 16px;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.fi-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Geo suggestion bar */
.fi-geo-bar{position:relative;z-index:1001;background:#1c2539;color:#fff;font-size:14px;padding:8px 0}
.fi-geo-bar .container{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.fi-geo-bar a{color:#fff;font-weight:600;text-decoration:underline}
.fi-geo-close{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 6px}

/* Country selector: works on dark (inner pages) and light (home) headers */
.header-actions{gap:10px}
.country-selector{margin-left:0}
.country-dropdown a[aria-current="true"]{background:#f1f3f7;font-weight:600}
@media (max-width:575px){.country-selector-btn .country-name{display:none}.country-selector-btn{padding:0 10px}}

/* WhatsApp button */
.fi-whatsapp{position:fixed;left:20px;bottom:20px;z-index:999;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .2s}
.fi-whatsapp:hover{transform:scale(1.07);color:#fff}

/* Footer extras */
.footer-contact{margin:18px 0 22px;display:grid;gap:10px}
.footer-contact li{display:flex;gap:10px;align-items:flex-start}
.footer-contact svg{flex:0 0 18px;margin-top:3px}
.footer-regions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:26px 0 6px;margin-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.footer-regions a{white-space:nowrap}

/* Local / country section on country pages */
.fi-local{background:#f6f7f9;border-radius:18px;padding:40px}
.fi-local .fi-local-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px}
.fi-local .fi-local-card{background:#fff;border-radius:14px;padding:22px;border:1px solid rgba(28,37,57,.08)}
.fi-local .fi-local-card h3{font-size:19px;margin-bottom:8px}
.fi-local .fi-local-card p{margin:0}
.fi-local-cities{margin-top:18px;font-size:15px;color:#5d666f}
@media (max-width:767px){.fi-local{padding:24px}}

/* Content blocks */
.fi-prose p{margin-bottom:16px}
.fi-prose h2,.fi-prose h3{margin:28px 0 12px}
.fi-prose ul{padding-left:22px;list-style:disc;margin-bottom:16px}
.fi-prose ul li{margin-bottom:6px}
.fi-prose a{text-decoration:underline}
.blog-description ul,.blog-description ol{padding-left:28px;margin-bottom:16px}
.blog-description ul{list-style:disc}.blog-description ol{list-style:decimal}
.blog-description img{max-width:100%;height:auto;border-radius:12px}

/* Forms */
.form-note{font-size:14px;color:#5d666f;margin-top:10px}
.iti{width:100%}
.contact-form .iti input{width:100%}
button[aria-busy="true"]{opacity:.7;pointer-events:none}
.field-error{color:#d62828;font-size:14px;margin-top:6px}

/* Service page process + stats */
.fi-steps{counter-reset:step;display:grid;gap:14px;margin:18px 0 26px}
.fi-steps li{counter-increment:step;display:flex;gap:14px;align-items:flex-start;list-style:none}
.fi-steps li:before{content:counter(step);flex:0 0 34px;height:34px;border-radius:50%;background:#1c2539;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.fi-cta-box{background:#1c2539;color:#fff;border-radius:18px;padding:34px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fi-cta-box .heading,.fi-cta-box p{color:#fff}
.fi-cta-box p{margin:6px 0 0;opacity:.85}

/* Portfolio / blog empty states */
.fi-empty{padding:60px 20px;text-align:center;color:#5d666f}
.pagination-fi{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.pagination-fi a,.pagination-fi span{min-width:44px;height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;background:#f2f2f2;color:#1c2539}
.pagination-fi .active{background:#1c2539;color:#fff}

/* Policy pages */
.policy-content p{text-align:left}
.policy-content h2{font-size:28px;margin:34px 0 14px}
.policy-content ul{list-style:disc;padding-left:22px;margin-bottom:16px}
form select{width:100%;min-height:54px;padding:0 40px 0 15px;border:var(--style-border-width-inputs) solid var(--color-input-border);color:var(--color-input-text);background:var(--color-input-background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235d666f' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 15px center;-webkit-appearance:none;appearance:none;outline:none}
@media (max-width:767px){form select{min-height:48px}}
.form-note a{text-decoration:underline}
.header-actions .button{white-space:nowrap}
.footer-contact a,.footer-regions a{color:inherit;text-decoration:none}
.footer-contact a:hover,.footer-regions a:hover{text-decoration:underline}
.fi-local .fi-local-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.page-banner-sub{color:#fff;opacity:.9;max-width:760px;margin:12px auto 0}
.header-actions > .button{display:none!important}
@media (min-width:1600px){.header-actions > .button{display:inline-flex!important}}
a.fi-local-card{text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
a.fi-local-card:hover{box-shadow:0 10px 30px rgba(28,37,57,.1);transform:translateY(-2px)}
a.fi-local-card h3{text-decoration:none}
.footer-regions a{color:rgba(255,255,255,.85)}
form.contact-form select{background-color:#fff;color:#5d666f;border-color:rgba(93,102,111,.2)}
.policy-content.blog-description p{margin:0 0 14px!important}
.policy-content h2{font-family:var(--font-heading--family);font-weight:600;font-size:26px;margin:30px 0 12px!important;color:var(--color-foreground-heading)}
.fi-whatsapp{z-index:90}

/* ---------- Pricing ---------- */
.fi-cur-note a{margin:0 6px;white-space:nowrap;text-decoration:underline}
.fi-price-nav{position:sticky;top:90px;z-index:50;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);padding:12px;border-radius:50px;box-shadow:0 6px 24px rgba(28,37,57,.08);margin:30px auto 10px;max-width:max-content}
.fi-price-nav a{padding:8px 16px;border-radius:40px;background:#f2f3f6;color:#1c2539;font-weight:500;font-size:15px;text-decoration:none}
.fi-price-nav a:hover{background:#1c2539;color:#fff}
.fi-price-nav .fi-price-nav-cta{background:#1c2539;color:#fff}
.fi-price-cat{padding-top:80px;scroll-margin-top:120px}
.fi-price-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.fi-price-head p{margin:8px 0 0;max-width:640px}
.fi-billing{display:inline-flex;background:#f2f3f6;border-radius:50px;padding:5px}
.fi-billing button{border:0;background:transparent;padding:9px 20px;border-radius:40px;font-weight:600;cursor:pointer;color:#1c2539}
.fi-billing button.active{background:#1c2539;color:#fff}
.fi-price-cat .fi-p-y{display:none}
.fi-price-cat[data-billing="y"] .fi-p-y{display:inline}
.fi-price-cat[data-billing="y"] .fi-p-m{display:none}
.fi-p-note{display:block;opacity:.8}
.fi-price-col{margin-bottom:24px}
.card-pricing .pricing-box{display:block}
.card-pricing .text-lists{margin-bottom:24px}
.fi-common{margin-top:20px;background:#f6f7f9;border-radius:18px;padding:22px 26px}
.fi-common summary{cursor:pointer}
.fi-common-list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.fi-common-list li{display:flex;gap:8px;align-items:flex-start;font-size:15px}
.fi-common-list svg,.card-pricing .text-item svg{flex:0 0 22px;width:22px;height:22px}
.fi-addons{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:15px;background:#fff7f3;border-radius:14px;padding:16px 20px}
@media (max-width:767px){.fi-price-nav{top:70px;border-radius:14px}.fi-price-cat{padding-top:60px}}

/* ---------- Quote calculator ---------- */
.fi-calc{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:start}
.fi-calc-box{background:#f6f7f9;border-radius:18px;padding:28px}
.fi-calc-box h2{font-size:22px;margin-bottom:14px}
.fi-calc-step{margin-bottom:26px}
.fi-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.fi-opt{position:relative}
.fi-opt input{position:absolute;opacity:0}
.fi-opt label{display:block;background:#fff;border:2px solid transparent;border-radius:14px;padding:14px 16px;cursor:pointer;height:100%;transition:border-color .2s}
.fi-opt label strong{display:block;font-size:16px}
.fi-opt label span{font-size:14px;color:#5d666f}
.fi-opt input:checked + label{border-color:#1c2539;box-shadow:0 6px 18px rgba(28,37,57,.1)}
.fi-opt input:focus-visible + label{outline:2px solid #1c2539}
.fi-num{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px 14px;margin-top:10px}
.fi-num input{width:90px;min-height:40px!important;text-align:center}
.fi-summary{position:sticky;top:110px;background:#1c2539;color:#fff;border-radius:18px;padding:28px}
.fi-summary h2,.fi-summary .heading{color:#fff}
.fi-summary ul{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px;font-size:15px}
.fi-summary li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px}
.fi-total{font-size:40px;font-weight:700;font-family:var(--font-heading--family)}
.fi-summary .fi-recur{font-size:15px;opacity:.85}
.fi-summary form input,.fi-summary form textarea{background:#fff}
.fi-summary .form-note,.fi-summary .form-note a{color:rgba(255,255,255,.8)}
@media (max-width:991px){.fi-calc{grid-template-columns:1fr}.fi-summary{position:static}}

/* Service page pricing block + related reading */
.fi-svc-pricing{background:#f4f7fb}
.fi-svc-pricing-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}
.fi-svc-pricing-head .section-headings{max-width:720px}
.fi-svc-pricing-head .buttons{display:flex;flex-wrap:wrap;gap:12px}
.fi-svc-illus{width:260px;height:auto;flex:0 0 auto;filter:drop-shadow(0 20px 30px rgba(28,37,57,.18))}
@media (max-width:991px){.fi-svc-illus{display:none}}
.fi-related-card{display:block;background:#fff;border:1px solid rgba(93,102,111,.15);overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}
.fi-related-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,37,57,.12)}
.fi-related-card img{width:100%;height:200px;object-fit:cover;display:block}
.fi-related-card span{display:block;padding:18px 20px 22px}
.card-pricing.active .pricing-box,.card-pricing.active .pricing-box span{color:#fff}
.card-pricing.active .pricing-box .text-14{opacity:.8}

/* Blog: table of contents */
.fi-toc{margin:24px 0 30px;border:1px solid rgba(93,102,111,.18);border-radius:14px;background:#f6f8fb;padding:18px 22px}
.fi-toc summary{cursor:pointer;list-style:none}
.fi-toc summary::-webkit-details-marker{display:none}
.fi-toc summary::after{content:"–";float:right}
.fi-toc details:not([open]) summary::after{content:"+"}
.fi-toc ol{margin:12px 0 0;padding-left:20px}
.fi-toc li{margin:6px 0}
.fi-toc a{color:var(--color-foreground-heading);text-decoration:none}
.fi-toc a:hover{text-decoration:underline}
.blog-description h2{scroll-margin-top:110px;margin-top:1.6em}
.blog-description a{text-decoration:underline;text-underline-offset:3px}
.fi-blog-search{display:flex;gap:10px;max-width:620px;margin:0 auto 28px}
.fi-blog-search input{flex:1;min-width:0;border:1px solid rgba(93,102,111,.25);border-radius:40px;padding:14px 22px;font-size:16px}
.fi-blog-search .button{border-radius:40px;white-space:nowrap}

/* Portfolio filter */
.fi-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 40px}
.fi-filter button{border:1px solid rgba(93,102,111,.25);background:#fff;border-radius:40px;padding:10px 20px;font-size:15px;color:var(--color-foreground-heading);cursor:pointer;transition:.2s}
.fi-filter button.active,.fi-filter button:hover{background:var(--color-primary-background);color:#fff;border-color:var(--color-primary-background)}
.fi-project[hidden]{display:none!important}
.fi-projects{row-gap:24px}
.fi-projects .card-project img{object-fit:cover;object-position:top center;aspect-ratio:16/10;width:100%;height:auto;display:block}
.fi-projects .card-project:after{opacity:1;background:linear-gradient(180deg,rgba(28,37,57,0) 45%,rgba(28,37,57,.92) 100%)}
.fi-projects .card-project-content{opacity:1;transform:none}
.fi-projects .card-project-content-absolute{padding:24px}
.fi-projects .card-project-content .heading{font-size:22px}
@media (hover:none){.fi-projects .icon-project-link{opacity:1;transform:scale(.8)}}
.fi-project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.fi-project-tags span{font-size:12px;line-height:1;padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(4px)}

/* Client name strip */
.fi-clients{padding:34px 0 10px}
.fi-clients-title{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:13px;opacity:.7;margin-bottom:16px}
.fi-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fi-marquee-track{display:flex;gap:14px;width:max-content;animation:fi-marquee 60s linear infinite}
.fi-marquee:hover .fi-marquee-track{animation-play-state:paused}
.fi-marquee-track a{white-space:nowrap;padding:12px 22px;border:1px solid rgba(93,102,111,.18);border-radius:40px;font-weight:600;color:var(--color-foreground-heading);text-decoration:none;background:#fff}
@keyframes fi-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.fi-marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* Home pricing preview */
.fi-pp{background:#f4f7fb}
.fi-pp .section-headings-right{display:flex;gap:12px;flex-wrap:wrap}
.fi-pp-card{display:flex;flex-direction:column;height:100%;background:#fff;padding:28px;border:1px solid rgba(93,102,111,.14);text-decoration:none;transition:transform .25s,box-shadow .25s}
.fi-pp-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,37,57,.12)}
.fi-pp-card img{width:120px;height:120px;object-fit:contain;margin-bottom:18px}
.fi-pp-card .text{flex:1}
.fi-pp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(93,102,111,.25);color:var(--color-foreground-heading)}
.fi-pp-price strong{font-size:30px;font-weight:700}
.fi-latest .section-headings-right{display:flex}

/* Mobile quick-contact bar */
.fi-mbar{display:none}
@media (max-width:767px){
  .fi-mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;z-index:998;background:#1c2539;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -6px 20px rgba(0,0,0,.18)}
  .fi-mbar a{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:10px 6px;border-radius:10px;background:rgba(255,255,255,.08)}
  .fi-mbar a svg{width:18px;height:18px;fill:currentColor}
  .fi-mbar .fi-mbar-main{background:#29b6e8;color:#0f1a30}
  .fi-whatsapp{display:none!important}
  body{padding-bottom:68px}
}
.blog-description{gap:18px}
.blog-description h2,.blog-description h3,.blog-description h4{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);color:var(--color-foreground-heading);line-height:1.25}
.blog-description h2{font-size:32px;margin-top:22px}
.blog-description h3{font-size:24px;margin-top:10px}
.blog-description h4{font-size:20px}
@media (max-width:767px){.blog-description h2{font-size:26px}.blog-description h3{font-size:21px}.blog-description h4{font-size:18px}}

/* Contact: office links, manager card, offices grid */
.fi-map-link{display:inline-block;margin-top:6px;text-decoration:underline;text-underline-offset:3px}
.fi-manager{display:flex;gap:20px;align-items:flex-start;margin:30px 0;padding:24px;border-radius:18px;background:#f4f7fb;border:1px solid rgba(93,102,111,.14)}
.fi-manager img,.fi-manager-initials{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 96px}
.fi-manager-initials{display:flex;align-items:center;justify-content:center;background:#1c2539;color:#fff;font-size:38px;font-weight:700}
.fi-manager-tag{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:4px}
.fi-manager-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}
.fi-manager-links a{display:inline-flex;align-items:center;gap:6px;color:var(--color-foreground-heading);font-weight:500}
.fi-manager-links svg,.fi-office-card li svg{width:16px;height:16px;flex:0 0 16px}
.fi-office-card{height:100%;padding:26px;border:1px solid rgba(93,102,111,.16);background:#fff;display:flex;flex-direction:column;gap:12px}
.fi-office-card.current{border-color:#29b6e8;box-shadow:0 12px 30px rgba(41,182,232,.15)}
.fi-office-top{display:flex;align-items:center;gap:12px}
.fi-office-flag{font-size:34px;line-height:1}
.fi-office-hq{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;background:#1c2539;color:#fff;margin-top:4px}
.fi-office-card address{font-style:normal;margin:0}
.fi-office-card ul{display:flex;flex-direction:column;gap:6px;margin:0}
.fi-office-card li{display:flex;gap:8px;align-items:center}
.fi-office-actions{margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed rgba(93,102,111,.25)}
.fi-office-actions a{font-weight:600;color:var(--color-foreground-heading)}
@media (max-width:575px){.fi-manager{flex-direction:column}}