@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/raleway-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/raleway-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/raleway-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Raleway;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/raleway-latin-800-normal.woff2) format("woff2")}
@charset "UTF-8";/*!
 * Bootstrap  v5.3.6 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h2,.h3,.h5,h1,h2,h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h5,h5{font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}iframe{border:0}summary{display:list-item;cursor:pointer}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.figure{display:inline-block}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.g-4{--bs-gutter-x:1.5rem}.g-4{--bs-gutter-y:1.5rem}.g-5{--bs-gutter-x:3rem}.g-5{--bs-gutter-y:3rem}@media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-9{flex:0 0 auto;width:75%}}@media (min-width:992px){.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown{position:relative}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}:root{--bs-btn-close-filter: }:root{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden *{overflow:hidden!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.h-100{height:100%!important}.mt-4{margin-top:1.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-5{margin-bottom:3rem!important}.p-4{padding:1.5rem!important}.text-center{text-align:center!important}.rounded{border-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}
:root{
      --nav-bg:#010080;
      --ink:#0e1a24;
      --text:#ffffff;
      --muted:#d7e2ea;
      --hover:#eef3f8;
      --drop-border:rgba(0,0,0,.06);
      --shadow:0 22px 60px -24px rgba(0,0,0,.55);
      --underline:#ffffff;

       --slide-speed: 8000ms;
  --fade-speed: 400ms;
  --hero-min: 420px;
  --hero-max: 75vh;
  --content-bg: rgba(0,0,0,.15);
    }
    *{box-sizing:border-box}
    html,body{margin:0; width:100%; overflow-x:hidden}
    body{font-family:'Raleway', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; max-width:100vw; overflow-x:hidden}

    .site-header{background:var(--nav-bg); color:var(--text); box-shadow:0 1px 0 rgba(255,255,255,.14)}
    .site-header .wrap{margin:auto; padding:24px 24px; display:flex; align-items:center; gap:18px; width:100%}

    .logo img{height:44px; width:auto; display:block}

    nav.nav{margin-left:24px}
    .menu{list-style:none; display:flex; align-items:center; gap:34px; padding:0; margin:0}
    .menu > li{position:relative}
    .menu > li > a,
    .menu > li > .dd-toggle{color:var(--text); text-decoration:none; font-weight:600; letter-spacing:.4px; padding:12px 6px; background:none; cursor:pointer; text-transform:uppercase; font-size:14px}
    .menu > li > a:hover,
    .menu > li > button.dd-toggle:hover{background:rgba(255,255,255,.08); border-radius:6px}
    .menu > li.active > a::after{    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: var(--underline);
    border-radius: 2px;
    top: 25px;}

    .cta{margin-left:auto; background:#ffffff; color:var(--nav-bg); padding:12px 16px; border-radius:8px; font-weight:800; text-decoration:none; display:inline-flex; align-items:center; gap:8px; box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}

    .has-dropdown{position:relative}
    .dropdown{position:absolute; left:0; top:calc(100% + 10px); min-width:360px; background:#ffffff; color:var(--ink); border-radius:12px; padding:10px; box-shadow:var(--shadow); border:1px solid var(--drop-border); display:none; list-style:none;     z-index: 9;}
    .dropdown a{display:block; padding:14px 16px; border-radius:10px; color:var(--ink); text-decoration:none; font-weight:600; font-size:15px}
    .dropdown a:hover{background:var(--hover)}
    @media (hover:hover){
      .has-dropdown:hover > .dropdown{display:block}
      .has-dropdown:focus-within > .dropdown{display:block}
    }

    .hamburger{margin-left:auto; display:none; border:0; cursor:pointer; background:none; padding:0}
    .hambox{display:inline-flex; align-items:center; gap:10px; background:#ffffff; color:var(--nav-bg); padding:10px 14px; border-radius:4px; font-weight:800; box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}

    #mobileMenu{background:#ffffff; color:#0f1720; border-top:1px solid #e8eef2; position:relative; z-index:100}
    .mobile-list{list-style:none; margin:0; padding:6px}
    .mobile-list > li{border-bottom:1px solid #edf2f6}
    .mobile-list a{display:flex; width:100%; justify-content:space-between; align-items:center; gap:10px; color:#0f1720; text-decoration:none; padding:14px 10px; font-weight:600; text-transform:uppercase; font-size:14px}
    .mobile-list a:hover{background:#f7f9fc}
    .chev{transition:transform .2s ease}
    .mobile-sub{list-style:none; margin:0; padding:0 0 10px 12px; display:none}
    .mobile-sub a{display:block; padding:10px 8px; color:#314152; text-decoration:none; font-weight:600; text-transform:none !important;}

    @media (max-width: 1024px){
      nav.nav{display:none !important}
      .cta{display:none !important}
      .hamburger{display:inline-flex !important}
      #mobileMenu[hidden]{display:none !important}
      #mobileMenu:not([hidden]){display:block !important}
    }
    @media (min-width: 1025px){
      #mobileMenu{display:none !important}
      .hamburger{display:none !important}
    }

    /* ---------- HERO WRAPPER (FULLY CENTERED) ---------- */
.hero{
  position:relative;
  height: var(--hero-max);
  min-height: var(--hero-min);
  overflow:hidden;
  
  /* ✅ Ye line hero-content ko PERFECT CENTER karegi */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* Slides */
.hero-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition: opacity var(--fade-speed) linear;
}
.hero-slide.active{opacity:1}

/* Overlay */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.55)), rgba(0,0,0,.35);
  z-index:1;
}

/* Content Box */
.hero-content{
  position:relative;
  z-index:2;
  width:min(92vw,900px);
  padding: clamp(14px, 2.8vw, 24px) clamp(16px, 3.5vw, 32px);
  background:var(--content-bg);
  backdrop-filter:blur(6px);
  border-radius:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);
}
.hero-content h1{
  font-size:clamp(26px,5vw,48px);
  font-weight:800;
  margin-bottom:.4em;
  color:#ffffff;
}
.hero-content p{
  font-size:clamp(14px,3.2vw,18px);
  opacity: 1;
  color: #ffffff94;
}

/* ---------- MOBILE RESPONSIVE ---------- */
@media (max-width:640px){
  :root{ --hero-max: 65vh; --hero-min: 360px; }
  .hero-content{
    width:min(96vw,600px);
    padding:14px 16px;
    border-radius:14px;
  }
}

@media (max-width:360px){
  .hero-content{padding:12px 14px}
  .hero-content h1{font-size:clamp(20px,7vw,26px)}
  .hero-content p{font-size:13px}
}

/* asbestos section styles */
/* ===== Scoped to .asb-sec only ===== */
.asb-sec{padding:28px 18px 40px;background:#fff;color:#0f172a}
.asb-sec *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}

/* layout */
.asb-sec__wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;align-items:start}
.asb-sec__left{padding:6px 2px;max-width:720px}

/* badges + accent */
.asb-sec__accent{
    display:block;width:66px;height:5px;background:linear-gradient(90deg, #2563eb, #22d3ee);;border-radius:6px;margin:16px 0 10px
}

/* heading + sub */
.asb-sec__title{margin:0 0 10px;font-size:44px;line-height:1.14;font-weight:800;color:#1e2b4d;letter-spacing:.2px}
.asb-sec__sub{margin:0 0 20px;color:#6b7280;font-size:15.5px}

/* paragraphs */
.asb-sec__p{margin:0 0 14px;line-height:1.72;color:#1f2937;font-size:16px}

/* bullet list (blue tick with small blue dot) */
.asb-sec__list{margin:14px 0 20px;padding:0;list-style:none}
.asb-sec__list li{display:flex;gap:12px;align-items:flex-start;margin:9px 0;font-size:15.5px;color:#203055}
.asb-sec__list li i{
  width:16px;height:16px;margin-top:2px;flex:0 0 16px;position:relative;border-radius:50%;
  background:#010080;
}
.asb-sec__list li i:before{
  content:"";position:absolute;inset:3px;background:#010080;border-radius:50%;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M9.55 17.54L4.5 12.5l1.41-1.41l3.64 3.63l8.54-8.54l1.41 1.41z"/></svg>') center/12px 12px no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M9.55 17.54L4.5 12.5l1.41-1.41l3.64 3.63l8.54-8.54l1.41 1.41z"/></svg>') center/12px 12px no-repeat;
  box-shadow:0 0 0 5px #e7efff inset; /* thin blue ring feel */
}

/* note + outlined CTA */
.asb-sec__note{font-size:14.5px;color:#1f2937;margin:14px 0 18px}
.asb-sec__btn-outlined{display:inline-block;padding:12px 28px;border:2px solid #010080;color:#010080;border-radius:8px;font-weight:700;text-decoration:none;background:#fff;transition:transform .15s}
.asb-sec__btn-outlined:hover{transform:translateY(-1px)}

/* RIGHT CARD */
.asb-sec__card{
  background:#f7f9ff;border:1px solid #e3e9ff;border-radius:16px;padding:24px;text-align:center;
  box-shadow:0 10px 28px rgba(39,94,255,.12);
}
.asb-sec__card-title{margin:2px 0 10px;font-size:18px;letter-spacing:.6px;font-weight:800;color:#1e2b4d}

/* phone row */
.asb-sec__phone{display:flex;justify-content:center;align-items:center;gap:10px;margin:6px 0 6px}
.asb-sec__phone a{color:#010080;font-weight:800;font-size:22px;text-decoration:none}
.asb-sec__phone-ic{width:22px;height:22px;display:inline-block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23c12e2b" d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1v3.5a1 1 0 01-1 1C11.3 21 3 12.7 3 2.99a1 1 0 011-1H7.5a1 1 0 011 1c0 1.24.2 2.45.57 3.57a1 1 0 01-.24 1.02l-2.2 2.2z"/></svg>') center/contain no-repeat}

/* small label */
.asb-sec__mini{font-size:14px;color:#5e667f;margin:4px 0 16px}

/* form controls: exact height + soft inner highlight */
.asb-sec__form input{
  width:100%;height:48px;border:1px solid #dfe5f3;border-radius:10px;padding:12px 14px;font-size:15px;
  outline:none;margin-bottom:12px;background:#fff;box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 rgba(0,0,0,.02)
}
.asb-sec__form input::placeholder{color:#8a93a8}
.asb-sec__form input:focus{border-color:#b9c7ff;box-shadow:0 0 0 3px rgba(61,112,255,.16)}

/* CTA button: gradient + correct radius/height */
.asb-sec__btn-primary{
  height:48px;width:100%;border:none;cursor:pointer;border-radius:10px;font-weight:800;
  color:#fff;letter-spacing:.5px;font-size:14.6px;
  background:linear-gradient(180deg,#010080 0%,#010080 100%);
  box-shadow:0 10px 20px rgba(27,98,255,.25)
}
.asb-sec__btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}

/* card foot */

/* responsive */
@media (max-width: 1024px){
  .asb-sec__wrap{grid-template-columns:1fr;gap:24px}
  .asb-sec__card{order:2}
  .asb-sec__left{order:1}
}
@media (max-width: 560px){
  .asb-sec{padding:22px 14px 34px}
  .asb-sec__title{font-size:32px;line-height:1.18}
  .asb-sec__card{padding:20px;border-radius:14px}
}

/* =========================================
   FAQs (Card Style • Light • Scoped)
   Scope: .faqs-section
========================================= */
.faqs-section{
  --faq-blue: #2c65b7;
  --faq-blue-dark: #204f91;
  --faq-border: #dfe6ed;
  --faq-row-bg: #eef3f7;
  --faq-title: #2f4b6b;
  --faq-ink:#0f172a;
  --faq-muted:#3b4b5b;
  --faq-ring: rgba(44,101,183,.18);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f5ff 100%);   
     padding: 50px 0;
}

/* Card wrapper */

/* Title */

/* Rows */

/* Trigger row */

/* Chevron SVG */
.faqs-section .chev{
  width: 18px; height: 18px; flex: 0 0 18px;
  color: #6b7a8a;
  transition: transform .25s ease, color .25s ease;
}

/* Open state */

/* Panel */

/* Focus ring */

/* Responsive */

/* =========================================
   Sec 6 → FAQ Skin (Light, uses your FAQ palette)
   HTML stays the same; rotates your <svg class="chev">
========================================= */

/* Header block */

/* ---------- FIRST GROUP: inside .d-flex.flex-column.gap-3 ---------- */

/* Question row (your <a class="btn btn-outline-success"> … <svg class="chev">) */

/* Chevron SVG styling + rotation on open */

/* Answer panel */

/* ---------- NEXT GROUP TRIGGERS (Shower Tray / Sink) match same look ---------- */
/* Their SVG chevrons rotate, too */

/* Their answers (card after trigger) */

/* Focus / a11y */

/* Responsive */


/*.tg-footer ===== */
  .tg-footer { --bg:#010080; --text:#ffffff; --muted:rgba(255,255,255,.8); --line:rgba(255,255,255,.15); font-family: "Raleway", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); }
  .tg-footer *, .tg-footer *::before, .tg-footer *::after { box-sizing: border-box; }
  .tg-footer a { color: var(--muted); text-decoration: none; }
  .tg-footer a:hover { text-decoration: underline; color: #fff; }

  .tg-footer__container { max-width: 1200px; margin: 0 auto; padding: 48px 20px; }
  .tg-footer h3 { font-size: 18px; font-weight: 800; margin: 0 0 14px; color:#fff; }

  .tg-footer ul { list-style: none; margin: 0; padding: 0; }
  .tg-footer li { margin: 10px 0; }

  /* Top grid */
  .tg-footer__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }

  /* Middle row */

  /* Bottom bar */
  .tg-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; }
  .tg-footer__brand img { width: 110px; height: 36px; object-fit: contain; display: block; }
  .tg-footer__copy { color: var(--muted); font-size: 14px; }

  /* Responsive */
  @media (max-width: 1024px) {
    .tg-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  }
  @media (max-width: 768px) {
    .tg-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  }
  @media (max-width: 640px) {
    .tg-footer__grid { grid-template-columns: 1fr; gap: 20px; }
  }

  /* about us   */

  /* ------------------------------
   Company Info Section (scoped)
--------------------------------*/
.company-info-section{
  --bg:#0b1220;            /* section bg */
  --card:#0f172a;          /* card bg */
  --ink:#e6edf6;           /* text */
  --muted:#a6b0c3;         /* secondary text */
  --accent:#5b9fff;        /* primary accent */
  --accent-2:#6ee7ff;      /* secondary accent */
  --ring:rgba(91,159,255,.25);
  position: relative;
  isolation: isolate;
  color: var(--ink);
  overflow: hidden;
  padding: 70px 0; /* fallback if .section-space not present */
  background:
    radial-gradient(1000px 400px at 10% 0%, rgba(91,159,255,.08), transparent 60%),
    radial-gradient(800px 500px at 100% 100%, rgba(110,231,255,.08), transparent 60%),
    linear-gradient(180deg, #0b1220 0%, #0b1426 100%);
}

.company-info-section .container{
  position: relative;
  z-index: 2;
}

/* Subtle grid dots */
.company-info-section::after{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity:.35;
  pointer-events:none;
}

/* Card-like content area */

/* Section header */
.company-info-section .section-header{
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 28px !important;
}

.company-info-section .section-header::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width: 120px; height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  border-radius: 3px;
}

.company-info-section .section-title{
  font-size: clamp(26px, 2.2vw, 36px);
  line-height: 1.15;
  letter-spacing: .2px;
  margin: 0 0 6px;
  color: #fff;
}

/* Image wrapper with glow ring */

/* Content blocks */

.company-info-section p{
  color: var(--ink);
  opacity: .92;
  line-height: 1.7;
}

/* Fancy left accent on paragraphs */

/* Text Always Above */

/* Buttons Always Center */

/* CTA Button */

/* Second Button Ghost Style */

/* Mobile responsive (buttons 100% width) */


/* Responsive tweaks */
@media (max-width: 991.98px){
  .company-info-section .col-lg-4{ order:2; }
  .company-info-section .col-lg-8{ order:1; }
}
@media (max-width: 575.98px){
  .company-info-section{ padding: 56px 0; }
  .company-info-section .section-title{ font-size: 24px; }
}


/* =========================================
   Testimonials Section (scoped styling only)
========================================= */

/* dotted texture overlay */

/* --- Header --- */

/* --- Cards --- */

/* header row inside card */

/* rating stars */

/* profile picture (initials / image-ready) */

/* if you have photos, set as background in .review-one/.review-two */

/* quotation decoration */

/* subtle left bar accent on paragraph */

/* --- Google reviews link --- */

/* --- subtle card divider line between header and text (optional) --- */

/* --- Responsive --- */

/* ======== Optional: light theme variant ======== */

/* Example */
/* =========================================
   Features Section (Light Theme • Scoped)
   - Left design unchanged
   - Optional: limit left items to 6 via .six-only
   - Optional: right 2 stacked images via .two-stack
========================================= */

/* --- Left content/card wrapper --- */

/* Title underline accent */

/* --- Feature list items (soft cards) --- */

/* Optional limiter: keep design same, just hide after 6 */
/* .features-section .features-list.six-only > .feature-item:nth-child(n+7){
  display: none !important;
} */

/* Title row */

/* Emoji icon as pill badge */

/* Description text with subtle left accent */

/* --- Right side: default collage (3 images) --- */

/* collage placement */

/* --- Variant: Right side 2 stacked large images --- */

/* --- Focus states (accessibility) --- */

/* --- Responsive tweaks --- */
@media (max-width: 575.98px){

  /* default collage becomes single column */

  /* two-stack mobile: natural height */
}


/* --- Motion respect --- */

/* =========================================
   CTA – Dark Theme (scoped to .cta-content)
========================================= */

/* ---- Card / content box ---- */

/* headline */

/* subtext */

/* ---- CTA button(s) ---- */

/* gradient primary */

/* optional ghost variant if you add a second button */

/* phone number formatting inside button */           /* desktop single-line */
@media (max-width: 480px){      /* mobile two-line */
}

/* add a phone emoji bubble before the text (accessible) */

/* focus states for a11y */

/* spacing when you add multiple CTAs */

/* responsive paddings */


/* ==============================
   Services Tabs – Pro Light UI
   (scoped to .services-section)
============================== */
/* wrapper card */

/* pill list */

/* tab buttons */

/* small icon badge */

/* active state (gradient + indicator underline) */

/* sticky tabs (feel more pro) – remove if not needed */

/* focus a11y */

/* responsive sizes */

/* ========================================
   Services CTA (Dark Theme • Scoped)
======================================== */

/* subtle background glow halo */

/* CTA BUTTON */

/* responsive tweaks */

/* Mobile: make tabs horizontally scrollable with snap */
/* ---- Sticky config */

/* make the tabs wrapper sticky */

/* mobile: a bit lower to clear your fixed header */

/* optional: add a soft edge mask so content doesn't peek behind */

/* (Recommended) Mobile tabs scrollable for better UX */

/* prevent first content row from hiding under the sticky bar when scrolled into view via anchors */



/* =========================================
   Process Section – Light + Navy Accent
   (Scoped to any section that contains .process-content)
========================================= */

/* Scope root (works even if section pe extra class na ho) */
section:has(.process-content){
  --bg:#f7f8ff;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#475569;
  --line:#e3e6f5;
  --accent:#010080;   /* your brand navy */
  --accent-2:#4C6BFF; /* soft partner for gradients */
  --ring:rgba(1,0,128,.18);

  color: var(--ink);
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(1,0,128,.08), transparent 60%),
    radial-gradient(800px 460px at 100% 100%, rgba(76,107,255,.08), transparent 60%),
    linear-gradient(180deg, #f8f9ff 0%, #eef1ff 100%);
  padding: 70px 0; /* fallback if .section-space missing */
  position: relative;
  isolation: isolate;
}

/* Header card */

/* ------- Timeline-style steps (auto-numbered paragraphs) ------- */

/* vertical line */

/* paragraphs as steps */

/* numbered badges */

/* subtle connector dot */

/* ------- Right image column (polaroid stack look) ------- */

/* sticky images on desktop for nice reading flow */

/* ------- CTA inside this section (keeps your global CTA styles untouched) ------- */

/* ------- Responsive tweaks ------- */
@media (max-width: 991.98px){
  section:has(.process-content){ padding: 56px 0; }
}

/* process-session-two */

/* =========================================
   Process Section – Polished (Navy Accent)
   Scope: .process-content + siblings in same container
========================================= */

/* ---- Header card ---- */

/* ---- Left: numbered steps as timeline ---- */

/* Sub-title paragraph (first <p>) */

/* UL → timeline */

/* vertical guide line */

/* items */

/* number badge */

/* connector dot */

/* bold labels inside item */

/* ---- Right: images (polaroid + hover) ---- */

/* sticky images on desktop */

/* ---- Responsive tweaks ---- */

/* =========================================
   Hidden Danger – Dark + Navy Accent
   Scope: .hidden-content (your section has this class)
========================================= */

/* subtle dotted texture */

/* --- Title block --- */

/* --- Intro & outro paragraphs --- */

/* --- Section subheading --- */

/* --- Bullet list as elegant cards --- */

/* left gradient bar */

/* headings inside list */

/* text inside list */

/* --- “Value” block styling --- */

/* --- Responsive tweaks --- */

/* =========================================
   Shared tokens (safe to duplicate)
========================================= */

/* =========================================
   1) Expert’s Solution (Light, clean)
   .expert-content
========================================= */

/* =========================================
   2) Professional Solutions (Dark contrast)
   .sec-diy
========================================= */

/* =========================================
   3) Superior Section (Light, split layout)
   .sec-superior
========================================= */

/* =========================================
   Responsive tweaks
========================================= */

/* =========================================
   Contact Section – Light + Navy Accent
   Scope: #contact.contact-form
========================================= */

/* --- Top CTA button (Call Now) --- */

/* --- Form card --- */

/* Inputs/select/textarea */

/* Textarea height */

/* Checkbox */

/* Submit button */

/* Alerts (form status) */

/* Accessibility focus */

/* Responsive */

/* =========================================
   Location Section – Light + Navy Accent
   Scope: .location-section
========================================= */

/* Title block */

/* Intro copy card */

/* Map wrapper (glass card) */

/* Optional decorative glow ring behind map */ /* just to keep scope clean */

/* Focus states for a11y if map gets focus */

/* Responsive tweaks */

/* Scoped CTA styles */

/* ===============================
   ASBESTOS HERO SECTION – NEW UI
   =============================== */

.asb-sec {
  background: linear-gradient(135deg, #0b1220, #020617);
  padding: 90px 20px;
  color: #e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.asb-sec__wrap {
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap: 56px;
  align-items: flex-start;
}

/* ===============================
   LEFT CONTENT
   =============================== */

.asb-sec__left {
  position: relative;
}

.asb-sec__accent {
  display: block;
  width: 90px;
  height: 5px;
  background: linear-gradient(90deg, #22c55e, #4ade80);
  border-radius: 6px;
  margin-bottom: 24px;
}

.asb-sec__title {
  font-size: clamp(2.2rem, 3vw, 2.9rem);
  font-weight: 800;
  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 12px;
}

.asb-sec__sub {
  font-size: 1.15rem;
  color: #a5b4fc;
  margin-bottom: 28px;
}

.asb-sec__p {
  font-size: 1.02rem;
  line-height: 1.8;
  color: #d1d5db;
  margin-bottom: 18px;
}

.asb-sec__subtitle {
  color: #ffffff;
}

/* ===============================
   LIST STYLE
   =============================== */

.asb-sec__list {
  list-style: none;
  padding: 0;
  margin: 18px 0 26px;
}

.asb-sec__list li {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  color: #e5e7eb;
  line-height: 1.6;
}

.asb-sec__list li i {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  background: #22c55e;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ===============================
   NOTE / HIGHLIGHT
   =============================== */

.asb-sec__note {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.15),
    rgba(74, 222, 128, 0.05)
  );
  border-left: 4px solid #22c55e;
  padding: 18px 20px;
  margin: 32px 0;
  border-radius: 12px;
  color: #ecfeff;
}

.asb-sec__note strong {
  display: block;
  margin-top: 6px;
  font-size: 1.1rem;
}

/* ===============================
   PRIMARY CTA
   =============================== */

.asb-sec__btn-outlined {
  display: inline-block;
  margin-top: 16px;
  padding: 14px 34px;
  border-radius: 999px;
  border: 2px solid #22c55e;
  color: #22c55e;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.asb-sec__btn-outlined:hover {
  background: #22c55e;
  color: #020617;
  box-shadow: 0 12px 30px rgba(34, 197, 94, 0.35);
}

/* ===============================
   RIGHT CARD (FORM)
   =============================== */

.asb-sec__card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  border-radius: 22px;
  padding: 34px 30px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
  position: sticky;
  top: 32px;
}

.asb-sec__card-title {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 18px;
}

/* ===============================
   PHONE
   =============================== */

.asb-sec__phone {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.asb-sec__phone a {
  font-size: 1.25rem;
  font-weight: 800;
  color: #22c55e;
  text-decoration: none;
}

.asb-sec__mini {
  text-align: center;
  color: #c7d2fe;
  margin-bottom: 22px;
  font-size: 0.95rem;
}

/* ===============================
   FORM STYLES
   =============================== */

.asb-sec__form input,
.asb-sec__form select {
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 0.95rem;
}

.asb-sec__form input::placeholder {
  color: #cbd5f5;
}

.asb-sec__form select option {
  color: #020617;
}

.asb-sec__btn-primary {
  width: 100%;
  padding: 15px;
  border-radius: 999px;
  border: none;
  font-size: 1rem;
  font-weight: 800;
  background: linear-gradient(135deg, #22c55e, #4ade80);
  color: #020617;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.asb-sec__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(34, 197, 94, 0.45);
}

/* ===============================
   FOOT
   =============================== */

/* ===============================
   RESPONSIVE
   =============================== */

@media (max-width: 992px) {
  .asb-sec__wrap {
    grid-template-columns: 1fr;
  }

  .asb-sec__card {
    position: static;
  }
}
/* ===============================
   ASBESTOS SERVICES – NEW UI
   =============================== */

.company-info-section {
  background: linear-gradient(180deg, #020617, #0f172a);
  color: #e5e7eb;
}

.section-header .section-title {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
}

.section-description {
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.05rem;
  color: #c7d2fe;
  line-height: 1.7;
}

/* SERVICE CARDS */
.service-card {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(34,197,94,0.15), transparent);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.service-card:hover::before {
  opacity: 1;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}

/* ICON */

/* HEADINGS */
.service-card h3 {
  color: #ffffff;
  font-weight: 600;
}

.service-card p {
  color: #d1d5db;
  font-size: 0.95rem;
  line-height: 1.7;
}

/* SPECIAL FULL-WIDTH INFO BLOCKS */

.service-card ul {
  padding-left: 18px;
}

.service-card ul li {
  margin-bottom: 10px;
  color: #e5e7eb;
  line-height: 1.6;
}

/* WHICH SERVICE BLOCK */
.row.mb-5 .service-card {
  background: linear-gradient(
    135deg,
    rgba(34, 197, 94, 0.12),
    rgba(255, 255, 255, 0.04)
  );
}

/* IMAGE SECTION */

/* WHY CHOOSE US */

/* RESPONSIVE */
@media (max-width: 991px) {
  .section-header .section-title {
    font-size: 2rem;
  }

  .service-card {
    padding: 22px !important;
  }
}

@media (max-width: 575px) {
  .section-description {
    font-size: 0.95rem;
  }
}
/* ==============================
   Process Section
============================== */

/* ==============================
   Process Card
============================== */

/* ==============================
   Icon
============================== */

/* ==============================
   Step Badge
============================== */

/* ==============================
   Text Styling
============================== */

/* ==============================
   Responsive
============================== */
/* ==============================
   Asbestos Types Section
============================== */

/* ==============================
   Card
============================== */

/* ==============================
   Icon
============================== */

/* ==============================
   Text
============================== */

/* ==============================
   Warning Box
============================== */

/* ==============================
   Responsive
============================== */
/* ==============================
   Location – Alternative UI
============================== */

.location-alt {
  background: #ffffff;
  padding: 50px 0;
}

.location-alt__header h2 {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
}

.location-alt__header p {
  color: #6b7280;
  max-width: 640px;
  margin: 0 auto;
}

/* ==============================
   Map
============================== */

/* ==============================
   Buttons
============================== */

.btn-solid {
  background: #111827;
  color: #fff;
  padding: 12px 26px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
}

.btn-solid:hover {
  background: #000;
}

.btn-light {
  background: #fff;
  color: #111827;
  padding: 12px 26px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #e5e7eb;
}

/* ==============================
   Content Grid
============================== */

.location-alt__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.location-alt__block {
  padding: 28px;
  border-left: 4px solid #e5e7eb;
}

.location-alt__block p {
  color: #4b5563;
}

.location-alt__block.highlight {
  background: #f9fafb;
  border-left-color: #111827;
}

/* ==============================
   Lists
============================== */

.inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.inline-list li {
  font-weight: 500;
  color: #374151;
}

.dot-list {
  padding-left: 18px;
}

.dot-list li {
  margin-bottom: 8px;
  color: #4b5563;
}

/* ==============================
   Responsive
============================== */

@media (max-width: 991px) {
  .location-alt__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .location-alt__header h2 {
    font-size: 28px;
  }
}
/* ==============================
   Certifications – Alternative UI
============================== */

/* ==============================
   Trust Strip
============================== */

/* ==============================
   Badge
============================== */

/* ==============================
   Text
============================== */

/* ==============================
   Responsive
============================== */

/* ===============================
   BLOG PAGE STYLES - CLEAN GRID ARCHIVE
   =============================== */

/* Blog Grid - Clean Archive Layout */

/* Blog Card - No Shadows, No Gradients */

/* Blog Pagination - Clean Style */

/* Responsive - 100% Responsive Grid */

/* ===============================
   BLOG PAGE STYLES
   =============================== */



/* ===============================
   SINGLE POST PAGE STYLES
   =============================== */

/* Breadcrumb */

/* Post Header */

/* Featured Image */

/* Post Content */

/* Post Footer */

/* Post Navigation */

/* Related Posts */

/* Responsive Single Post */

/* ===============================
   STANDARD PAGE TEMPLATE STYLES
   =============================== */

.page-section {
  --bg: #ffffff;
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e2e8f0;
  --accent: #010080;
  --accent-hover: #001a66;

  color: var(--ink);
  background: var(--bg);
  padding: 60px 0;
  width: 100%;
  overflow-x: hidden;
}

.page-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Responsive Page Section */
@media (max-width: 768px) {
 .page-section {
 padding: 40px 0;
 }

 .page-section .container {
 padding: 0 16px;
 }
}

@media (max-width: 575.98px) {
 .page-section {
 padding: 30px 0;
 }

 .page-section .container {
 padding: 0 12px;
 }
}

/* ===============================
   GALLERY PAGE STYLES
   =============================== */

/* Responsive Gallery */

/* ===============================
   CONTACT INFO CARDS
   =============================== */

/* ===============================
   CONTACT PAGE STYLES - CLEAN
   =============================== */

/* Contact Info Section */

/* Contact Form Section */

/* Clean Form Styles */

/* Responsive Contact Page */

/* Additions to the client design (style-client.css): components used by the new pages and the town pages.
   Colours follow the client's navy (#010080) header. Light theme only. */
:root{--navy:#010080;--navy-2:#1a1aa6;--ink2:#0f172a;--muted2:#475569;--line:#e3e6f5;--soft:#f7f8ff;--ok:#15803d}
html{color-scheme:light}
body{background:#fff;color:var(--ink2);font-size:17px;line-height:1.65}
img{max-width:100%;height:auto}
a{color:var(--navy)}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:8px 12px;z-index:1000}
.skip:focus{left:8px;top:8px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.logo-text{color:#fff;font-weight:800;font-size:22px;letter-spacing:.2px;text-decoration:none;line-height:1.1;display:inline-flex;align-items:center;gap:10px}
.logo-text svg{flex:none}
.site-header .menu a,.site-header .header-phone{color:#fff}
.site-header .cta{color:var(--navy)}
#mobileMenu a{color:#0f1720}
.site-header .menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.header-phone{color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;margin-left:auto}
.header-phone + .cta{margin-left:14px}
@media (max-width:1199px){.header-phone{display:none}}
/* hero on the home page: client slider, h1 moved into the content section */
.hero-home .hero-h{font-size:clamp(26px,4.4vw,48px);font-weight:800;color:#fff;margin:0 0 10px;line-height:1.15}
.asb-sec__title{font-size:clamp(24px,3vw,34px)}
.asb-sec__subtitle{font-size:1.4rem;font-weight:700;margin:1.8rem 0 .8rem}
.asb-sec a{color:#a5c8ff;text-decoration:underline;text-underline-offset:2px}
.asb-sec__card a{color:#fff}
.asb-sec__note a{color:#a5c8ff}
.asb-sec__card .form-msg{margin:.6rem 0 0;font-size:14px;color:var(--ink2)}
/* page heroes */
.phero{position:relative;min-height:420px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy)}
.phero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,0,60,.88) 0%,rgba(1,0,60,.72) 45%,rgba(1,0,60,.25) 100%)}
.phero-content{position:relative;z-index:1;padding:56px 16px 48px;max-width:1140px}
.phero .hero-title{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.15;margin:.2em 0 .4em;max-width:820px;color:#fff}
.phero .hero-subtitle{font-size:clamp(16px,1.6vw,19px);max-width:720px;color:#eef1ff}
.hero-list{list-style:none;padding:0;margin:14px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.hero-list li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px;font-size:15px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;opacity:.9;margin:0}
.crumbs{font-size:14px;margin-bottom:10px}
.crumbs a,.phero .crumbs a{color:inherit}
.crumbs span{opacity:.85}
.page-hero{background:linear-gradient(135deg,var(--navy),#20208f);color:#fff;padding:48px 0 40px}
.page-hero h1{font-weight:800;font-size:clamp(28px,4vw,42px);margin:.2em 0 .3em;color:#fff}
.page-hero .lede{max-width:780px;font-size:18px;color:#eef1ff;margin:0}
.page-hero a{color:#fff}
.article-meta{font-size:14px;opacity:.85}
.phero .btn-solid,.cta-band .btn-solid{background:#fff;color:var(--navy);font-weight:800}
.phero .btn-light{background:transparent;color:#fff;border:2px solid #fff}
.btn-solid,.btn-light{display:inline-block;text-decoration:none;font-weight:700;margin:4px 6px 4px 0}
.btn-solid{background:var(--navy);color:#fff;padding:12px 26px;border-radius:999px;border:0;cursor:pointer}
.btn-solid:hover{background:#000066;color:#fff}
/* CTA band and trust band */
.cta-band{background:var(--navy);color:#fff;padding:26px 0}
.cta-band .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.cta-title{font-size:clamp(19px,2.2vw,24px);font-weight:800;margin:0}
.cta-band .btn-light{background:transparent;color:#fff;border:2px solid #fff}
.trust{background:var(--soft);border-top:1px solid var(--line);padding:36px 0}
.trust-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.trust-list li{position:relative;padding-left:40px;font-size:15px}
.trust-list .ico{color:var(--navy);position:absolute;left:0;top:0}
.trust-list strong{display:block;color:var(--ink2)}
.trust-more{margin:18px 0 0;font-size:15px;text-align:center}
@media (max-width:991px){.trust-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:575px){.trust-list{grid-template-columns:minmax(0,1fr)}}
/* content blocks */
.page-section,.block{padding:52px 0}
.band{background:var(--soft)}
.prose h2,.block h2,.page-section h2{font-weight:800;font-size:clamp(22px,2.4vw,30px);margin:0 0 .6em;color:var(--ink2)}
.prose h3,.block h3{font-weight:700;font-size:1.15rem;margin:1.4em 0 .5em}
.prose p,.prose li{color:#1f2937}
.prose a{text-decoration:underline;text-underline-offset:2px}
.row.flip{flex-direction:row-reverse}
@media (max-width:767px){.row.flip{flex-direction:column}}
.ticks{list-style:none;padding:0;margin:.4em 0 1em}
.ticks li{position:relative;padding-left:30px;margin:.45em 0}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--navy) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M9.55 17.54L4.5 12.5l1.41-1.41l3.64 3.63l8.54-8.54l1.41 1.41z"/></svg>') center/14px no-repeat}
.chips{list-style:none;padding:0;margin:.4em 0 1em;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:15px}
.chips a{text-decoration:none;color:var(--navy);font-weight:600}
.band .chips li{background:#fff}
.steps{counter-reset:s;list-style:none;padding:0;margin:.6em 0 1.2em}
.steps li{counter-increment:s;position:relative;padding:0 0 0 46px;margin:0 0 14px;min-height:32px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.spec{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin:16px 0;font-size:15px}
.spec dt{font-weight:700;color:var(--muted2)}
.spec dd{margin:0}
.pic,figure{margin:0 0 16px}
.pic img,figure img{border-radius:14px;display:block;width:100%;height:auto}
.map iframe{width:100%;border:1px solid var(--line);border-radius:12px}
.map figcaption{font-size:13px;color:var(--muted2);margin-top:6px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:0}
.faq summary{cursor:pointer;font-weight:700;padding:14px 18px;list-style:none;position:relative;padding-right:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:22px;color:var(--navy)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 18px 12px}
.table-wrap{overflow-x:auto;margin:1em 0}
.table-wrap table,.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose thead th{background:var(--soft)}
.toc{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:0 0 24px}
.toc ol{margin:.4em 0 0;padding-left:1.2em}
.note{background:var(--soft);border-left:4px solid var(--navy);padding:12px 16px;border-radius:6px;font-size:15px}
.side img{border-radius:14px;margin-bottom:14px}
.side-h{font-size:1.15rem!important;margin-top:1.2em!important}
.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.card-body{padding:16px}
.card-body h3{font-size:1.05rem;font-weight:700;margin:0 0 .4em}
.card-body h3 a{text-decoration:none;color:var(--ink2)}
.card-body p{font-size:15px;margin:0;color:var(--muted2)}
@media (max-width:991px){.cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:575px){.cards{grid-template-columns:minmax(0,1fr)}}
.company-info-section .service-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.company-info-section .service-card a{color:#fff}
.company-info-section a{color:#9cc3ff}
.steps-band{padding:56px 0;background:var(--soft)}
.steps-band .step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;height:100%}
.steps-band .step .ico{color:var(--navy)}
.steps-band .step h3{font-size:1.15rem;font-weight:700;margin:.6em 0 .3em}
.location-alt__block a{color:var(--navy)}
/* forms */
.form label{display:block;font-weight:600;margin:0 0 14px}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #c8cde4;border-radius:10px;font:inherit;background:#fff}
.form .check{font-weight:400;display:flex;gap:10px;align-items:flex-start}
.form .check input{width:auto;margin-top:6px}
.big-phone a{font-size:26px;font-weight:800;text-decoration:none}
.form-msg{min-height:1.4em}
/* footer */
.tg-footer a{color:inherit}
.tg-footer__note{font-size:13px;opacity:.85;margin-top:14px;line-height:1.5}
.lfq,.lhk,.ltp,.lsun,.lland,.lcoast{display:inline}
@media (max-width:991px){.row>*{width:100%}}
.asb-sec a.asb-sec__btn-outlined{color:var(--navy);text-decoration:none}