/* ==========================================================================
   SoftphoneVIP – modern skin (visual layer only)
   Loaded AFTER the original theme CSS. No content, menus or links are changed.
   To roll back: remove the <link> to modern.css from index.html.
   ========================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0b1b2b;          /* headings, dark bands */
  --ink-2:#12283d;
  --text:#475569;
  --muted:#64748b;
  --line:#e5eaf0;
  --bg:#f6f8fb;
  --card:#ffffff;
  --brand:#2b9cc2;        /* from the logo */
  --brand-600:#1f87ab;
  --brand-bright:#35b7e2;
  --brand-50:#eaf6fb;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(11,27,43,.06),0 1px 3px rgba(11,27,43,.05);
  --shadow:0 10px 30px -12px rgba(11,27,43,.18),0 2px 6px rgba(11,27,43,.05);
}

/* ---------- base ---------- */
html{scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  color:var(--text);background:var(--bg);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.navbar,.btn,.price-table,.panel-title{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em}
p,li{font-weight:400}
p{color:var(--text);text-align:left!important}          /* original text was justified */
a{color:var(--brand-600)}
a:hover,a:focus{color:var(--brand)}
.bg-light,.bg-light.index-1{background:var(--bg)!important}
::selection{background:var(--brand-bright);color:#fff}

/* shared section rhythm */
section{position:relative}
.wrap{padding:96px 0!important;margin:0!important;background-image:none!important}
.pt-6{padding-top:96px!important}
#about .container,#careers .container{padding-bottom:24px}
.mt-6{margin-top:0!important}
.container{max-width:1160px}
.mw-800{max-width:760px!important}

/* section titles (the theme's "right-line" headings, centered, with a short accent bar) */
h2.right-line,section h2{font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.03em;text-transform:none}
h2.right-line{position:relative;text-align:left;padding:0 0 18px;margin:0 0 28px;border:0!important;color:var(--ink)}
h2.right-line:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--brand-bright),var(--brand))}
h2.right-line:before{display:none!important}

/* ---------- navbar ---------- */
.navbar.ms-lead-navbar,.navbar.ms-lead-navbar.navbar-mode,.navbar-mode{
  background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:0 1px 0 rgba(11,27,43,.02)!important;min-height:72px}
.navbar.ms-lead-navbar .container{display:flex;align-items:center;min-height:72px}
.navbar-header{float:none;display:flex;align-items:center}
.navbar-brand{display:flex!important;align-items:center;height:72px!important;padding:0 8px 0 0!important;color:var(--ink)!important}
.navbar-brand img{height:44px!important;width:auto;margin:0 12px 0 0!important;padding:0!important;background:transparent!important;border-radius:0!important}
.navbar-brand .ms-logo,.navbar-brand .ms-logo-white{display:inline-flex;align-items:center}
.navbar-brand .ms-title{color:var(--ink)!important;font-size:19px!important;font-weight:500;letter-spacing:-.02em}
.navbar-brand .ms-title strong{font-weight:800;color:var(--brand)}
#navbar{flex:1}
.navbar-nav{margin:0!important;display:flex;align-items:center;justify-content:flex-end;float:none!important;flex-wrap:wrap}
.navbar-nav>li>a,.navbar-mode .navbar-nav>li>a{color:var(--ink-2)!important;font-weight:500;font-size:14.5px;text-transform:none!important;letter-spacing:0;padding:0 14px!important;line-height:72px!important;height:72px;opacity:1;background:transparent!important}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>li.active>a,.navbar-mode .navbar-nav>li.active>a{color:var(--brand-600)!important;background:transparent!important}
.navbar-mode .navbar-nav>li>a:before{background:var(--brand)!important;height:0;z-index:0;left:14px;right:14px;width:auto;bottom:16px;border-radius:3px}
.navbar-mode .navbar-nav>li.active a:before,.navbar-mode .navbar-nav>li>a:hover:before{height:3px!important}
.navbar-nav>li>a i{color:inherit!important}
/* dropdown (Login) */
.dropdown-menu{border:1px solid var(--line)!important;border-radius:12px!important;padding:8px!important;box-shadow:var(--shadow)!important;margin-top:-6px!important;min-width:210px;background:#fff!important}
.dropdown-menu>li>a{border-radius:8px;padding:10px 14px!important;font-size:14px;font-weight:500;color:var(--ink-2)!important}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--brand-50)!important;color:var(--brand-600)!important}
/* mobile menu button */
.btn-navbar-menu{color:var(--ink)!important;background:transparent!important;top:14px!important}
.btn-navbar-menu i{color:var(--ink)!important}
.navbar-nav .dropdown-menu a{white-space:nowrap}

/* ---------- hero (still, calm; video removed) ---------- */
.intro-full{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(900px 520px at 78% 18%,rgba(53,183,226,.30),transparent 60%),
    radial-gradient(700px 480px at 12% 88%,rgba(43,156,194,.22),transparent 60%),
    linear-gradient(160deg,#07131f 0%,#0b1b2b 45%,#0e2a40 100%)!important}
.intro-full:before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 100%)}
.intro-full-content{position:relative;width:100%;padding:120px 0 80px}
.intro-full .ms-logo img{height:64px!important;padding:10px!important;border-radius:18px!important;margin:0 auto 18px!important;background:#fff!important;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.intro-full .ms-site-title,.intro-full h1{font-size:clamp(44px,7.4vw,84px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.02!important;color:#fff!important;margin:0!important}
.intro-full h1 span{color:var(--brand-bright)}
.intro-full .lead,.intro-full p.lead{margin-top:22px!important;font-size:clamp(13px,1.5vw,16px)!important;font-weight:600!important;letter-spacing:.32em!important;text-transform:uppercase;color:rgba(255,255,255,.78)!important}
.intro-full .lead .color-warning{color:var(--brand-bright)!important}
.intro-full-next{margin-top:0!important}
#myVideo,.intro-full video{display:none!important}

/* ---------- products ---------- */
#services .wrap{background:#fff!important;color:var(--text)!important;border-bottom:1px solid var(--line)}
#services h2{color:var(--brand-600)!important;font-size:13px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
#services .text-center h3{color:var(--ink)!important;font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.12}
#services .text-center h3 .text-normal{font-weight:300;color:var(--muted)}
#services .text-center{margin-bottom:56px!important}
#services .col-md-6>h3{color:var(--ink)!important;font-size:24px;font-weight:700;margin:0 0 14px}
#services p{color:var(--text)!important;font-size:16.5px}
/* accordion → clean cards (same panels, same behaviour) */
.panel-group.ms-collapse{margin:0}
.ms-collapse .panel,.panel-group .panel{background:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;margin:0 0 10px!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ms-collapse .panel:hover{border-color:#c9d6e2!important;box-shadow:var(--shadow-sm)!important}
.ms-collapse .panel-heading,.panel-info>.panel-heading,.panel-heading{background:#fff!important;border:0!important;padding:0!important;color:var(--ink)!important}
.ms-collapse .panel-title a,.panel-title>a{display:flex!important;align-items:center;gap:12px;padding:16px 20px!important;font-size:15.5px!important;font-weight:600!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:-.01em;background:transparent!important}
.ms-collapse .panel-title a i{width:34px;height:34px;line-height:34px!important;text-align:center;border-radius:9px;background:var(--brand-50);color:var(--brand-600)!important;font-size:15px!important;margin:0!important;flex:0 0 34px}
.ms-collapse .panel-title a[aria-expanded="true"]{color:var(--brand-600)!important}
.ms-collapse .panel-title a:before{display:none!important}
.ms-collapse .panel-body,.panel-body{background:#fff!important;border:0!important;padding:0 20px 18px 66px!important;color:var(--text)!important}
.ms-collapse .panel-body p{font-size:15px;line-height:1.7;color:var(--text)!important;margin:0 0 10px}
.panel-collapse{border:0!important}
@media(max-width:767px){.ms-collapse .panel-body,.panel-body{padding:0 18px 16px 18px!important}}

/* ---------- brands & trusted-by logo walls ---------- */
#brands{background:var(--bg)}
#brands .container{padding-top:88px!important;padding-bottom:40px}
#brands h2.right-line{text-align:center;margin-bottom:44px}
#brands h2.right-line:after{left:50%;transform:translateX(-50%)}
.card{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:0;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)!important;border-color:#d3dfea!important}
.ms-thumbnail-container,.ms-thumbnail{background:transparent!important;border-radius:0!important;box-shadow:none!important}
.ms-thumbnail img{max-height:92px;width:auto!important;max-width:78%;margin:0 auto;object-fit:contain}
#brands .ms-thumbnail-container{padding:22px 10px}
#portfolio{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#portfolio .wrap{background:#fff!important}
#portfolio h2{color:var(--ink)!important;text-align:center;margin-bottom:18px}
#portfolio h2:after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--brand-bright),var(--brand))}
#portfolio .color-white,#portfolio p{color:var(--text)!important}
#portfolio .text-center p{font-size:16.5px}
#portfolio .text-center{margin-bottom:56px!important}
#portfolio .ms-thumbnail-container{padding:18px;background:#fff!important}
#portfolio .ms-thumbnail img{max-height:150px;max-width:86%}
#portfolio .row{margin-left:-12px;margin-right:-12px}
#portfolio .row>div{padding-left:12px;padding-right:12px}
#portfolio .mb-4,#brands .mb-4{margin-bottom:24px!important}

/* ---------- pricing ---------- */
#pricing{background:var(--bg)}
#pricing .wrap{background:var(--bg)!important;padding:0!important}
#pricing .wrap:first-child{padding-top:96px!important}
#pricing .wrap:last-child{padding-bottom:96px!important;padding-top:24px!important}
#pricing .text-center h2,#pricing h2{color:var(--ink)!important;text-align:center;margin-bottom:12px}
#pricing .text-center p.lead,#pricing p.lead{color:var(--brand-600)!important;font-size:13px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-align:center!important}
#pricing .text-center{margin-bottom:56px!important}
#pricing .row{display:flex;flex-wrap:wrap;align-items:stretch;margin-left:-12px;margin-right:-12px}
#pricing .row:before,#pricing .row:after{display:none}
.price-table{float:none!important;padding:0 12px!important;margin-bottom:24px!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:column}
.price-table>*{background:#fff}
.price-table-header{background:#fff!important;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;padding:34px 28px 18px!important;text-align:left!important;color:var(--ink)!important;position:relative}
.price-table-header:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--line);border-radius:var(--radius) var(--radius) 0 0}
.price-table-category{display:inline-block;font-size:12px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-600)!important;background:var(--brand-50)!important;padding:5px 12px;border-radius:999px;margin:0 0 18px!important;line-height:1.4}
.price-table-header h3{margin:0!important;color:var(--ink)!important;font-size:46px!important;font-weight:800!important;letter-spacing:-.04em;line-height:1.05}
.price-table-header h3 sup{font-size:.4em;top:-.9em;color:var(--muted)!important;font-weight:600}
.price-table-header h3 sub{font-size:14px;font-weight:500;color:var(--muted)!important;letter-spacing:0;bottom:0}
.price-table-body{flex:1;background:#fff!important;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:8px 28px 30px!important;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.price-table-list{margin:0 0 26px!important;padding:0!important;list-style:none;flex:1}
.price-table-list li{position:relative;padding:12px 0 12px 32px!important;border-top:1px solid var(--line)!important;color:var(--text)!important;font-size:15px;line-height:1.5;background:transparent!important;text-align:left!important}
.price-table-list li:first-child{border-top:1px solid var(--line)!important}
.price-table-list li i{position:absolute;left:0;top:13px;width:22px;height:22px;line-height:22px;text-align:center;font-size:12px!important;border-radius:50%;background:var(--brand-50);color:var(--brand-600)!important;margin:0!important}
.price-table-body .btn,.price-table .btn{display:block;width:100%;padding:14px 20px!important;border-radius:10px!important;font-weight:600!important;font-size:15px!important;text-transform:none!important;letter-spacing:0;box-shadow:none!important;background:var(--ink)!important;color:#fff!important;border:0!important;transition:transform .15s,background .2s}
.price-table .btn:hover{background:var(--brand-600)!important;transform:translateY(-1px)}
.price-table .btn i{display:none}
.price-table-body .text-center{margin-top:auto}
/* the highlighted middle plan */
.price-table.prominent{transform:none!important;margin-top:0!important}
.price-table.prominent .price-table-header{border-color:var(--brand);border-width:2px 2px 0 2px}
.price-table.prominent .price-table-header:before{background:linear-gradient(90deg,var(--brand-bright),var(--brand))}
.price-table.prominent .price-table-body{border:2px solid var(--brand);border-top:0;box-shadow:var(--shadow)}
.price-table.prominent .btn{background:var(--brand)!important}
.price-table.prominent .btn:hover{background:var(--brand-600)!important}
.price-table:not(.prominent) .price-table-header:before{background:linear-gradient(90deg,#cfd9e4,#dfe7ef)}
@media(max-width:991px){.price-table{width:100%!important;max-width:520px;margin-left:auto;margin-right:auto}}

/* ---------- about / careers ---------- */
#about,#careers{background:#fff}
#about .container,#careers .container{max-width:880px}
#about h2.right-line,#careers h2.right-line{margin-bottom:34px}
#about p,#careers p{font-size:17px;line-height:1.85;color:var(--text)!important}
#careers{background:var(--bg);border-top:1px solid var(--line)}
#careers .container{padding-bottom:96px!important}
#about .container{padding-bottom:88px!important}

/* ---------- resellers (dark band) ---------- */
#reseller{margin:0!important}
#reseller .wrap{background:
  radial-gradient(700px 360px at 90% 0%,rgba(53,183,226,.22),transparent 60%),
  linear-gradient(160deg,#08151f,#0b1b2b 55%,#0e2a40)!important}
#reseller .col-lg-12{max-width:880px;margin:0 auto;float:none;color:#fff}
#reseller h2,#reseller h2.right-line{color:#fff!important}
#reseller p{color:rgba(255,255,255,.82)!important;font-size:17px;line-height:1.85}

/* ---------- contact ---------- */
#contact{margin:0!important;background:var(--bg)}
#contact .wrap{background:var(--bg)!important}
#contact h2{color:var(--ink)!important;text-align:center;margin-bottom:44px!important}
#contact h2:after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--brand-bright),var(--brand))}
#contact .card{max-width:900px;margin:0 auto;border-radius:20px!important;box-shadow:var(--shadow)!important;transform:none!important}
#contact .card:hover{transform:none}
#contact .card-block{padding:40px!important}
.form-control{height:auto!important;border:1px solid #d5dee8!important;border-radius:10px!important;padding:14px 16px!important;background:#fbfcfe!important;box-shadow:none!important;font-size:15.5px;color:var(--ink)!important;transition:border-color .2s,box-shadow .2s,background .2s}
textarea.form-control{min-height:196px}
.form-control:focus{border-color:var(--brand)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(43,156,194,.15)!important}
.form-control::placeholder{color:#8a98a8}
.form-group{margin:0 0 6px!important;padding:0!important;background:transparent!important}
.form-group label{display:none}
.help-block{margin:2px 0 8px!important;font-size:13px;min-height:0}
#contactForm .btn,#contactForm .btn-xl{background:var(--ink)!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:16px 38px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0;box-shadow:none!important;transition:background .2s,transform .15s}
#contactForm .btn:hover{background:var(--brand-600)!important;transform:translateY(-1px)}
.alert{border-radius:10px;border:0}

/* ---------- map ---------- */
#contactmap{margin:0!important}
#map{border-radius:0!important;border:0!important;box-shadow:none!important;filter:saturate(.85) contrast(1.02)}

/* ---------- footer ---------- */
.ms-footbar{background:var(--ink)!important;color:rgba(255,255,255,.72)!important;padding:72px 0 40px!important;margin:0!important}
.ms-footbar .row{max-width:1240px;margin:0 auto}
.ms-footbar *{text-shadow:none}
.ms-footbar-title,.ms-footbar h3{color:#fff!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px!important}
.ms-footbar a{color:rgba(255,255,255,.78)!important;transition:color .2s}
.ms-footbar a:hover{color:var(--brand-bright)!important;text-decoration:none}
.ms-footbar .ms-icon-list li{padding:5px 0;background:transparent!important}
.ms-footbar .media{margin:0 0 18px!important;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)!important;display:flex;align-items:center}
.ms-footbar .media-object{width:44px!important;height:44px!important;object-fit:cover;border-radius:50%}
.ms-footbar .media-heading{color:#fff!important;font-size:15px!important;font-weight:600;margin:0 0 2px}
.ms-footbar .media-footer,.ms-footbar address,.ms-footbar p{color:rgba(255,255,255,.72)!important;font-size:14.5px}
.ms-footbar i{color:var(--brand-bright)!important}
.ms-footbar .navbar-brand{height:auto!important;padding:0!important}
.ms-footbar .navbar-brand img{height:48px!important;padding:4px!important;background:#fff!important;border-radius:10px!important;margin:0 12px 0 0!important}
.ms-footbar .navbar-brand .ms-title{color:#fff!important}
.ms-footbar .ms-footbar-title{margin-bottom:6px!important}
.ms-footbar .three_cols{column-count:2}
.ms-footer{background:#07131f!important;color:rgba(255,255,255,.5)!important;padding:22px 0!important;border-top:1px solid rgba(255,255,255,.06)}
.ms-footer p{color:rgba(255,255,255,.5)!important;margin:0;font-size:13.5px;text-align:center!important}

/* ---------- misc ---------- */
.btn-back-top .btn-circle{background:var(--ink)!important;color:#fff!important;box-shadow:var(--shadow)!important}
.btn-back-top .btn-circle:hover{background:var(--brand)!important}
.ms-preload,#ms-preload{background:var(--ink)!important}
.ms-slidebar{background:#fff!important}
.ms-slidebar-menu>li>a{color:var(--ink)!important;font-family:"Inter",sans-serif!important}
.ms-slidebar-menu>li>a:hover{background:var(--brand-50)!important;color:var(--brand-600)!important}
.ms-slidebar-menu .dropdown-menu a{color:var(--ink-2)!important}
a:focus-visible,button:focus-visible,.form-control:focus-visible{outline:3px solid rgba(53,183,226,.55);outline-offset:2px}

@media(max-width:991px){
  .wrap,.pt-6{padding-top:72px!important}.wrap{padding-bottom:72px!important}
  .navbar.ms-lead-navbar .container{justify-content:space-between}
  .navbar-brand .ms-title{font-size:17px!important}
  #contact .card-block{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- overrides for the old theme's tinted overlays & positioning ---------- */
.ms-hero-bg-info:after{display:none!important}
.ms-hero-bg-info .container{z-index:1}
.intro-full .intro-full-content{position:relative!important;top:auto!important;left:auto!important;-webkit-transform:none!important;transform:none!important;padding:120px 0 80px!important}
.intro-full .container{position:relative;z-index:1}
.text-center p,p.text-center,.intro-full p,#pricing p.lead{text-align:center!important}
.intro-full .lead{margin-left:auto!important;margin-right:auto!important;max-width:none!important;width:100%}
#portfolio .text-center p{text-align:left!important}

/* ---------- round 2 fixes ---------- */
/* accordion titles: the old theme forces white text */
body .ms-collapse .panel.panel-info>.panel-heading .panel-title>a,
body .ms-collapse .panel .panel-heading .panel-title a{color:var(--ink)!important;background:transparent!important}
body .ms-collapse .panel .panel-heading .panel-title a[aria-expanded="true"]{color:var(--brand-600)!important}
body .ms-collapse .panel .panel-title a:after{content:"\f107"!important;font-family:FontAwesome!important;position:static!important;margin-left:auto;color:var(--muted)!important;font-size:18px;width:auto;height:auto;border:0;transform:none;transition:transform .25s;background:none}
body .ms-collapse .panel .panel-title a[aria-expanded="true"]:after{transform:rotate(180deg)}
body .ms-collapse .panel .panel-title a i{margin:0!important;color:var(--brand-600)!important}

/* heading underline bars (theme positions its own pseudo-element) */
h2.right-line:after{left:0!important;right:auto!important;top:auto!important;bottom:0!important;margin:0!important;transform:none!important;width:56px!important;height:4px!important}
#brands h2.right-line:after{left:50%!important;transform:translateX(-50%)!important}
h2.right-line:before{content:none!important;display:none!important}

/* header logo / brand */
.navbar-brand .ms-logo-sm,.navbar-brand .ms-logo-white{position:static!important;margin:0!important;height:44px!important;width:auto!important;background:none!important}
.navbar-brand img{position:static!important;margin:0 12px 0 0!important}
.navbar.ms-lead-navbar,.navbar.ms-lead-navbar.navbar-mode,.navbar-mode{background:rgba(255,255,255,.96)!important}

/* hero logo chip */
.intro-full .ms-logo,.intro-full .ms-logo-lg{background:none!important;box-shadow:none!important;border:0!important;width:auto!important;height:auto!important;display:block!important;margin:0 auto 18px!important;position:static!important}
.intro-full .ms-logo:before,.intro-full .ms-logo:after{display:none!important}

/* pricing cleanup */
.price-table,.price-table:before,.price-table:after{border:0!important}
.price-table:after,.price-table:before{display:none!important}
.price-table-category{display:table!important;width:auto!important;margin:0 0 16px!important}
.price-table-header{padding:32px 28px 8px!important}
.price-table-header h3{padding:0!important;margin:0!important;line-height:1.1!important}
.price-table-body{padding:6px 28px 28px!important;min-height:0!important}
.price-table-body>.text-center{margin:0!important;padding:0!important}
.price-table-list{margin:0 0 24px!important}
.price-table-list li:last-child{border-bottom:1px solid var(--line)!important}

/* trusted-by spacing */
#portfolio .text-center{margin-bottom:64px!important}

/* footer */
.ms-footbar .ms-footer-alt-color,.ms-footbar .ms-footer-col{background:transparent!important}
.ms-footbar .three_cols{column-count:2!important;-webkit-column-count:2!important;column-gap:28px;margin:0;padding:0}
.ms-footbar .three_cols li{display:block!important;float:none!important;width:auto!important;padding:6px 0!important}
.ms-footbar .ms-icon-list li a{padding:0!important;display:inline!important}
.ms-footbar .ms-footer-col{padding-left:24px;padding-right:24px}

/* ---------- round 3 ---------- */
#pricing .price-table .text-center{margin:0!important}
/* heading accent bar drawn on the heading itself (theme pseudo-elements disabled) */
h2.right-line:after,h2.right-line:before{content:none!important;display:none!important}
h2.right-line{background:linear-gradient(90deg,var(--brand-bright),var(--brand)) left bottom/56px 4px no-repeat!important}
#brands h2.right-line{background-position:center bottom!important}
/* accordion chevron: down when closed, up when open */
body .ms-collapse .panel .panel-title a.collapsed:after{transform:none!important}

/* header logo vertical centring */
.navbar-brand .ms-logo-sm,.navbar-brand .ms-logo-white{align-self:center!important;margin-top:14px!important;margin-bottom:14px!important;line-height:0}
.navbar-brand .ms-title{align-self:center!important;margin-top:0!important}

/* round 4: small polish */
body .ms-collapse .panel .panel-heading .panel-title a{line-height:1.35!important}
.navbar-brand .ms-title{padding:0!important;line-height:1.2!important;top:0!important;position:static!important;height:auto!important;display:inline-block!important;vertical-align:middle!important}

.navbar .navbar-header a.navbar-brand{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;height:72px!important;line-height:1!important;float:none!important}
.navbar .navbar-header a.navbar-brand .ms-logo-sm,.navbar .navbar-header a.navbar-brand .ms-logo-white{margin:0 !important;align-self:center!important}

/* ---------- footer: offices & contact emails (update 2) ---------- */
.ms-satellite-title{margin:26px 0 14px!important;padding:0;color:rgba(255,255,255,.55)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase}
.ms-footbar .ms-mail{display:flex;align-items:baseline;gap:0;margin:0 0 8px!important}
.ms-footbar .ms-mail i{flex:0 0 26px}
.ms-footbar .ms-mail-label{flex:0 0 74px;color:#fff;font-weight:600;font-size:13px;letter-spacing:.02em}
.ms-footbar .ms-mail a{word-break:break-all}
.ms-footbar .media-body{width:auto}
@media(max-width:767px){.ms-footbar .ms-mail-label{flex-basis:70px}}
.ms-footbar .ms-footer-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ms-footbar .ms-footer-media .media{margin:0!important}
.ms-footbar .ms-footer-media .media:first-child,.ms-footbar .ms-footer-media .ms-satellite-title{grid-column:1/-1}
.ms-footbar .ms-footer-media .ms-satellite-title{margin:12px 0 0!important}
@media(max-width:480px){.ms-footbar .ms-footer-media{grid-template-columns:1fr}}
/* emails: label above address so nothing breaks mid-word */
.ms-footbar .ms-mail{display:grid!important;grid-template-columns:26px 1fr;column-gap:0;row-gap:0;align-items:start;margin:0 0 12px!important}
.ms-footbar .ms-mail i{grid-row:1/3;grid-column:1;margin-top:3px}
.ms-footbar .ms-mail-label{grid-column:2;grid-row:1;flex:none;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)!important;font-weight:700;line-height:1.4}
.ms-footbar .ms-mail a{grid-column:2;grid-row:2;word-break:normal!important;overflow-wrap:anywhere;font-size:14.5px;line-height:1.4}

/* ---------- Airfiber packages row (update 2) ---------- */
#pricing .wrap:last-child{padding-top:8px!important}
#pricing .airfiber-heading{margin:24px 0 48px!important}
#pricing .airfiber-row{justify-content:center}
#pricing .airfiber-row .price-table{flex:0 0 33.3333%;max-width:33.3333%;margin-bottom:24px!important}
@media(min-width:1200px){#pricing .airfiber-row .price-table{flex:0 0 20%;max-width:20%}
  #pricing .airfiber-row .price-table-header,#pricing .airfiber-row .price-table-body{padding-left:22px!important;padding-right:22px!important}
  #pricing .airfiber-row .price-table-header h3{font-size:40px!important}}
@media(max-width:991px){#pricing .airfiber-row .price-table{flex:0 0 50%;max-width:50%}}
@media(max-width:640px){#pricing .airfiber-row .price-table{flex:0 0 100%;max-width:520px}}
.price-table-badge{position:absolute;top:16px;right:18px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;line-height:1.2}
#pricing .airfiber-note{margin:8px 0 0!important;color:var(--muted)!important;font-size:14.5px;font-style:normal;text-align:center!important}
.price-table .btn,.price-table.prominent .btn{margin:0!important;position:relative!important;top:0!important;transform:none!important}
.price-table-body>.text-center{display:flex;align-items:flex-end;margin-top:auto!important}
.price-table-body>.text-center .btn{width:100%}

/* ---------- Airfiber speed chips (update 3) ---------- */
.speed-row{display:flex;gap:8px;margin:14px 0 12px}
.speed-chip{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding:9px 8px;border-radius:10px;background:var(--brand-50);color:var(--ink);font-weight:700;font-size:13.5px;letter-spacing:-.01em;line-height:1}
.speed-chip i{color:var(--brand-600);font-size:18px;line-height:1}
#pricing .airfiber-row .price-table-body{padding-top:0!important}
.speed-chip{min-width:0}
@media(min-width:1200px){
  #pricing .airfiber-row .price-table-header,#pricing .airfiber-row .price-table-body{padding-left:18px!important;padding-right:18px!important}
  .speed-row{gap:6px}
  .speed-chip{gap:3px;padding:9px 4px;font-size:12.5px;letter-spacing:-.02em}
  .speed-chip i{font-size:15px}
}

/* 6 Airfiber packages: two tidy rows of three on desktop (update 4) */
@media(min-width:992px){
  #pricing .airfiber-row .price-table{flex:0 0 33.3333%;max-width:33.3333%}
  #pricing .airfiber-row .price-table-header,#pricing .airfiber-row .price-table-body{padding-left:28px!important;padding-right:28px!important}
  #pricing .airfiber-row .price-table-header h3{font-size:46px!important}
  .speed-row{gap:8px}
  .speed-chip{gap:6px;padding:9px 8px;font-size:13.5px;letter-spacing:-.01em}
  .speed-chip i{font-size:18px}
}

/* WhatsApp / Telegram lines (update 6) */
.ms-footbar .ms-mail .ms-mail-value{grid-column:2;grid-row:2;color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.4}
.ms-footbar .ms-mail i.fa{font-size:15px;margin-top:2px}