/*
 * GIGW 3.0 / WCAG 2.1 AA layer for the public website.
 * Loaded after the theme stylesheets on every public layout.
 */

/* ---------- Utilities ---------- */
.sr-only-gigw {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0);
    white-space: nowrap; border: 0;
}

/* ---------- Focus indicator (WCAG 2.4.7): yellow inner ring + dark outer ring,
   visible on both light and dark backgrounds ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="tab"]:focus-visible {
    outline: 3px solid #ffdd00 !important;
    outline-offset: 0 !important;
    box-shadow: 0 0 0 6px #0b0c0c !important;
    position: relative;
    z-index: 5;
}
#main-content:focus, #main-content:focus-visible { outline: none !important; box-shadow: none !important; }

/* ---------- Skip links ---------- */
.gigw-skip-first {
    position: absolute; left: -10000px; top: auto;
    width: 1px; height: 1px; overflow: hidden;
}
.gigw-skip-first:focus {
    position: fixed; left: 8px; top: 8px; z-index: 100001;
    width: auto; height: auto; overflow: visible;
    background: #26316d; color: #fff !important;
    padding: 10px 16px; font-weight: 600;
}
.gigw-skip {
    float: left;
    display: inline-block;
    padding: 9px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #06152f;
    border-left: 1px solid #eeeeee;
}

/* ---------- State Emblem in the main header ---------- */
.gigw-brand { display: flex; align-items: center; gap: 12px; }
.gigw-emblem { display: inline-flex; flex-direction: column; align-items: center; text-decoration: none; }
.gigw-emblem img { height: 58px; width: auto; }
.gigw-brand .gigw-emblem + a { padding-left: 12px; border-left: 1px solid #d5dbe5; }
@media (max-width: 575px) { .gigw-emblem img { height: 44px; } .gigw-brand { gap: 8px; } }

/* ---------- Accessibility toolbar ---------- */
.gigw-tools { display: flex; align-items: stretch; float: left; position: relative; }
.gigw-tools button,
.gigw-tools a {
    background: transparent;
    border: 0;
    border-left: 1px solid #eeeeee;
    color: #06152f;
    font: 600 12px/1 Arial, Helvetica, sans-serif;
    padding: 9px 9px;
    cursor: pointer;
    display: inline-flex; align-items: center; gap: 4px;
    text-decoration: none;
}
.gigw-tools button:hover,
.gigw-tools a:hover { background: #1979bc; color: #fff; }

/* Accessibility Controls side panel */
.gigw-tools .gigw-a11y-trigger { padding: 6px 10px; color: #26316d; }
/* keep the navy icon with its white figure visible on hover, focus and while the panel is open */
.gigw-tools .gigw-a11y-trigger:hover,
.gigw-tools .gigw-a11y-trigger:focus-visible,
.gigw-tools .gigw-a11y-trigger[aria-expanded="true"] { background: #dbe7f5; color: #12206e; }
.gigw-tools .gigw-a11y-trigger svg { width: 22px; height: 22px; display: block; }
.gigw-a11y-drawer {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 100002;
    width: 400px; max-width: 100%; overflow-y: auto;
    background: #fff; color: #1b1b1b; text-align: left;
    box-shadow: -8px 0 30px rgba(6, 21, 47, 0.25);
    padding: 18px 18px 24px;
    font: 14px/1.4 Arial, Helvetica, sans-serif;
    transform: translateX(100%); transition: transform 200ms ease;
}
.gigw-a11y-drawer.is-open { transform: none; }
.gigw-a11y-drawer[hidden] { display: none; }
.gigw-a11y-drawer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.gigw-a11y-drawer__title { display: flex; align-items: center; gap: 8px; margin: 0; font: 700 20px/1.2 Arial, Helvetica, sans-serif; color: #06152f; }
.gigw-a11y-drawer__close { background: transparent; border: 0; padding: 6px; cursor: pointer; color: #06152f; }
.gigw-a11y-drawer__resets { display: flex; gap: 10px; margin-bottom: 14px; }
.gigw-a11y-drawer__resets button {
    flex: 1; padding: 9px 10px; border: 1px solid #26316d; border-radius: 6px;
    background: #f1f4f8; color: #26316d; font: 700 13px/1 Arial, Helvetica, sans-serif; cursor: pointer;
}
.gigw-a11y-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.gigw-a11y-grid button {
    width: 100%; min-height: 86px; padding: 12px 8px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    background: #fff; color: #06152f; border: 1.5px solid #26316d; border-radius: 8px;
    font: 700 12px/1.25 Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .02em; cursor: pointer;
}
.gigw-a11y-grid button svg { width: 28px; height: 28px; }
.gigw-a11y-grid button:hover { background: #eef2f9; }
.gigw-a11y-grid button[aria-pressed="true"] { background: #26316d; color: #fff; }
@media (max-width: 575px) { .gigw-a11y-drawer { width: 100%; } }

/* ---------- Dropdown menus usable from the keyboard (WCAG 2.1.1) ---------- */
.main-menu .main-menu__list li:focus-within > ul,
.stricky-header .main-menu__list li:focus-within > ul {
    opacity: 1; visibility: visible;
    /* show immediately so the submenu links can receive the next Tab */
    transition: opacity 300ms ease, visibility 0s;
}
.topRightHeader .dropdown:focus-within .menuPanelDown { display: block; width: 100%; }

/* Hamburger and close are real buttons now */
button.main-menu__toggler, button.mobile-nav__close {
    background: transparent; border: 0; padding: 6px 10px; line-height: 1; cursor: pointer;
}

/* ---------- External website dialog ---------- */
.gigw-modal {
    position: fixed; inset: 0; z-index: 100000;
    display: flex; align-items: center; justify-content: center;
    background: rgba(6, 21, 47, 0.65); padding: 16px;
}
.gigw-modal[hidden] { display: none; }
.gigw-modal__box {
    background: #fff; color: #1b1b1b; max-width: 480px; width: 100%;
    border-radius: 8px; padding: 24px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    font: 16px/1.5 Arial, Helvetica, sans-serif;
}
.gigw-modal__title { font: 700 20px/1.3 Arial, Helvetica, sans-serif; margin: 0 0 10px; color: #06152f; }
.gigw-modal__url { word-break: break-all; font-size: 14px; color: #3d4a5c; background: #f1f4f8; padding: 8px 10px; border-radius: 4px; }
.gigw-modal__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.gigw-modal__actions button { border-radius: 4px; padding: 10px 16px; font: 600 15px/1 Arial, Helvetica, sans-serif; cursor: pointer; }
.gigw-modal__cancel { background: #fff; color: #26316d; border: 2px solid #26316d; }
.gigw-modal__continue { background: #26316d; color: #fff; border: 2px solid #26316d; }

/* ---------- Previous / Pause-Play / Stop / Next for moving content (WCAG 2.2.2) ---------- */
.gigw-ctl-group { display: flex; align-items: center; justify-content: center; gap: 8px; }
.gigw-ctl,
.owl-carousel .owl-nav.gigw-ctl-group button.gigw-ctl {
    position: static !important; transform: none !important; float: none !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important;
    border: 2px solid #fff !important; border-radius: 50% !important;
    background: #12206e !important; color: #fff !important;
    font-size: 0 !important; line-height: 1 !important; cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.gigw-ctl svg { width: 16px; height: 16px; display: block; }
.gigw-ctl:hover, .owl-carousel .owl-nav.gigw-ctl-group button.gigw-ctl:hover { background: #1979bc !important; }
.gigw-ctl.disabled { opacity: .55; }
/* owl carousels: arrows and pause/stop together, centred below the slides */
.owl-carousel .owl-nav.gigw-ctl-group,
.owl-carousel .owl-nav.gigw-ctl-group.disabled,
.news-carousel .owl-nav.gigw-ctl-group,
.clientSection .owl-nav.gigw-ctl-group {
    display: flex !important; position: static !important; width: auto !important;
    top: auto !important; bottom: auto !important; left: auto !important; right: auto !important;
    margin: 16px 0 0 !important;
}
.clientSection .owl-nav.gigw-ctl-group button::before { display: none !important; }
/* Success Stories keeps its arrows at the top right, now with pause/stop between them */
#success-stories .owl-carousel .owl-nav.gigw-ctl-group { position: absolute !important; top: -46px !important; right: 11px !important; margin: 0 !important; }
/* Banner: control group over the bottom of the slide */
.bannerSection { position: relative; }
.gigw-ctl-group--overlay {
    position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 20;
    padding: 6px 10px; border-radius: 30px; background: rgba(6, 21, 47, 0.55);
}
/* News ribbon and vertical tickers */
.ribbon-container { position: relative; padding-left: 56px; }
.gigw-ctl-group--ticker { gap: 6px; }
.gigw-ctl-group--ticker .gigw-ctl { width: 30px !important; height: 30px !important; }
.ribbon-container .gigw-ctl-group--ticker { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 2; }
/* only the Pause/Resume button pauses the ribbon */
.ribbon-container.is-paused .ribbon-text { animation-play-state: paused; }

/* Vertical news ticker that replaces <marquee> */
.gigw-vticker { position: relative; overflow: hidden; height: 13rem; }
.gigw-vticker__track { animation: gigwTickerUp var(--gigw-ticker-duration, 20s) linear infinite; }
.gigw-vticker.is-paused .gigw-vticker__track,
.gigw-vticker:hover .gigw-vticker__track,
.gigw-vticker:focus-within .gigw-vticker__track { animation-play-state: paused; }
.gigw-vticker-bar { display: flex; justify-content: flex-end; margin-bottom: 6px; }
@keyframes gigwTickerUp { from { transform: translateY(13rem); } to { transform: translateY(-100%); } }
@media (prefers-reduced-motion: reduce) {
    .gigw-vticker__track, .ribbon-text { animation: none !important; transform: none !important; }
    .ribbon-container { white-space: normal; }
}

/* ---------- Colour contrast fixes (WCAG 1.4.3) ---------- */
.sec-title.light .sub-title, .light > .sub-title { color: #595959; }
/* Photo Gallery section heading sits on a white background: site navy, not the theme's white */
.projects-section-two .sec-title.light h1, .projects-section-two .sec-title.light h2, .projects-section-two .sec-title.light h3 { color: #12206e; }
/* Photo / Video Gallery switch: black text, visible on the white section */
ul.PhotoPanelLink li { color: #000; background-color: #fff; border: 1px solid #a34a00; }
ul.PhotoPanelLink li a, ul.PhotoPanelLink li span { color: #000 !important; }
ul.PhotoPanelLink li.active, ul.PhotoPanelLink li:hover { background-color: #ffd9b3; border-color: #a34a00; color: #000; }
/* Leadership cards on the home page: designation in black */
.aboutSection .memeberBox p { color: #000; }
.read-more { color: #4f5459; }
.card-sigin .btn-primary, .main-signin-header .btn-primary, #submitBtn {
    background-color: #126e61 !important; border-color: #126e61 !important; color: #fff !important;
}
.main-signin-footer p, .main-signup-footer p { color: #545060 !important; }
.SumoSelect .CaptionCont > span.placeholder, .SumoSelect .CaptionCont > span { color: #4f5b6b; }

/* ---------- GIGW content pages ---------- */
.gigw-page { padding: 50px 0; }
.gigw-page h2 { font-size: 24px; margin: 30px 0 12px; }
.gigw-page h3 { font-size: 19px; margin: 20px 0 10px; }
.gigw-page p, .gigw-page li { font-size: 16px; line-height: 1.7; }
.gigw-page ul.gigw-list { list-style: disc; padding-left: 22px; }
.gigw-page .gigw-toc { columns: 2; list-style: none; padding: 0; }
.gigw-page .gigw-toc li { margin-bottom: 6px; }
.gigw-page table { width: 100%; margin: 15px 0 25px; }
.gigw-page table th, .gigw-page table td { border: 1px solid #ccd3dd; padding: 10px; vertical-align: top; }
.gigw-page table th { background: #26316d; color: #fff; }
.gigw-page .gigw-empty { padding: 16px; background: #f1f4f8; border-radius: 4px; }
/* Page banner heading is an <h1>; keep the look of the previous <h2> */
.page-header .container h1 { margin: 0; line-height: 1; color: #fff; font-size: 30px; font-weight: 800; }
@media (max-width: 767px) { .gigw-page .gigw-toc { columns: 1; } }

/* Footer ownership / last updated */
.gigw-footer-meta { font-size: 13px; line-height: 1.6; }
.gigw-footer-meta span { display: inline-block; margin: 0 8px; }
.gigw-filemeta { white-space: nowrap; }

/* ---------- Display modes chosen in Accessibility Controls ---------- */
html.gigw-grayscale { filter: grayscale(100%); }
html.gigw-invert { filter: invert(100%) hue-rotate(180deg); }
html.gigw-invert img, html.gigw-invert video, html.gigw-invert iframe { filter: invert(100%) hue-rotate(180deg); }
html.gigw-highlight-links a {
    text-decoration: underline !important; background-color: #ffeb3b !important; color: #000 !important;
    outline: 2px solid #000 !important; outline-offset: 1px;
}
html.gigw-hide-images img:not([src*="emblem-of-india"]):not([src*="logo"]),
html.gigw-hide-images video, html.gigw-hide-images iframe { visibility: hidden !important; }
html.gigw-hide-images *:not(.gigw-ctl):not(.gigw-ctl *) { background-image: none !important; }
html.gigw-big-cursor, html.gigw-big-cursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M5 2l13 10.6-5.8.7 3.6 7-2.6 1.3-3.6-7.1L5 18.6z' fill='%23000' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 2, auto !important;
}

html.gigw-high-contrast body,
html.gigw-high-contrast .page-wrapper,
html.gigw-high-contrast section,
html.gigw-high-contrast header,
html.gigw-high-contrast nav,
html.gigw-high-contrast footer,
html.gigw-high-contrast main,
html.gigw-high-contrast div,
html.gigw-high-contrast ul,
html.gigw-high-contrast li,
html.gigw-high-contrast table,
html.gigw-high-contrast th,
html.gigw-high-contrast td,
html.gigw-high-contrast .card,
html.gigw-high-contrast .form-control,
html.gigw-high-contrast input,
html.gigw-high-contrast select,
html.gigw-high-contrast textarea {
    background-color: #000 !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #fff !important;
}
html.gigw-high-contrast h1, html.gigw-high-contrast h2, html.gigw-high-contrast h3,
html.gigw-high-contrast h4, html.gigw-high-contrast h5, html.gigw-high-contrast h6,
html.gigw-high-contrast p, html.gigw-high-contrast span, html.gigw-high-contrast label,
html.gigw-high-contrast em, html.gigw-high-contrast strong, html.gigw-high-contrast i,
html.gigw-high-contrast ::placeholder {
    color: #fff !important;
}
html.gigw-high-contrast a,
html.gigw-high-contrast a span,
html.gigw-high-contrast a i,
html.gigw-high-contrast button { color: #ff0 !important; }
html.gigw-high-contrast button,
html.gigw-high-contrast .btn { background: #000 !important; border: 1px solid #ff0 !important; }
/* Logos with transparent backgrounds stay readable on black */
html.gigw-high-contrast img { background-color: #fff; }
html.gigw-high-contrast .preloader { display: none !important; }
html.gigw-high-contrast .gigw-a11y-grid button[aria-pressed="true"] { background: #ff0 !important; color: #000 !important; }
html.gigw-high-contrast .gigw-modal { background: rgba(0, 0, 0, 0.85) !important; }

/* ---------- Narrow screens ---------- */
@media (max-width: 575px) {
    .gigw-skip { display: none; }
    .gigw-tools { flex-wrap: wrap; }
    .gigw-tools a, .gigw-tools button { white-space: nowrap; padding: 8px 7px; }
}

/* Compact accessibility bar for standalone layouts (login/registration, Tech Grid) */
.gigw-mini-bar {
    position: relative; z-index: 10;
    display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;
    background: #fff; border-bottom: 1px solid #e7ebef;
}
.gigw-mini-bar .gigw-mini-home { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; font: 600 13px/1.2 Arial, Helvetica, sans-serif; color: #26316d; }
.gigw-mini-bar .gigw-mini-home img { height: 34px; width: auto; }
.gigw-mini-bar .gigw-tools { float: none; flex-wrap: wrap; }
.gigw-mini-bar .gigw-skip { display: none; }

/* Tech Grid footer links */
.gigw-tech-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-bottom: 8px; }
.gigw-tech-footer-links a { color: inherit; text-decoration: underline; }

/* ---------- Print (GIGW: content must print without overlap) ---------- */
@media print {
    @page { margin: 1.5cm; }
    .preloader, .topHeader, .gigw-mini-bar, .gigw-skip-first, .main-menu__nav, .main-menu__right,
    .mobile-nav__wrapper, .scroll-to-top, .clientSection, .bannerSection, .ribbon-container,
    .owl-nav, .owl-dots, .bx-controls, .gigw-ctl-group, .gigw-vticker-bar, .gigw-a11y-drawer,
    .floating-nav, .gigw-modal, .socialMediaBox, .footer-widget__social, .mobile-nav__social,
    .breadcrumbArea, iframe, video, form button, .btn, .tech-overlay, .main-footer .col-lg-4:last-child {
        display: none !important;
    }
    html, body { background: #fff !important; color: #000 !important; font-size: 11pt; filter: none !important; }
    *, *::before, *::after {
        box-shadow: none !important; text-shadow: none !important;
        animation: none !important; transition: none !important;
    }
    body * { position: static !important; transform: none !important; float: none !important; }
    .page-wrapper, section, main, footer, .container, .container-fluid, .auto-container,
    .row, [class^="col-"], [class*=" col-"], .d-flex, .owl-stage, .owl-stage-outer, .owl-item {
        display: block !important; width: auto !important; max-width: 100% !important;
        height: auto !important; min-height: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
        overflow: visible !important;
    }
    .owl-item.cloned, .gigw-vticker__track + .gigw-vticker__track { display: none !important; }
    .gigw-vticker { height: auto !important; overflow: visible !important; }
    /* decorative artwork and background textures are not printed */
    [class*="shape"], [class*="anim-"], .bg-image, [class*="pattern"], .chakra, img[alt=""] { display: none !important; }
    body *::before, body *::after { display: none !important; }
    figure, .image-box, .image, [class*="aboutImgPanel"] {
        height: auto !important; min-height: 0 !important; width: auto !important;
        overflow: visible !important; border: 0 !important; border-radius: 0 !important;
    }
    * { background-image: none !important; }
    img { max-width: 35% !important; max-height: 5cm !important; height: auto !important; page-break-inside: avoid; break-inside: avoid; }
    .main-menu, .main-menu .container-fluid { display: block !important; }
    .main-menu__logo img, .gigw-emblem img { max-height: 2.2cm !important; }
    .page-header { background: none !important; padding: 0 !important; min-height: 0 !important; }
    .page-header__bg { display: none !important; }
    .page-header .container h1, h1, h2, h3, h4, h5, h6 { color: #000 !important; page-break-after: avoid; break-after: avoid; }
    p, li { orphans: 3; widows: 3; }
    a { color: #000 !important; text-decoration: underline; }
    .card, .project-block, .tech-card, .memeberBox { page-break-inside: avoid; break-inside: avoid; border: 1px solid #999 !important; margin-bottom: 8px !important; }
    .main-footer, .bottom-footer { background: #fff !important; color: #000 !important; border-top: 1px solid #000; }
    .main-footer *, .bottom-footer * { color: #000 !important; }
}

/* ---------- Heading levels corrected (WCAG 1.3.1): keep the theme's original look ---------- */
.contentAreaBox .gigw-eyebrow {
    font-family: var(--heading-font); font-size: 1rem; line-height: 1.2;
    font-weight: 600; color: var(--thm-base); text-transform: uppercase;
    padding-right: 10px; display: inline-block; position: relative; margin: 0 0 10px; letter-spacing: 1.5px;
}
.contentAreaBox .gigw-eyebrow::before {
    content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 10px; width: 48px;
    background: linear-gradient(90deg, rgb(16 114 182) 3px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 8px, rgb(15 107 171) 8px, rgb(15 107 171) 13px, rgba(255, 255, 255, 0) 13px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 18px, rgb(15 107 171) 0);
}
.aboutSectionMission .aboutMsBox .gigw-ms-title {
    font-weight: 600; color: var(--thm-base); text-transform: uppercase; padding-right: 10px;
    display: inline-block; font-size: 20px; position: relative; margin-bottom: 10px; letter-spacing: 1.5px;
}
.aboutSectionMission .aboutMsBox .gigw-ms-title::before {
    content: ""; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); height: 10px; width: 48px;
    background: linear-gradient(90deg, rgb(16, 114, 182) 3px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 8px, rgb(15, 107, 171) 8px, rgb(15, 107, 171) 13px, rgba(255, 255, 255, 0) 13px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 18px, rgb(15, 107, 171) 0px);
}
.aboutSection .memeberBox h3 { padding: 0; margin: 0 0 2px; color: #000; }
.socialMediaSection .socialMediaContainer .socialMediaBox h3 { font-size: 20px; background: #1760ce; padding: 10px; border-radius: 50px; color: #fff; margin-bottom: 15px; }
.socialMediaSection .socialMediaContainer .socialMediaBox h3 i { width: 30px; height: 30px; text-align: center; background: #fff; border-radius: 50px; line-height: 30px; color: #1760ce; margin-right: 5px; }
.socialMediaSection .socialMediaContainer .socialMediaBox h3.twBg { background: #0a7a91; }
.socialMediaSection .socialMediaContainer .socialMediaBox h3.twBg i { color: #0a7a91; }
.team-block .info-box h3.name { font-size: 16px; }

/* Former javascript:/# links that are now buttons */
.gigw-linklike { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; color: inherit; }
.topRightHeader .dropdown > .gigw-social-toggle {
    float: left; display: block; background: transparent; border: 0; border-left: 1px solid #eeeeee;
    padding: 9px; cursor: pointer;
}
ul.PhotoPanelLink li a { color: inherit; text-decoration: none; display: block; }
.news-section-two .read-more, .news-block .read-more, .projectPanel .read-more { color: #4f5459; }

/* Social media embeds: a transparent link over the widget routes clicks through the External Website Alert */
.gigw-embed { position: relative; }
.gigw-embed__shield { position: absolute; inset: 0; z-index: 3; display: block; }
.gigw-embed__shield:focus-visible { outline-offset: -4px !important; }
