/* Tokenized non-destructive variant generated from theme_neon.css. */
:root {
  --u4-palette-001: #ffffff;
  --u4-palette-002: #000000;
  --u4-palette-003: #111111;
  --u4-palette-004: #1e1e1e;
  --u4-palette-005: #0B1620;
  --u4-palette-006: #00BDEB;
  --u4-palette-007: #008FB3;
  --u4-palette-008: #66E8FF;
  --u4-palette-009: #28D7FF;
  --u4-palette-010: #10D9C4;
  --u4-palette-011: #06344D;
  --u4-palette-012: #ad2101;
  --u4-palette-013: #ee4a79;
  --u4-palette-014: #00B8D9;
  --u4-palette-015: #020607;
  --u4-palette-016: #fbe212;
  --u4-palette-017: #042331;
  --u4-palette-018: #4fce5d;
  --u4-palette-019: #f25252;
  --u4-palette-020: #EFFAFF;
  --u4-palette-021: #E7F5FA;
  --u4-palette-022: #F6FCFF;
  --u4-palette-023: #071A24;
  --u4-palette-024: #0A2A3A;
  --u4-palette-025: #DDF6FD;
  --u4-palette-026: #506672;
  --u4-palette-027: #6A7D86;
  --u4-palette-028: #60747E;
  --u4-palette-029: #102A37;
  --u4-palette-030: #081E2A;
  --u4-palette-031: #999999;
  --u4-palette-032: #EAFBFF;
  --u4-palette-033: #0B2532;
  --u4-palette-034: #C8E8F0;
  --u4-palette-035: #E6F3F7;
  --u4-palette-036: #BFEAF4;
  --u4-palette-037: rgba(0, 189, 235, 0.28);
  --u4-palette-038: rgba(0, 189, 235, .42);
  --u4-palette-039: rgba(0, 0, 0, 0.5);
  --u4-palette-040: rgba(0, 0, 0, 0.7);
  --u4-palette-041: rgba(0, 0, 0, 0.8);
  --u4-palette-042: #03131D;
  --u4-palette-043: #06283A;
  --u4-palette-044: #233448;
  --u4-palette-045: #082131;
  --u4-palette-046: #061722;
  --u4-palette-047: rgba(5, 28, 40, 0.14);
  --u4-palette-048: rgba(0, 189, 235, 0.18);
  --u4-palette-049: #ddd;
  --u4-palette-050: #f9f9f9;
  --u4-palette-051: rgba(0, 0, 0, 0.07);
  --u4-palette-052: rgba(20, 20, 20,.5);
  --u4-palette-053: rgba(0, 0, 0, .5);
  --u4-palette-054: rgba(14, 18, 24, 0.96);
  --u4-palette-055: rgba(24, 30, 38, 0.94);
  --u4-palette-056: rgba(0, 189, 235, 0.22);
  --u4-palette-057: rgba(0, 0, 0, 0.24);
  --u4-palette-058: rgba(255, 255, 255, 0.08);
  --u4-palette-059: #e8fbff;
  --u4-palette-060: rgba(255, 255, 255, 0.12);
  --u4-palette-061: rgba(0, 189, 235, 0.16);
  --u4-palette-062: rgba(0, 189, 235, 0.5);
  --u4-palette-063: rgba(255, 255, 255, 0.84);
  --u4-palette-064: rgba(255, 255, 255, 0.86);
  --u4-palette-065: rgba(0, 189, 235, 0.24);
  --u4-palette-066: rgba(0, 189, 235, 0.72);
  --u4-palette-067: rgba(0, 189, 235, 0.14);
  --u4-palette-068: rgba(255, 255, 255, 0.62);
  --u4-palette-069: rgba(255, 255, 255, 0.7);
  --u4-palette-070: rgba(31, 168, 85, 0.16);
  --u4-palette-071: rgba(31, 168, 85, 0.3);
  --u4-palette-072: #d8ffe7;
  --u4-palette-073: rgba(242, 82, 82, 0.14);
  --u4-palette-074: rgba(242, 82, 82, 0.3);
  --u4-palette-075: #ffe3e3;
  --u4-palette-076: #4ac9f0;
  --u4-palette-077: rgba(255, 255, 255, 0.18);
  --u4-palette-078: rgba(255, 255, 255, 0.3);
  --u4-palette-079: #1fa855;
  --u4-palette-080: #24c462;
  --u4-palette-081: rgba(0, 189, 235, .28);
  --u4-palette-082: rgba(5, 28, 40, .10);
  --u4-palette-083: rgba(0, 189, 235, .30);
  --u4-palette-084: rgba(5, 28, 40, .20);
  --u4-palette-085: rgba(0, 189, 235, .14);
  --u4-palette-086: rgba(0, 189, 235, .12);
  --u4-palette-087: rgba(24, 25, 30, 0.98);
  --u4-palette-088: rgba(24, 25, 30, 0.94);
  --u4-palette-089: rgba(0, 0, 0, 0.12);
  --u4-palette-090: rgba(0, 189, 235, .24);
  --u4-palette-091: rgba(255, 255, 255, .08);
  --u4-palette-092: rgba(255, 255, 255, 0.78);
  --u4-palette-093: rgba(255, 255, 255, 0.88);
  --u4-palette-094: rgba(0, 0, 0, 0.16);
  --u4-palette-095: rgba(0, 0, 0, 0.2);
  --u4-palette-096: rgba(24,25,30,0.8);
  --u4-palette-097: rgba(9, 12, 19, 0.82);
  --u4-palette-098: rgba(17, 25, 33, 0.74);
  --u4-palette-099: #7ddfff;
  --u4-palette-100: rgba(255, 255, 255, 0.94);
  --u4-palette-101: rgba(24, 25, 30, .13);
  --u4-palette-102: rgba(0, 189, 235, .13);
  --u4-palette-103: rgba(0, 0, 0, 0.18);
  --u4-palette-104: rgba(24, 25, 30, .12);
  --u4-palette-105: rgba(5, 28, 40, .06);
  --u4-palette-106: rgba(7, 26, 36, .28);
  --u4-palette-107: rgba(0, 189, 235, .18);
  --u4-palette-108: rgba(0, 189, 235, .58);
  --u4-palette-109: rgba(0, 189, 235, .62);
  --u4-palette-110: rgba(0, 189, 235, .08);
  --u4-palette-111: rgba(255, 255, 255, .86);
  --u4-palette-112: rgba(0, 189, 235, .45);
  --u4-palette-113: #082B3D;
  --u4-palette-114: rgba(0, 189, 235, .72);
  --u4-palette-115: rgba(3, 19, 29, .97);
  --u4-palette-116: rgba(7, 26, 36, .95);
  --u4-palette-117: rgba(3, 19, 29, .28);
}

/*---------------------------------------------------------------------
  File Name: u4_theme_neon.css
  Layer: neon theme override / premium lean palette / component skin
  Load Order: common.css -> style-control-new-2.css -> u4_theme_neon_refactored.css

  Notes
  - Refactored from the old hard-coded neon theme using the same univ4
    pattern already applied in the black theme.
  - Keeps neon identity: dark tech base + brighter SiteSeas-style cyan accent.
  - Removes font/plugin imports from the theme layer and keeps this file
    focused on color tokens and theme-owned component skin.
---------------------------------------------------------------------*/

:root {
  --u4-white: var(--u4-palette-001);
  --u4-black: var(--u4-palette-002);
  --u4-black-soft: var(--u4-palette-003);
  --u4-ink: var(--u4-palette-004);
  --u4-heading-dark: var(--u4-palette-005);

  /* Primary neon palette */
  --u4-accent-neon: var(--u4-palette-006);
  --u4-accent-neon-strong: var(--u4-palette-007);
  --u4-accent-neon-hover: var(--u4-palette-008);
  --u4-accent-blue: var(--u4-palette-009);

  /* Compatibility aliases for components shared with the black theme */
  --u4-accent-gold: var(--u4-accent-neon);
  --u4-accent-gold-strong: var(--u4-accent-neon-strong);

  --u4-brand-teal: var(--u4-palette-010);
  --u4-brand-deep-blue: var(--u4-palette-011);
  --u4-brand-red: var(--u4-palette-012);
  --u4-brand-pink: var(--u4-palette-013);
  --u4-brand-cyan: var(--u4-palette-014);
  --u4-brand-night: var(--u4-palette-015);
  --u4-brand-yellow: var(--u4-palette-016);
  --u4-brand-teal-deep: var(--u4-palette-017);
  --u4-success: var(--u4-palette-018);
  --u4-alert-red: var(--u4-palette-019);

  --u4-surface-soft: var(--u4-palette-020);
  --u4-surface-muted: var(--u4-palette-021);
  --u4-surface-off: var(--u4-palette-022);
  --u4-surface-dark: var(--u4-palette-023);
  --u4-surface-dark-red: var(--u4-palette-024);
  --u4-surface-pale: var(--u4-palette-025);
  --u4-surface-card: var(--u4-palette-001);

  --u4-text-body: var(--u4-palette-026);
  --u4-text-soft: var(--u4-palette-027);
  --u4-text-muted: var(--u4-palette-028);
  --u4-text-strong: var(--u4-palette-029);
  --u4-text-deep: var(--u4-palette-030);
  --u4-text-faint: var(--u4-palette-031);
  --u4-text-warm-white: var(--u4-palette-032);
  --u4-link-default: var(--u4-palette-033);

  --u4-border-light: var(--u4-palette-034);
  --u4-border-muted: var(--u4-palette-035);
  --u4-border-input: var(--u4-palette-036);
  --u4-about-card-border: var(--u4-palette-037);
  --u4-border-neon-soft: var(--u4-palette-038);
  --u4-border-gold-soft: var(--u4-border-neon-soft);

  --u4-overlay-50: var(--u4-palette-039);
  --u4-overlay-70: var(--u4-palette-040);
  --u4-overlay-80: var(--u4-palette-041);

  --u4-order-accent: var(--u4-palette-006);
  --u4-order-surface: var(--u4-palette-001);
  --u4-gallery-overlay: linear-gradient(135deg, var(--u4-palette-042) 0%, var(--u4-palette-043) 48%, var(--u4-palette-023) 100%);
  --u4-ecommerce-navy: var(--u4-palette-044);
  --u4-ecommerce-border: var(--u4-palette-006);
  --u4-ecommerce-text: var(--u4-palette-001);
  --u4-ecommerce-highlight: var(--u4-palette-006);

  --u4-scroll-top-text: var(--u4-palette-002);
  --u4-scroll-top-text-hover: var(--u4-palette-006);
  --u4-scroll-top-bg: var(--u4-palette-006);
  --u4-float-button-text: var(--u4-palette-002);
  --u4-float-button-bg: var(--u4-palette-006);
  --u4-float-button-border: transparent;
  --u4-float-button-hover-text: var(--u4-palette-006);
  --u4-float-button-hover-bg: var(--u4-palette-023);
  --u4-float-button-hover-border: var(--u4-palette-006);
  --u4-float-panel-mobile-bg: var(--u4-palette-006);
  --u4-float-button-mobile-text: var(--u4-palette-002);
  --u4-float-button-mobile-bg: var(--u4-palette-006);
  --u4-float-button-mobile-border: transparent;
  --u4-float-button-mobile-hover-text: var(--u4-palette-001);
  --u4-float-button-mobile-hover-bg: var(--u4-palette-023);
  --u4-float-button-mobile-hover-border: var(--u4-palette-006);

  --u4-footer-link-hover: var(--u4-palette-008);
  --u4-card-dark-top: var(--u4-palette-045);
  --u4-card-dark-bottom: var(--u4-palette-046);

  --u4-shadow-card: 0 18px 44px var(--u4-palette-047);
  --u4-shadow-card-hover: 0 24px 60px var(--u4-palette-048);
  --radius-sm: 8px;
}
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/
body {
     color: var(--u4-text-body);
}

/*a {*/
/*     color: var(--u4-link-default);*/
/*}*/

h1,
h2,
h3,
h4,
h5,
h6 {
     color: var(--u4-black-soft);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: var(--u4-text-deep);
}

a {
     color: var(--u4-text-strong);
}

.btn-custom {
     background-color: transparent !important;
     border: 2px solid var(--u4-palette-049);
}

.lead {
     color: var(--u4-text-soft);
}

.light_silver {
     background: var(--u4-palette-050);
}

.theme_bg {
     background: var(--u4-brand-teal);
}
/**-- heading section --**/
.main_heading h2 {
     color: var(--u4-brand-deep-blue);
     border-left: solid var(--u4-brand-teal) 10px;
}

.main_heading h2 strong {
     background: var(--u4-brand-teal);
     color: var(--u4-white);
}

.white_heading_main h2 {
     color: var(--u4-white);
}

.small_main_heading {
     border-bottom: solid var(--u4-palette-051) 1px;
}

.small_main_heading h2 {
     color: var(--u4-brand-deep-blue);
}

.small_main_heading h2 strong {
     color: var(--u4-brand-teal);
}

.main_bt {
     background: var(--u4-black);
     color: var(--u4-white);
     border: solid var(--u4-black) 5px;
}

a.readmore_bt {
     color: var(--u4-white);
}

.main_bt:hover,
.main_bt:focus {
     background: var(--u4-brand-red);
     border: solid var(--u4-brand-red) 5px;
     color: var(--u4-white);
}

/*---------------------------- preloader area ----------------------------*/

.loader_bg{
  background: var(--u4-white);
}
.loader_bg_2{
  background: var(--u4-overlay-50);
}

.loader_bg_2 .loading:before {
  background: radial-gradient(var(--u4-palette-052), var(--u4-palette-053));
  background: -webkit-radial-gradient(var(--u4-palette-052), var(--u4-overlay-50));
}
/* :not(:required) hides these rules from IE9 and below */
.loader_bg_2 .loading:not(:required) {
  /* hide "loading..." text */
  color: transparent;
  background-color: transparent;
}

/*---------------------------- scroll to top area ----------------------------*/

.scrollup {
     color: var(--u4-white);
     background: var(--u4-brand-teal);
}

.top_awro {
     background: var(--u4-brand-pink) none repeat scroll 0 0;
}

.sale_pro {
     background: var(--u4-alert-red) !important;
}

/*--------------------------------------------------------------------- header area ---------------------------------------------------------------------*/

.logo .brand-name{
  color: var(--u4-ink);
}

.logo .large-brand-name{
  color: var(--u4-ink);
}

.logo .brand-tagline{
  border-top: 1px solid var(--u4-ink);
  color: var(--u4-accent-neon);
}

.menu-area-main li:hover a,
.menu-area-main li:focus a {
     color: var(--u4-accent-neon);
}

.right_cart_section ul li {
     color: var(--u4-white);
}

.right_cart_section ul.cart_update li {
     color: var(--u4-border-light);
}

.right_cart_section ul.cart_update li span {
     color: var(--u4-white);
}
.right_cart_section ul li i {
     color: var(--u4-white);
}
.right_cart_section ul li a {
     color: var(--u4-white);
}

/*-- end header middle --*/
.top-bar-info {
     background: var(--u4-black-soft);
}

.top-menu-left li::before {
     border-right: 1px dotted var(--u4-text-faint);
}

.top-menu-left li a {
     color: var(--u4-white);
}
.top-menu-left li a:hover {
     color: var(--u4-brand-teal);
}

.dropdown-bar .dropdown-link {
     background: var(--u4-white);
     border: 2px solid var(--u4-brand-teal);
}

.dropdown-bar.right-dropdown-language>a::after {
     color: var(--u4-white);
}

.dropdown-bar .dropdown-link li a {
     color: var(--u4-black-soft);
}

.dropdown-bar .dropdown-link li a:hover {
     color: var(--u4-brand-teal);
}

.right-dropdown-language .dropdown-link {
     color: var(--u4-black-soft);
}

.dropdown-bar.right-dropdown-currency>a::after {
     color: var(--u4-white);
}
.right-dropdown-currency>a {
     color: var(--u4-white);
}
.right-dropdown-currency .dropdown-link {
     color: var(--u4-black-soft);
}

.modal-title {
     color: var(--u4-black);
}

.modal-content {
     background: linear-gradient(180deg, var(--u4-palette-054) 0%, var(--u4-palette-055) 100%);
     border: 1px solid var(--u4-palette-056);
     box-shadow: 0 22px 54px var(--u4-palette-057);
}

.modal-header {
     border-bottom-color: var(--u4-palette-058);
}

.modal-title,
.js-enquire-modal .modal-title {
     color: var(--u4-palette-059);
}

.modal-header .close,
.team_members_option .modal-content > .btn {
     background: var(--u4-palette-058);
     border: 1px solid var(--u4-palette-060);
     color: var(--u4-white);
}

.modal-header .btn-close {
  background-color: var(--u4-palette-058);
}

.modal-header .close:hover,
.modal-header .close:focus,
.modal-header .btn-close:hover,
.modal-header .btn-close:focus,
.team_members_option .modal-content > .btn:hover,
.team_members_option .modal-content > .btn:focus {
     background: var(--u4-palette-061);
     border-color: var(--u4-palette-062);
     color: var(--u4-white);
}

.modal-body,
.modal-footer {
     color: var(--u4-palette-063);
}

.ss-lead-form label {
     color: var(--u4-palette-064);
}

.ss-lead-form .form-control,
.js-enquire-modal .contactus,
.js-enquire-modal .textarea,
.js-fixed-public-form .contactus,
.js-fixed-public-form .textarea {
     background: var(--u4-palette-058);
     border: 1px solid var(--u4-palette-065);
     color: var(--u4-white);
}

.ss-lead-form .form-control:focus,
.js-enquire-modal .contactus:focus,
.js-enquire-modal .textarea:focus,
.js-fixed-public-form .contactus:focus,
.js-fixed-public-form .textarea:focus {
     background: var(--u4-palette-060);
     border-color: var(--u4-palette-066);
     box-shadow: 0 0 0 4px var(--u4-palette-067);
     color: var(--u4-white);
}

.ss-lead-form .form-control::placeholder,
.js-enquire-modal .contactus::placeholder,
.js-enquire-modal .textarea::placeholder,
.js-fixed-public-form .contactus::placeholder,
.js-fixed-public-form .textarea::placeholder,
.js-fixed-public-form *::placeholder {
     color: var(--u4-palette-068);
     opacity: 1;
}

.request .small.text-muted,
.ss-lead-form .small.text-muted,
.footer-form .small.text-muted {
     color: var(--u4-palette-069) !important;
}

.request .alert-success,
.ss-lead-form .alert-success,
.footer-form .alert-success {
     background: var(--u4-palette-070);
     border: 1px solid var(--u4-palette-071);
     color: var(--u4-palette-072);
}

.request .alert-danger,
.ss-lead-form .alert-danger,
.footer-form .alert-danger {
     background: var(--u4-palette-073);
     border: 1px solid var(--u4-palette-074);
     color: var(--u4-palette-075);
}

.contact .contact .send,
.modal-footer .btn-primary,
.modal-footer button.btn-primary,
.js-enquire-modal .send {
     background-color: var(--u4-accent-neon);
     color: var(--u4-ink);
     border-color: var(--u4-accent-neon);
}

.contact .contact .send:hover,
.contact .contact .send:focus,
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:focus,
.modal-footer button.btn-primary:hover,
.modal-footer button.btn-primary:focus,
.js-enquire-modal .send:hover,
.js-enquire-modal .send:focus {
     background-color: var(--u4-palette-076);
     color: var(--u4-ink);
     border-color: var(--u4-palette-076);
}

.modal-footer .btn-light,
.modal-footer button.btn-light {
     background: transparent;
     color: var(--u4-white);
     border: 1px solid var(--u4-palette-077);
}

.modal-footer .btn-light:hover,
.modal-footer .btn-light:focus,
.modal-footer button.btn-light:hover,
.modal-footer button.btn-light:focus {
     background: var(--u4-palette-058);
     color: var(--u4-white);
     border-color: var(--u4-palette-078);
}

.ss-btn-wa,
.modal-footer .btn-success,
.modal-footer button.btn-success {
     background: var(--u4-palette-079);
     color: var(--u4-white);
     border: 1px solid var(--u4-palette-079);
}

.ss-btn-wa:hover,
.ss-btn-wa:focus,
.modal-footer .btn-success:hover,
.modal-footer .btn-success:focus,
.modal-footer button.btn-success:hover,
.modal-footer button.btn-success:focus {
     background: var(--u4-palette-080);
     color: var(--u4-white);
     border-color: var(--u4-palette-080);
}

.btn-template-outlined {
     background: var(--u4-black-soft);
     color: var(--u4-white);
}

.slogan-line {
     color: var(--u4-white);
}

.header-search input {
     border: 1px solid var(--u4-border-input);
}
.header-search form .search-btn {
     color: var(--u4-white);
     background-color: var(--u4-brand-teal);
}
.header-search form .search-btn:hover {
     background: var(--u4-black-soft);
}

.product-media::before {
     background-color: var(--u4-brand-teal);
}

.main-menu ul>li a {
     color: var(--u4-ink);
}

.sub-down li {
     background: var(--u4-white);
}
.main-menu ul>li .sub-down li a {
     color: var(--u4-ink);
     border-bottom: solid var(--u4-border-muted) 1px;
}

.main-menu ul>li .sub-down li a::before {}
.main-menu ul>li .sub-down li a:hover {
     color: var(--u4-accent-neon);
}

.main-menu ul>li>ul {
     background: var(--u4-white);
}
html, body, * { scrollbar-color: var(--u4-accent-neon) var(--u4-white); }
*::-webkit-scrollbar-track { background: var(--u4-white); }
*::-webkit-scrollbar-thumb { background: var(--u4-accent-neon); border: 2px solid var(--u4-white); }

.main-menu ul>li>ul>li>a {
     background: none !important;
}
/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/

/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
.head {
     background-color: var(--u4-ink);
}

ul.email_call li a {
    color: var(--u4-white);
}
ul.email_call li a i {
     color: var(--u4-accent-neon);
}

ul.social_icon li a {
     color: var(--u4-brand-teal-deep);
     background: var(--u4-accent-neon);
}

ul.social_icon li a:hover {
     color: var(--u4-white);
}

#header_app_opts li a{
  color: var(--u4-white);
  background: var(--u4-accent-neon);
}

#logo-nav-container{
  background-color: var(--u4-surface-off);
}

.logo a {
     color: var(--u4-white);
}

.text-bg p.maintitle{
     color: var(--u4-white);
     border-left: 2px solid var(--u4-accent-neon);
}

.text-bg p.subtitle{
     color: var(--u4-white);
}

.text-bg p.tagline{
     color: var(--u4-white);
}
.text-bg a {
     color: var(--u4-accent-neon);
     border: 1px solid var(--u4-accent-neon);
}
.text-bg a:hover {
     background-color: var(--u4-accent-neon);
     color: var(--u4-ink);
}

.text {
     background: var(--u4-brand-cyan);
}

.carousel-indicators li {
     background: var(--u4-accent-blue);
}
.carousel-indicators .active {
     background-color: var(--u4-brand-night);
}

@media screen and (min-width:787px){
  .banner_main .carousel-control-prev i, .banner_main .carousel-control-next i,
  #banner_slider .carousel-control-prev i, #banner_slider .carousel-control-next i{
    color: var(--u4-accent-neon);
  }
}

@media screen and (max-width: 786px){

  .banner_main .carousel-control-prev i, .banner_main .carousel-control-next i,
  #banner_slider .carousel-control-prev i, #banner_slider .carousel-control-next i{
    color: var(--u4-accent-neon);
  }

}

.service-title-section h2, .service-title-section h1{
  color: var(--u4-heading-dark);
}

.service-title-section h2::after, .service-title-section h1::after{
  background-color: var(--u4-accent-neon);
}

#product-info-container div.service-title-section h1{
  color: var(--u4-heading-dark);
}

#product-info-container ul li::marker, #product-info-container ol li::marker, .its_section_inner ol li::marker, .its_section_inner ul li::marker{
  color: var(--u4-accent-neon);
}

#product-info-container table, .its_section_inner table{
  background-color: var(--u4-surface-muted);
}

#product-info-container table tr:nth-child(even), .its_section_inner table tr:nth-child(even){
    background-color: var(--u4-white);
}

#product-info-container div.service-title-section h1::after{
  background-color: var(--u4-accent-neon);
}

.three_box {
     background: var(--u4-accent-blue);
}
.yellow {
     background: var(--u4-brand-yellow) !important;
}

.three_box span {
     color: var(--u4-white);
     background: var(--u4-accent-blue);
}
.three_box h3 {
     color: var(--u4-white);
}
.three_box p{
     color: var(--u4-white);
}

/** end three box **/

/* Common properties */
.featured-section{
  background-color: var(--u4-surface-off);
}

.featured-section .slide-option{
  background-color: var(--u4-white);
  border: 1px solid var(--u4-palette-081);
  border-left: 4px solid var(--u4-accent-neon);
  box-shadow: 0 18px 44px var(--u4-palette-082);
}

.featured-section .slide-option span{
  background-color: var(--u4-accent-neon);
  color: var(--u4-white);
}

.featured-section .slide-option p{
  color: var(--u4-ink);
}

.featured-section .slide-option .view-detail-btn a{
  color: var(--u4-ink);
  background-color: var(--u4-accent-neon);
}

.featured-section .slide-option .view-detail-btn a:hover {
  background: var(--u4-ink);
  color: var(--u4-accent-neon);
  border: 1px solid var(--u4-accent-neon);
}

/* categories section */
.category-section-option .col-content{
  background: linear-gradient(180deg, var(--u4-palette-045) 0%, var(--u4-palette-046) 100%);
  border: 1px solid var(--u4-palette-083);
  box-shadow: 0 20px 54px var(--u4-palette-084);
}

.category-section-option h3::after{
  background-color: var(--u4-accent-neon);
}

.category-section-option h3 a{
  color: var(--u4-accent-neon);
}

.category-section-option p{
  color: var(--u4-white);
}

.category-section-option .cs-know-more-btn a {
  color: var(--u4-accent-neon);
  border: 1px solid var(--u4-accent-neon);
}

.category-section-option .cs-know-more-btn a:hover {
  background: var(--u4-accent-neon);
  color: var(--u4-ink);
  border: 1px solid var(--u4-ink);
}

.category-section-option .cs-img-container{
  border: 4px solid var(--u4-accent-neon);
}

/* categories section */

/* item sections properties */
.product-line-options-container-2{
  background: radial-gradient(circle at top left, var(--u4-palette-085), transparent 34%), linear-gradient(135deg, var(--u4-palette-042) 0%, var(--u4-palette-023) 100%);
}

.product-line-options-container-2 h3 a{
  color: var(--u4-white);
}

.product-line-options-container-2 h3::after{
  background-color: var(--u4-accent-neon);
}

.product-line-options-container-2 div.pb-4{
  color: var(--u4-white);
}

.product-line-options-container-2 .po-img-container{
  border: 1px solid var(--u4-accent-neon);
}

.item-section-options-container{
  background: radial-gradient(circle at top right, var(--u4-palette-086), transparent 34%), linear-gradient(135deg, var(--u4-palette-042) 0%, var(--u4-palette-023) 100%);
}

/* keep only to have title with dark box
.items-section > .container:first-child .service-title-section{
  background: linear-gradient(180deg, var(--u4-palette-087) 0%, var(--u4-palette-088) 100%);
  box-shadow: 0 18px 40px var(--u4-palette-089);
}

.items-section > .container:first-child .service-title-section h1,
.items-section > .container:first-child .service-title-section h2{
  color: var(--u4-white);
}
*/
.items-section > .container:first-child .service-title-section h1::after,
.items-section > .container:first-child .service-title-section h2::after{
  background-color: var(--u4-accent-neon);
}

.item-section-options-container .item-option div.kn_btn a, .product-line-options-container-2 .product-option div.kn_btn a{
  color: var(--u4-accent-neon);
  border: 1px solid var(--u4-accent-neon);
}

.item-section-options-container .item-option div.kn_btn a:hover, .product-line-options-container-2 .product-option div.kn_btn a:hover {
  background: var(--u4-accent-neon);
  color: var(--u4-ink);
  border: 1px solid var(--u4-ink);
}

.item-section-options-container .item-option{
  background: none;
}

.item-section-options-container .item-option .col-content{
  background: linear-gradient(180deg, var(--u4-palette-045) 0%, var(--u4-palette-046) 100%);
  border: 1px solid var(--u4-palette-083);
  box-shadow: 0 20px 54px var(--u4-palette-084);
}

.item-option h3::after{
  background-color: var(--u4-accent-neon);
}

.item-option h3 a{
  color: var(--u4-accent-neon);
}

.item-option p{
  color: var(--u4-white);
}

/* item sections properties */

/* Common properties */


/* product tabs container properties */
.product-tab-container ul.nav-pills{
  /*background-color: var(--u4-accent-neon);*/
}

.product-tab-container .nav-link{
  /*color: var(--u4-white);*/
}

.product-tab-container .nav-link.active{
  /*background-color: var(--u4-white);*/
  /*color: var(--u4-ink);*/
}

.product-tab-container ul.nav-pills {
  background: var(--u4-ink);
  border: 1px solid var(--u4-accent-neon);
  box-shadow: 4px 4px 0 var(--u4-palette-090);
}

.product-tab-container .nav-link {
  color: var(--u4-white);
  background: transparent;
}

.product-tab-container .nav-link:hover,
.product-tab-container .nav-link:focus {
  color: var(--u4-accent-neon);
  background: var(--u4-palette-091);
}

.product-tab-container .nav-link.active {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
  box-shadow: none;
}


/*#product-tab-container-2 .tab-content{*/
/*  border-bottom: 2px solid var(--u4-accent-neon);*/
/*}*/
/* product tabs container properties */

/* Owl carousel navigators styling */
.owl-prev span,
.owl-next span,
.featured-services-slider .owl-prev span,
.featured-services-slider .owl-next span {
  color: var(--u4-accent-neon);
  background: var(--u4-ink);
  border: 1px solid var(--u4-accent-neon);
}

.owl-prev span:hover,
.owl-next span:hover,
.featured-services-slider .owl-prev span:hover,
.featured-services-slider .owl-next span:hover {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
}
/* Owl carousel custom properties */


/* specialities_section properties */
#specialities_section #speciality_option_container{
  background-color: var(--u4-white);
}

.speciality_option .col-content div a{
  color: var(--u4-accent-blue);
  border: 1px solid var(--u4-accent-blue);
}
/* specialities_section properties */


/* team_section properties */
.team-section{
  background-color: var(--u4-surface-muted);
}

.team-members-container{
  background-color: var(--u4-surface-muted);
}

.team-members-container .team_members_option .col-content{
  background-color: var(--u4-overlay-80);
  border: 2px solid var(--u4-accent-neon);
}

.team_members_option .team-member-img-container{
  border: 2px solid var(--u4-accent-neon);
}

.team_members_option h3{
  color: var(--u4-accent-neon);
}

.team_members_option h5{
  color: var(--u4-palette-092);
}

.team_members_option h3::after{
  background-color: var(--u4-accent-neon);
}

team_members_option .read-bio-btn-cntr button,
.team_members_option .read-bio-btn-cntr button{
  border: 1px solid var(--u4-accent-neon);
  color: var(--u4-accent-neon);
  background-color: transparent !important;
}

.team_members_option div.team-social-link-cntr a{
  background-color: var(--u4-accent-neon);
  color: var(--u4-ink);
}

.team_members_option .modal-content{
  background-color: var(--u4-ink);
  border: 2px solid var(--u4-accent-neon);
}

.team_members_option .team-member-bio-img-container{
  border: 2px solid var(--u4-accent-neon);
}

.team_members_option .modal-content div p{
  color: var(--u4-white);
}

.team_members_option .modal-content h5{
  color: var(--u4-palette-093);
}

.team_members_option .modal-content button{
  color: var(--u4-white);
}

/* team_section properties */

/* Home Enquiry Form Start */
.js-enquire-modal button.close{
  background: none;
}

.js-enquire-modal .input-group-btn {
  background: none !important;
}

.js-enquire-modal .input-group-btn i {
  color: var(--u4-accent-neon) !important;
}

.js-enquire-modal input[type="submit"]{
  background-color: var(--u4-accent-neon) !important;
}

/* Home Enquiry Form Ends */

.featured-services-slider .owl-prev span, .featured-services-slider .owl-next span{
  color: var(--u4-white);
  background-color:var(--u4-accent-blue);
}

/** about us section **/
.about-us-section{
  background-color: var(--u4-white);
}

#about-us-heading-section p {
  color: var(--u4-text-muted);
}

.read_more {
     background-color: var(--u4-ink);
     color: var(--u4-white);
}
.read_more:hover {
     background: var(--u4-accent-neon);
     color: var(--u4-ink);
}

/** about section **/

/* direct you section properties */
.direct-you-section{
  background-color: var(--u4-overlay-70);
}

/* direct you section properties */
.direct-you-section h2{
  color: var(--u4-white);
}

.dy-option p{
  color: var(--u4-white);
}

.dy-tagline-container p{
  color: var(--u4-white);
}

.dy-option a i{
  color: var(--u4-white);
}

.dy-option .dy-link-btn,
.dy-option .dy-link-btn i,
.dy-option .dy-link-btn p{
  color: var(--u4-white);
}

.dy-icon-cont a{
  color: var(--u4-ink);
  background-color: var(--u4-accent-neon);
}

.dy-icon-cont a:hover{
  color: var(--u4-white);
}

/* direct you section properties */

/* newsletter section properties */
#newsletter{
  background-color: var(--u4-surface-soft);
}

#newsletter input[type="email"]{
  border: 1px solid var(--u4-accent-neon);
}

#newsletter input[type="submit"]{
  background-color: var(--u4-accent-neon);
}
/* newsletter section properties */

/** review section **/
.review {
     background-color: var(--u4-ink);
}

.review .service-title-section h2{
  color: var(--u4-white);
}

.review .titlepage h2::after {
     background: var(--u4-accent-blue);
}

.banner-main2 .carousel-caption span {
     color: var(--u4-white);
}

.banner-main2 .carousel-caption span::after{
  background-color: var(--u4-accent-neon);
}

.banner-main2 .carousel-caption p {
     color: var(--u4-white);
}
.banner-main2 .carousel-caption .ss-richtext,
.banner-main2 .carousel-caption .ss-richtext p {
     color: var(--u4-white);
}
.banner-main2 .carousel-caption a {
     background-color: var(--u4-white);
     color: var(--u4-black);
}
.banner-main2 .carousel-caption a:hover {
     background-color: var(--u4-accent-blue);
     color: var(--u4-white);
}

.js-testimonial-slider .carousel-control-prev,
.js-testimonial-slider .carousel-control-next {
     background: var(--u4-white);
     color: var(--u4-black);
}

.js-testimonial-slider .carousel-control-prev:hover,
.js-testimonial-slider .carousel-control-next:hover,
.js-testimonial-slider .carousel-control-prev:focus,
.js-testimonial-slider .carousel-control-next:focus {
     background: var(--u4-accent-blue);
     color: var(--u4-white);
}

/** end review section **/

/* latest news section properties */
.latest-news-option h3{
  background-color: var(--u4-ink);
  color: var(--u4-white);
}

.latest-news-option h3 a{
  color: var(--u4-white);
}

/* latest news section properties */

/* Gallery section properties */
.gs-img-option-container p{
  color: var(--u4-white);
}

/* Gallery section properties */

#vs-heading-container h2{
  color: var(--u4-heading-dark);
}

#vs-heading-container h2::after{
  background-color: var(--u4-accent-blue);
}

.vs-video-option-container i{
  color: var(--u4-white);
}

.view-more-btn{
  background-color: var(--u4-ink);
  color: var(--u4-white);
}

.gs-view-btn{
  background-color: var(--u4-accent-neon);
}
/* Video section properties */

/** contact section **/
.white {
     color: var(--u4-white);
}
.titlepage h2 {
     color: var(--u4-ink);
}

.contact .contact .titlepage h2:after {
     background: var(--u4-accent-neon);
}

.contact-option i{
  color: var(--u4-accent-neon);
}

.contact-option a{
  color: var(--u4-ink);
}

.contact-option a:hover{
  color: var(--u4-ink);
}

.contact .contact .contactus {
     color: var(--u4-white);
}
.contact .contact .textarea {
     color: var(--u4-white) !important;
}
.contact .contact .send {
     box-shadow: 0 16px 34px var(--u4-palette-094);
}
.contact .contact .send:hover {
     box-shadow: 0 18px 36px var(--u4-palette-095);
}
.current {
     color: var(--u4-white);
}

.js-fixed-public-form {
  background-color: var(--u4-surface-soft);
}

.js-fixed-public-form .request {
  background: linear-gradient(180deg, var(--u4-palette-054) 0%, var(--u4-palette-055) 100%);
  border: 1px solid var(--u4-palette-056);
  box-shadow: 0 22px 54px var(--u4-palette-057);
}

#cn-imp-link-container p{
  color: var(--u4-black);
}

#cn-cmp-info-container a{
  color: var(--u4-black);
}

#cn-cmp-info-container i{
  color: var(--u4-accent-neon);
}

#cn-imp-link-container a{
  color: var(--u4-ink);
}


/** end contact section **/

/** footer **/
.footer {
     background: var(--u4-surface-dark);
}

.follow h3 {
     color: var(--u4-white);
}

.follow h3::after{
  background-color: var(--u4-accent-neon);
}

.follow ul.ft_social li a {
     background: var(--u4-accent-neon);
     color: var(--u4-ink);
}

.follow ul.ft_app li a{
     color: var(--u4-accent-neon);
     border: 2px solid var(--u4-accent-neon);
}

.follow ul.ft_app li a i{
  color: var(--u4-accent-neon);
}

.follow ul li a:hover {
     color: var(--u4-accent-blue);
}
.copyright {
     background: var(--u4-ink);
}
.copyright p {
     color: var(--u4-white);
     border-top: 1px solid var(--u4-white);
}
.copyright a {
     color: var(--u4-white);
}
.copyright a:hover,
.copyright a:focus {
     color: var(--u4-white);
     text-decoration: underline !important;
     text-underline-offset: 3px;
     font-weight: 600;
}

/** end footer **/

/* responsive css styelsheet styles */
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/


@media only screen and (min-width: 992px){
  .banner-content .banner_content_inner{
    background-color: var(--u4-palette-096);
  }
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
    .banner-content .banner_content_inner{
      background-color: var(--u4-overlay-80);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    /* Banner content */
    .banner-content .banner_content_inner{
      background-color: var(--u4-overlay-80);
    }
    /* Banner content */

    .contact .contact {
      background-color: transparent;
    }

    #cn-info-section{
      background-color: transparent;
    }
}

@media (max-width: 575px) {
    .text-bg p.maintitle {
        color: var(--u4-black);
    }
    .text-bg p.subtitle {
        color: var(--u4-ink);
    }

    .text-bg p.tagline{
      color: var(--u4-black);
    }

    .banner-content{
      background: none;
    }
    .text-bg a {
        color: var(--u4-white);
        background-color: var(--u4-black);
    }

    .contact .contact {
        background-color: transparent;
    }
}

/* responsive css styelsheet styles */

#price-details-container{
  border-top: 1px solid var(--u4-surface-pale);
}

#product-price{
  color: green;
}

#product-discount{
  color: green;
}

#offer-name{
  color: red;
}

#original-price{
  color: gray;
}

#buy-now-button{
  background-color: green;
  color: var(--u4-white);
}

.product-attachment{
  color: var(--u4-ink);
  background-color: var(--u4-accent-neon);
}

div.my-common-section p.price-info{
  background-color: var(--u4-ink);
  color: var(--u4-white);
  cursor: auto;
}

#related-products{
  background-color: var(--u4-surface-muted);
}

.related-product-option{
  background-color: var(--u4-white);
}

.related-product-option i{
  color: var(--u4-white);
}

#product-dt-two h3{
  border-bottom: 1px solid var(--u4-surface-muted);
}

#pdt-1{
  background-color: var(--u4-surface-muted);
}

#product-info-section-3{
  border-top: 1px solid var(--u4-surface-muted);
  border-bottom: 1px solid var(--u4-surface-muted);
}

/* FAQ section properties */
.faq-section #faq-title:first-child{
  color: var(--u4-heading-dark);
}

.faq-section #faq-title::after{
  background-color: var(--u4-accent-blue);
}

.faq-section .accordion-item button{
  /*color: var(--u4-accent-neon);*/
  /*border: 1px solid var(--u4-accent-neon);*/
}

.faq-section .accordion-item button::after{
  background: none;
}

/*#faq-section .accordion-button:not(.collapsed){*/
/*  background-color: var(--u4-white);*/
/*}*/

.faq-section .accordion-button:not(.collapsed){
  background-color: var(--u4-accent-neon);
  color: var(--u4-ink);
}

/* FAQ section properties */

/* product page stylesheet styles */

/* about page stylesheet styles */

#au-heading-container h1{
  color: var(--u4-heading-dark);
}

#au-heading-container h1::after{
  background-color: var(--u4-accent-blue);
}

.au-key-container .col-content{
  background: linear-gradient(180deg, var(--u4-palette-097) 0%, var(--u4-palette-098) 100%);
  border-color: var(--u4-about-card-border);
}
.au-key-container h3{
  color: var(--u4-palette-099);
}

.au-key-container h3::after{
  background-color: var(--u4-accent-neon);
}

.au-key-container p{
  color: var(--u4-palette-100);
}
/* about page stylesheet styles */

/* career page properties */
.career-form-section input{
  border-bottom: 1px solid var(--u4-ink);
}

.career-form-section textarea{
  border: 1px solid var(--u4-ink);
}

.career-form-section legend::after{
  background-color: var(--u4-accent-neon);
}
/* career page properties */

/* Subsection properties */
.subsec-title{
    color: var(--u4-ink);
}

.subsec-title-border::after{
  background-color: var(--u4-accent-neon);
}
/* Subsection properties */


/* move_to_top properties */
#move_to_top, #whatsapp_chat{
  color: var(--u4-white);
}

#move_to_top{
  background-color: var(--u4-ink);
}

#whatsapp_chat{
  background-color: var(--u4-success);
}
/* move_to_top properties */

.usp-option h3::after{
  background-color: var(--u4-accent-neon);
}

.usp-option h3{
  color: var(--u4-white);
}

.usp-option p{
  color: var(--u4-white);
}

.usp-option .col-content{
  border: 4px solid var(--u4-accent-neon);
  background-color: var(--u4-ink);
}

#landingAdPop div.modal-body{
  background-color: var(--u4-overlay-80);
}

#landingAdPop div.modal-content button.btn{
  color: var(--u4-white);
  background-color: var(--u4-overlay-80);
}

/* Business card properties */
#business_card_container{
  background-color: var(--u4-overlay-80);
}

#business_card_container div.col-xs-12{
  background-color: var(--u4-ink);
}

#business_card_container #bc_img_container{
  border: 10px solid var(--u4-accent-neon);
}

#business_card_container h2, #business_card_container h3, #business_card_container h4{
  color: var(--u4-white);
}

#business_card_container h2::after{
  background-color: var(--u4-accent-neon);
}

#bc_cn_dtls h3{
  color: var(--u4-white);
}

#bc_cn_dtls h3::after{
  background-color: var(--u4-accent-neon);
}

#bc_cn_dtls{
  border-top: 1px solid var(--u4-accent-neon);
}

#bc_cn_dtls a{
  color: var(--u4-white);
}

#bc_cn_dtls a i{
  color: var(--u4-ink);
  background-color: var(--u4-accent-neon);
}

#bc_social_icons a{
  color: var(--u4-accent-neon);
}

#sv_cnt{
  background-color: var(--u4-accent-neon);
  color: var(--u4-ink);
}

#xyz3 p{
  color: var(--u4-white);
}

#xyz4 a{
  color: var(--u4-white);
}

#xyz4 a i{
  color: var(--u4-accent-neon);
}

#xyz3 h3::after, #xyz4 h3::after{
  background-color: var(--u4-accent-neon);
}

/* Branch offices properties */
.branch-offices-container{
  background-color: var(--u4-surface-muted);
}

.branch-offices-container .branch_option .col-content{
  background-color: var(--u4-overlay-80);
}


.branch-offices-container .branch_option h3{
  color: var(--u4-accent-neon);
}

.branch-offices-container .branch_option h4{
  color: var(--u4-white);
}

.branch-offices-container .branch_option h3::after{
  background-color: var(--u4-accent-neon);
}

.br_details, .br_details_container{
  color: var(--u4-white);
}

.br_social_icons a{
  color: var(--u4-ink);
}

.br_social_icons i{
  background-color: var(--u4-accent-neon);
}

/* Branch offices properties */

#bc_home_btn_container{
  background-color: var(--u4-accent-neon);
}

#bc_home_btn_container a{
  background-color: var(--u4-accent-neon);
  color: var(--u4-ink);
}

img.service-page-image, img.common-page-wrap-image{
  border-color: var(--u4-accent-neon) !important;
}

/* Rule for restaurant, only applicable for testing */
.its_section_inner > div > div > div > div > div.row {
  background-color:var(--u4-surface-dark);
  background-image: linear-gradient(to bottom right, var(--u4-surface-dark), var(--u4-surface-dark-red));
}

.c-btn-ecommerce-web-wrapper:hover .c-btn-ecommerce-web {
  /* box-shadow: 0px 15px 10px -14px var(--u4-white) !important;*/ /* for dark theme*/
  box-shadow: 0px 15px 10px -14px var(--u4-black)!important;  /* for white theme*/
}

.enPrimaryButton {
    background: var(--u4-ink);
    color: var(--u4-accent-neon);
    border: 1px solid var(--u4-accent-neon);
}

.enPrimaryButton:hover {
    background: var(--u4-accent-neon);
    color: var(--u4-ink);
    border: 1px solid var(--u4-ink);
}

.boSecondaryButton {
    background: var(--u4-ink);
    color: var(--u4-accent-neon);
    border: 1px solid var(--u4-accent-neon);
}

.boSecondaryButton:hover {
    background: var(--u4-accent-neon);
    color: var(--u4-ink);
    border: 1px solid var(--u4-ink);
}

/* about page rich text contrast */
.au-key-container .ss-richtext,
.au-key-container .ss-richtext p {
  color: var(--u4-text-warm-white);
}

.category-section-option .col-content,
.item-section-options-container .item-option .col-content,
.product-line-options-container-2 .product-option .col-content,
.team-members-container .team_members_option .col-content {
  background: linear-gradient(180deg, var(--u4-card-dark-top) 0%, var(--u4-card-dark-bottom) 100%) !important;
  border: 1px solid var(--u4-palette-083) !important;
  border-left: 4px solid var(--u4-accent-neon) !important;
  box-shadow: var(--u4-shadow-card) !important;
}
.footer a:hover,
.footer a:focus {
  color: var(--u4-accent-neon);
}

.follow ul.ft_social li a {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
}

.follow ul.ft_social li a:hover,
.follow ul.ft_social li a:focus {
  color: var(--u4-accent-neon);
  background: var(--u4-white);
}

.follow .app-btn,
.follow a[class*="app"],
.download-app a {
  border-color: var(--u4-accent-neon);
  color: var(--u4-accent-neon);
}

.follow .app-btn:hover,
.follow a[class*="app"]:hover,
.download-app a:hover {
  background: var(--u4-accent-neon);
  color: var(--u4-ink);
}

.follow, .footer {
  background: var(--u4-ink);
}

.follow h3,
.follow p,
.follow a,
.footer a,
.footer,
.footer p {
  color: var(--u4-white);
}

.product-attachment,
.c-btn-attach-customlink,
.c-attachment-small-btn,
.enPrimaryButton,
#buy-now-button {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
  border: 1px solid var(--u4-accent-neon);
  box-shadow: 4px 4px 0 var(--u4-palette-101);
}

.product-attachment:hover,
.product-attachment:focus,
.c-btn-attach-customlink:hover,
.c-btn-attach-customlink:focus,
.c-attachment-small-btn:hover,
.c-attachment-small-btn:focus,
.enPrimaryButton:hover,
.enPrimaryButton:focus,
#buy-now-button:hover,
#buy-now-button:focus {
  color: var(--u4-accent-neon);
  background: var(--u4-ink);
  border-color: var(--u4-ink);
  box-shadow: 4px 4px 0 var(--u4-palette-038);
}

.product-attachment,
.c-btn-attach-customlink,
.c-attachment-small-btn,
.c-order-btn,
.c-price,
.enPrimaryButton,
.boSecondaryButton,
#buy-now-button,
.read_more,
.btn-10 {
  font-family: 'Poppins', sans-serif;
}


.c-gallery-background-layer {
  background: var(--u4-gallery-overlay);
}

.gs-img-option-container p,
.vs-video-option-container p {
  color: var(--u4-text-strong);
}

.c-gallery-background-layer .gs-img-option-container p,
.c-gallery-background-layer .vs-video-option-container p {
  color: var(--u4-white);
}

.ss-richtext,
.product-gn-desc,
.product-spec {
  color: var(--u4-text-body);
}

.ss-richtext strong,
.product-gn-desc strong,
.product-spec strong {
  color: var(--u4-text-strong);
}

#product-info-container ul li::marker,
#product-info-container ol li::marker,
.its_section_inner ul li::marker,
.its_section_inner ol li::marker,
.ss-richtext ul li::marker,
.ss-richtext ol li::marker,
.tab-pane ul li::marker,
.tab-pane ol li::marker {
  color: var(--u4-accent-neon-strong);
}

#product-info-container table,
.its_section_inner table,
.ss-richtext table,
.tab-pane table {
  background: var(--u4-white);
  border: 1px solid var(--u4-border-light);
  color: var(--u4-text-body);
}

#product-info-container table th,
.its_section_inner table th,
.ss-richtext table th,
.tab-pane table th {
  background: var(--u4-ink);
  color: var(--u4-white);
  border-color: var(--u4-ink);
}

#product-info-container table td,
.its_section_inner table td,
.ss-richtext table td,
.tab-pane table td {
  border: 1px solid var(--u4-border-light);
}

#product-info-container table tr:nth-child(even),
.its_section_inner table tr:nth-child(even),
.ss-richtext table tr:nth-child(even),
.tab-pane table tr:nth-child(even) {
  background: var(--u4-surface-off);
}

.accordion-item,
.faq-section .accordion-item {
  background: var(--u4-white);
  border: 1px solid var(--u4-border-neon-soft);
}

.accordion-button,
.faq-section .accordion-item button {
  color: var(--u4-ink);
  background: var(--u4-white);
}

.accordion-button:not(.collapsed),
.faq-section .accordion-button:not(.collapsed) {
  color: var(--u4-ink);
  background: var(--u4-palette-102);
  box-shadow: none;
}

.accordion-button::after,
.faq-section .accordion-item button::after {
  color: var(--u4-accent-neon-strong);
}

img.service-page-image,
img.common-page-wrap-image {
  border-color: var(--u4-accent-neon);
  /*background: var(--u4-white);*/
}

.accordion-item,
.faq-section .accordion-item {
  overflow: hidden;
  border-radius: var(--radius-sm, 8px);
}

.au-key-container .col-content {
    background: linear-gradient(180deg, var(--u4-card-dark-top) 0%, var(--u4-card-dark-bottom) 100%);
    border: 1px solid var(--u4-about-card-border);
    box-shadow: 0 18px 48px var(--u4-palette-103);
}

.product-tile-option .col-content,
.featured-section .slide-option,
.related-product-option {
  background: var(--u4-white);
  border: 1px solid var(--u4-palette-104);
  border-left: 4px solid var(--u4-accent-neon);
  box-shadow: var(--u4-shadow-card);
}

.product-tile-option .col-content:hover,
.featured-section .slide-option:hover,
.related-product-option:hover {
  box-shadow: var(--u4-shadow-card-hover);
}

.contact {
    background-color: var(--u4-surface-soft);
}

.modal-body .ss-richtext strong,
.modal-body .ss-richtext b,
.team_members_option .modal-content .ss-richtext strong,
.team_members_option .modal-content .ss-richtext b,
.js-enquire-modal .ss-richtext strong,
.js-enquire-modal .ss-richtext b {
  color: inherit;
}

.js-enquire-modal .modal-content {
     background: linear-gradient(180deg, var(--u4-palette-054) 0%, var(--u4-palette-055) 100%);
     border: 1px solid var(--u4-palette-056);
     box-shadow: 0 22px 54px var(--u4-palette-057);
}

.js-enquire-modal .modal-header {
     border-bottom-color: var(--u4-palette-058);
}

.js-enquire-modal .modal-title {
     color: var(--u4-palette-059);
}

.js-enquire-modal .modal-body,
.js-enquire-modal .modal-footer {
     color: var(--u4-palette-063);
}

.js-fixed-public-form--cta {
    background-color: transparent;
}

/*---------------------------------------------------------------------
  Neon Premium Pass: SiteSeas-style polish
  Purpose: brighter SaaS neon identity without turning every section flat black.
---------------------------------------------------------------------*/
.head,
.follow,
.footer,
.copyright {
  background: linear-gradient(135deg, var(--u4-palette-042) 0%, var(--u4-palette-023) 62%, var(--u4-palette-045) 100%);
}

#logo-nav-container {
  background: linear-gradient(180deg, var(--u4-white) 0%, var(--u4-palette-022) 100%);
  box-shadow: 0 8px 28px var(--u4-palette-105);
}

ul.email_call li a i,
ul.email_call li span i,
.contact-option i,
#cn-cmp-info-container i {
  color: var(--u4-accent-neon);
}

ul.social_icon li a,
ul.header-social-icon li span,
#header_app_opts li a {
  background: var(--u4-accent-neon);
  color: var(--u4-ink);
  border: 1px solid var(--u4-accent-neon);
}

ul.social_icon li a:hover,
ul.social_icon li a:focus,
ul.header-social-icon li span:hover,
ul.header-social-icon li span:focus,
#header_app_opts li a:hover,
#header_app_opts li a:focus {
  background: var(--u4-ink);
  color: var(--u4-accent-neon);
  border-color: var(--u4-accent-neon);
}

.logo .brand-name,
.logo .large-brand-name {
  color: var(--u4-ink);
}

.logo .brand-tagline {
  color: var(--u4-accent-neon-strong);
  border-top-color: var(--u4-palette-106);
}

.menu-area-main li:hover a,
.menu-area-main li:focus a,
.main-menu ul>li .sub-down li a:hover {
  color: var(--u4-accent-neon-strong);
}

.text-bg a,
.read_more,
.view-more-btn,
.gs-view-btn,
.featured-section .slide-option .view-detail-btn a,
.item-section-options-container .item-option div.kn_btn a,
.product-line-options-container-2 .product-option div.kn_btn a,
.category-section-option .cs-know-more-btn a {
  box-shadow: 0 10px 24px var(--u4-palette-107);
}

.featured-section .slide-option:hover,
.product-tile-option .col-content:hover,
.related-product-option:hover,
.category-section-option .col-content:hover,
.item-section-options-container .item-option .col-content:hover,
.product-line-options-container-2 .product-option .col-content:hover {
  border-color: var(--u4-palette-108) !important;
  box-shadow: var(--u4-shadow-card-hover) !important;
}

.category-section-option .cs-img-container,
.item-section-options-container .item-option .item-img-container,
.product-line-options-container-2 .po-img-container,
.team_members_option .team-member-img-container {
  border-color: var(--u4-palette-109);
  box-shadow: 0 0 0 4px var(--u4-palette-110);
}

.category-section-option h3 a,
.item-option h3 a,
.product-line-options-container-2 h3 a,
.team_members_option h3 {
  color: var(--u4-accent-neon-hover);
}

.category-section-option p,
.item-option p,
.product-line-options-container-2 div.pb-4,
.team_members_option h5 {
  color: var(--u4-palette-111);
}

.product-tab-container ul.nav-pills {
  background: linear-gradient(135deg, var(--u4-palette-042) 0%, var(--u4-palette-023) 100%);
  border-color: var(--u4-palette-112);
  box-shadow: 4px 4px 0 var(--u4-palette-107);
}

.product-tab-container .nav-link.active,
.faq-section .accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) {
  background: linear-gradient(135deg, var(--u4-accent-neon) 0%, var(--u4-accent-neon-hover) 100%);
  color: var(--u4-ink);
}

.owl-prev span,
.owl-next span,
.featured-services-slider .owl-prev span,
.featured-services-slider .owl-next span {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
  border-color: var(--u4-accent-neon);
  box-shadow: 0 8px 24px var(--u4-palette-090);
}

.owl-prev span:hover,
.owl-next span:hover,
.featured-services-slider .owl-prev span:hover,
.featured-services-slider .owl-next span:hover {
  color: var(--u4-accent-neon);
  background: var(--u4-ink);
}

.latest-news-option h3 {
  background: linear-gradient(135deg, var(--u4-palette-023) 0%, var(--u4-palette-113) 100%);
  color: var(--u4-white);
}
.latest-news-option h3 a {
  color: var(--u4-white);
}

.contact .contact .send,
.modal-footer .btn-primary,
.modal-footer button.btn-primary,
.js-enquire-modal .send,
.product-attachment,
.c-btn-attach-customlink,
.c-attachment-small-btn,
.enPrimaryButton,
#buy-now-button {
  background: linear-gradient(135deg, var(--u4-accent-neon) 0%, var(--u4-accent-neon-hover) 100%);
  color: var(--u4-ink);
  border-color: var(--u4-accent-neon);
}

.contact .contact .send:hover,
.contact .contact .send:focus,
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:focus,
.modal-footer button.btn-primary:hover,
.modal-footer button.btn-primary:focus,
.js-enquire-modal .send:hover,
.js-enquire-modal .send:focus,
.product-attachment:hover,
.product-attachment:focus,
.c-btn-attach-customlink:hover,
.c-btn-attach-customlink:focus,
.c-attachment-small-btn:hover,
.c-attachment-small-btn:focus,
.enPrimaryButton:hover,
.enPrimaryButton:focus,
#buy-now-button:hover,
#buy-now-button:focus {
  background: var(--u4-ink);
  color: var(--u4-accent-neon-hover);
  border-color: var(--u4-accent-neon);
}

.follow ul.ft_social li a {
  color: var(--u4-ink);
  background: var(--u4-accent-neon);
  border: 1px solid var(--u4-accent-neon);
}

.follow ul.ft_social li a:hover,
.follow ul.ft_social li a:focus {
  color: var(--u4-accent-neon);
  background: var(--u4-white);
}

.follow ul.ft_app li a {
  color: var(--u4-accent-neon-hover);
  border-color: var(--u4-palette-114);
}

.follow ul.ft_app li a i {
  color: currentColor;
}

.follow ul.ft_app li a:hover,
.follow ul.ft_app li a:focus {
  color: var(--u4-ink) !important;
  background: var(--u4-accent-neon-hover);
  border-color: var(--u4-accent-neon-hover);
}

.follow ul.ft_app li a:hover i,
.follow ul.ft_app li a:focus i {
  color: currentColor !important;
}

#move_to_top {
  background: var(--u4-accent-neon);
  color: var(--u4-ink);
}

#move_to_top:hover,
#move_to_top:focus {
  background: var(--u4-ink);
  color: var(--u4-accent-neon);
  border-color: var(--u4-accent-neon);
}

.js-fixed-public-form .request,
.js-enquire-modal .modal-content,
.modal-content {
  background: linear-gradient(180deg, var(--u4-palette-115) 0%, var(--u4-palette-116) 100%);
  border-color: var(--u4-palette-081);
  box-shadow: 0 26px 62px var(--u4-palette-117);
}
/* Blog component */
.ss-blog-component--univ4{background:var(--u4-surface-off,var(--u4-palette-028,#f7f7fb))}.ss-blog-component--univ4 .ss-blog-component__eyebrow,.ss-blog-component--univ4 .ss-blog-component__archive,.ss-blog-component--univ4 .ss-blog-card__read,.ss-blog-component--univ4 .ss-blog-card__media span{color:var(--u4-accent-gold,var(--u4-palette-049,#d59a2a))}.ss-blog-component--univ4 h2,.ss-blog-component--univ4 .ss-blog-card h3 a{color:var(--u4-heading-dark,var(--u4-palette-032,#151515))}.ss-blog-component--univ4 .ss-blog-card{background:var(--u4-surface-card,var(--u4-palette-024,#fff));border:1px solid var(--u4-surface-muted,var(--u4-palette-033,#eee));box-shadow:0 14px 40px var(--u4-palette-012,rgba(0,0,0,.07))}.ss-blog-component--univ4 .ss-blog-card:hover{box-shadow:0 22px 50px var(--u4-palette-015,rgba(0,0,0,.5))}.ss-blog-component--univ4 .ss-blog-card__media{background:var(--u4-surface-soft,var(--u4-palette-039,#f1f1f8))}.ss-blog-component--univ4 .ss-blog-card p{color:var(--u4-text-body,var(--u4-palette-001,#666))}
/* Blog component ends */