/*---------------------------------------------------------------------
  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: #ffffff;
  --u4-black: #000000;
  --u4-black-soft: #111111;
  --u4-ink: #1e1e1e;
  --u4-heading-dark: #0B1620;

  /* Primary neon palette */
  --u4-accent-neon: #00BDEB;
  --u4-accent-neon-strong: #008FB3;
  --u4-accent-neon-hover: #66E8FF;
  --u4-accent-blue: #28D7FF;

  /* 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: #10D9C4;
  --u4-brand-deep-blue: #06344D;
  --u4-brand-red: #ad2101;
  --u4-brand-pink: #ee4a79;
  --u4-brand-cyan: #00B8D9;
  --u4-brand-night: #020607;
  --u4-brand-yellow: #fbe212;
  --u4-brand-teal-deep: #042331;
  --u4-success: #4fce5d;
  --u4-alert-red: #f25252;

  --u4-surface-soft: #EFFAFF;
  --u4-surface-muted: #E7F5FA;
  --u4-surface-off: #F6FCFF;
  --u4-surface-dark: #071A24;
  --u4-surface-dark-red: #0A2A3A;
  --u4-surface-pale: #DDF6FD;
  --u4-surface-card: #ffffff;

  --u4-text-body: #506672;
  --u4-text-soft: #6A7D86;
  --u4-text-muted: #60747E;
  --u4-text-strong: #102A37;
  --u4-text-deep: #081E2A;
  --u4-text-faint: #999999;
  --u4-text-warm-white: #EAFBFF;
  --u4-link-default: #0B2532;

  --u4-border-light: #C8E8F0;
  --u4-border-muted: #E6F3F7;
  --u4-border-input: #BFEAF4;
  --u4-about-card-border: rgba(0, 189, 235, 0.28);
  --u4-border-neon-soft: rgba(0, 189, 235, .42);
  --u4-border-gold-soft: var(--u4-border-neon-soft);

  --u4-overlay-50: rgba(0, 0, 0, 0.5);
  --u4-overlay-70: rgba(0, 0, 0, 0.7);
  --u4-overlay-80: rgba(0, 0, 0, 0.8);

  --u4-order-accent: #00BDEB;
  --u4-order-surface: #ffffff;
  --u4-gallery-overlay: linear-gradient(135deg, #03131D 0%, #06283A 48%, #071A24 100%);
  --u4-ecommerce-navy: #233448;
  --u4-ecommerce-border: #00BDEB;
  --u4-ecommerce-text: #ffffff;
  --u4-ecommerce-highlight: #00BDEB;

  --u4-scroll-top-text: #000000;
  --u4-scroll-top-text-hover: #00BDEB;
  --u4-scroll-top-bg: #00BDEB;
  --u4-float-button-text: #000000;
  --u4-float-button-bg: #00BDEB;
  --u4-float-button-border: transparent;
  --u4-float-button-hover-text: #00BDEB;
  --u4-float-button-hover-bg: #071A24;
  --u4-float-button-hover-border: #00BDEB;
  --u4-float-panel-mobile-bg: #00BDEB;
  --u4-float-button-mobile-text: #000000;
  --u4-float-button-mobile-bg: #00BDEB;
  --u4-float-button-mobile-border: transparent;
  --u4-float-button-mobile-hover-text: #ffffff;
  --u4-float-button-mobile-hover-bg: #071A24;
  --u4-float-button-mobile-hover-border: #00BDEB;

  --u4-footer-link-hover: #66E8FF;
  --u4-card-dark-top: #082131;
  --u4-card-dark-bottom: #061722;

  --u4-shadow-card: 0 18px 44px rgba(5, 28, 40, 0.14);
  --u4-shadow-card-hover: 0 24px 60px rgba(0, 189, 235, 0.18);
  --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 #ddd;
}

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

.light_silver {
     background: #f9f9f9;
}

.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 rgba(0, 0, 0, 0.07) 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(rgba(20, 20, 20,.5), rgba(0, 0, 0, .5));
  background: -webkit-radial-gradient(rgba(20, 20, 20,.5), 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, rgba(14, 18, 24, 0.96) 0%, rgba(24, 30, 38, 0.94) 100%);
     border: 1px solid rgba(0, 189, 235, 0.22);
     box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24);
}

.modal-header {
     border-bottom-color: rgba(255, 255, 255, 0.08);
}

.modal-title,
.js-enquire-modal .modal-title {
     color: #e8fbff;
}

.modal-header .close,
.team_members_option .modal-content > .btn {
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.12);
     color: var(--u4-white);
}

.modal-header .btn-close {
  background-color: rgba(255, 255, 255, 0.08);
}

.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: rgba(0, 189, 235, 0.16);
     border-color: rgba(0, 189, 235, 0.5);
     color: var(--u4-white);
}

.modal-body,
.modal-footer {
     color: rgba(255, 255, 255, 0.84);
}

.ss-lead-form label {
     color: rgba(255, 255, 255, 0.86);
}

.ss-lead-form .form-control,
.js-enquire-modal .contactus,
.js-enquire-modal .textarea,
.js-fixed-public-form .contactus,
.js-fixed-public-form .textarea {
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(0, 189, 235, 0.24);
     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: rgba(255, 255, 255, 0.12);
     border-color: rgba(0, 189, 235, 0.72);
     box-shadow: 0 0 0 4px rgba(0, 189, 235, 0.14);
     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: rgba(255, 255, 255, 0.62);
     opacity: 1;
}

.request .small.text-muted,
.ss-lead-form .small.text-muted,
.footer-form .small.text-muted {
     color: rgba(255, 255, 255, 0.7) !important;
}

.request .alert-success,
.ss-lead-form .alert-success,
.footer-form .alert-success {
     background: rgba(31, 168, 85, 0.16);
     border: 1px solid rgba(31, 168, 85, 0.3);
     color: #d8ffe7;
}

.request .alert-danger,
.ss-lead-form .alert-danger,
.footer-form .alert-danger {
     background: rgba(242, 82, 82, 0.14);
     border: 1px solid rgba(242, 82, 82, 0.3);
     color: #ffe3e3;
}

.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: #4ac9f0;
     color: var(--u4-ink);
     border-color: #4ac9f0;
}

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

.modal-footer .btn-light:hover,
.modal-footer .btn-light:focus,
.modal-footer button.btn-light:hover,
.modal-footer button.btn-light:focus {
     background: rgba(255, 255, 255, 0.08);
     color: var(--u4-white);
     border-color: rgba(255, 255, 255, 0.3);
}

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

.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: #24c462;
     color: var(--u4-white);
     border-color: #24c462;
}

.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);
}

.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 rgba(0, 189, 235, .28);
  border-left: 4px solid var(--u4-accent-neon);
  box-shadow: 0 18px 44px rgba(5, 28, 40, .10);
}

.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, #082131 0%, #061722 100%);
  border: 1px solid rgba(0, 189, 235, .30);
  box-shadow: 0 20px 54px rgba(5, 28, 40, .20);
}

.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, rgba(0, 189, 235, .14), transparent 34%), linear-gradient(135deg, #03131D 0%, #071A24 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, rgba(0, 189, 235, .12), transparent 34%), linear-gradient(135deg, #03131D 0%, #071A24 100%);
}

/* keep only to have title with dark box
.items-section > .container:first-child .service-title-section{
  background: linear-gradient(180deg, rgba(24, 25, 30, 0.98) 0%, rgba(24, 25, 30, 0.94) 100%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.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, #082131 0%, #061722 100%);
  border: 1px solid rgba(0, 189, 235, .30);
  box-shadow: 0 20px 54px rgba(5, 28, 40, .20);
}

.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 rgba(0, 189, 235, .24);
}

.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: rgba(255, 255, 255, .08);
}

.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: rgba(255, 255, 255, 0.78);
}

.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: rgba(255, 255, 255, 0.88);
}

.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 rgba(0, 0, 0, 0.16);
}
.contact .contact .send:hover {
     box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
}
.current {
     color: var(--u4-white);
}

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

.js-fixed-public-form .request {
  background: linear-gradient(180deg, rgba(14, 18, 24, 0.96) 0%, rgba(24, 30, 38, 0.94) 100%);
  border: 1px solid rgba(0, 189, 235, 0.22);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24);
}

#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: rgba(24,25,30,0.8);
  }
}


/*------------------------------------------------------------------- 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, rgba(9, 12, 19, 0.82) 0%, rgba(17, 25, 33, 0.74) 100%);
  border-color: var(--u4-about-card-border);
}
.au-key-container h3{
  color: #7ddfff;
}

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

.au-key-container p{
  color: rgba(255, 255, 255, 0.94);
}
/* 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 rgba(0, 189, 235, .30) !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 rgba(24, 25, 30, .13);
}

.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 rgba(0, 189, 235, .42);
}

.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: rgba(0, 189, 235, .13);
  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 rgba(0, 0, 0, 0.18);
}

.product-tile-option .col-content,
.featured-section .slide-option,
.related-product-option {
  background: var(--u4-white);
  border: 1px solid rgba(24, 25, 30, .12);
  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, rgba(14, 18, 24, 0.96) 0%, rgba(24, 30, 38, 0.94) 100%);
     border: 1px solid rgba(0, 189, 235, 0.22);
     box-shadow: 0 22px 54px rgba(0, 0, 0, 0.24);
}

.js-enquire-modal .modal-header {
     border-bottom-color: rgba(255, 255, 255, 0.08);
}

.js-enquire-modal .modal-title {
     color: #e8fbff;
}

.js-enquire-modal .modal-body,
.js-enquire-modal .modal-footer {
     color: rgba(255, 255, 255, 0.84);
}

.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, #03131D 0%, #071A24 62%, #082131 100%);
}

#logo-nav-container {
  background: linear-gradient(180deg, var(--u4-white) 0%, #F6FCFF 100%);
  box-shadow: 0 8px 28px rgba(5, 28, 40, .06);
}

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: rgba(7, 26, 36, .28);
}

.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 rgba(0, 189, 235, .18);
}

.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: rgba(0, 189, 235, .58) !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: rgba(0, 189, 235, .62);
  box-shadow: 0 0 0 4px rgba(0, 189, 235, .08);
}

.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: rgba(255, 255, 255, .86);
}

.product-tab-container ul.nav-pills {
  background: linear-gradient(135deg, #03131D 0%, #071A24 100%);
  border-color: rgba(0, 189, 235, .45);
  box-shadow: 4px 4px 0 rgba(0, 189, 235, .18);
}

.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 rgba(0, 189, 235, .24);
}

.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, #071A24 0%, #082B3D 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: rgba(0, 189, 235, .72);
}

.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, rgba(3, 19, 29, .97) 0%, rgba(7, 26, 36, .95) 100%);
  border-color: rgba(0, 189, 235, .28);
  box-shadow: 0 26px 62px rgba(3, 19, 29, .28);
}